/*---------------------------------
------------ GENERAL -------------- 
-----------------------------------*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html, body{font:0.9em Verdana,Arial, Helvetica, sans-serif;}

html{background:url(img/bghtml.jpg) repeat-x 0 0;}
body{background:url(img/flores.gif) no-repeat 50% 110px;}

/*---------------------------------
------------- HEADER -------------- 
-----------------------------------*/
#header{
height:112px;
margin:auto;
width:905px;
padding:0 5px;
position:relative;}

#header h1{
width:258px;
height:71px;
float:left;
background:url(img/logo-trans.png) no-repeat 0 0;
margin:22px 0 0 13px;}
#header h1 span{
display:none;}

#header ul{
float:right;
margin:76px 0 0 0;}
#header ul li{
float:left;
list-style:none;
padding:14px 5px 0px 5px;}
#header ul li a{
color:#fff;
font-size:0.9em;
text-decoration:none;}
#header ul li.selected a{
color:#DBF491;}

#header ul.navegador{
margin-left:8px;}
#header ul.navegador li{
margin-left:2px;
padding:0;}
#header ul.navegador li a{
display:block;
background:#77B80D;
padding:15px 10px 5px 20px;}
#header ul.navegador li.home a{background:url(img/homemenu.png) no-repeat 5px 17px #77B80D;}
#header ul.navegador li.mapaweb a{background:url(img/mapawebmenu.png) no-repeat 5px 17px #77B80D;}
#header ul.navegador li.contacto a{background:url(img/contactomenu.png) no-repeat 5px 17px #77B80D;}

#header ul.navegador li.home a:hover,
#header ul.navegador li.mapaweb a:hover,
#header ul.navegador li.contacto a:hover{background-color: #5B8F08;}


#header .cardhome{
background:url(img/cardhome-trans.png) no-repeat top left;
width:131px;
height:209px;
position:absolute;
left:-77px;
top:0;
z-index:30;}

/*---------------------------------
----------- CONTENEDOR ------------ 
-----------------------------------*/
#contenedor{
background:#fff;
margin:auto;
width:905px;
padding:0 5px 10px 5px;}

#contenedor .imghome, .admin{
	float:right;
	border:1px solid #E4E9DF;
	padding:5px 7px;
	margin:4px 0 0 0;
	z-index: 2;
}
.admin{
	width:490px;
	height:190px;
	background-color:#d8ded0;
	padding:100px 0 0 130px;
}
.admin img{
	float:left;
}
.admin input{
	width:158px;
	height:24px;
	border:1px #333 solid;
	margin-top:4px;
}
.admin .button{
	height:26px;
	width:62px;
	border:0px;
}
.admin p a, .admin p{
	margin-top:5px;
	color:#000;
	font-weight: 900;
	font-size:10px
}

#contenedor .contactar,
#contenedor .bienvenido,
#contenedor .sabemos{
float:left;
min-height:145px;
border:1px solid #E4E9DF;
margin:8px 0;
padding:15px 18px 10px 18px;}
#contenedor .contactar{
width:217px;
margin:8px;}
#contenedor .bienvenido{
width:404px;
margin-right:8px;}
#contenedor .sabemos{
width:146px;}


#contenedor .contactar h2,
#contenedor .bienvenido h2,
#contenedor .sabemos h2{
color:#52A410;
font-size:1em;
letter-spacing:-1px;
font-weight:normal;
margin-bottom:10px;}
#contenedor .bienvenido h2{
font-size:1.2em;
font-weight:normal;
margin-bottom:10px;}

#contenedor .contactar h2{
margin-bottom:5px;}

#contenedor .contactar p,
#contenedor .bienvenido p,
#contenedor .sabemos p{
font-size:0.85em;
line-height:150%}
#contenedor .bienvenido p,
#contenedor .sabemos p{
margin-bottom:5px;}

#contenedor .bienvenido p.leermas{
background:url(img/leermas.png) no-repeat 0 0;
padding:0 0 0 20px;}
#contenedor .bienvenido p.leermas a{
color:#777777;
text-decoration:none;}

