/* CSS Document. 30-11-2006 */


*{margin:0; padding:0;}
a {color:#317B94; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
li {list-style-type:none;}
body,
input,
select {font-family:"Arial", "Century Gothic", Tahoma, Verdana, Arial;}
fieldset {border:0;}
input {border:1px solid #666666;}
input.botonEnviar {border:0; background:#99BFCB; cursor:pointer; height:1.5em}
/*Estilos para el contenedor principal*/
#contenedor {
	width:62em;
	margin:0 auto;
}
/*auto es necesario para centrar la capa en horizontal*/
/*Estilos para la cabecera*/
#cabecera {
	margin:0px;
	overflow:auto;
	height:1%;
	
        background: url(/opencms/export/sites/default/aytomalaga/recursos/cabecera/imagenes/imagen_cabecera.jpg) no-repeat right;
	
	border-bottom:2px solid #99BFCB;
	display:block;
}

#cabeceraIzquierda {
	width:30em;
/*	width:54%;*/
	background:#fff;
	float:left;
	margin:0px;
	display:block;
}
#cabeceraDerecha {
	width:32em;
/*	width:46%;*/
/*	width:auto;*/
	float:right;
	margin:0px;
	display:block;
}
#cabeceraDerecha strong{
/*	float:left;*/
	padding: 2px 10px 0px 0px;
	font-style:italic;
	color:#fff;
	text-transform:lowercase;
	font-weight:bold;
	font-size:x-small;
}
#cabeceraDerecha img{
	margin:0px;
	border:0px;
	float:right;
	display:block;
}
#cabeceraMenu {
	border-bottom:1px solid #99BFCB;
	background: url(img2/li_tr.gif) repeat-x 0em 0.2em;
	color: #666666;
	font-size: x-small;
	padding:.5em 0em;
}
#cabeceraMenu ul {
	margin:0.2em 0em 0em 0.4em;
	float:left;
}
#cabeceraMenu li {
	display:inline;
	background: url(img2/li_v.gif) repeat-y right center;
	padding:0em 0.3em 0em 0.2em;
}
#cabeceraMenu a {
	color: #666666;
}
#cabeceraMenu input {
	margin:0.1em 0em 0em 0.2em;
	width:6em;
	font-size:x-small;
}
#cabeceraMenu input.botonEnviar {
	width:4em;
}
#cabeceraMenu label {
	padding:0em 0.3em 0em 0.2em;
}
#contendoraEscudoLogo {
/*	height:1%;*/
/*	background: #CBCBCB url(img2/gif_ayto.gif) no-repeat left bottom;*/
/*	overflow:auto;*/
	width:100%;
}
#escudo {
	width:11em;
        background: #CBCBCB url(img2/gif_ayto.gif) no-repeat right bottom;
        margin-top:1px;
	overflow:auto;
	float:left;
}
#escudo img {
	float:right;
	margin:0px;
/*	display:block;
	padding-top:1px;*/
}
#logotipo {
	float:left;
	background:#fff;
	width:auto;
	padding-bottom:0px;
/*	min-height:3.95em;*/
}
#logotipo img {
	padding:20px 0px 0px 10px;
}
#logotipo h1 {
	color:#666666;
	font-size:0.7em;
	padding:0px 0px 0px 10px;
	font-weight:normal;
}

/*Estilos para el menu general*/
#menuGeneral {
	overflow:hidden;
	height:1%;
	line-height:1.5em;
	min-height:1.5em;
	background:#337E97;
	margin:0px;
} 
#menuGeneral a{
	color:#fff;
	text-transform:uppercase;
	font-size:x-small;
}
#menuGeneral a:hover{
	text-decoration:none;
	background:#fff;
	color:#337E97;
}
#menuGeneralIzquierda {
	background:#337E97;
	float:left;
	width:11em;
	background: url(img2/li_v2.gif) repeat-y right top;
	display:block;
	margin-top:1px;
}
#menuGeneralIzquierda img{
/*	margin-top:1px;*/
	display:block;
}
#menuGeneralIzquierda p{
	font-size:xx-small;
	color:#fff;
	padding-left:10px;
} 
#menuGeneralIzquierda p strong{
	font-size:small;
	color: #FFFF00;
	padding:0px 4px;
}
#menuGeneralIzquierda p span{
	text-transform:lowercase;
	width:6em;
	line-height:100%;/*interlineado*/
	display:block;
	float:right;
	padding:3px 10px 0px 0px;
}
#menuGeneralCentro {
	background:#337E97;
	float:left;
	width:30em;
	display:block;
} 
#menuGeneralCentro ul{
	height:1%;
	overflow:auto;
	margin:0px;
	display:block;
} 
#menuGeneralCentro li{
	background:#337E97;
	float:left;
	background: url(img2/li_v2.gif) repeat-y right top;
	margin:0px;
}
#menuGeneralCentro a{
	float:left;
	padding:0px 4.5px 0px 2.5px;
} 
#menuGeneralDerecha {
	background:#337E97;
	float:right;
	width:21em;
	display:block;
