/* CSS Document */

/*///////////////general///////////////*/
* {
margin:0px;
padding:0px;
list-style-type:none;
}
html{
min-height:100%;
}
body{
height:100%;
background-color:#EBF0E0;
background-repeat:no-repeat;
background-position:bottom left;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
}
hr{
display:none;
}
img{
border:0;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
div.pusher{
clear:both;
height:0px;
overflow:hidden;
}

/*///////////////fondos////////////////*/
body.servicios{
background-image:url(../img/servicios.jpg);
}
body.index{
background-image:url(../img/index.jpg);
background-position:bottom center;
}
body.contacto{
background-image:url(../img/contacto.jpg);
}
body.catalogo{
background-image:url(../img/catalogo.jpg);
}
body.electrico{
background-image:url(../img/material-electrico.jpg);
}
body.acero{
background-image:url(../img/acero-inoxidable.jpg);
}
body.camping{
background-image:url(../img/camping.jpg);
}
body.bazar{
background-image:url(../img/bazar.jpg);
}


/*///////////////wrapper///////////////*/
div#wrapper{
width:775px;
}

/*///////////////cabezzal///////////////*/
div#header{
background-image:url(../img/bg.gif);
background-position:top left;
background-repeat:repeat-y;
}
div#header div.header-content{
padding-left:191px;
padding-top:35px;
height:100px;
}
div#header div.header-content h1{
display:block;
width:213px;
height:53px;
float:left;
line-height:0;
font-size:0;
}
div#header div.header-content h2{
display:block;
width:92px;
height:44px;
float:right;
background-image:url(../img/imp-exp-rep.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:9px;
padding-right:58px;
}
div#header div.header-content h2 span{
display:none;
}


/*///////////////main///////////////*/
div#main-content{
background-image:url(../img/bg.gif);
background-position:top left;
background-repeat:repeat-y;
width:100%;
}
div#main-content div.menu{
padding-left:51px;
float:left;
width:87px;
}
div#main-content div.menu ul li{
margin:0px;
padding:0;
float:left;
clear:both;	
}
div#main-content div.menu ul li a{
display:block;
width:87px;
height:35px;
background-position:bottom left;
background-repeat:no-repeat;
margin-bottom:2px;
}
div#main-content div.menu ul li a:hover, div#main-content div.menu ul li a.selected{
background-position:top left;
}
div#main-content div.menu ul li a span{
display:none;
}
div#main-content div.menu ul li.quien a{
background-image:url(../img/quien.gif);
}
div#main-content div.menu ul li.servicios a{
background-image:url(../img/servicios.gif);
}
div#main-content div.menu ul li.catalogo a{
background-image:url(../img/catalogo.gif);
}
div#main-content div.menu ul li.contacto a{
background-image:url(../img/contacto.gif);
}
div#main-content div.content{
float:right;
width:526px;
padding-left:50px;
padding-right:60px;
padding-bottom:12px;
min-height:350px;
}
div#main-content div.content img{
float:left;
padding:5px;
border:1px solid #dddddd;
margin:0 12px 5px 0;
}
div#main-content div.content h2{
margin-bottom:20px;
font-size:1.6em;
text-transform:uppercase;
color:#5A3D1C;
font-weight:bold;
}
div#main-content div.content h2 a{
color:#5A3D1C;
}
div#main-content div.content h3{
font-size:1.1em;
color:#555555;
font-weight:bold;
margin-bottom:20px;
margin-top:-15px;
border-bottom:1px dashed #cccccc;
padding-bottom:6px;
}
div#main-content div.content h3 a{
color:#5A3D1C;
}
div#main-content div.content h3 a:hover{
text-decoration:underline;
}
div#main-content div.content p{
font-size:1.1em;
line-height:1.2em;
color:#000000;
text-align:justify;
text-indent:3.5em;
margin-bottom:0.8em;
}
div#main-content div.content ul li{
padding-bottom:1.5em;
line-height:1.5em;
width:290px;
background-image:url(../img/asterisco.gif);
background-position:100% 0.1em;
background-repeat:no-repeat;
padding-right:30px;
font-size:1.1em;
color:#666666;
}
div#main-content div.content ul li a{

color:#5A3D1C;
font-weight:bold;
}

/*///////////////pie///////////////*/
div#footer{
background-image:url(../img/pie-bg.gif);
background-position:top left;
background-repeat:no-repeat;
}
div#footer div.footer-content{
padding-top:18px;
padding-left:140px;
padding-bottom:20px;
}
div#footer div.footer-content address{
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;
font-style:normal;
color:#5A3D1C;
background-color:#EBF0E0;
width:572px;
}
div#footer div.footer-content address a{
color:#5A3D1C;
text-transform:lowercase;
}