/* ------------- ESTRUCTURA PAGINA ------------- */

body {
	background: url('../img/fondo_pagina.gif') repeat-x #fff;
	font: 10px Verdana, Arial, sans-serf;
	color: #333;
 	text-align: center;
	line-height: 15px;
    	outline: 0;
   	padding: 0;
    	margin: 0;
}

:focus {
    outline: 0;
}

#contenedor {
	background: transparent;
 	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align: left;
}

#cabecera {
	background: transparent;
 	margin: 0 auto;
	padding: 0;
	width: 750px;
	height: 175px;
	text-align: left;
}

#logo_cabecera {
	float: left;
	background: transparent;
	width: 350px;
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#caja_busqueda {
	float: right;
	background: transparent;
	width: 300px;
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 1px;
}

#banner_cabecera {
	float: left;
	background: transparent;
	width: 525px;
	height: 60px;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0;
}

#menu_ppal {
	float: left;
	background: transparent;
	width: 200px;
	height: 80px;
	overflow: hidden;
	margin: 15px 0 0 25px;
	padding: 0;
	font: 11px Georgia, Times, serif;
	font-weight: bold;
}

#menu_ppal a:link, #menu_ppal a:visited {
	text-decoration: none;
	color: #f3ed5b;
	text-shadow: 1px 2px 1px #000;
}

#menu_ppal a:hover, #menu_ppal a:active {
	text-decoration: none;
	color: #fff;
	text-shadow: 2px 3px 2px #000;
}

#cuerpo {
	width: 750px;
	background: transparent;
	overflow: hidden;
	margin: 0;
	padding: 0;
	clear: both;
}

#izquierda {
	float: left;
	width: 50px;
	height: 300px;
	background: url('../img/logo1.gif') no-repeat top center transparent;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#centro {
	float: left;
	width: 475px;
	background: transparent;
	margin: 0;
	padding: 0 0 25px 0;
}

#centro p, #centro li, #centro td {
	font: 10px Verdana, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 5px 0 0 0;
}

#centro .peque {
	font: 9px Verdana, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 5px 0 0 0;
}

#reg_aleatorio {
	background: transparent;
	margin: 5px 0 5px 0;
	padding: 0;
}

#reg_aleatorio p {
	margin: 5px 0 0 0;
}

#eltiempo {
	margin: 0 5px 0 10px;
	padding: 0;
	float: right;
	width: 90px;
	height: 125px;
	background: transparent;
	overflow: hidden;
}	

#derecha {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#derecha p, #derecha td {
	font: 10px Verdana, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#derecha .peque {
	font: 9px Verdana, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#derecha div {
	margin: 10px 0 10px 0;
}

#menu_categ {
	float: left;
	width: 190px;
	margin: 0 0 10px 0;
	border: solid 1px #d2d2d2;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}

#menu_categ ul {
	list-style: none;
	margin: 0 5px 0 5px;
}

#menu_categ li {
	background: url('../img/bullet2.gif') no-repeat center left transparent;
	line-height: 20px;
	border-bottom: dotted 1px #d2d2d2;
	padding: 0 0 0 10px;
}

#menu_categ a:link {
	text-decoration: none;
	color: #333;
}

#menu_categ a:visited {
	text-decoration: none;
	color: #333;
}

#menu_categ a:hover, #menu_categ a:active {
	text-decoration: none;
	color: #CC0000;
}

#estadisticas {
	float: left;
	width: 470px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
}

#estadisticas .panel1 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 50px 0 0 0;
	background: url('../img/circulo2.png') no-repeat top left transparent;
	color: #fff;
}

#estadisticas .panel1 p {
	color: #fff;
}

#estadisticas .panel2 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 50px 0 0 0;
	background: url('../img/circulo1.png') no-repeat top left transparent;
	color: #fff;
}

#estadisticas .panel2 p {
	color: #fff;
}