/*	position:relative;*/
} 
#menuGeneralDerecha p{
	color:#FFCC00;
	font-size:x-small;
/*	float:left;*/
} 

#menuGeneralDerecha a{
	margin-left:1em;
} 
#agenda{
	width:50%;
	float:left;
}
#temperatura{
	color:#fff;
	font-size:x-small;
	float:right;
	width:auto;
	display:block;
} 
/*Estilos para el cuerpo*/
#cuerpo {
	/*width:100%;*/
	/*background:#CBCBCB;*/
	overflow:auto;
        font-size:1em;
        font-family: Geneva, Arial, Helvetica, sans-serif;
	border-top:2px solid #99BFCB;
}
#cuerpoMenu {
	width:11em;
	float:left;
        background:#CBCBCB;
}
#cuerpoMenu ul{
	background:#fff;
	margin:15px auto;
	width:90%;
	padding-bottom:5px;
}
#cuerpoMenu #CuerpoEnlaces{
	background:#fff;
	margin:15px auto;
	width:90%;
	padding-bottom:5px;
	float:middle;
}
#CuerpoEnlaces p {
	text-align:center;
	font-size:small;
	color:#317B94;
	width:100%;
}

#CuerpoEnlaces a {
	text-align:center;
	font-size:small;
	color:#317B94;
}

#cuerpoMenu h3{
	background:#fff;
	margin-left:10px;
	margin-top:5px;
}
#cuerpoMenu li{
	/*border:5px solid #ffffff;/*#cbcbcb;*/
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
	/*background: url(img2/d2.gif) no-repeat 2px -5px;*/
	list-style-image:url(img2/d2.gif);
	list-style-position:outside;
/*	padding: 0px 0px 0px 20px;*/
	margin:0px 0px 0px 25px;
}
#cuerpoMenu .enlaimg{
	float:left;
}	
#cuerpoMenu li .desplegado{
/*	background: url(img2/abajo.gif) no-repeat 2px 2px;*/
	list-style-image:url(img2/abajo.gif);
	list-style-position:outside;
	margin:0px 0px 0px 25px;
}
#cuerpoMenu li a{
	color:#000;
}
#cuerpoMenu li li a{
	color:#317B94;
}
#cuerpoMenu li ul{
	/*margin-left: -10px;*/
	margin:5px auto;
	padding:0px;
/*	width:100% !important;*/
}
#cuerpoMenu li ul li{
	text-transform:none;
	font-weight:normal;
/*	background: url(img2/punto.gif) no-repeat 0px 6px;*/
	list-style-image:url(img2/punto.gif);
	list-style-position:outside;
/*	padding-left:10px;*/
	margin-left:1px;
}

#cuerpoMenu li ul li #enlaceImagenes{
	text-transform:none;
	border:0;
	font-weight:normal;
	padding-left:50px;
        border:15px solid #aaaaff;
}


/*----------------------------------- Columna Izquierda inferior de enlaces en Página Principal ----------------------*/
#cuerpoMenu img{
	padding-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto
}


/* CAPA PRINCIPAL DEL CONTENIDO */
#cuerpoContenido {
	width:50.5em;
	display:block;
	float:left;
	background:#fff;
}
/* FIN CAPA PRINCIPAL */
#cuerpoContenido h2{
	background:#fff;
	color:#666666;
	font-size:medium;
	text-transform:lowercase;
	width:auto;
	margin:2px;
	padding-left:5px;
	padding-top:10px;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#cuerpoContenido ul.listaVertical {
	margin-left:-2px;
	font-size:small;
	font-weight:bold;
	color:#000;
}
#cuerpoContenido ul.listaVertical li{
	font-size:small;
}

#cuerpoContenido ul.listaVertical a:hover{
	text-decoration:none;
}
#cuerpoContenido ul.listaVertical img{
	margin-right:5px;
}
#cuerpoContenido #cuerpoColumnaIzquierda {
	float:left;
	width:24.6em;
	display:block;
}
#cuerpoContenido .contenedorNoticia{
	border:1px solid #E0E0E0;
	margin:0px .2em .2em .2em;
	padding:.2em;
	height:1%;
	width:auto;
	display:block;
}
#cuerpoContenido .contenedorNoticia h3{
	font-size:0.7em;
	color:#000;
	margin-bottom:.5em;
}
#cuerpoContenido .contenedorNoticia p{
	font-size:0.7em;
	color:#000;
	margin-bottom:.5em;
}
#cuerpoContenido .contenedorNoticia span{
	font-size:x-small;
	color:#800816;
	margin-bottom:.5em;
	display:block;
}
#cuerpoContenido .contenedorNoticia .contenedorimgtexto{
	background: url(img2/li_tr2.gif) repeat-x left bottom;
	padding-bottom:0.5em;
	margin-bottom:1em;
	overflow:auto;
	height:1%;
}

