/* --------------------------------------------------------------------
   CSS SITIOWEB: NORTHERN DESIGN por Adriana Cortes
----------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,li,table,fieldset,legend {
    margin:0; padding:0; border:none; list-style:none; }

body { font:12px Georgia, "Trebuchet MS", Arial; color:#5d5d5d; background:#fff; }

p { margin-bottom:8px; }
a { color:#923b19; }
a:hover { color:#54220f; }

h1 { position:relative; display:block; float:left; }
h2 { background:url(../imgs/fdo-h2.gif) repeat-x; color:#923b19; font-weight:700; font-size:18px; padding:12px 10px; }
h3 { font-size:20px; margin:8px 0 10px 0; color:#000; }
h5 { font-size:14px; color:#923b19; font-weight:bold; margin:32px 18px 18px 18px; }
h6 { font-size:18px; font-weight:700; margin-bottom:12px; }

div { position:relative; }
#wrapper { position:relative; width:840px; margin:16px auto; }
#footer { width:840px; display:block; clear:both; height:14px; font-size:10px; color:#848078; padding:32px 0 10px 0; text-align:center; }

/* HOME */
#flash-home { position:relative; clear:both; width:840px; height:305px; margin-bottom:20px; }
.box415 {
   position:relative;
   width:415px;
   background:url(../imgs/box-top-500_2.gif) no-repeat top;
}
.bot415 { width:415px; height:8px; background:url(../imgs/box-bot-500_2.gif) no-repeat bottom; }
.box170 {
   position:relative;
   width:170px;
   background:url(../imgs/box-top-170_2.gif) no-repeat top;
}
.bot170 { width:170px; height:8px; background:url(../imgs/box-bot-170.gif) no-repeat bottom; }

.bottom { position:relative; display:block; clear:both; }
.bottom a { display:block; text-indent:-2000px; overflow:hidden; }
.bottom a.bt-mas {
   position:absolute; top:-12px; right:10px;
   width:74px; height:28px;
   background:url(../imgs/bt-mas.gif) no-repeat;
}

