/* CSS Portal de Turismo */
/*	  User-Agent: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */


html, body, #principal {
width: 100%;
padding: 0;
margin: 0;
}

body {
color: #004;
background-color: #d0d090;
font-size: medium;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
line-height: 1.5em;
}

#contenedor-cuerpo2 {
margin: 0;
padding: 0;
background: #eea url('../img/decor_columnaizquierda.png') 0% 0% no-repeat;
}

#contenedor-cuerpo {
min-width: 50em; 
max-width: 100%;
margin: 0;
text-align: left;
overflow: hidden;
background: url('../img/decor_columnaderecha.png') 100% 0% no-repeat;
height: 100%;
}

#cuerpo {
margin: 0.5em 11em 0.5em 168px;
padding: 0.5em 1em 1em 1em;
border: 2pt solid #996;
background: #ffffd0 url('../img/logo-marca-alpha.png') 100% 100% no-repeat;

/*border-radius 10px;*/

font-family: georgia, "times new roman", "times roman", serif;

}

#pie {
font-size: small;
padding: 0.2em 1em 0em 1em;
clear:both;
text-align:left;
border-top: 2pt solid #996;
background-color: #d0d090;

}

div#hcard-Patronato-Municipal-de-Turismo
{
float: left;
text-align: left;
}

div.laccPie {
float: right;
text-align: right;
min-width: 30%;

}

.msgarea {
clear: both;
background-color: #e74400;
color: white;
font-size: small;
padding: 1em 1em 1em 1em;
}

.msgarea p {
text-align: justify;
max-width: 60em;
line-height: 1.2em;
margin-left: auto;
margin-right: auto;
}

.msgarea a:link, .msgarea a:hover, .msgarea a:visited {
color: white;
}



#cabecera {

height: 168px;
overflow: visible;

}

#recorte-cabecera {
position:absolute;
z-index: 2;
width: 118px;
height: 97px;
top: 95px;
left: 0px;
background: transparent url('../img/recorte-cabecera.png') 0% 100% no-repeat;

}

#banner1, #banner2 {
position:absolute;
left: 0;
top: 0;
z-index: 1;
height:192px;
width:100%;
overflow: hidden;
text-align:center;
}

#banner1 img, #banner2 img {
/*width:100%;*/
}

#banner1 a, #banner2 a {
position:relative;
bottom: 64px;
background-color:white;
opacity: 0.6;
padding-left: 4em;
padding-right: 4em;
padding-top: 0.25em;
padding-bottom: 0.25em;
text-shadow: #FFF 0 0 5px;
font-weight: bold;

}

#bannerP1, #bannerP2 {
position:absolute;
overflow: hidden;
text-align:center;
max-width: 160px;
}

#bannerP1 img, #bannerP2 img {
display: block;
margin: auto;
border-style: none;
}

#bannerP1 a, #bannerP2 a {
display:block;
margin:auto;
background-color:#c3d9ff;
font-size: small;
width: 100%;
}

#infoMeteoIdiomas {
overflow:auto;
background-color:#d0d090;
position: relative;
z-index: 10;
opacity: 0.8;
padding: 0;
margin: 0;
font-size: small;
}

#infoMeteoIdiomas img {
vertical-align: middle;
border: none;

}

#infoMeteoSuperior {
float: left;
padding: 0em 1em 0em 1em;
text-align: left;
}

#cabeceraIdiomas {
float: right;
padding: 0.2em 1em 0.2em 1em;
text-align: right;
min-width: 30%;

}

#cabeceraIdiomas a img {
margin: 0 0.25em 0 0.25em;
}

#logo {
position: relative;
z-index: 10;
height:128px;
width:96px;
background-image:url(../img/logo_turismo.png);
background-repeat:no-repeat;

}

#logozona {
position: relative;
z-index: 10;
height: 126px;
width: 256px;
float: right;
background-image: url(../img/logo_playas.png);
background-repeat:no-repeat;
margin: 16px;

}

#menuSuperior {
overflow: auto;
font-size: small;
padding: 0em 1em 0em 1em;
background-color: #eea;
border-top: 2pt solid #aa6;


position: relative;
z-index: 14;
top: -1pt;

}

#menuSuperiorBorde {
background-color: #eea;
border-bottom: 2pt solid #aa6;

}

#menuSuperior a img {
border: none;
}

#buscador {
float: right;
}



.separadorMenu {
display: none;
}

#menuN1 {
margin-left: 1em;

position: relative;
z-index: 15;
background-color: transparent;

font-weight: bold;
font-size: large;
}

#menuN1 a {
z-index: 15;
padding: 0 0.5em 0 0.5em;
border: 2pt solid #996;
background-color: #d0d090;
margin-left:0.25em;

}