#contenedor .sabemos p.encuesta{
border:1px solid #E4E9DF;
background:url(img/encuesta.png) no-repeat 7px 5px;
padding:5px 0 5px 30px;}
#contenedor .sabemos p.encuesta a{
color:#AAA;
text-decoration:none;}

#contenedor .contactar li{
list-style:none;}
#contenedor .contactar li.direccion{
background:url(img/casa.png) no-repeat 0 0;}
#contenedor .contactar li.iball{
background:url(img/iball.png) no-repeat 0 0;}
#contenedor .contactar li.sobre{
background:url(img/sobre.png) no-repeat 0 0;}
#contenedor .contactar li.tel{
background:url(img/tel.png) no-repeat 0 0;}

#contenedor .contactar li p{
padding:7px 0 5px 50px;}
#contenedor .contactar li.sobre p{
padding-top:12px;}
#contenedor .contactar li.sobre p a{
color:#676767;
text-decoration:none;
font-weight:bold;}

#contenedor .contactar li.tel p{
padding-top:12px;}
#contenedor .contactar li.tel p a{
color:#676767;
text-decoration:none;
font-weight:bold;}

#contenedor p.copyright,
#contenedor p.design{
font-size:0.8em;
color:#aaa;}
#contenedor p.copyright{
float:left;
margin-left:8px;}
#contenedor p.copyright img{
padding-bottom:5px;
vertical-align:middle;}


#contenedor p.design{
float:right;
background:url(img/tierravirtual.png) no-repeat 100% 0;
padding:3px 20px 3px 0;
margin-right:8px;}
#contenedor p.design a{
text-decoration:none;
color:#aaa;}

/*---------------------------------
------------ CONTENIDO ------------ 
-----------------------------------*/
#contenido #header .cardhome{
background:url(img/cardentidad-trans.png) no-repeat top left;}


#contenido .ubicacion{
float:left;}
#contenido .ubicacion li{
color:#8D8D8D;
float:left;
font-size:0.85em;
list-style:none;}
#contenido .ubicacion li.mapa{
background:url(img/mapali.png) no-repeat 0 3px;
padding-left:15px;}
#contenido .ubicacion li a{
color:#8D8D8D;
text-decoration:none;}

#contenido p.fontsize{
float:right;}

#contenido .articulo{
float:right;
width:570px;
margin:45px 20px 8px 30px;
min-height:300px;
}

#contenido .articulo h2{
color:#52A410;
font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;}

#contenido .articulo p{
font-size:0.85em;
line-height:150%;
padding:10px 0 10px 0;}

#contenido .articulo p.foto {
	float:right;
	margin-left:10px;
	margin-bottom: 15PX;
}
#contenido .articulo p.destacar{
	background:#ADD62B;
	font-size:0.9em;
	font-weight:bold;
	padding-left:30px;
	color:#fff;
	border-top:2px dotted #A5D11E;
	border-bottom:2px dotted #A5D11E;
	padding-right: 30px;
	text-align: justify;
}
.precarga{
	width:100%;
	height:100%;
	background-color:#999;
	z-index:10;
	position:absolute;
}
.precarga .gifanimado{
	top:50%;
	left:50%;
	position:absolute;
	z-index:11;
	height:32px;
	width:32px;
	margin-left:-16px;
	margin-top:-16px;
}
	
	
#contenido .articulo .bordes{
padding:2px 0 2px 0;
border-top:2px dotted #A5D11E;
border-bottom:2px dotted #A5D11E;}

#contenido #contenedor .contactar{
margin-top:30px;}

/*------------- MENU --------------*/

ul.menu{
float:left;
margin:26px 0 0 28px;
z-index: 20;}

ul.menu li{
position:relative;
background:url(img/menuli.png) no-repeat 7px 50%;
padding:6px 0 6px 20px;
width:200px;
color:#52A410;
font-size:0.9em;
list-style:none;
border-bottom:2px dotted #CCED6D;
cursor:pointer;
z-index: 20;}
ul.menu li a{
color:#52A410;
text-decoration:none;
z-index: 20;}



/*------- MENU desplegable -------*/

