﻿/*COLORES

verde ácido: #AEE30D
gris oscuro: #333
gris claro: #999
gris más claro: #F3F3F3
verde callejero: #004116

*/


*{margin: 0; padding: 0;}
img{border: none;}
body {text-align: center; font-family:Verdana, Sans-Serif, Arial; font-size: 11px; color: #333; background: #fff url(../../images/fondo.gif) repeat left top;}
body.sinfondo{background-color: transparent; background-image: none;}
p{color: #333; font-size: 11px; text-align: left; font-family:Verdana, Sans-Serif, Arial;}
p a{text-decoration: none;}


h1{color: #fff; font-size: 13px; font-weight: bold; text-align: left;}
h1.index{color: #004116; font-size: 13px; font-weight: bold; text-align: left;}

h2{color: #fff; font-size: 14px; text-align: left; font-weight: bold;}

h2.anunciantestit{background: url(../../images/fondoanunciantestit.gif) no-repeat left top; color: #fff; font-size: 14px; font-weight: bold; padding: 22px 0 9px 10px; text-align: left;}
h2.popuptit{background: url(../../images/fondopoptit2.gif) no-repeat left top; color: #fff; font-size: 14px; font-weight: bold; padding: 22px 0 9px 5px; text-align: left;}


h2.buscadortit{background: url(../../images/fondobuscadortit.gif) no-repeat left top; color: #fff; font-size: 14px; font-weight: bold; padding: 20px 0 15px 10px; text-align: left;}

h2.direccion{color: #AEE30D; font-size: 14px; text-align: left; font-weight: bold; background-color: #666; padding: 5px;}
h2.direccion span{color: #fff; font-size: 12px;}


h3{font-family:Verdana, Sans-Serif, Arial; font-size: 11px; font-weight: bold; color: #fff; text-align: left;}

input, select, textarea{color: #333; font-size: 11px; font-family:Verdana, Sans-Serif, Arial; margin: 0 0 5px 0; vertical-align: top; width: 145px;}
input{border-bottom: 1px dotted #666; border-top: none; border-right: none; border-left: none; background-color: Transparent;}
textarea{border: 1px solid #666; height: 80px;}
label{color: #004116; width: 70px; float: left;}
fieldset{border: 1px solid #ccc; margin: 15px; color:#004116; text-align: left; padding: 15px 20px;}
legend{border: 1px solid #ccc; padding: 3px 5px; margin: 0 0 10px 0;}

.botones{}

.btn_buscar{background: url(../../images/btn_buscar.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 12px; text-align: right; border: none; width: 92px; padding: 3px 5px 3px 0; cursor: pointer; margin: 10px 0;}
.btn_buscar4{background: url(../../images/btn_buscar4.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 12px; text-align: right; border: none; width: 94px; padding: 5px 5px 7px 0; cursor: pointer; margin: 5px 0 10px 0; height: 30px;}
.btn_buscar2{background: url(../../images/btn_buscar2.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 12px; text-align: right; border: none; width: 192px; padding: 3px 5px 3px 0; cursor: pointer; margin: 10px 0;}
.btn_buscar3{background: url(../../images/btn_buscar3.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 12px; text-align: right; border: none; width: 192px; padding: 7px 5px 7px 0; cursor: pointer; margin: 5px 0 0 0; height: 30px;}
.btn_seleccionar{background: url(../../images/btn_seleccionar.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 12px; text-align: right; border: none; width: 104px; padding: 3px 5px 3px 0; cursor: pointer; margin: 10px 0;}

div.btn_acceso{/*background: url(../../images/btn_carreteras.gif) no-repeat right top; color: #fff; font-weight: bold; font-size: 13px; text-align: center;*/ padding: 8px 0 9px 0; width: 253px; margin: 15px auto;}
div.btn_acceso a{color: #fff; text-decoration: none;}
div.btn_acceso a:hover{color: #004116;}

ul, li{list-style: none; text-align: left;}

#contenedor{margin: 0 auto; width: 1000px; background-color: #fff;}
#contenedorpop{margin: 0 auto; width: 300px; background-color: #AEE30D; border: 1px solid #ccc;}


#cabecera{background: url(../../images/fondocabecera.jpg) no-repeat right top; width: 1000px; height: 127px;}
#cabecera img{float: left; margin: 17px 5px 0 15px;}
#cabecera h1{padding: 108px 0 0 0;}

#cabecera2{background: url(../../images/fondocabecera3.jpg) no-repeat right top; width: 1000px; height: 127px;}
#cabecera2 img{float: left; margin: 17px 10px 0 15px;}
/*#cabecera2 h1{padding: 100px 0 0 0; width: 50px;}*/
#cabecera2 h1{padding: 108px 0 0 0;}
#cabecera2 div.banersup{float: right; width: 824px; height: 112px; margin: 15px 0 0 0;}
#cabecera2 div.banersup img{float: right; margin: 0 0 0 8px; *margin: 0 0 0 2px !important; border: 1px solid #AEE30D;}

#cabeceraFlash{background: none; width: 1000px; height: 127px;}



#centro{background-color: #fff; width: 1000px; min-height: 350px; _height: 350px; overflow: none;}

.izquierda{float: left; width: 246px; _width: 244px; background: #E8E8E8 url(../../images/fondoizq.jpg) repeat-x left top; min-height: 525px; _height: 530px; overflow: auto !important; overflow: none;}
.izquierda p{margin: 0 10px;}

.bienvenidos{background: #AEE30D url(../../images/fondocallejerotit.jpg) no-repeat left top; height: 66px; margin: 0 0 5px 0;}
.bienvenidos p{color: #fff; font-weight: bold; font-size: 24px; padding: 10px 0 0 0;}
.pequegris{color: #666; font-size: 16px;}
.grisoscuro{color: #333;}


.buscador{width: 233px; margin: 0 auto; text-align: left;}
.buscador label{margin: 0 0 0 5px;}
.buscador input.btn_buscar{float: right; margin: 10px 10px 0px 0;}


.anunciantes{margin: 10px auto; width: 233px;}
.anunciantes ul{padding: 3px 0 0 10px; background-color: #fff; overflow-y: auto; height: 182px;}
.anunciantes ul li{font-weight: bold; color: #666;}
.anunciantes ul li a{font-weight: bold; text-decoration: none; color: #666;}
.anunciantes ul li a:hover{color: #AEE30D;}
.anunciantes ul li.nomciudad{font-weight: bold; color: #fff; background-color:#AEE30D;}


.actividades{margin: 10px auto; width: 233px;}
.actividades ul{padding: 3px 0 0 10px; background-color: #fff; overflow-y: auto; height: 280px;}
.actividades ul li{font-weight: bold; color: #666;}
.actividades ul li a{font-weight: bold; text-decoration: none; color: #666;}
.actividades ul li a:hover{color: #AEE30D;}

.multiples{margin: 10px auto; width: 233px;}
.multiples ul{padding: 3px 0 0 10px; background-color: #fff; overflow-y: auto; height: 280px; width:233px;}
.multiples ul li{font-weight: bold; color: #666; margin-bottom:5px;}
.multiples ul li a{font-weight: bold; text-decoration: none; color: #666;}
.multiples ul li a:hover{color: #AEE30D;}
.multiples ul li .dire{font-weight: normal; text-decoration: none; color: #333; font-size:11px; text-transform:uppercase;}


.empresas{margin: 10px auto; width: 233px;}
.empresas ul{padding: 3px 0 0 10px; background-color: #fff; overflow-y: auto; height: 280px;}
.empresas ul li{font-weight: bold; color: #666;}
.empresas ul li a{font-weight: bold; text-decoration: none; color: #666;}
.empresas ul li a:hover{color: #AEE30D;}


.cuerpo{float: left; width:533px; min-height: 490px; _height: 490px; overflow: auto; _overflow: none;}
.cuerpo2{width:743px; *width:740px !important; _width:744px; height: 500px; float: right;}
.cuerpo p{padding: 0 10px 0 15px;}
.cuerpo h1{margin: 10px 10px 5px 15px;}
.cuerpo input{width: 250px; border: 1px solid #666;}
.cuerpo textarea{width: 250px; border: 1px solid #666;}
.cuerpo input.btn_buscar{margin: 5px 0 10px 63px; *margin: 5px 0 10px 48px !important; width: 92px; border: none;}


.disponible{border: 1px solid #99CC33; padding: 5px; text-align: center; width: 85%; background-color:#E7F2CE;}


.aviso_legal{float: left; width:533px; min-height: 550px; _height: 550px; overflow: auto; _overflow: none; border:1px solid #006600}
.aviso_legal p{padding: 0 10px 0 15px;}
.aviso_legal h1{margin: 10px 10px 5px 15px;}
.aviso_legal input{width: 250px; border: 1px solid #666;}
.aviso_legal textarea{width: 250px; border: 1px solid #666;}
.aviso_legal input.btn_buscar{margin: 5px 0 10px 63px; *margin: 5px 0 10px 48px !important; width: 92px; border: none;}




p.alerta{margin: 5px 0; font-weight: bold; color:#004116; text-align: left; padding: 0 0 0 0;}

.flash{z-index: -999; margin: 5px 0 0 0;}

.bocadillo{background: url(../../images/bocadillo.png) no-repeat left top; width: 424px; height: 235px;}
.bocadillo h2{padding: 7px 0 0 8px; font-weight: normal; margin: 0 0 15px 0;}
.bocadillo select{text-align: left; width: 404px; height: 125px; border: 1px solid #fff;}
.bocadillo input{margin: 0 10px 0 0; float: right;}

.derecha{float: right; width: 220px; height: 530px; background-color:#AEE30D;}

div.blur{background-color: #98C60D; z-index:1; margin: 10px auto; width: 205px;}
div.shadow{background-color: #87B00B;position: relative; bottom: 1px; right: 1px; z-index:2;}
div.fotos{position: relative; bottom: 1px; right: 1px; z-index:2; border: 4px solid #AEE30D;}

#pie1 {clear: both; background-color: #AEE30D; border-top: 7px solid #999; border-bottom: 1px solid #999; padding: 10px 20px;}
#ctl00_Pie1_panelPie{font-size: 9px; margin: 5px 0 0 0; color:#666;}
#ctl00_Pie1_panelPie a{font-size: 9px; color:#666; text-decoration: none;}
#ctl00_Pie1_panelPie a:hover{color:#666; text-decoration: underline;}

#pie2{clear: both;}
p.left{float: left; text-align: left; margin: 8px 0;}
p.right{float: right; text-align: right; margin: 6px 0;}
.contacto{background: url(../../images/contacto.gif) no-repeat left center;}
a.contacto:hover{background: url(../../images/contacto2.gif) no-repeat left center;}
.aviso{background: url(../../images/aviso.gif) no-repeat left center; padding: 0 5px 0 0;}
a.aviso:hover{background: url(../../images/aviso2.gif) no-repeat left center;}
.logoact{background: url(http://www.actualiza.net/images/desarrolloactualiza.gif) no-repeat left center; padding: 0 14px 0 0;}
a.logoact:hover{background: url(http://www.actualiza.net/images/desarrolloactualiza.gif) no-repeat left center;}

.oculto{visibility: hidden;}
.clear{clear: both;}

.mapa{float: right; margin: 5px 0 0 0;}
.mapa iframe{margin: 5px 0 2px 0; *margin: 5px 0 13px 0 !important; background-color:#FFFFFF; vertical-align:top; float: left;}
#mapCallejero{width: 740px; *width: 730px !important; height: 442px; *height: 453px !important; border:1px solid #333; float: right;}
small a{text-decoration: none; color: #004116;}
small a:hover{text-decoration: underline; color:#AEE30D;}

.mapaflash{width: 803px; height: 628px;}

#print p{margin: 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;}