#estadisticas .panel3 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 50px 0 0 0;
	background: url('../img/circulo3.png') no-repeat top left transparent;
	color: #fff;
}

#estadisticas .panel3 p {
	color: #fff;
}

#estadisticas .panel1 span, .panel3 span {
	font: bold 12px Georgia, Times, serif;
	color: #fff;
}

#estadisticas .panel2 span {
	font: bold 18px Georgia, Times, serif;
	color: #fff;
}

#tabla_estadisticas {
	float: left;
	width: 470px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
}

#marcadores {
	float: left;
	width: 190px;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	background: transparent;
}

#frases {
	float: left;
	width: 190px;
	margin: 5px 0 5px 0;
	padding: 5px 0 2px 0;
}

#frases p {
	margin: 5px 0 10px 0;
}

#nav_subir {
	width: 750px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: transparent;
	clear: both;
}

#mapa_sidebar {
	width: 190px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
}

#partners_sidebar {
	width: 195px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
}

.sinresultados {
	width: 400px;
	height: 135px;
	background: url('../img/fondoinfo.gif') no-repeat center #fff;
	margin: 0 auto;
	padding: 65px 10px 10px 10px;
}

#banner_pie {
	background: transparent;
	width: 700px;
	height: 60px;
	overflow: hidden;
	margin: 10px 0 10px 50px;
	padding: 0;
}

#pie {
	background: transparent;
	width: 750px;
	margin: 0 0 10px 0;
	padding: 5px 0 0 5px;
	clear: both;
	border-top: solid 1px #d2d2d2;
}

#pie a:link {
	text-decoration: none;
	color: #333;
}

#pie a:visited {
	text-decoration: none;
	color: #333;
}

#pie a:hover, #pie_centro a:active {
	text-decoration: underline;
	color: #333;
}

#pie p {
	font: 9px Verdana, Arial, sans-serif;
	color: #333;
}

.mapaweb {
	width:750px;
	margin: 0;
	padding: 0;
	font: 9px Verdana, sans-serif;
	list-style-type:none;
}

.mapaweb li {
       display: -moz-inline-stack; /* FF2*/
       display: inline-block;
       vertical-align: top; /* BASELINE CORRECCIÓN*/
       margin: 0 18px;
       zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
}

/* ------------- ELEMENTOS COMUNES ------------- */

.lefted {
	margin:0 auto 0 0;
}

.centered {
	margin:0 auto;
}

.righted {
	margin:0 0 0 auto;
}

p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-style: italic;
	padding: 0;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 0.9em;
}

ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

li {
	line-height: 15px;
	margin: 0;
	padding: 0;
}

a:link {
	color: #59ae12;
	text-decoration: underline;
}

a:visited {
	color: #59ae12;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
	color: #CC0000;
}

.enlace:link {
	color: #59ae12;
	text-decoration: underline;
}

.enlace:visited {
	color: #59ae12;
	text-decoration: underline;
}

.enlace:hover, .enlace:active {
	background: #59ae12;
	text-decoration: none;
	color: #fff;
}

.linkbold:link {
	text-decoration: none;
	color: #59ae12;
	font-weight: bold;
}

.linkbold:visited {
	text-decoration: none;
	color: #59ae12;
	font-weight: bold;
}

.linkbold:hover, .linkbold:active {
	text-decoration: none;
	background: #59ae12;
	color: #fff;
	font-weight: bold;
}