#cuerpoContenido .contenedorNoticia .contenedorNoticiaIzquierda{
	float:left;
}
#cuerpoContenido .contenedorNoticia .contenedorNoticiaIzquierda img{
	width:9em;
	display: block;
	margin-left: auto;
	margin-right: auto
}

#cuerpoContenido .contenedorNoticia .contenedorNoticiaDerecha{
	float:left;
}
#cuerpoContenido .contenedorNoticia .contenedorNoticiaDerecha img{
	width:5em;
}
#cuerpoContenido #cuerpoColumnaCentro {
	float:left;
	width:10em;
	display:block;
}
#cuerpoContenido #cuerpoColumnaDerecha {
	float:right;
	width:16em;
	display:block;
}
#cuerpoContenido #cuerpoColumnaDerecha .contenedorNoticia .ul{
	font-size:x-small;
}
#cuerpoContenido #cuerpoColumnaDerecha li{
	font-size:x-small;
}
#cuerpoContenido #cuerpoColumnaDerecha h2{
	margin-right:0px;
}
/**/
	
#cuerpoE {
	width:15.6em;
	float:right;
	display:block;
}
#cuerpoE .cuerpoEnl {
	border:1px solid #E0E0E0;
	margin:.2em 0em 1em .1em;
/*	padding:.5em;*/
	display:block;
}
#cuerpoE .cuerpoEnl ul{
	margin:.5em .5em .5em 0em;
	overflow:hidden;
}
#cuerpoE .cuerpoEnl li{
/*	margin:auto;*/
	font-size:x-small;
	font-weight:normal;
	text-transform:none;
/*	background: url(img2/d2.gif) no-repeat 0px 0px;*/
	list-style-image:url(img2/d2.gif);
	list-style-position:outside;	
/*	padding: 4px 0px 0px 20px;*/
	margin-left:2em;
}
#cuerpoE .cuerpoEnl li a{
	color:#317B94;
        text-transform:uppercase
}
/**/


/*Estilos para el pie*/
#pie {
	width:100%;
	background:#337E97;
	overflow:auto;
	height:1%;
	border-top-style:solid;
	border-top-width:15px;
	border-top-color:#ffffff;
}
#pie #logotiposPie {
	float:left;
	padding: 0.5em;
}
#pie #logotiposPie a {
	color:#fff;
	float:left;
	padding: 0.5em;
}
#pie #textosPie{
	float:right;
}
#pie p {
	color:#fff;
	font-size:x-small;
	text-align:right;
	padding:0.5em 0.5em 0em 0em;
}
#pie strong {
	display:block;
}
/*-------------------- Saludo del alcalde ------------------*/
#SaludoAlcalde {
	width: 15.6em;
	background: #e5e5e5; 
	float: left;
	margin:.5em 0em .5em .1em;
	display:block;
}
#SaludoAlcalde h3{
	height: 1.3em;
	background-color: #337E97;
	font-size: 0.85em;
	color: #FFFFFF;
	border-bottom: #FFFFFF 2px solid;
	margin:0;
	float: right;
	width: 100%;
	text-indent: .3em;
	padding:0;
	display: block;
}
#PieAlcalde a{
	height: 1.3em;
	background-color: #337E97;
	font-size: 0.85em;
	color: #FFFFFF;
	font-weight: bold;
	border-top: #FFFFFF 2px solid;
	width: 100%;
	float: left;
	text-indent: 30px;
	margin:0;
	padding:0;
	display: block;
}
#SaludoAlcalde h2{
	float: right;
	margin: 1.1em 0em 0em 0em;
	background: #e5e5e5;
	width: 47%;
        color:#337E97;
	font-weight: bold;
        font-size:0.98em;
	text-transform: none;
	display: block;
}
#SaludoAlcalde img{
	display: block;
	float: left;
	border-right: #FFFFFF solid 0.2em;
	margin:0;
	padding:0;
	height:auto;
}

#SaludoAlcalde .paraSaluda{
	display: block;
	float: right;
	margin: 1.2em 0em 0em 0em;
	width: 55%;
        color:#337E97;
	font-weight: bold;
        font-size:0.98em;
	/*border-bottom: solid 1px #cccccc;*/
}