.box-content { border:solid #c3c3c3; border-width:0 1px; background:#fff; padding:20px 16px; }
h4 img { margin:20px 20px 0 16px; }
h4 a { position:absolute; top:32px; right:20px; color:#494949; font-weight:normal; font-size:10px; display:block; float:right; }
h4 a:hover { color:#000; }

#boxH-materiales span {
   height:131px; width:106px;
   display:block; float:left;
   padding:8px; margin-right:4px;
   border-left:1px solid #dbdbdb;
}
#boxH-materiales span.last { margin:0; }
#foto-home { float:left; margin:0 10px; }
/* FIN HOME */


/* HEADER */
#header { height:88px; margin-bottom:20px; }
#header ul {
   float:right;
   height:88px;
   background:url(../imgs/fdo-nav.gif) no-repeat bottom;
}
#header li { display:inline; margin-left:4px; }

/* BOX DE CONTENIDO */
.boxfull {
   position:relative;
   display:block; clear:both;
   width:840px;
   font-size:14px;
   background:url(../imgs/box-top-full_2.gif) no-repeat top;
}
.botfull { width:840px; height:8px; background:url(../imgs/box-bot-full.gif) no-repeat bottom; }
.boxfull h4 { padding-bottom:10px; margin:0 20px; border-bottom:1px solid #d6d6d4; }
.boxfull h4 img {  margin:20px 0 0 0; }

#subnav { float:left; }
#con-subnav { position:relative; float:right; width:600px; }

.img-mundo { position:relative; top:-44px; left:33px; float:right; }
.img-personas  { position:absolute; top:10px; right:-37px; float:right; }
.img-reboard { margin-left:120px; }
.img-reboard img { margin:0 14px 14px 0; }
#navprod { margin-bottom:22px; border-bottom:1px solid #cacaca; padding-bottom:14px; }
#navprod img, #navprod-home img { margin-right:7px; }
#navprod-home { margin-bottom:22px; }

.logos { width:720px; }
.logos li { display:inline; }
.logos li img { margin:0 4px 4px 0; }

.navsec { margin:10px 0 28px 0; }
.navsec li { display:inline; margin-right:12px; padding-right:12px; border-right:1px solid #979797; }
.navsec li a { color:#484848; text-decoration:none; }
.navsec li.active { font-weight:bold; color:#923b19; }
.navsec li a:hover { color:#000; }

.bullet li { padding-left:12px; margin-bottom:8px; background:url(../imgs/bullet.gif) no-repeat 0 7px; }
img.ilustra { position:relative; top:-68px; float:right; margin-left:24px; }

.box-ventajas { margin-left:40px; }
.box-ventajas span { display:block; float:left; width:350px; margin-bottom:18px; }
.box-ventajas span.first { margin-right:14px; }
.box-ventajas ul { margin-left:12px; }
.las5ventajas { position:relative; left:-10px; margin-bottom:24px; }
.box-ventajas div { margin-top:20px; width:692px; }
.imgventajas { position:absolute; top:-11px; left:560px; }

#google-map { width:492px; height:700px; padding:14px; float:right; background:url(../imgs/fdo-mapa.gif) no-repeat; }
#txt-contacto { float:left; }
#txt-contacto a { color:#923b19; }
#txt-contacto a:hover { color:#000; }

/* ABAS */
div.domtab { position:relative; margin-top:24px; }
ul.domtabs {
   position:relative; display:block;
   height:36px;
   font-size:14px;
   background:url(../imgs/aba-bottom.gif) repeat-x bottom;        
}
ul.domtabs li { position:relative; display:block; float:left; margin-right:7px; background:#f2f2f2; }
ul.domtabs a, ul.domtabs a:visited {
   position:relative; display:block; float:left;
   height:18px; padding:8px 16px;
   color:#666; text-decoration:none;
   border:1px solid #dedede; border-bottom:1px solid #c2c2c2;
}

div.domtab div { display:block; clear:both; margin-top:24px; }
div.domtab div h2 { display:none; }
ul.domtabs li.active { background:#fff; }
ul.domtabs li.active a, ul.domtabs li.active a:visited { color:#000; font-weight:700; border:1px solid #c2c2c2; border-bottom:1px solid #fff; }
div.domtab div ul { margin-left:16px; float:left; }
div.domtab div img { margin-top:-34px; }

/* TABLA */
table { font-size:11px; border:6px solid #e1dede; }
table td, table th { padding:12px 8px; border-right:1px solid #e1dede; text-align:center; vertical-align:middle; }
tr.rowA td { background-color:#f1ecd2; }
tr td.aRight { text-align:right; font-weight:700; }
table th { background:url(../imgs/fdo-thtabla.gif) repeat-x; padding:20px 8px; }
table th.reboard { background:none; background-color:#923b19; color:#fff; }
table#tabla-comparativa img { position:relative; top:4px; *top:0px;  }

.bt-paginas { position:absolute; top:-34px; right:0; }

/* FORMULARIOS */
legend { display:none; }
form#form-contacto { width:520px; padding:10px; background:#ededed; float:right; }
form#form-contacto label { display:block; float:left; width:140px; }
form#form-contacto input, form#form-contacto select { float:left; color:#000; font-size:11px; padding:2px 4px; }
form#form-contacto input.boton { margin-left:388px; }
form#form-contacto input.inptel { margin-right:28px; }
form#form-contacto label.labmovil { width:52px; }

/* AJUSTES */
.fLeft { float:left; }
.fRight { float:right; }


/* ---- ARREGLAR BUGS ----*/
hr { display:block; clear:both; visibility:hidden; }

.clearfix:after {
    content:"."; visibility:hidden;
    display:block; clear:both;
    line-height:0; height:0;
}
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }