* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body {
	margin-top: 20px;
	margin-bottom: 20px;
	background: white;
	padding: 5px;
	font-family: sans-serif, Arial, Geneva, Helvetica;
	text-align: center;
	background: #C7DBE0;
}
div#cabecera {
		position: relative;
		top: 0px;
		left: 0px;
		width: 985px;
		padding: 0px;
		height: 150px;
		background: #5EB4EB;
		border-top: 2px solid #79A8DB;
		border-left: 2px solid #79A8DB;
		border-right: 2px solid #79A8DB;
		margin: auto;
		/*text-align: center;*/
	}
		div#cabecera table * {
			border: 0px;
			margin: 0px;
			padding: 0px;
			height: 100px;
		}
		div#cabecera td#logocia {
			text-align: right;
		}
			div#cabecera td#logocia img {
				margin-right:10px;
			}
		div#cabecera td#banner {
			text-align: center;
		}
			div#cabecera td#banner img#dias{
			}	
		div#cabecera td#logoacup {
			text-align: left;
		}
			div#cabecera td#logoacup img {
				margin-left:10px;
			}

div#usermenu {
	position: relative;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 985px;
	background: #4577C2;
	display: table;
	vertical-align: middle;
	margin: auto;
}
	div#usermenu td#estado {
		width: 145px;
		height: 20px;
		font-weight: bold;
		color:#FFFFFF;
		padding-top: 2px;
		padding-left: 5px;
		border-top: 2px dotted rgb(153,153,153);
		border-right: 2px dotted rgb(153,153,153);
		text-decoration:underline;
		text-align:center;
		vertical-align: middle;
		font-size: 80%;
		display: table-cell;
	}
	div#usermenu td#plazas {
		color: white;
		padding-left: 5px;
		vertical-align: middle;
		font-size: 80%;
		display: table-cell;
	}
	div#usermenu td.menuitems {
		text-align: right;
		display: table-cell;
		padding-right: 5px;
		height: 20px;
		vertical-align: middle;
		font-weight: bold;
		font-size: 80%;
		color: rgb(153,153,153);
	}
	div#usermenu td.vacio {
		display: table-cell;
		border-top: 2px dotted rgb(153,153,153);
		border-left: 2px dotted rgb(153,153,153);
		width:110px;
	}
	div#usermenu a {
		color: White;
		text-decoration: none;
		/* Da problemas en el IE
		border: 1px solid transparent; */
		
	}
	div#usermenu a:hover {
		color: #5EA4D1;
		/* Esto no da problemas pero he desactivado lo anterior
		border: 1px solid rgb(153,153,153);*/
	}
	div#usermenu a.actual {
		color: rgb(153,153,153);
		/* Esto no da problemas pero he desactivado lo anterior
		border: 1px solid rgb(204, 102, 204); */
	}
