/* generales */
*{ margin: 0; padding: 0; }
html{ height:100%}
body { background:#F2F2F2; width:100%; height:100%; }
body, th, td, input, textarea, select { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; color: #FFF; }

hr {color:#FFF; background-color:#999;}

/* titulos */
h1, h2, h3 { font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;}
h1{ font-size: 22px; font-weight: normal; padding:3px 0 10px 0; }
h2{ color: #FFF; font-weight:normal; font-size:16px; }
h3{ font-size:14px; padding:6px 0 3px 0; }

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

/* links */
a { text-decoration: none; color: #D1EFE7; }
a:hover { color: #FFF; border: none; text-decoration:underline; }

a.l2 { text-decoration: none; color: #FFFFFF; }
a.l2:hover { color: #333333; border: none; }

/* contenedores principales */
.wrapper { width:960px; margin:0 auto;}

.cabecera{ width: 960px;}
.nav{ width:960px; position:relative;}
.columna_izq{ width: 273px; padding:1px 15px 10px 30px; float:left;}
.columna_der{width: 590px; float:left;}
.columna2 { width:285px;float:left; }
.pad_10{padding-right:19px;}
.fondo{ background: url(images/fondo_contenido.jpg) #428774 repeat-x center; background-position:bottom; float:left; width:100%; min-height:600px; padding-bottom:50px;}

/* carro */
.columna_carro {width:180px; padding:20px; margin:17px 10px 0 0; float:left; background:#679E8F; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.columna_carro2 { width:730px; padding-bottom:30px; float:left;}
.carro_lista{float:left; width:160px; margin-top:17px; padding:10px; background:#679E8F; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.carro_lista ul{list-style:none;}
.carro_lista a{ color:#FFF;}
.carro_content{float:left; width:520px;}

.faq {color:#FFF;}
.faq:hover {color: #8FCBB6;}

/* pie */
.footer { background:url(images/fondo_pie.jpg) repeat-x; clear:both; margin:0 auto; width:100%; height:180px; }
.footer_nav{ width:920px; padding:10px 40px 0 0; text-align:right; line-height:20px;font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; font-size:14px; }
.footer_nav a {color: #9B9B9B; font-size:18px; padding:0 7px}
.footer_nav a:hover {color:#666;}

/* marco fotos*/
.foto {border:2px solid #FFF; margin:0 3px 3px 3px;}

/* fotos - lupa */
.zoom{}
.imageOver{ background:url(images/zoom.gif) no-repeat 60px 40px; position:relative; filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


/* menu vertical */
.menu ul, .menu li, .menu_sub ul, .menu_sub li, .menu_sub2 ul, .menu_sub2 li { list-style: none; list-style-position:outside; width: 100%;  }
.menu a, .menu a:hover, .menu_sub2 a, .menu_sub2 a:hover { background-image: url('images/botones.jpg'); font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; display: block; }

.menu a { height: 25px; padding:5px 0 0 19px; background-position: 0 0; color: #CCC;  text-decoration: none;  font-size: 16px;  }
.menu a:hover { color: #FFF; background-position:0px -30px; }

.menu_sub a { font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; display: block; padding:4px 0 0 29px; background-position: 0 -60px; color: #CCC; text-decoration: none; font-size: 14px; }
.menu_sub a:hover { color: #FFF; background-position:0px -84px; }

.menu_sub2 a {  height: 20px; padding:4px 0 0 39px; background-position: 0 -108px; color: #999;  text-decoration: none;  font-size: 14px;  }
.menu_sub2 a:hover { color: #666; background-position:0px -132px; }

/* formulario */
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #679E8F; padding: 3px; _padding:0 2px 4px 4px; margin:3px; border: 1px solid #428774; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
label { font-weight:bold; }
.boton { font-family: Verdana, sans-serif; font-size: 12px; background:#FFF; color: #333; font-weight: bold; padding: 3px; _padding:0px; text-decoration:none; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;  }

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

/* paginacion */
.pag a:link{ margin:1px; background-color:#CCC; color:#666; border:1px #999 solid; padding:2px 4px; }
.pag a:hover{ background-color:#666; color:#CCC; }
.pag_activo{ display:inline; background-color:#CCC; color: #999; border:1px #CCC solid; padding:2px 4px; }

/* ------ estilos MODULOS ------- */

/* clientes1 */
.clientes1_contenedor{ width:706px; float:left; margin-bottom:8px; padding:5px; background-color:#F2F2F2; border:1px solid #CCCCCC; }
.clientes1_titulo { display:block; background-color:#666; padding:3px 3px 2px 3px; color:#FFF; margin-bottom:5px; }
.clientes1_titulo h2{ color:#FFF; }
.clientes1_descripcion {width:530px; float:left;}

/* contacto1 */
.contacto_formulario{ float:left; width:640px; margin-left:20px;}
.contacto_datos{ width:270px; position:absolute; float:left; margin:180px 0 0 312px; padding:12px; background-color:#F4F4F4; border:1px solid #CCCCCC;}

/* fotos1 */
.fotos1_1, .fotos1_1_destacado{ width:158px; height:118px; float:left; position:relative; margin:3px; padding:6px; display:inline;  border:1px solid #CCC;}
.fotos1_2, .fotos1_2_destacado{ width:158px; height:135px; float:left; position:relative; margin:3px; padding:6px; display:inline;  border:1px solid #CCC;}
.fotos1_3, .fotos1_3_destacado{ width:158px; height:155px; float:left; position:relative; margin:3px; padding:6px; display:inline;  border:1px solid #CCC;}
.fotos1_1, .fotos1_2, .fotos1_3 {background-color:#F2F2F2;}
.fotos1_1_destacado, .fotos1_2_destacado, .fotos1_3_destacado{background-color:#EFFFFF;}

.fotos1_foto{ float:left; position:relative; border:1px solid #CCC; background:#FFF;}
.fotos1_descripcion{ width:161px; height:20px; float:left; text-align:left; font-size:11px;}

/* catalogo1*/
.catalogo1_contenedor{ width:706px; float:left; margin-bottom:8px; padding:5px; background-color:#F2F2F2; border:1px solid #CCCCCC; }
.catalogo1_fotos{ float:left; margin: 0 10px 10px 0; display:inline;}

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

/* -- */
.mensaje_exito {
background-color:white;
border: 2px dashed #CCCCCC;
color: #415015;
height: 45px;
padding: 10px;
width: 100%;
font-size: 15px;
}

.mensaje_error {
background-color:white;
border: 2px dashed #CCCCCC;
color: #B70000;
height: 45px;
padding: 10px;
width: 100%;
font-size: 15px;
}

.fila_par {background-color:#679E8F;}
.fila_impar {background-color:#428774;}

/* ----- Menú de categorías ----- */

#titulo_menu_categorias{
    padding-left:0px;
}

#menu_categorias .catnormal{
    /* Color de las categorías no seleccionadas */
}
#menu_categorias .catselected{
/* Color de la categoría seleccionadas */
border:1px solid #EFEFEF;
font-weight:bold;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}

#menu_categorias a
{
display: block;
position: relative;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
background-color: #679E8F;
padding: 7px;
padding-top: 4px;
color: #FFF;
font-size: 13px;
}

#menu_categorias ul li .menu_sub
{
list-style: outside;
display: block;
position: relative;
text-decoration: none;
background: inherit;
background-image: none;
background-color: #999999;
background-position: left;
/*border-right: 1px solid #CCCCCC;*/
padding-left: 17px;
padding-top: 5px;
color: #FFFFFF;
font-size: 11px;
}

#menu_categorias .menu_sub a:hover
{
background: inherit;
color: #000000;
background-image: none;
background-color: #E4E4E4;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}

#menu_categorias ul .menu_sub2
{
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}

#menu_categorias li .menu_sub2
{
list-style: none;
background-color: #E4E4E4;
}

#menu_categorias .menu_sub2 a
{
display: block;
position: relative;
text-decoration: none;
background: inherit;
background-image: none;
background-position: left;
padding-left: 12px;
padding-top: 5px;
color: #000000;
font-size: 11px;
}

#menu_categorias .menu_sub2 a:hover
{
background: inherit;
background-image: none;
background-color: #E4E4E4;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}






/* Actualizacion 18 de agosto 2010 */

/*** FIXES ***/
.clfix:after{visibility:hidden; display:block; content:"."; clear:both; height:0} /*clearfix*/
.clfix{display:block}
ol{margin-left:2em} /*Fixes incorrect placement of numbers in ol's in IE6/7*/

.foto_tmb,.fotos1_foto, .foto_home, input[type="text"]:focus, textarea:focus, input[type="password"]:focus, select:focus{-moz-box-shadow: 0 0 6px #9F9F9F; box-shadow:0 0 6px #9F9F9F; -webkit-box-shadow:0 0 6px #9F9F9F}

/*** TIPOS ***/
.pa{padding:5px} .pa2{padding:10px}
.pa_t{padding-top:5px} .pa_t2{padding-top:10px}
.pa_b{ padding-bottom:5px} .pa_b2{padding-bottom:10px}
.pa_l{padding-left:5px} .pa_l2{padding-left:10px}
.pa_r{padding-right:5px} .pa_r2{padding-right:10px}

.ma_r2{ margin-right:10px} 
.ma_l2{ margin-left:10px}  .ma_l3{ margin-left:20px} 
.ma_lr{ margin:0 4px}
.ma_t{margin-top:5px} .ma_t2{margin-top:10px} .ma_t3{margin-top:20px}
.ma_b2{margin-bottom:10px} .ma_b3{margin-bottom:20px}

.cl_both{clear:both} .cl_left{clear:left} .cl_right{clear:right} 
.wi_100{width:100%} .he_100{height:100%}

.ta_c{text-align:center} .ta_l{text-align:left} .ta_r{text-align:right} .ta_j{text-align:justify}

.fl_r{float:right} .fl_l{float:left}

.fo{} .fo3{font-size:.9em; color:#999} /*<--texto gris */ .fo_4{font-size:10px; line-height:14px}

.di{display:inline} .di_hide{display:none}

.titulo{text-transform:uppercase; font-size:16px}
.subtitulo{text-transform:capitalize; color:#999}
.destacado{background:none #EFFFFF !important;}
.rad{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
.hide{display:none;}

/*** CONTENEDORES ***/

/* videos 1 */
.videos1_1, .videos1_1_destacado{ width:158px; height:118px; float:left; position:relative; margin:3px; padding:6px; display:inline;  border:1px solid #CCC}
.videos1_2, .videos1_2_destacado{ width:158px; height:155px; float:left; position:relative; margin:7px; padding:6px; display:inline;  border:1px solid #CCC}
.videos1_1, .videos1_2 {background-color:#F2F2F2}
.videos1_1_destacado, .videos1_2_destacado{background-color:#EFFFFF}
.videos1_video{ float:left; position:relative}
.videos1_descripcion{width:138px; float:left; padding-top:4px; text-align:left; font-size:11px; color:#333333}

/* publicacion */
.publicacion1_contenedor{ color:#666; margin:10px; padding:5px; background-color:#FFF; border:1px solid #CCCCCC;}
.publicacion1_contenedor_dest{ color:#666; margin:10px; padding:5px; background-color:#EFFFFF; border:1px solid #CCC}
.publicacion1_contenedor h2{color:#333; font-size:16px; font-weight:bold}
.publicacion1_contenedor_dest h2{color:#333; font-size:16px; font-weight:bold}
.publicacion1_fotos{ float:right; margin: 10px 0 10px 10px; display:inline; width:165px}

.publicacion1_contenedor a{color:#82C4AE; font-size:12px; font-weight:bold}
.publicacion1_contenedor a:hover{color:#408572; text-decoration:none;}
.publicacion1_contenedor_dest a{color:#82C4AE; font-size:12px; font-weight:bold}
.publicacion1_contenedor_dest a:hover{color:#408572; text-decoration:none;}

.foto_tmb{border:3px solid #FFFFFF; background:#FFF; width:150px; height:110px; overflow:hidden}

.links_pie{float:right;}
.links_pie a{font-size:16px;}