@import url(menu.css);

/* COMÚN -----------------------------------------*/

*{margin:0px; padding: 0px;}
body { margin:7px 0 0 0; background-color:#fff; text-align:center; font:11px "Trebuchet MS", Arial, sans-serif; color: #000;} 
p { margin-bottom: 10px; }
#trama { margin:auto; width:980px; background:url(../img/fondo.gif) repeat-y center;}
#contenedor{ text-align:left; width:964px; margin:auto; overflow:hidden;}
#arriba{ width:980px; height:30px; background:url(../img/arriba.gif) center;}
#abajo{  width:980px; height:30px; background:url(../img/abajo.gif) center; margin-top:8px;}
#logo { float:left; width:300px; height:76px; margin:10px 0 0 20px !important;  margin:10px 0 0 10px;}
#navegador { float:left; width:910px; height:16px; margin:15px 0 0 25px !important; margin:15px 0 0 12px; border-bottom: 1px solid #ccc;}
#estas { float:left; margin-left:3px; font-size:10px; color:#999;}
h1 { font-size:10px; font-weight:normal;}
#idioma { float:right;}
#pie { margin:auto; width: 980px; text-align:right; font-size:10px; color:#666; padding-right:10px; margin-bottom:5px;}
#texto {float:right; width:770px; margin-top:37px; margin-right:25px !important; margin-right:12px;}
#separata {float:left; width:100%; height:20px; }
#sepa_15 {float:left; width:100%; height:15px; }
#sepa_10 {float:left; width:100%; height:10px; }
a:link, a:visited, a:active {color: #000; text-decoration: none; }
a:hover {color:#000; text-decoration: underline;}
#enviar { width:56px; height: auto; background: url(../img/enviar.gif) no-repeat; }
#enviar a:link, #enviar a:visited, #enviar a:active  { width:100%;  display: block; text-decoration:none; }
#enviar a:hover { background: url(../img/enviar_b.gif) no-repeat; }
#calcular-bot { width:56px; height: auto; background: url(../img/calcular.gif) no-repeat; }
#calcular-bot a:link, #calcular-bot a:visited, #calcular-bot a:active { width:100%; display: block; text-decoration:none; }
#calcular-bot a:hover { background: url(../img/calcular_b.gif) no-repeat; }

/* PRESENTACIÓN -----------------------------------------*/

#presen-txt {float:left; width:470px;}
#presen-swf {float:right; margin-top:30px;}

/* QUÉ ES -----------------------------------------*/

#casa-txt {float:left; width:300px;}
#casa-swf {float:right; }

/* FUNCIONAMIENTO ---------------------------------*/

#fun-swf {float:right; margin-top:40px;}

/* DISTRIBUIDORES ---------------------------------*/

#dis-txt {float:left; width:520px;}
#dis-swf {float:right; margin-top:48px;}

/* VÍDEO -----------------------------------------*/

#video-txt {float:left; width:270px;}
#video-swf {float:right; margin-top:40px; }

/* PRODUCTOS -----------------------------------------*/

#domes-txt { float:left; width:390px;}
#ter-txt { float:left; width:460px;}
#acces-txt { float:left; width:390px; }
#ter-swf {float:right; margin-top:35px; }
#cen-txt { float:left; width:450px; }
#listado p{ margin-bottom: 3px;}
.red-bold { color:#990000; font-weight:bold; }
.red {color:#990000;}
.red-kit { color:#990000; margin-left:30px;}
A.acce-link:link,A.acce-link:visited, A.acce-link:hover, A.acce-link:active  { color: #990000; text-decoration:underline;}
#listado-kit { margin-left:15px; margin-bottom:10px; }
#listado-acce { margin-left:30px; }
#productos { float:left; width:590px; margin-bottom:10px; }
#tomas-txt { float:left; width:480px;}
#tom-swf {float:right; margin-top:32px; }
#ref-txt { float:left; width:770px; font-size:12px;}
#ref-mini {float:left; width:180px; margin-bottom:20px; margin-right:12px;}
.granate {color:#990000; }
#ref-tit { float:left; width:750px;}
#ref-tit-izq {float:left;}
#ref-tit-der{height:19px; width:110px; float:right; text-align:right;}
#ref-tit-der img{ vertical-align:middle; }
#ref-bot {float:right; width:105px; height:19px; background: url(../img/pagina-siguiente.gif) no-repeat; }
#ref-bot a:link, #ref-bot a:visited, #ref-bot a:active { width:100%; display: block; text-decoration:none; }
#ref-bot a:hover { background: url(../img/pagina-siguiente_b.gif) no-repeat; }
#ref-bot2 {float:right; width:105px; height:19px; background: url(../img/pagina-anterior.gif) no-repeat; }
#ref-bot2 a:link, #ref-bot2 a:visited, #ref-bot2 a:active { width:100%; display: block; text-decoration:none; }
#ref-bot2 a:hover { background: url(../img/pagina-anterior_b.gif) no-repeat; }


/* EVENTOS -------------------------------------------*/

#eventos-txt { float:left; width:650px;}
#eventos-txt-det { float:left; width:760px;}
#tit-pag { float:left; width:640px; margin-bottom:10px;}
#tit-pag-det { float:left; width:100%;}
#eventos-tit {float:left; margin-left:8px;}
#eventos-tit-det {float:left; margin-left:0px; height:35px; width:650px; background:url(../img/fondo-eventos.jpg) no-repeat;}
.cuadrado { float:left; width:650px; height:35px; background:url(../img/fondo-eventos.jpg) no-repeat; }
.tabla_eventos { float:left; width:615px; height:auto; margin-top:12px; margin-left:10px !important; margin-left:5px; margin-bottom:20px;}
.blanco {color:#fff;}
.tit-even-txt { margin-left:20px; margin-top:6px;}
.tit-even { font-size:15px; color:#333; font-weight:bold;}
A.event-link:link, A.event-link:visited, A.event-link:active  { color: #333; text-decoration:none;}
A.event-link:hover{ text-decoration:underline; color: #333; }
A.event-link2:link, A.event-link2:visited, A.event-link2:active  { color: #000; text-decoration:none;}
A.event-link2:hover{ text-decoration:underline; color: #000; }
#foto_evento{float:right; margin-left:20px; margin-bottom:10px;}
#text_not{  margin-left:10px; }
A.icon_link:link, A.icon_link:visited, A.icon_link:hover, A.icon_link:active 
{color:#666; text-decoration:none; font-size:10px; }
#volver{height:19px; width:110px; float:right; text-align:right; margin-top:7px;}
#volver img{ vertical-align:middle; }
#archi {float:left; width:60px; margin-left:10px;}
#even-bot {float:right; width:105px; height:19px; background: url(../img/volver-eventos.gif) no-repeat; }
#even-bot a:link, #even-bot a:visited, #even-bot a:active { width:100%; display: block; text-decoration:none; }
#even-bot a:hover { background: url(../img/volver-eventos_b.gif) no-repeat; }

/* CATÁLOGOS -----------------------------------------*/

#cata-txt {  float:left; width:600px;}
.cua{ font-size: 13px; color : #666; }

/* HAGA SU PROYECTO ----------------------------------*/

#proyecto-txt { float:left; width:450px;}
#proyecto-txt-2 { float:left; width:740px;}
.bold_gris { font-weight:bold; color:#666; }
#fondo-pro { float:left; width:314px; height:104px; background:url(../img/fondo-proyecto.jpg) no-repeat; }
#pro_txt { color:#fff; margin-left:20px; margin-top:18px;}
#formpro input { font-size: 17px; width:70px; height:20px; border-style:solid; border-color:#000; border-width:1px; margin-left:20px; text-align:center; vertical-align:bottom; font-family: "Trebuchet MS", Arial, sans-serif;} 
.m-cua { color:#fff; font-size:18px; }
#calcular { float:right; margin-right:20px; margin-top:-17px;}
#cuadro-gris { float:left;  width:740px; min-height:180px !important; height: auto !important; height:180px; margin-top:15px; }
.vivienda { font-size:20px; font-weight:bold;}
#proy-swf {float:right; margin-top:40px; width:275px; height:338px;}

/* CONTACTO ------------------------------------------*/

#con-txt { float:left; width:460px; }
.con-12-b { font-size:12px; font-weight:bold; }
.con-17 { font-size:17px; font-weight:bold; }
.con-17-b { font-size:17px; }
.con-20-b { font-size:20px; }
#formcon { font-size:12px; font-weight:bold;}
#formcon input { font-size: 13px; height:17px; border-style:solid; border-color:#666; border-width:1px; font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom:5px; font-weight:normal;}
#formcon textarea { width: 250px; font-family: "Trebuchet MS", Arial, sans-serif; border-style:solid; border-color:#666;background-color:#fff; border-width:1px; font-size:13px; overflow: auto; font-weight:normal;}
#con-servidor-env { width:250px; height:18px; margin-top:5px;}
#con-servidor { float:left; width:180px; height:auto; font-weight:normal; }
#con-enviar { float:right; height:auto;}
#con-fot {float:right; margin-top:45px;}
#con-map{ float:right; background-color: #ccc; position: relative; width: 450px;  height: 520px; margin:0px; color:#000;
margin-top:20px; margin-bottom:10px; border: 1px solid #999; }

/* GARANTÍAS -----------------------------------------*/

#gar-txt { float:left; width:450px; }
#gar-swf {float:right; margin-top:40px;}
#gar-texto {float:left; }
.gar-10px { font-size:10px; }
#formgar { font-size:12px; font-weight:bold;}
#formgar input { font-size: 13px; height:17px; border-style:solid; border-color:#666; border-width:1px; font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom:5px; font-weight:normal;}
#gar-servidor-env { width:252px; height:18px; }
#gar-servidor { float:left; width:196px; font-weight:normal; }
#gar-enviar { float:right; }
#gar-con { width:121px; height:29px; background: url(../img/garantias-condiciones.gif) no-repeat; float:left;}
#gar-con a:link, #gar-con a:visited, #gar-con a:active { width:100%; height:29px; display: block; text-decoration:none; }
#gar-con a:hover { background: url(../img/garantias-condiciones_b.gif) no-repeat; }
#gar-reg { width:121px; height:29px; background: url(../img/garantias-registro.gif) no-repeat; float:left; margin-left:5px;}
#gar-reg a:link, #gar-reg a:visited, #gar-reg a:active { width:100%; height:29px; display: block; text-decoration:none; }
#gar-reg a:hover { background: url(../img/garantias-registro_b.gif) no-repeat; }

/* PAGINACIÓN ----------------------------------------*/

.pagi {font-size:12px;}
A.pagi, A.pagi:link, A.pagi:visited, A.pagi:hover, A.pagi:active { text-decoration:none; font-weight:normal; color:#666;} 
#paginacion{ text-align:right; float:right; color:#000; margin-top:5px;}