/* CSS Document */

*{
padding:0px;
margin:0px;
}

body{
font-family:Arial, Helvetica, sans-serif;
background-image:url(../img/background.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#4d4c4c;
}

a{
outline:none;
}

a img{
border:none
}

#wrapper{
width:908px;
margin:0 auto;
padding:0 4px;
}

#header{
width:900px;
padding-top:11px;
background-color:#0d3b57;
border-bottom:1px solid #104360;
}

#menu{
width:900px;
border-top:1px solid #1a5274;
background-color:#114463;
overflow:hidden;
height:63px;
}

#menu img.logo{
float:left;
margin-top:8px;
margin-left:21px;
}

#menu ul{
width:587px;
float:right;
list-style:none;
}
#menu ul li{
display:inline;
margin:0 1px;
height:62px;
position:relative;
background-repeat:no-repeat;
float:left;
}

#menu ul li.empresa{
width:116px;
background-image:url(../img/menu/pestana_empresa.jpg);
}

#menu ul li.productos{
width:160px;
background-image:url(../img/menu/pestana_productos.jpg);
}

#menu ul li.eps{
width:84px;
background-image:url(../img/menu/pestana_eps.jpg);
}

#menu ul li.contacto{
width:89px;
background-image:url(../img/menu/pestana_contacto.jpg);
}

#menu ul li.clientes{
width:127px;
background-image:url(../img/menu/pestana_clientes.jpg);
}

#menu ul li a{
display:block;
width:100%;
padding-top:34px;
height:28px;
position:absolute;
z-index:3;
top:0px;
left:0px;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
font-weight:bold;
text-align:center;
}

#menu ul li a.active{
background-image: url(../img/menu/active.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

#menu ul li span{
position:absolute;
padding-top:36px;
padding-left:2px;
z-index:2;
width:100%;
text-align:center;
font-weight:bold;
font-size:13px;
color:#002136;
}




/* --------------------------------------------- CONTENT---------------------------------------------------------*/

#content{
width:900px;
padding-bottom:0px;
background-image:url(../img/bg_content.gif);
background-position:top;
background-repeat:repeat-x;
overflow:hidden;
}

#content a{
color:#093149;
text-decoration:underline;
}

#content h3{
height:22px;
width:auto;}

#content h3 span{
display:none;
}

#main h3{
border-bottom:1px solid #e9e9e9;
padding-bottom:6px;
margin-bottom:20px;
}

h3.nuestros_productos{
background-image: url(../img/titulares/nuestros_productos.gif);
background-repeat:no-repeat;
height:22px;
}

h3.empresa{
background-image: url(../img/titulares/la_empresa.gif);
background-repeat:no-repeat;
height:22px;
}

h3.contacto{
background-image: url(../img/titulares/contacto.gif);
background-repeat:no-repeat;
height:22px;
}

h3.clientes{
background-image: url(../img/titulares/area_clientes.gif);
background-repeat:no-repeat;
height:22px;
}

h3.alimentacion{
background-image: url(../img/titulares/alimentacion.gif);
background-repeat:no-repeat;
height:22px;
}

h3.embalaje{
background-image: url(../img/titulares/embalaje.gif);
background-repeat:no-repeat;
height:22px;
}

h3.jardineria{
background-image: url(../img/titulares/horticultura_jardineria.gif);
background-repeat:no-repeat;
height:22px;
}

h3.construccion{
background-image: url(../img/titulares/construccion.gif);
background-repeat:no-repeat;
height:22px;
}

h3.eps{
background-image: url(../img/titulares/eps.gif);
background-repeat:no-repeat;
height:22px;
}

h3.eps_que{
background-image: url(../img/titulares/eps_que.gif);
background-repeat:no-repeat;
height:22px;
}

h3.eps_ambiente{
background-image: url(../img/titulares/eps_ambiente.gif);
background-repeat:no-repeat;
height:22px;
}

h3.eps_residuos{
background-image: url(../img/titulares/eps_residuos.gif);
background-repeat:no-repeat;
height:22px;
}

h3.vigueta_autorresistente{
background-image: url(../img/titulares/vigueta_autorresistente.gif);
background-repeat:no-repeat;
height:22px;
}

h3.semivigueta_pretensada{
background-image: url(../img/titulares/semivigueta_pretensada.gif);
background-repeat:no-repeat;
height:22px;
}

h3.semivigueta_armada{
background-image: url(../img/titulares/semivigueta_armada.gif);
background-repeat:no-repeat;
height:22px;
}

h3.vigueta_tubular{
background-image: url(../img/titulares/vigueta_tubular.gif);
background-repeat:no-repeat;
height:22px;
}

h3.vigueta_hierro{
background-image: url(../img/titulares/vigueta_hierro.gif);
background-repeat:no-repeat;
height:22px;
}

h3.reticular{
background-image: url(../img/titulares/reticular.gif);
background-repeat:no-repeat;
height:22px;
}

h3.unidireccional{
background-image: url(../img/titulares/unidireccional.gif);
background-repeat:no-repeat;
height:22px;
}

h3.placas{
background-image: url(../img/titulares/placas_aislamiento.gif);
background-repeat:no-repeat;
height:22px;
}

h3.soluciones{
background-image: url(../img/titulares/soluciones.gif);
background-repeat:no-repeat;
}

h3.aligeramiento{
background-image: url(../img/titulares/aligeramiento.gif);
background-repeat:no-repeat;
}

h4{
color:#103f5c;
font-size:14px;
border-bottom:1px solid #e9e9e9;
padding-bottom:1px;
margin-bottom:9px;
font-weight:bold;
background-image:url(../img/tip.gif);
background-position: 0 3px;
background-repeat:no-repeat;
padding-left:17px;
}

h4.bovedillas{
color:#103f5c;
font-size:15px;
border-bottom:1px solid #e9e9e9;
padding-bottom:1px;
margin-bottom:9px;
font-weight:bold;
background-image:url(../img/tip_azul.gif);
background-position: 0 3px;
background-repeat:no-repeat;
padding-left:17px;
}


#sidebar{
margin-top:25px;
width:346px;
padding-left:4px;
background-image:url(../img/border_ptos.gif);
background-position:right bottom;
background-repeat:no-repeat;
float:left;
}
#sidebar h3{
margin-bottom:25px;
}

#sidebar ul{
list-style:none;
}

#sidebar ul li a{
display:block;
position:relative;
width:246px;
height:60px;
padding-top:10px;
padding-left:82px;
background-image:url(../img/sidebar_content.jpg);
background-repeat:no-repeat;
background-position:top;
color:#535353;
font-size:12px;
text-decoration:none;
margin-bottom:10px;
clear:both;
}

#sidebar ul li a span{
color:#0f415f;
font-size:13px;
font-weight:bold;
}

#sidebar ul li a:hover{
color:#FFF;
background-image:url(../img/sidebar_content_hover.jpg);
}

#sidebar ul li a:hover span{
color:#FFF;
}

#sidebar ul li a img{
position:absolute;
z-index:1;
}

#sidebar ul li.active a{
display:block;
position:relative;
width:246px;
height:60px;
padding-top:10px;
padding-left:82px;
background-image:url(../img/sidebar_content_hover.jpg);
background-repeat:no-repeat;
color:#FFF;
font-size:12px;
text-decoration:none;
margin-bottom:10px;
}

#sidebar ul li.active a span{
color:#FFF;
}



p.nota{
text-align:left;
border:none;
padding-top:3px;
padding-bottom:0px!important;
margin-bottom:30px;
color:#103F5C;
font-size:11px;
}

p.dcha{
text-align:right!important;
}

#sidebar ul.construccion{
margin-bottom:35px;
}


#sidebar ul.construccion li a{
display:block;
position:relative;
width:224px;
margin-left:22px;
height:15px;
padding-top:10px;
padding-left:82px;
background-image: url(../img/tip.gif);
background-position:60px 12px;
background-repeat:no-repeat;
color:#535353;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin-bottom:0px;
}


#sidebar ul.construccion li a:hover{
color:#103F5C;
background-image: url(../img/tip_azul.gif);
}


#sidebar ul.construccion li.active a{
color:#103F5C;
background-image: url(../img/tip_azul.gif);
text-decoration:underline;
}






#main{
width:500px;
min-height:350px;
margin-top:25px;
padding-left:21px;
padding-right:29px;
padding-bottom:50px;
float:left;
background-image:url(../img/bg_main.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#main p{
text-align:justify;
line-height:16px;
padding-bottom:20px;
}

#main dl{
clear:both;
overflow:hidden;
margin-bottom:36px;
}

#main dt {
color:#103f5c;
font-size:14px;
border-bottom:1px solid #e9e9e9;
padding-bottom:1px;
margin-bottom:9px;
font-weight:bold;
background-image:url(../img/tip.gif);
background-position: 0 3px;
background-repeat:no-repeat;
padding-left:17px;
}

#main dd p{
width:316px;
float:left;
}

#main dd.large p{
width:500px;
}
#main dd img{
border:2px solid #1b5f73;
float:right;
}
a.boton{
width:93px;
height:20px;
padding-right:25px;
padding-top:2px;
float:right;
text-align: right;
color:#FFF!important;
text-decoration:none!important;
background-image:url(../img/bg_boton.gif);
background-repeat:no-repeat;
}

#area_clientes td{
padding:6px;
margin:1px;
}

#area_clientes td input{
border:1px solid #CCCCCC;
width:180px;
padding:2px 3px;
}

#area_clientes td input.entrar{
width:118px;
height:22px;
padding-right:25px;
padding-top:0px;
float:right;
text-align: right;
color:#FFF!important;
text-decoration:none!important;
background-image:url(../img/bg_input.gif);
background-repeat:no-repeat;
background-position:right;
border:none;
background-color:#FFFFFF;
}

#area_clientes th{
color:#103f5c;
font-size:13px;
margin-bottom:9px;
font-weight:bold;
background-image:url(../img/tip.gif);
background-position: 0 12px;
background-repeat:no-repeat;
padding-left:17px;
text-align: left;
}

#img_productos{
border:2px solid #103f5c;
margin-bottom:30px;
background-color:#465a8b;
padding:10px 4px;
}

#main ul{
padding-bottom:20px;
line-height:16px;
margin-left:20px;
list-style:none;
}

#main ul li{
background-image:url(../img/tip_peq.gif);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:15px;
}

#main ul li ul{
margin-left:20px;
padding-bottom:0px;
}

#main ul li.encabezado{
padding-bottom:5px;
color:#103F5C;
background-image:url(../img/tip_azul_peq.gif);
}

#foot {
width:880px;
padding:14px 10px;
background-image:url(../img/bg_foot.gif);
background-position:top;
background-repeat:repeat-x;
overflow:hidden;
}

#foot img{
float:left;
}

#foot p{
float:right;
width:414px;
background-image:url(../img/ptos_foot.gif);
background-repeat:no-repeat;
background-position:left; 
text-align:right;
line-height:16px;
}

#foot a{
color:#5d5d5d;
text-decoration:underline;
}

#foot strong{
color:#103f5c;
}
#foot a.websdirect {
float:right;
margin-top:3px;
}

a.pdf{
float:right;
padding-left:22px;
background-image: url(../img/pdf.gif) ;
background-repeat:no-repeat;
background-position:left 10px;
margin-left:20px;
padding-top:10px;
}