/* caja busqueda 
-------------------------------------- */
.formBusqueda {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.formBusqueda input {
	font: normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
}
.formBusqueda .campoBusqueda {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 185px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.formBusqueda .botonBusqueda {
	color: #fff;
	border: solid 1px #494949;
	font-size: 10px;
	height: 27px;
	width: 54px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

/* formulario contacto 
-------------------------------------- */
.contactform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	margin: 10px 0 10px 10px;
	
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.contactform input, textarea {
	font: normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
	margin: 2px 0 2px 0;
	background: #fff;
	padding: 6px 6px 6px 8px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.contactform .contactfield {
	width: 310px;
}
.contactform .textareafield {
	width: 310px;
	height: 150px;
}
.contactform .contactbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 10px;
	height: 27px;
	width: 54px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top, #9e9e9e, #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
.contactform .contactbutton:hover {
	background: #3f3f3f;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e7e7e), to(#454545));
	background: -moz-linear-gradient(top, #7e7e7e, #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#454545'); /* ie8 */
}
.contactform .contactbutton:active {
	background: #7f7f7f;
	background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#7e7e7e));
	background: -moz-linear-gradient(top, #454545, #7e7e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#7e7e7e'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#7e7e7e'); /* ie8 */
}

/*pagination 
-------------------------------------- */
div#pagination {
     	height:20px;
    	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
 }
div#pagination .count {
     	float:left;
     	padding:5px;
     }
div#pagination .pages {
     	float:right; padding:5px;
     }

div#paginationTop{background: #fff; height:40px; margin-bottom:3px;}
div#paginationTop .count { float:left; padding:5px;}
div#paginationTop .pages { float:right; padding:5px;}

div#pagination { padding: 3px; margin: 3px; }
div#pagination a {
     padding: 2px 3px 2px 3px;
     margin: 2px;
     /*-- border: 1px solid #f3f3f3; --*/
     text-decoration: none; /* no underline */
     color: #999;
}
div#pagination a:hover, div.pagination a:active {
     /*-- border: 1px solid #dadada; --*/
     color: #333;
}
div#pagination span.current {
     padding: 2px 3px 2px 3px;
     margin: 2px;
     /*-- border: 1px solid #232323; --*/
     font-weight: bold;
     /*-- background-color: #b2cf42; --*/
     /*-- color: #fff; --*/
     }
div#pagination span.disabled {
     padding: 2px 3px 2px 3px;
     margin: 2px;
     /*-- border: 1px solid #f3f3f3; --*/
     color: #dadada;
}

.paginacion:link {
	text-decoration: none;
	color: #719700;
}

.paginacion:visited {
	text-decoration: none;
	color: #719700;
}

.paginacion:hover, .paginacion:active {
	text-decoration: none;
	background: #b2cf42;
	color: #fff;
}

.subcat:link {
	text-decoration: none;
	color: #333;
}

.subcat:visited {
	text-decoration: none;
	color: #333;
}

.subcat:hover, .subcat:active {
	text-decoration: underline;
	color: #333;
}

.boton_buscar {
	width: 30px;
	height: 17px;
	font: 9px Verdana, Arial, sans-serif;
	background: url('../img/boton_buscar.gif') no-repeat center transparent;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
}

.negrita {
	font-weight: bold;
}

.lista {
	list-style-image: url('../img/bullet2.gif');
}

.item {
	list-style-image: url('../img/pixel.gif');
	padding: 0 0 0 15px;
}

.peque {
	font-size: 9px;
}

#espacio {
	background: transparent;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
}

.nota {
	width: 75%;
	font: 9px Verdana, arial, sans-serif;
	background: url('../img/bginput.gif') #fff;
	margin: 10px auto;
	padding: 5px;
	border: solid 1px #ff6600;
}

#canvas img {
	background: #fff;
	padding:2px;
	border:solid 1px #d2d2d2;
}

/* ------------- Tooltip  ------------- */

.hotspot {
	cursor:pointer
}

#tt {
	position:absolute;
	display:block;
	background:url('../img/tt_left_verde.gif') top left no-repeat;
}

#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('../img/tt_top_verde.gif') top right no-repeat;
	overflow:hidden
}

#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#59ae12;
	color:#fff;
}

#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('../img/tt_bottom_verde.gif') top right no-repeat;
	overflow:hidden
}


/* ------------- Validate v 2.1 ------------- */

#myForm {
	margin: 0;
	padding: 0;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	margin: 10px 0 10px 0;
	
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
#myForm .required {
	width: 310px;

	font: normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
	margin: 2px 0 2px 0;
	background: #fff;
	padding: 6px 6px 6px 8px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
