@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
html, body{
	font: 10pt "Trebuchet MS";
	color:#333333;
	text-align: center;
	margin:0 auto;
	height:100%;
}
body{
	background:url(img/backbody.png) repeat-x top;
	background-color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	font-family: "Trebuchet MS";
	margin: 0px;
	padding: 0px;
	text-align:left;
}
img{
	border:none;
}

input{
	border:1px solid  #000000;
	background:#FFFFFF;
}
input.button{
	border:1px solid #FF3333;
	color:#333333;
	background:#F3F3F3;
}
textarea{
	border:1px solid  #000000;
	background:#FFFFFF;
	color:#333333;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
select{
	border:1px solid #000000;
	background:#FFFFFF;
	color:#333333;
}
option{
	background:#FFFFFF;
	color:#333333;
}
.campo { 
	border: 1px Solid #333333; 
	background: url(img/bkCampo.jpg) repeat-x;
	padding: 2px;
	margin-bottom:3px;
	margin-top:3px;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
} 


#Contenedor{
	width:954px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
}
#Contenedor a:link, #Contenedor a:visited{
	color:#30415C;
}
#Contenedor a:hover{
	color:#CC0000;
}
#Header{
	width:954px;
	height:95px;
	margin: 10px 0;
	text-align:center;
}
#Header img{
	border:none;
}

#loginUsuario{
	width:944px;
	text-align:right;
	padding-right:10px;
	float:right;
	position:absolute;
	z-index:0;
}
#loginUsuario a:link, #loginUsuario a:visited{
	color:#333333;
	text-decoration:none;
	font-size:12px;
}
#loginUsuario a:hover{
	color:#000000;
	text-decoration:underline;
}

#menu{
	background:url(img/menu.png) no-repeat;
	background-position:center;
	color:#FFFFFF;
	width:924px;
	overflow:visible;
	padding-left:15px;
	padding-right:15px;
	height:35px;
	margin:0 auto;
}
#menu #der{
	display:inline;
	height:28px;
	float:right;
}

#menu #der ul{
	list-style: none;
}

#menu #der ul li{
	display:inline;
}

#menu #der li a{
	display:block;
	float:left;
	padding:3px 5px;
	border:1px solid #FF5151;
	border-right:1px solid #770000;
	border-bottom:1px solid #770000;
	margin:3px 2px;
	margin-top:4px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:url(img/btnBackMenu.png) repeat-x 0 0;
}

#menu #der ul li a:hover{
	border:1px solid #FF5151;
	border-right:1px solid #770000;
	border-bottom:1px solid #770000;
	background-position:0px -26px;
}

#menu #der ul li a:active{
	border:1px solid #FF5151;
	border-left:1px solid #770000;
	border-top:1px solid #770000;
	background-position:0px -52px;
    outline:0;
}
#menu #der ul li :focus{
	outline:0;
}

#menu #izq{	
	float:left;
	margin-top:6px;
}

#menu a:link, #menu a:visited{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:15px;
}
#menu a:hover{
	text-decoration:none;
}

#txtBusqueda{
	float:left;
	border:2px solid #990000;
	border-right:none;
	color:#999999;
	padding:2px;
	/*height:24px;*/
}

#btnBuscar{
	background:url(img/btnBuscar.jpg);
	height:24px;
	border:none;
	width:60px;
}

#divRojo, #divVerde{
	width:900px; 
	margin:5px auto;
	padding:3px;
	height:22px;
	display:none;
}
#divRojo{
	border:1px solid #FF5B60; 
	background-color:#FFBBBD; 
}
#divVerde{
	border:1px solid #378C35;
	background-color:#AEDDBA; 
}
#divRojo p, #divVerde p{
	color:#000000;
	margin-left:10px;
	float:left;
	margin-top:2px;
}
#divRojo #divCerrarBtn, #divVerde #divCerrarBtn{
	float:right;
	height:16px;
	margin-top:3px;
}

#divDebajoMenu{
	width:948px;
	margin-left:3px;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
	background-color:#E2E2E2;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	clear:both;
}

#divDebajoMenu h3{
	margin-left:15px;
}

#cuerpo{
	text-align:center;
	padding:15px 0px 15px 0px;
}

#cuerpo h1, #cuerpo h2, #cuerpo h3, #cuerpo p{
	text-align:left;
	font:"Trebuchet MS";
}
#cuerpo h1{
	font-size:30px;
	margin-bottom:10px;
	margin-left:10px;
	color:#333333;
}
#cuerpo h2{
	font-size:20px;
	margin-left:20px;
	color:#666666;
}
#cuerpo p{
	font-size:15px;
	margin:0px 35px;
	color:#333333;
}