#menuN1 .menuN1activo {
z-index: 40;
border: 2pt solid #996;
background-color: #eea;
border-bottom-color: #eea;
}



#menuN12 {
font-size: large;
font-weight: bold;
}

#menuN2 {
}

#MenuN2 a {
padding-left: 0.5em;
padding-right: 0.5em;
}

#migas {
font-size: small;
float: left;
}

div.laccCabecera {
font-size: small;
float: right;
clear: right;
}


h1 {
font-size: 150%;
padding:0.2em;
margin: 0.2em 0em 0.2em 0em;
border-bottom: 2pt dotted #996;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-variant: small-caps;
letter-spacing: 0.2em;
text-align: center;
}

h2 {
font-size: 125%;
padding:0.2em;
margin: 0.1em 0.2em 0.1em 0.2em;
border-bottom: 2pt dotted #996;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-variant: small-caps;
}

h3 {
font-size: 100%;
padding:0.2em;
margin: 0.1em 0.2em 0.1em 2em;
border-bottom: 1pt dotted #996;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-variant: small-caps;
}

p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}


a {
text-decoration: underline;
}

a:link {
color: #008;
}

a:hover {
/*text-decoration: underline;*/
}

a:visited {
color: #404;
}



table {
border-collapse: collapse;
margin-top: 1em;
margin-bottom: 1em;
}

caption {
font-family:"Trebuchet MS", arial, verdana, sans-serif;
}

td, th {
border: 1pt dotted #996;
}

th {
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-weight: normal;
font-size: small;
background-color: #eea;
text-align: center;
}



#menuIzquierda {
width: 160px;
margin-left:0;
margin-right:0;
float:left;
padding: 0.25em;
}

#menuDerecha {
width:10em;
margin-left:0;
margin-right:0;
float:right;
padding: 0.25em;
}

#listAccDirectos {
margin: 0.5em auto 0.5em auto;
}

#listAccDirectos a {
width: 48px;
height: 48px;
margin: 1px;
background: transparent none no-repeat scroll center center;

display: inline-block;

}




#listAccDirectos a img {
border: none;
}

#listAccDirectos a:hover {
	border-color: #009;
}



div.paginacion {
margin: 1em;
text-align: center;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: small;
clear: both;
}

div.paginacion p {
margin:0;
}



div#destacados {
font-family: "Trebuchet MS", arial, verdana, sans-serif;
text-align: center;
}

div#destacados ul {
list-style: none;
padding-left: 0;
}

div#destacados li {
display: inline-block;
min-width: 10em;
max-width: 20em;
padding-left: 1em;
padding-right: 1em;
font-size: small;
overflow: hidden;
text-align: left;
}



div#destacados img {
float: left;
margin-right: 0.25em;
max-width: 12em;
border-style: none;
}



div.menuNivel2 {
min-height: 12em;
display: inline-block;
vertical-align: top;
margin: 0.25em;
padding: 0.25em;
border: 2pt solid #996;
border-right-width: 1pt;
border-bottom-style:none;
/*border-radius 1em;*/
background: transparent url('../img/logo-alpha.png') 100% 0% no-repeat;

}




div.menuNivel2 * {
max-width:12em;
}

div.menuNivel2 h2 {
	margin-bottom: 0.5em;
}




div.menuNivel2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.menuNivel2 ul li {
	padding-left: 4px;
	margin-bottom: 0.5em;
}

div.menuNivel2 ul li.icono {
	min-height:48px;
	vertical-align: middle;
	padding-left: 52px;
	background: transparent none no-repeat;

}

div.menuNivel2 ul li a {
font-weight: bold;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
}

.ContenidosNavegacion ul {
font-size: small;
line-height: 1.5;
}



div.buscadorContenidos {
border: 2pt dotted #996;
padding: 0.5em 1em 0.5em 1em;
margin-left: 3em;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
}

div.buscadorContenidos p {
margin-left: 3em !important;
}

div.buscadorContenidos label {
font-weight: bold;
}

#buscadorContenidosOpcAvanzadas {
font-size: small;
}



div.listado {
margin-bottom: 1.5em;
overflow: auto;
}

div.listado a.listadoImg {
float:left;
clear:left;
}

div.listado a.listadoImg img {
max-width: 256px;
margin-right: 1em;
border: 1px solid #996;
}

div.listado div {
overflow: auto;
}



div.listado  p {
margin-left: 128px;
}



div.fTerritorial {
padding: 0.75em 1em;
margin: 0.5em 0;
overflow: auto;
}

div.fTerritorial ul {
padding-left: 16px;
}
div.fTerritorial ul li {
margin-bottom: 0.75em;
}

div.fTerritorial p {
max-width: 40em;
}


.tel .type {
display: none;
}

.email .type {
display: none;
}

.etiqueta, label {
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: small;
font-weight: normal;
}