#myForm select {
	width: 310px;

	font: normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
	margin: 2px 0 2px 0;
	background: #fff;
	padding: 6px 6px 6px 8px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
#myForm textarea {
	width: 310px;
	height: 150px;

	font: normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
	margin: 2px 0 2px 0;
	background: #fff;
	padding: 6px 6px 6px 8px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
#botonEnviar {
	color: #fff;
	border: solid 1px #494949;
	font-size: 10px;
	height: 27px;
	width: 54px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top, #9e9e9e, #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
#botonEnviar:hover {
	background: #3f3f3f;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e7e7e), to(#454545));
	background: -moz-linear-gradient(top, #7e7e7e, #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7e7e', endColorstr='#454545'); /* ie8 */
}
#botonEnviar:active {
	background: #7f7f7f;
	background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#7e7e7e));
	background: -moz-linear-gradient(top, #454545, #7e7e7e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#7e7e7e'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#7e7e7e'); /* ie8 */
}
#myForm label {
	float: right;
}
#myForm .red {
	border: 1px solid #ff0000;
}
#myForm label.red {
	border: none;
	color: #ff0000;
}
#myForm .customRed {
	border: none;
	color: #ff0000;
	padding: 1px;
}
#validationMessage {
	padding: 1px;
	/*background-color: #eee;*/
	border: 1px solid #ff0000;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}
#myForm .errorMessage {
	color: #ff0000;
	font-size: 10px;
}
#myForm .cajadigitos {
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 10px;
	color: #333;
}

/* ------------- Pestañas ------------- */

#pestanas {
	font:11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	width:460px;
	padding:2px 0 0 10px;
	line-height:15px;
	margin: 15px 0 0 0;
}

#pestanas div.off {
	color:#333;
	height:20px;
	margin-right:2px;
	line-height:22px;
	padding:0 5px;
	float:left;
	background:#f3f3f3;
	border:1px solid #d2d2d2;
	border-bottom-color:#d2d2d2;
	cursor:pointer;
	position:relative;
	z-index:20;
}

#pestanas div.on {
	color:#333;
	padding:0 5px;
	margin-right:2px;
	float:left;
	background:#fff;
	border:1px solid #d2d2d2;
	border-bottom-color:#fff;
	margin-top:0px;
	cursor:pointer;
	height:20px;
	line-height:22px;
	position:relative;
	z-index:100;
}

div.hide {
	display:none;
	width:0;
	overflow:hidden;
}

div.show {
	clear:left;
	background:#fff;
	width:460px;
	margin-top:0;
	top:-1px;
	border-top:1px solid #d2d2d2;
	padding:10px;
	position:relative;
	z-index:50;
	font:10px verdana, arial, helvetica, sans-serif;
	line-height:15px;
}

div.show .foto {
	float:left;
	margin:0 10px 10px 0;
}

.clear {
	clear:both;
}

/* ------------- Cajas Redondeadas ------------- */

.zsnazzy {
	width:470px;
	background:#f9f9f9;
	margin: 10px 0 10px 0;
}

.zsnazzy h1 {
	margin:0;
	font:bold 10px verdana, arial, helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	background: #f3f3f3;
}

.zsnazzy p {
	margin:0;
	padding:5px 10px;
	font:10px Verdana, Arial, sans-serif;
}

.xsnazzy {
	float: right;
	width:245px;
	background:#f9f9f9;
	margin: 0;
}

.xsnazzy h1 {
	margin:0;
	font:bold 10px verdana, arial, helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	background: #f3f3f3;
}

.xsnazzy p {
	margin:0;
	padding:5px 10px;
	font:10px Verdana, Arial, sans-serif;
}

.xtop, .xbottom {
	display:block;
	background:#fff;
	font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}

.xb1, .xb2, .xb3 {
	height:1px;
}