#divArribaMapa h1{
	color:#333333;
}

#menuMapa{
	text-align:left;
	margin:0px auto;
	margin-right:1px;
	height:30px;
}
#menuMapa h2{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999999;
	padding-bottom:5px;
	text-decoration:none;
	float:left;
}

#menuMapa #der2{
	display:inline;
	height:28px;
	float:right;
}

#menuMapa #der2 ul{
	list-style: none;
}

#menuMapa #der2 ul li{
	display:inline;
}

#menuMapa #der2 li a{
	display:block;
	float:left;
	padding:3px 5px;
	border:1px solid #999999;
	color:#000000;
	text-decoration:none;
	background:url(img/btnMapa.png) repeat-x 0 0;
}

#menuMapa #der2 ul li a:hover{
	background-position:0px -26px;
}

#menuMapa #der2 ul li a:active{
	background-position:0px -52px;
    outline:0;
}
#menuMapa #der2 ul li :focus{
	outline:0;
}


#Mapa{
	margin-right:1px;
	width:948px;
	height:500px;
	border:#999999 1px solid;
	float:right;
}

#divListaItems{
	float:left;
	width:347px;
	background:#FFFFFF;
	margin-left:3px;
	height:495px;
	text-align:left;
	padding-top:5px;
	display:none;
	overflow:auto;
	border-top:1px solid #999999;
}

#divListaItems .divItem{
	width:320px;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:5px auto;
}

#divListaItems .divItemBasic{
	width:320px;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:5px auto;
	font-weight:bold;
}

#divListaItems .divItemPremiun{
	width:320px;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:5px auto;
	font-weight:bold;
	background-color:#FFFFCC;
}

#map{
	height: 500px;
	width: 100%;
}

#medioMapa{
	width:473px;
	border:#999999 1px solid;
	margin-bottom:20px;
	float:left;
	overflow:hidden;
}
#medioDerecha{
	background:#F4F4F4;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width:459px;
	margin-right:5px;
	margin-left:5px;
	padding-top:10px;
	height:464px;
	margin-bottom:20px;
	float:right;
}
#medioDerecha a:link, #medioDerecha a:visited{
	color:#ED2224;
	text-decoration:underline;
}
#medioDerecha a:hover{
	color:#333333;
}
#medioDerecha p{
	padding:0px;
	margin:0px;
	margin-left:10px;
	margin-bottom:5px;
}
#medioDerecha #txtDescripcion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	border:1px #CCCCCC solid;
	border-top:4px solid #FF6633;
	border-bottom:4px solid #FF6633;
	padding:0px 10px;
	width:400px;
	height:240px;
	overflow:auto;
	background:#FFFFFF;
	text-align:left;
}


#agradecimiento{
	text-align:center;
	color:#999999;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
.recuadroGris{
	width:920px;
	background:#F4F4F4;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin:10px auto;
	padding:15px 0px;
}

.infoRecuadro{
	padding:5px;
	background-color:#FFFFCC;
	border:1px dashed #FF9900;
	margin: 5px auto;
	text-align:left;
	width:900px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif bold;
}
.infoError{
	padding:5px;
	background-color:#EAA6A8;
	border:1px solid #990000;
	margin: 10px auto;
	text-align:left;
	font-size:12px;
	width:900px;
	font-family:Verdana, Arial, Helvetica, sans-serif bold;
}

#pubInferior{
	background:url(img/pubInferior.gif) no-repeat;
	background-position:center;
	height:90px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	clear:both;
}

#pie{
	border-top:1px solid #999999;
	background-color:#F2F2F2;
	height:70px;
	margin:0 auto;
	width:954px;
	text-align:center;
	padding:5px 0px;
	color:#666666;
}
#pie a:link, #pie a:visited{
	color:#666666;
	text-decoration:none;
}
#pie a:hover{
	color:#666666;
	text-decoration:underline;
}
#push{
	margin:0 auto;
	height:70px;
}


/*--------*/
#recuadroForm{
	margin:0 auto;
	padding:7px;
	font-size:12px;
}
#recuadroForm p{
	margin:10px;
}
#recuadroForm h4{
	margin:10px;
}
#recuadroForm ul{
	margin-left:50px;
}
#tituloMapita h4{
	color:#666666;
	font-size:16px;
	margin-left:35px;
}
#recuadroMapita{
	width:850px;
	text-align:center;
	color:#999999;
	border:1px solid #000000;
	margin:0 auto; 
}

.topItems{
	width:950px;
	height:25px;
	background-color:#F5F5F5;
	margin:8px 0px 5px 0px;
	padding-top:5px;
	overflow:hidden;
	text-align:center;
	clear:both;
	border:1px solid #E2E2E2;
}