div#principal {
	position: relative;
	top: 5px;
	left: 0px;
	width: 985px;
	border: 2px solid #79A8DB;
	background: rgb(230,230,230);				
	margin: auto;
}
	div#principal table {
		width: 100%;
	}
	div#principal td {
		/*vertical-align: top;*/
	}
		div#principal td.navmenu {
			width: 150px;
		}
		div#principal div#navmenu
		{
			position: relative;
			top: 0px;
			width: 150px;
			background: rgb(236,236,236);
			border-right: 2px dotted rgb(153,153,153);
			border-bottom: 2px dotted rgb(153,153,153);
			padding: 5px;
			text-align: left;
			margin-bottom: 10px;
		}
			div#navmenu ul.seccion {
				margin-left: 5px;
				padding-left: 5px;
				font-size: 90%;
				color: rgb(32, 32, 32);
				list-style: none;
			}
			div#navmenu ul.subseccion {
				margin-left: 5px;
				padding-left: 5px;
				font-size: 90%;
				color: #423496;
				list-style: outside url("../imagenes/punto.png");
			}
			div#navmenu p.seccion {
				margin-left: -5px;
				font-size: 90%;
			}
			div#navmenu li {
				margin-left: 5px;
			}
			div#navmenu li.nolink {
				margin-left: -5px;
				list-style: none;
			}
			div#navmenu a {
				color: #6B5ACF; 
				text-decoration: none;
				/* Da problemas con el IE
				border: 1px solid transparent;*/
				font-size: 90%;
			}
			div#navmenu .actual {
				color: rgb(153,153,153);
			}
			div#navmenu a:hover {
				color: #0E3853;
				/* no da problemas pero he quitado lo anterior
				border: 1px solid rgb(153,153,153); */
			}
			div#navmenu div#cajalogin {
				position: relative;
				left: 0px;
				top: 0px;
				border: 1px solid #367CCB;
				background: transparent;
				width: 135px;
				text-align: left;
				padding: 2px 5px 2px 5px;
				margin: 10px 0px 10px 0px;
			}
				div#cajalogin h1 {
					color: #367CCB;
					text-decoration: none;
					font-size: 12pt;
				}
				div#cajalogin label {
					font-size: 8pt;		
					width: 60px;
					display:inline-block
				}
				div#cajalogin p a {
					font-size: 10pt;
					text-decoration: none;
				}
		div#principal td.patrocinadores {
			width: 110px;
		}
		div#principal div#patrocinadores
		{
			position: relative;
			top: 0px;
			width: 110px;
			padding: 5px;
			background: rgb(236,236,236);
			border-left: 2px dotted #79A8DB;
			border-bottom: 2px dotted #79A8DB;
			text-align: center;		
		}
			div#patrocinadores h1 {
				color: #367CCB;
				text-decoration: none;
				font-size: 11px;
				margin-bottom:3px;
			}
			div#patrocinadores p {
				text-align: center;
				color: rgb(0, 0, 0);
				font-size: 10px;
			}

			div#patrocinadores img {
				padding:0px;
				margin:0px;
			}
			div#patrocinadores a {
				padding:0px;
				margin:0px;
				color: #79A8DB;
				text-decoration: none;
			}
			div#patrocinadores a:hover {
				color: #2C598B;	
			}
			
		div#principal div#contenido
		{
			position: relative;
			top: 0px;
			width: 100%;
			/*overflow: auto;*/
			background: rgb(230,230,230) url("../imagenes/contenido.jpg") no-repeat right top;
			padding: 10px 20px 20px 20px;
			margin-bottom: 5px;
			text-align: left;
		}
			div#contenido span.resaltado {
				font-weight: bold;
			}
			div#contenido span.italica {
				font-style: italic;
			}
			div#contenido a:link, a:visited {
				color: #367CCB;
				text-decoration: none;
			}
	
			div#contenido  a:hover, a:active {
				color: #0E3853;
			}
			
			div#contenido h1 {
				color: rgb(0,0,0);
				height: 36px;
				padding: 4px;
				padding-top: 7px;
				padding-left: 45px;
				font-size: 130%;
				background: url('../imagenes/p.png') no-repeat left center;
				margin-bottom: 5px;
				clear: both;
			}
			
			div#contenido h2 {
				background:  #206ABC url('../imagenes/noticia.png') no-repeat 0px;
				color: rgb(255,255,255);
				margin-top: 40px;
				padding: 4px 0px 4px 50px;
				font-size: 100%;
				clear: both;
				/*filter:alpha(opacity=80);*/
				/*-moz-opacity:0.8;*/
				opacity: 0.8;
			}
			div#contenido h3 {
				/*background:  #367CCB;
				color: rgb(200,200,200);
				margin-top: 10px;
				padding: 4px 0px 4px 50px;
				font-size: 100%;
				clear: both;
				opacity: 0.8;
				*/
				margin-top: 10px;
				padding: 0px;
				font-size: 95%;
				clear: both;
			}
			
			div#contenido h4 {	
				margin-top: 10px;
				padding-left: 5px;
				border: 1px solid #39A0E9;
				font-size: 95%;
				clear: both;
			}
			
			div#contenido h4 b {
				color: #367CCB;
			}
			
		
			div#contenido p, img, ul, ol {
				margin-top: 10px;
				margin-bottom: 10px;
				/*margin: 8px 0px 20px 20px;*/ /* FIXME */
			}
			div#contenido li {
				margin-top: 5px;
			}
			
			div#contenido div.noticia {
				/*margin-left: 20px;*/
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 5px;
				margin-bottom: 5px;
				border-left: 1px solid #39A0E9;
				border-right: 1px solid #39A0E9;
				border-bottom: 1px solid #39A0E9;
				
			}

			div#contenido p ul, li {
				margin-left: 30px;
			}
			div#contenido li.bien {
				color: Green;
			}
			div#contenido li.mal {
				color: Red;
			}
			div#contenido p.anotacion {
				font-size: 80%;
			}
			div#contenido p.organiza {
				float: right;
				padding-left: 3px;
				padding-right: 3px;
				font-size: 80%;
				color: #1D618D ;
				background:  #367CCB;
				border: 1px solid rgb(204, 102, 204);
			}
				p.organiza acronym {
					color: White;
					text-decoration: none;
				}
				
			div#contenido table.listado {
				font-size: 80%;
				margin: 0px;
				padding: 0px;
			}
				table.listado th {
					text-align: center;
					color: White;
				}
				table.listado tr.claro {
					background: rgb(204, 102, 204);
				}
				table.listado tr.oscuro {
					background: rgb(175, 51, 175);
				}
				table.listado p {
					margin: 0px;
					padding-left: 5px;
					padding-right: 5px;
					padding-top: 0px;
					padding-bottom: 0px;
				}
				a.listado {
					padding-left: 5px;
					color: rgb(0,0,0);
				}
				a.listado:hover {
					color: rgb(0,0,0);
				}
			div#contenido div#advertencia {
				position: relative;
				/*margin: 12px 15% 40px 5%;*/
				padding: 12px;
				border: 1px solid rgb(0,0,0);
				background: rgb(230,220,204);
				text-align: left;
				/*filter:alpha(opacity=50);
				-moz-opacity:0.5;
				*/
				opacity: 0.5;
			}
				div#advertencia * {
					/*
					filter:alpha(opacity=100);
					-moz-opacity: 1.0;
					opacity: 1.0;ç
					*/
				}
				div#advertencia p {
					font-style: oblique;
				}
				div#advertencia ul li {
					font-style: oblique;
					color: black;
					margin-left:1em;
				}
			div#contenido code {
				border: 1px dotted black;
				background: rgb(208,208,208);
				display: block;
				padding: 12px;
				margin: 0px 0px 20px 20px;
				/*
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				*/
				opacity: 0.8;
			}
				div#contenido code * {
					/*
					filter:alpha(opacity=100);
					-moz-opacity: 1.0;
					*/
					opacity: 1.0;
				}
			div#contenido div#cajaform {
				position: relative;
				border: 1px solid #6B5ACF;
				/*background: transparent;*/
				/*margin: 0;*/
				/*margin: 12px 15% 40px 5%;*/
				top: 10px;
				padding: 12px;
       		width: 80%;
				margin-left: auto;
				margin-right: auto;
				/*padding: 5px;*/
				background: rgb(230,220,204);
				/*
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				*/
				opacity: 0.8;
			}
				div #cajaform * {
					/*
					filter:alpha(opacity=100);
					-moz-opacity:1.0;
					*/
					opacity: 1.0;
				}
				div#cajaform table {
					border: 0px;
					/*width: 140px;*/
				}
				div#cajaform tr td {
					font-size: 90%;
					
				}
				div#cajaform table th {
					color: #6B5ACF;
					text-decoration: none;
					text-align: center;
					font-size: 110%;
				}
				div#cajaform table .error {
					color: rgb(255, 0, 0);
					font-style: italic;
				}
	div#pie {
		margin: auto;
		position: relative;
		width: 985px;
		padding: 4px 14px;
		clear: both;
		color: #7FB1E8;
		background: #4577C2;
		text-align: right;
		margin-bottom: 5px;
		display: table;
	}
		div#pie * {
			font-size: 8pt;
		}
		div#pie b {
			color: rgb(0,0,153);
		}
		div#pie a {
			color: White;
			text-decoration: none;
		}
		div#pie td#creditos {
			text-align: left;
			top: 2px;
		}
		div#pie td#hosting {
			text-align: right;
			top: 2px;
		}