ul.menu li:hover{
background:url(img/menuli.png) no-repeat 7px 50% #9DCD13;
color:#fff;}
ul.menu li:hover a{
color:#fff;
z-index: 20;}

ul.menu li ul{
background:#77B70D;
display:none;
position:absolute;
left:220px;
top:0;
z-index: 20;}

ul.menu li ul li{
background:0;
border-bottom:1px solid #fff;
font-size:1em;
width:auto;
white-space:nowrap;
color:#FFF;
padding:6px 10px 6px 10px;
z-index: 20;}
ul.menu li ul li:hover{
background:#9DCD13;}
ul.menu li ul li.noline{
border:0;
color:#FFF;}
ul.menu li ul li a{
color:#FFF ;}
ul.menu li:hover ul{
display:block;}

/*------- MENU desplegable nuevo -------*/

ul.menu li ul li:hover{
color:#fff;}
ul.menu li ul li:hover a{
color:#fff;
z-index: 20;}

ul.menu li ul li ul.mio{
background:#659c0b;
display:none;
position:absolute;
left:210px;
top:0;
z-index: 20;}

ul.menu li ul li ul.mio li{
background:0;
border-bottom:1px solid #fff;
font-size:1em;
width:auto;
white-space:nowrap;
padding:6px 10px 6px 10px;
z-index: 20;}

ul.menu li ul li ul.mio li:hover{
background:#9DCD13;}
ul.menu li ul li ul.mio li.noline{
border:0;}
ul.menu li ul li ul.mio li a{
color:#FFF;}
ul.menu li ul li:hover ul.mio{
display:block;}

/*------- Nuevas reglas -------*/


.Estilo2 {
	color: #77B80D;
	font-weight: bold;
}
.Estilo2 a{
text-decoration:none;
}

.media {
z-index: 1;

}
.textCuadroA {
	font-size:0.85em;
	line-height:150%;
	padding: 5px 3px 5px 3px;
	background-image: url(img/dot-line-h.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.textCuadroB {
	background-color: #f3fce6;
	font-size:0.85em;
	line-height:150%;
	padding: 5px 3px 5px 3px;
	background-image: url(img/dot-line-h.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.textCuadroC {
	font-size:0.85em;
	line-height:150%;
	padding: 5px 3px 5px 3px;
	}
.textCuadroLink {
	color: #669C0C;
	font-style: italic;
	text-decoration: underline;
}

/*------- Menu interior -------*/
#time4bed-nav{position:relative;height:43px;font-size:11px;text-transform:uppercase;background:#fff url("img/time4bed_bg.gif") repeat-x bottom left;}
#time4bed-nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#time4bed-nav ul li{display:block;float:left;margin:0 2px;}
#time4bed-nav ul li a{display:block;float:left;color: #FFFFFF;text-decoration:none;padding:0 0 0 10px;height:43px;line-height:50px;}
#time4bed-nav ul li a span{display:block;float:left;padding:0 10px 0 0;height:31px;width:auto;}
#time4bed-nav ul li a:hover{color:#000000;}
#time4bed-nav ul li a:hover span{display:block;cursor:pointer;}
#time4bed-nav ul li a.current,#time4bed-nav ul li a.current:hover{color:#000000;background:transparent url("img/time2bed_left-ON.gif") no-repeat top left;}
#time4bed-nav ul li a.current span{background:transparent url("img/time2bed_right-ON.gif") no-repeat top right;height:43px;}

/*------- Thumbnail mapa web -------*/

.mapas {
color:#52A410;
font-size:0.9em;
font-weight:bold;
margin: -10px 0px -15px 0px;}

.thumbnail{
color: #666666;
padding-left: 5px;
 position: relative;}
 
.thumbnail a{
color: #666666;
padding-left: 5px;}

.thumbnail:hover{
background-color: transparent;
z-index: 50;}

	  
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dfe7da;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
top:-60px;
}
#usulist{
	width:100%;
	height:20px;
	clear:both;
}
#usulist:hover{
	background-color:#CFC;
	}
p.nombreusu,.gestion{
	margin-top:-10px;
	font-size:14px;
	color:#390;
	width:610px;
	float:left;
}
.gestion{
	float:right;
	width:100px;
}
#listausuarios{
	width:100%;
}