/* CSS Document */

*{margin: 0; padding: 0;}
img{border: none;}

body{text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff url(../images/fondorayado.gif) repeat-x left top; scrollbar-face-color: #669900; scrollbar-arrow-color: #fff; scrollbar-track-color: #FEF3F3; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #336600;scrollbar-darkshadow-color: #FEF3F3;}

#contenedor{margin: 0 auto; background: url(../images/cabecerafondo.jpg) no-repeat left top; width: 823px; min-heigh: 680px; _height: 680px; overflow: auto; _overflow: none;}
#cabecera{float: left; margin: 122px 0 5px 0; width: 823px;}
div.logo{float: left; margin: 0 0 0 24px; _margin: 0 0 0 12px;}
div.menu{float: right; margin: 55px 10px 0 0;}
div.lengueta{float: left; width: 96px; height: 22px; margin: 0 0 0 5px; color: #fff; font-weight: bold; text-decoration: none;}
div.lengueta2{float: left; width: 133px; height: 22px; margin: 0 0 0 5px; color: #fff; font-weight: bold; text-decoration: none;}
div.lengueta a{float: left; background: url(../images/lengueta1.gif) no-repeat left top; width: 96px; height: 22px; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 0 0 0;}
div.lengueta2 a{float: left; background: url(../images/lengueta2.gif) no-repeat left top; width: 133px; height: 22px; color: #fff; font-weight: bold; text-decoration: none; padding: 3px 0 0 0;}
div.lengueta a:hover{background: url(../images/lengueta1b.gif) no-repeat left top; color: #fff; font-weight: bold; text-decoration: none;}
div.lengueta2 a:hover{background: url(../images/lengueta2b.gif) no-repeat left top; color: #fff; font-weight: bold; text-decoration: none;}

#lateral{float: left; width: 170px; margin: 0 15px 0 30px; _margin: 0 15px 0 15px;}
#lateral img{margin: 0 0 8px 0; *margin: 0 0 3px 0 !important;}

#centro{float: left; width: 588px;}
div.buscador{float: left; width: 585px; background: url(../images/fondobuscador.gif) repeat-x left bottom; height: 192px; border: 1px solid #ccc; margin: 0 0 6px 0; text-align: left;}
div.buscador h1{background: url(../images/lenguetabuscador.gif) no-repeat left top; width: 191px; height: 31px; color: #fff; font-size: 15px; padding: 3px 0 0 0; margin: 0 0 10px 0; text-align: center;}
div.buscador input.boton2 {float: right; background: url(../images/fondoboton.gif) repeat-x left top; color: #fff; cursor: pointer; border: 2px solid #fff; *border: 1px solid #fff !important; height: 24px; *height: 24px !important; padding: 1px 5px; *padding: 1px 5px !important; width: auto; text-align: center; margin: 12px 10px 0 5px;}

p.az{color: #fff; text-align: left; margin: 0 0 0 15px;}
p.az a{color: #fff; text-align: left; text-decoration: underline;}
p.az a:hover{color: #fff; text-align: left; text-decoration: none;}

label{float: left; text-align: left; margin: 0 0 10px 15px; *margin: 0 0 0 15px !important;}
input{width: 174px; border: 1px solid #669900; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}
input.largo{width: 300px;}
input.corto{width: 50px;}
select{width: 174px; border: 1px solid #669900; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;}
input.boton{float: right; background: url(../images/fondoboton.gif) repeat-x left top; color: #fff; cursor: pointer; border: 2px solid #fff; height: 16px; *height: 18px !important; padding: 2px 5px; *padding: 1px 5px !important; width: auto; text-align: center; margin: 12px 13px 0 0;}
input.boton2 {float: right; background: url(../images/fondoboton.gif) repeat-x left top; color: #fff; cursor: pointer; border: 1px solid #fff; height: 16px; *height: 18px !important; padding: 2px 5px; *padding: 1px 5px !important; width: auto; text-align: center; margin: 12px 10px 0 5px;}

div.presentacion {float: left; background: url(../images/fondochica.jpg) no-repeat left bottom; border: 1px solid #ccc; width: 372px; height: 219px; margin: 0 12px 0 0; _margin: 0 5px 0 0; text-align: left;}
div.presentacion h1{background: url(../images/lenguetainfo.gif) no-repeat left top; width: 225px; height: 38px; color: #fff; font-size: 14px; padding: 2px 0 0 0; margin: 0 0 10px 0; text-align: center;}
div.presentacion p{text-align: justify; color: #333; width: 220px; margin: 0 0 0 5px; line-height: 1.2em;}

.baner{margin: 0 0 10px 0; *margin: 0 0 5px 0 !important; _margin: 0 0 10px 0; _float: right;}
.baner2{_float: right;}


div.listadoempresas{float: left; width: 585px; border: 1px solid #ccc; heigth: 350px; min-height: 350px; overflow: hidden; _overflow: none; padding: 0 0 5px 0; text-align: left;}
div.listadoempresas h1{background: url(../images/lenguetabuscador.gif) no-repeat left top; width: 191px; height: 26px; color: #fff; font-size: 14px; padding: 4px 0 0 0; margin: 0 0 10px 0; text-align: center;}
div.listadoempresas ul{float: left; list-style: none; display: block; text-align: left; margin: 0 0 5px 5px; width: 575px; height: 300px; overflow: auto;}
div.listadoempresas ul li{list-style: none; display: block; text-align: left; color: #669900; font-weight: bold; margin: 2px 0; border-bottom: 1px dotted #ccc;}
div.listadoempresas ul li a{text-decoration: none; color: #669900; font-weight: bold;}
div.listadoempresas ul li a:hover{text-decoration: none; color: #333; font-weight: bold;}
div.listadoempresas ul li span.direccion{color: #333; font-weight: normal;}
div.listadoempresas ul li.gris{list-style: none; display: block; text-align: left; background-color: #EBEBEB;}
div.listadoempresas h2{text-align: left; margin: 0 5px 5px 5px; background-color: #336600; color: #fff; padding: 0 0 0 5px; font-size: 15px;}
div.listadoempresas h3{text-align: left; margin: 5px 5px 0 5px; color: #fff; font-weight: bold; padding: 0 0 0 5px; font-size: 12px; background-color:#669900;}
div.listadoempresas p{text-align: right; margin: 0 5px 0 0;}
div.listadoempresas p.descripcion{float: left; width: 565px; text-align: left; margin: 5px 0 0 5px; _margin: 5px 0 0 3px; background-color:#EBFFC1; padding: 5px;}
div.listadoempresas p.descripcion2{float: left; width: auto; text-align: left; margin: 0 5px 0 5px; color: #333;}
div.listadoempresas p.descripcion2 a{ color: #333; text-decoration: underline;}
div.listadoempresas p.descripcion2 a:hover{ color: #333; text-decoration: none;}
div.listadoempresas p.texto{text-align: justify; margin: 0 5px 0 5px;}
div.listadoempresas div.logoempresa{float: left; padding: 5px; border: 1px solid #ccc; margin: 0 5px 5px 5px; width: 157px;}
div.info{float: right; margin: 5px 5px 0 0; border: 1px solid #669900; padding: 1px 5px; background-color: #FFFFFF;}


div.cuerpo{float: left; width: 585px; border: 1px solid #ccc; min-height: 414px; _height: 414px; overflow: hidden; _overflow: none; padding: 0 0 5px 0; text-align: left; background: url(../images/fondocuerpo.jpg) repeat-x left bottom;}
div.cuerpo h1{background: url(../images/lenguetabuscador.gif) no-repeat left top; width: 191px; height: 26px; color: #fff; font-size: 14px; padding: 4px 0 0 0; margin: 0 0 10px 0; text-align: center;}
div.cuerpo img{float: right; padding: 5px; border: 1px solid #ccc; background-color: #FFFFFF; margin: 5px 5px 5px 10px;}
div.cuerpo p{margin: 0 0 0 5px;}
div.cuerpo h3{text-align: left; margin: 5px 5px 0 5px; color: #fff; font-weight: bold; padding: 0 0 0 5px; font-size: 12px; background-color:#669900;}
div.cuerpo label{margin: 0 5px 0 10px; width: 100px; color: #336600;}
div.cuerpo input{margin: 0 0 5px 0; text-align: left; width: 250px;}
div.cuerpo textarea{width: 250px; border: 1px solid #669900; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; height: 80px;}
div.cuerpo input.boton{float: left; margin: 5px 0 0 114px; height: 22px; *height: 24px !important; text-align: center; width: auto;}

p.aviso{color: #669900; font-weight: bold;}

div.mapa{float: left; margin: 0 5px 5px 5px; _margin: 0 0 5px 3px; border: 1px solid #ccc;}
div.mapa p{text-align: center; font-size: 11px; font-weight: bold; color: #669900; padding: 4px 0; background-color: #EBEBEB; margin: 0;}
div.mapa p a{text-align: center; font-size: 11px; font-weight: bold; text-decoration: none; color: #669900;}
div.mapa p a:hover{text-decoration: none; color: #333;}
div.mapa img{float: none; padding: 0; border: none; background-color: transparent;}

p.volver a{float: right; background: url(../images/fondoboton.gif) repeat-x left top; color: #fff; cursor: pointer; border: 1px solid #fff; height: 16px; *height: 18px !important; padding: 2px 5px; *padding: 1px 5px !important; width: auto; text-align: center; text-decoration: none; font-weight: bold;}
p.volver a:hover{color:#333;}

div.paginacion {float: right; margin: 5px 5px 10px 5px; text-align:right; border-top: 1px solid #669900; padding: 10px 0 2px 0; width: 575px;}	
div.paginacion a {border: 1px solid #dedfde; margin-right:3px; padding:0 5px; background-position:bottom; text-decoration: none; color: #564F47;}
div.paginacion a:hover, div.meneame a:active {border: 1px solid #ccc; background-image:none; background-color:#EBFFC1; color: #669900;}
div.paginacion span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #669900;}
div.paginacion span.disabled {margin-right:3px;	padding:2px 6px; color: #adaaad;}

div.paginacion2 {float: left; margin: 2px 5px 2px 0; text-align:left; padding: 1px 0; width: 150px;}	
div.paginacion2 a {border: 1px solid #dedfde; margin-right:3px; padding:0 5px; background-position:bottom; text-decoration: none; color: #564F47;}
div.paginacion2 a:hover, div.meneame a:active {border: 1px solid #ccc; background-image:none; background-color:#EBFFC1; color: #669900;}
div.paginacion2 span.current {margin-right:3px;	padding:2px 2px; font-weight: bold;	color: #669900;}
div.paginacion2 span.disabled {margin-right:3px; padding:2px 3px; color: #adaaad;}

.verde{font-weight: bold; color: #669900;}

div.clear{clear: both;}

#pie{margin: 10px auto 0 auto; width: 100%; background-color: #669900; border-top: 7px solid #336600;}
#pie p{color: #fff; padding: 8px 0; border-top: 1px solid #fff;}
#pie p a{color: #fff; text-decoration: underline;}
#pie p a:hover{color: #fff; text-decoration: none;}


/*-------------------------POP UP--------------------------------------------------*/

#contenedorpop{margin: 10px auto; width: 330px; height: 300px; background-color: #fff; border: 1px solid #669900; padding: 0; text-align: left;}
h1.actividades{float: left; color: #fff; font-size: 13px; text-align: left; background: url(../images/lenguetainfo.gif) no-repeat left top; width: 225px; height: 30px; padding: 10px 0 0 5px;}
ul.actividades{float: left; list-style: none; display: block; margin: 10px; height: 230px; overflow: auto; width: 310px;}
ul.actividades li{list-style: none; display: block; text-align: left; padding: 0; _float: left; _width: 93%;}
ul.actividades li a{list-style: none; display: block; text-decoration: none; color: #333;}
ul.actividades li a:hover{text-decoration: none; color: #669900;}
ul.actividades li.gris{list-style: none; display: block; text-align: left; background-color: #EBEBEB;}


/*-------------------------/POP UP--------------------------------------------------*/


#contenedorpolitica{margin: 10px auto; width: 530px; max-height: 500px; _height: 500px; background-color: #fff; border: 1px solid #669900; padding: 0; text-align: left; overflow:auto;}
h1.politica{float: left; color: #fff; font-size: 13px; text-align: left; background: url(../images/lenguetainfo.gif) no-repeat left top; width: 225px; height: 30px; padding: 10px 0 0 10px;}
#contenedorpolitica p{float: left; margin: 10px; text-align: left;}
#contenedorpolitica p.volver{float: right; margin: 0;}
#contenedorpolitica p.volver a{float: right; background: url(../images/fondoboton.gif) repeat-x left top; color: #fff; cursor: pointer; border: 1px solid #fff; height: 16px; *height: 18px !important; padding: 2px 5px; *padding: 1px 5px !important; width: auto; text-align: center; text-decoration: none; font-weight: bold; margin: 0;}
#contenedorpolitica p.volver a:hover{color:#333; margin: 0;}


.logoact{float: right; margin: 5px 10px 0 0;}

/*------------------------print------------------------*/
#print p{margin: 1px 5px 1px 0; font-weight: bold; color: #004116; float: right;}
#print p a{float: right; font-weight: bold; color: #004116; text-decoration: none; background: url(../images/printer.gif) no-repeat left center; padding: 7px 0 7px 30px;}
#print p a:hover{text-decoration: none; color: #333;}