ul#mapa {
	list-style: none;
	position: relative;
	background: url(../imagenes/plano_altas.jpg) no-repeat;
	font-size: 10pt;
	padding-top: 30px;
	width: 670px;
	height: 1281px;
	overflow: hidden;
}
ul#mapa li {
	display: block;
	/*
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	*/
}

ul#mapa input.boton {
	border: 0px;
	padding: 0px;
	width: 25px;
	height: 25px;
	position: absolute;
	border: Black 1px solid;
	font-size: 60%;
	/*font-weight: bold;*/
   text-decoration: none;
	text-align: center;
	display: table-cell; 
	
}
ul#mapa input.libre {
	background: Green;
}
ul#mapa input.ocupado {
	background: Red;
}
ul#mapa input.ocupado_mismo {
	background: rgb(204, 102, 204);
}
ul#mapa input.ocupado_grupo {
	background: #367CCB;
}
ul#mapa input.ocupado_especial {
	background: Black;
}
ul#mapa input.ocupado_mismo:hover {
	width: 25px;
	height: 25px;
	border: Black 1px solid;
	background: url(../imagenes/puesto_ocupado_mismo.png) no-repeat;
}
ul#mapa input.ocupado_grupo:hover {
	width: 25px;
	height: 25px;
	border: Black 1px solid;
	background: url(../imagenes/puesto_ocupado_grupo.png) no-repeat;
}		
ul#mapa input.ocupado:hover {
   width: 25px;
   height: 25px;
   border: Black 1px solid;
   background: url(../imagenes/puesto_ocupado.png) no-repeat;
}
ul#mapa input.libre:hover {
   width: 25px;
   height: 25px;
   border: Black 1px solid;
   background: url(../imagenes/puesto_ocupando.png) no-repeat;
}
span.desplegable {
	display: inline;
	visibility: hidden;
   position: absolute;
	border: Black 1px solid;
   display: block;
   background: White;
	border:solid 1px rgb(204, 102, 204);
	/*width: auto;*/
   color: #411;
}
ul#leyenda_pos li {
	height: 25px;
	top: -5px;
	vertical-align: middle;
}

ul#leyenda_pos li#libre {
	list-style-image: url(../imagenes/puesto_libre.png);
}
ul#leyenda_pos li#ocupado_mismo {
	list-style-image: url(../imagenes/puesto_ocupado_mismo.png);
}
ul#leyenda_pos li#ocupado_grupo {
	list-style-image: url(../imagenes/puesto_ocupado_grupo.png);
}
ul#leyenda_pos li#ocupado_especial {
	list-style-image: url(../imagenes/puesto_ocupado_especial.png);
}
ul#leyenda_pos li#ocupado {
	list-style-image: url(../imagenes/puesto_ocupado.png);
}
ul#leyenda_pos li#ocupando {
	list-style-image: url(../imagenes/puesto_ocupando.png);
}


/****/

#redessociales {
	width: 100%;
	text-align: center;
}
#redessociales img {
	margin: auto;
}

#mapa_googlemaps{
	width: 100%;
	text-align: center;
}