.xb2, .xb3, .xb4 {
	background:#f9f9f9;
	border-left:1px solid #f3f3f3;
	border-right:1px solid #f3f3f3;
}

.xb1 {
	margin:0 5px;
	background:#f3f3f3;
}

.xb2 {
	margin:0 3px;
	border-width:0 2px;
}

.xb3 {
	margin:0 2px;
}

.xb4 {
	height:2px;
	margin:0 1px;
}

.xboxcontent {
	display:block;
	border:0 solid #f3f3f3;
	border-width:0 1px;
	height:auto;
}

* html .xboxcontent {
	height:1px;
}

/* ------------- Mapas ------------- */

.mapa_andalucia {
	padding:0;
	margin:0;
	list-style-type:none;
	background:#fff url(../img/mapa_andalucia_transp.gif) no-repeat center;
	width:194px;
	height:118px;
	margin:50px auto 10px auto;
	position:relative;
	z-index:100;
}

/* move the text off screen */
.mapa_andalucia li a {
	text-indent:-999px;
	display:block;
	width:5px;
	height:5px;
	background:#bfbfbf;
	position:absolute;
	line-height:5px;
}

/* make the images and description invisible and an absolute position so that it does not take up any space */
.mapa_andalucia li a em {
	visibility:hidden;
	position:absolute;
}

.mapa_andalucia li a.04 {
	top:77px;
	left:165px;
}

.mapa_andalucia li a.11 {
	top:93px;
	left:44px;
}

.mapa_andalucia li a.14 {
	top:35px;
	left:85px;
}

.mapa_andalucia li a.18 {
	top:65px;
	left:129px;
}

.mapa_andalucia li a.21 {
	top:60px;
	left:18px;
}

.mapa_andalucia li a.23 {
	top:37px;
	left:122px;
}

.mapa_andalucia li a.29 {
	top:87px;
	left:95px;
}

.mapa_andalucia li a.41 {
	top:57px;
	left:55px;
}

/* move the text back into view on hover */
.mapa_andalucia li a:hover {
	background:#bfbfbf;
	text-indent:0;
	height:1.2em;
	font-size:1em;
	color:#fff;
	line-height:1em;
	padding:2px 10px;
	width:90px;
}

/* hack for IE5.x */
* html .mapa_andalucia li a:hover {
	width:110px;
	height:1.5em;
	w\idth:90px;
	he\ight:1.2em;
}

/* make the descriptive text visible, give it a size and position */
.mapa_andalucia li a:hover em {
	visibility:visible;
	margin-left:5px;
	background:#fff;
	border:1px solid #bfbfbf;
	width:150px;
	color:#333;
	padding:25px;font-style:normal;
	top:-135px;
	font-family: Verdana, arial, sans-serif;
}

/* hack for IE5.x */
* html .mapa_andalucia li a:hover em {
	width:200px;
	w\idth:150px;
}

/* give the image a border and margin */
.mapa_andalucia li a:hover em img {
	border:1px solid #333;
	display:block;
	margin-bottom:10px;
}

/* style the empty span (I know it's not semantically correct) into an arrow point */
.mapa_andalucia li a:hover em span {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	border:15px solid #fff;
	border-width:15px 0 15px 15px;
	border-left-color:#bfbfbf;
	position:absolute;
	left:0;
	top:128px;
}

/* hack for IE5.x */
* html .mapa_andalucia li a:hover em span {
	width:30px;
	height:30px;
	w\idth:0;
	he\ight:0;
}


/* ------------- PALETA COLORES ------------- */

.verde {
	color: #59ae12;
}

.naranja {
	color: #f3bc5b;
}

.rojo_oscuro {
	color: #cc0000;
}

.rojo {
	color: #ff0000;
}

.amarillo {
	color: #f3ed5b;
}

.gris_f3 {
	color: #f3f3f3;
}

.gris_f9 {
	color: #f9f9f9;
}

.gris_da {
	color: #dadada;
}