div.articulo {
margin: auto;
}

div.descExtensa {
max-width: 40em;
text-align: justify;
margin-left: auto;
margin-right: auto;
}


img.imagenPrincipal {
float:right;
margin: 1em 0em 1em 1em;
max-width: 20em;

}

.descComun {
max-width: 30em;
font-style: italic;
margin-left: auto;
text-align: justify;
padding: 0.5em 1em 0.5em 2em;
border-right: 2pt dotted #996;
background-color: #eea;
}

.descExtensa {
}

div.descExtensa > p:first-child {
margin-top: 1em;
}

div.descExtensa > p:first-child:first-letter {
font-size: 200%;
font-weight: bold;
letter-spacing: 0.1em;
}

.fechaModificacion {
font-size: small;
text-align: right;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
border-top: 2pt dotted #996;
clear: both;
}

div#galeria-imagenes img {
max-width: 128px;
margin: 2px;
}



#webcam .noscript {
background-color: red;
color: white;
padding: 0 1em 0 1em;
font-size: small;
}

#webcam {
min-width: 680px;
}

#webcamsLacc {
margin-bottom: 4px;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
line-height: 1;
}

#webcamsLacc a, #webcamsJsInfo a {
display: inline-block;
padding: 0.5em 0.5em 0.5em 0.5em;
margin: 2px;
border: 1pt solid #996;
/*border-radius 0.25em;*/

background-color: #ffffd0;
background-image: url('../img/fondo-boton-bottom.jpg');
background-position: bottom;
background-repeat: repeat-x;
}

#webcamImage {
display: block;
margin-left: auto;
margin-right: auto;
border: 2pt solid #996;
}



div.contenedorDerecho {
background-color: #c3d9ff;
border: 2pt solid #55f;
font-family:"Trebuchet MS", arial, verdana, sans-serif;
line-height: 1.2em;
text-align:center;
/*border-radius 0.5em;*/

opacity: 0.8;
margin-bottom: 1em;
}



div.calendario table {
margin-left: auto;
margin-right: auto;
}

div.calendario th.calendarioCabeceraMes {  }
div.calendario th { background-color: #abf; }
div.calendario th.calFinSemana {background-color:#C0C0C0; color:#C00; font-style:normal;}
div.calendario td.calFinSemana {background-color:#EEE; color:#C00;}
div.calendario td.dia {background-color:#C0C0C0; color:#000; font-weight:bold;}

div.calendario td a {
background-color: #FC5;
}

div.calendario td.calHoy {
border: 1px solid red;
}

.calendario ul {
font-size: small;
list-style-type: none;
margin: 1em 0.25em 0.25em 0.25em;
padding: 0;
text-align: left;
line-height: 100%;
}

.calendario ul li {
display: block;
margin-bottom: 0.5em;
}



div#canal-YouTube {
display: inline-block;
text-align: center;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
font-size: small;
}



div#canal-YouTube object, div#canal-YouTube embed {
display: block;
}

div#canal-YouTube img {
border-style: none;
vertical-align: middle;
}


div#noticiasHome ul {
font-size: small;
list-style-type: none;
margin: 1em 0.25em 0.25em 0.25em;
padding: 0;
text-align: left;
line-height: 100%;
}

div#noticiasHome ul li {
display: block;
margin-bottom: 0.5em;
}



#infoMeteo caption {
font-family:"Trebuchet MS", arial, verdana, sans-serif;
}

#infoMeteo table {
border-collapse: collapse;
margin-top: 1em;
margin-bottom: 1em;
}

#infoMeteo table * {
text-align: center;
}

#infoMeteo td, #infoMeteo th {
border-left: 1pt dotted #996;
border-right: 1pt dotted #996;
border-top: 1pt dotted #996;
}

#infoMeteo td .Tmin {
font-size: medium;
}

#infoMeteo td .Tmax {
font-size: medium;
}

#infoMeteo th {
background-color: #d0d090;
}

#infoMeteo .infoMeteoPronostico {
margin: 0.25em 1em 0.25em 1em;
text-align: justify;
}

.Tmed {
color: black;
font-weight: bold;
}

.Tmin {
color: blue;
font-weight: bold;
}

.Tmax {
color: red;
font-weight: bold;
}



.notaFinal {
font-size: small;
text-align: right;
font-family: "Trebuchet MS", arial, verdana, sans-serif;
border-top: 2pt dotted #996;
}



.formularioGenerico {
max-width: 40em;
margin: auto;
}

.formularioGenerico label {
width: 11em;
display: inline-block;
text-align: right;
line-height: 1.2em;
padding-right: 1em;
vertical-align: top;
}



.formularioGenerico input[type="submit"] {
margin-left: 12em;
}

#map_canvas {
	float: right;
}