/* ------ generales ------ */
*{ margin: 0; padding: 0; }

html { height:100%}
body { background-image: url(images/fondo.jpg); background-repeat: repeat-x; background-position: top center; background-color: #FFF; width:100%; height:100%; }
body, th, td, input, textarea { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 15px; color: #333333; }

h1, h2, h3, a.l3 { font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; }
h1{ color:#666; font-size: 22px; font-weight: bold; padding:3px 0 5px 0; border-bottom: 1px solid #CCCCCC; margin-bottom:10px; }
h2{ color: #FFF; font-weight:normal; font-size:17px; padding:10px 0 5px 12px; border-bottom: 1px dashed #F1F8F8; }
h3{ font-size:14px; padding:6px 0 3px 0; }
h4{ color:#666; font-size: 17px; font-weight:normal; padding:3px 0 5px 0; border-bottom: 1px solid #CCCCCC; margin-bottom:10px; }

.lista ul, .lista li{list-style:circle; list-style-position:inside; line-height:17px;}

a { text-decoration: none; color: #009; }
a:hover { color: #333333; border: none; }

a.l2 { text-decoration: none; color: #CCC; padding-left:10px; }
a.l2:hover { color: #FFF; border: none; }

a.l3 { display:block; color: #546da5; font-weight:normal; font-size:17px; padding:10px 0 5px 12px; line-height:1em; border-bottom: 1px dashed #CCCCCC; }
a.l3:hover { color: #333333; border-bottom: 1px dashed #CCCCCC;}

/* ------ estilos fotos ---------*/
.recuadro_fotos{border:1px #CCCCCC solid; padding:3px; background-color:#FFF;}
.fotos{ position:relative; float:right;}
a.fotos { border:2px solid #CCC; padding:2px; background-color:#FFF;}
a.fotos:hover { border:2px solid #CCC; padding:2px; background-color:#FFF;}
.foto_centrar{float:center; margin:0 auto; text-align:center; border: 1px solid #999; color:#666; padding: 4px; background:#FFF;  }

a.borde_fotos{ border:#CCCCCC solid 1px; padding:2px; background-color:#FFFFFF;}
a.borde_fotos:hover{ border: #999999 solid 1px;}

.imageOver{ background:url(images/zoom.gif) no-repeat 50% 50%;	 filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;	 }

.contenedor_fotos{ border:1px solid #CCCCCC; margin:0 auto; padding:6px; background-image:url(images/fondo_com_fotos.jpg); background-repeat:repeat-x; background-color:#F9F9F9; }
.comentario_fotos{ padding:3px; margin:0px 0 7px 0; text-align:left;}

/* ------ contenedores ------ */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
}

.push{ height:100px;}

.cabecera{ width: 960px; height:194px; margin: 0 auto; }

.contenido{
width:927px;
margin:0 auto;
}

.col_1{
/*background-color:#CCCCCC;*/
border: 1px solid #CCCCCC;
width: 890px;
float:left;
}

.col_1_2{
position:relative;
margin-top:45px;
width: 185px;
border: 0px solid #CCCCCC;
float:left;
}

.col_1_2_vacio{
font-size:11px;
line-height:18px;
position:relative;
margin-top:45px;
padding-left:10px;
width: 176px;
border: 0px solid #CCCCCC;
float:left;
}

.col_2_2{
border: 0px solid #CCCCCC;
padding: 15px;
width: 708px;
float:right;
line-height:1.5em;

}

.inicio{
background-image:url(images/fondo_inicio.jpg);
margin:30px 0 0 20px;
width:668px;
height:438px;
}

.mapa{
border:0;
background-image:url(images/mapa.jpg);
background-repeat:no-repeat;
background-position:160px 10px;
padding:50px 0 0 50px;
width:630px;
height:400px;
}

/* ----- menu vertical ----- */
.menu ul { list-style: none; list-style-position:inside; width: 100%; }
.menu li { list-style: none; background: none; width: 100%; }
.menu a { display: block; position: relative; height: 21px; text-decoration: none; padding:5px 0 0 13px; color: #000; font-size: 12px; }
.menu a:hover, .menu_sub a:hover {  background-color: #F4F4F4; color: #999;}

.menu_sub ul, li { list-style: outside; }
.menu_sub a { display: block; position: relative; height: 15px; text-decoration: none; padding:3px 0 3px 20px; color: #666; font-size: 11px; }
.menu_sub a:hover { color: #546da5;}

.menu_sub2 ul, li { list-style: none; }
.menu_sub2 a { display: block; position: relative; height: 14px; text-decoration: none; padding:3px 0 3px 27px; color: #999; font-size: 11px; }
.menu_sub2 a:hover {color: #000; background-color: #F4F4F4; }

/* ------ formulario ------ */
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; padding: 3px; margin:3px; border: 1px solid #999999; }
label { font-weight:bold; }
.boton { font-family: Verdana, sans-serif; font-size: 12px; color: #FFFFFF; border: 1px #666666 solid; background-image: url(images/boton_negro.jpg); font-weight: bold; padding: 3px; text-decoration:none; }

/* ------- mapa ------- */
/*.mapa{ width:99%; height:480px; border:0px solid #F4F4F4; }*/

/* ------- clientes ------- */
.cliente_listado{ padding:0 10px 10px 10px; border: 1px solid #CCCCCC; background-color:#F7F7F7; margin:7px 0 10px 0; float:left; width:650px;}

/* ------ pie ------ */

#pie{
clear:both;
width: 100%; height: 100px;
margin: 0 auto;
background-color:#000;
text-align: right;
background-image:url(images/pie.jpg); background-position: center top; background-repeat: no-repeat;
}

.cont_pie{
width:960px;
margin:0 auto;
padding: 15px 50px 10px 0;
line-height: 20px;
text-align: right;

}

/* ----- tablas modulos -----*/
.fila_par{ background-color:#F0F0F0; }
.fila_impar{ background-color:#FFFFFF; }
.recuadro{ background-color:F8F8F8; border: 1px #CCC solid; padding:3px; }

/* ----- modulo catalogo ----- */
.catalogo_recuadro{ clear:both; float:left; width:688px; background-color:#F2F2F2; border:solid 1px #CCC; padding:10px; margin:4px;}
.catalogo_descripcion{ width:505px; float:left;  padding:5px 0 0 0;}
.catalogo_foto{ float:right; padding:5px 0 0 0;}

/* ----- modulo contacto -----*/
.columna_contacto{width:350px; float:left; position:relative;}

/* ------ estilos WEB_TEMPLATE ------ */
.descripcion_modulo{ padding:9px; background-color: #F2F2F2; border:1px #CCCCCC dashed; margin-bottom:10px; }
.descripcion_modulo li{ list-style: disc; list-style-position:inside; }