html, body, p, div, h1, h2, h3, h4, h5, h6, form, input, fieldset, dl, dd, dt { margin:0; padding:0; }
img, fieldset { border: none; }

body { 
    font: normal 62.5% Verdana, Arial, sans-serif; 
    background-color: white;
    margin: 0;
    padding: 0;
}

a { 
text-decoration: none; 
color:#000000; 
} 

a:hover { 
text-decoration: underline; 
}

a:visited { 
color:#000000; 
}  

.clear { clear: both; width: 0; height: 0; }

img { border:none;}

#supernav { width: 100%;
    background:#EF9B11;
    font-size: 1.1em;
    height: 22px;
}
#supernav .wrap {
    width: 960px;
    margin: 0 auto;
    padding: 0 17px;
}
#supernav div {
    line-height: 13px;
}
#supernav .wrap #quicklinks {
    float: left;
    margin-left: 2px;
}
#supernav .wrap #quicklinks a#toggleQL {
    display: block;
    padding: .4em 12px .4em 5px;
    margin-right: 18px;
}
#supernav .wrap #quicklinks.open #toggleQL {
    color: #000;
    padding: .4em 12px .4em 5px;
    margin-right: 18px;
}
#supernav .wrap #quicklinks #quicklinkslist {
    display: none;
}

#supernav .wrap #quicklinks.open #quicklinkslist {
    display: block;
}

#supernav .wrap #siteindex {
    float: left;
}

#supernav .wrap #siteindex a {
    display: block;
    padding: .4em 5px .4em 5px;
}

#supernav a {
    text-decoration: none;
}

#quicklinkslist {
    position: absolute;
    border: 1px solid #000;
    border-top: none;
    background-color: #dee;
    margin: 0;
    width: 16em;
    z-index: 100;
}

#quicklinkslist li {
    display: inline;
}

#supernav .wrap #quicklinkslist li a {
    display: block;
    text-align: left;
    padding: 3px 6px 3px 5px; 
    color: #90002a;
}

#supernav .wrap #quicklinkslist li a:hover {
    text-decoration: none;
    background-color: #256489;
    color: #fff;
}

#supernav .wrap .openSI { 
    display: block;
    padding-right: 12px;
}

#supernav .wrap .closeSI { 
    display: block;
    padding-right: 12px;
}

#supernav table .closeSI { 
    display: block;
}
 

#supernav .wrap #helplinks ul {
    float: right;
}

#supernav .wrap #helplinks ul li a {
    display: block;
    border-right: 1px solid white;
    padding: 0 10px 0 10px;
    margin: 4px 0 3px 0;
}
#supernav .wrap #helplinks ul li {
    float: left;
    xpadding: 4px 0 5px 10px;
    xpadding: 0 0 0 10px;
    height: 22px;
}
#supernav .wrap #helplinks ul li.last { margin-right: 0;
}
#supernav .wrap #helplinks ul li.last a { border-right: none;
color:#FFFFFF;
}
#supernav .wrap a { color: #fff;
}
#supernav .wrap a:hover { text-decoration: underline;
}
#supernav ul, #supernav li{ margin:0; padding:0; 
}
#supernav ul { list-style-position: outside; list-style-image: none; list-style-type: none; 
}

<!-- Principal -->
#contenedor { 
padding:50px 0 0 50px;
}
#logo { width:150px;
height:150px;
position:absolute;
}
#contenedor_nuestroscli { width:700px;
height:150px;
margin-left:200px;
}
#texto_nuestroscli { float:left;
height:150px;}
#foto_nuestroscli { float:left;
vertical-align:text-bottom;
height:150px;}
#bloquenaranja_nuestroscli { 
float:left;
height:150px;}


#contenedor_catalogos { 
width:auto;
height:auto;
}
#catalogo { 
width:200px;
height:300px;
position:absolute;
}
#catalogos_nav { 
background-image:url(../images/catalogos_nav.jpg);
width:150px;
height:270px;
text-align:right;
padding-top:30px;
color:#EF9B11;
font-size:14px;
}
#catalogos_nav a { 
text-decoration:none;
color:#EF9B11;
}
#catalogos_nav a:hover { 
font-weight:bold;
font-size:18px;
color:#EF9B11;
}
#catalogos_menu {
list-style:none;
}
#contenedor_servicios { 
width:inherit;
height:inherit;
margin-left:200px;
float:left;
}
#servicios { 
float:left;
background-image:url(../images/servicios.jpg);
width:224px;
height:300px;
}
#servicios_menu {
padding:40px 0 0 12px;
list-style:none;
font-size:12px;
}
#servicios_menu a { 
text-decoration:none;
color:#FFFFFF;
}
#servicios_menu a:hover { 
font-weight:bold;
text-decoration:underline;
color:#FFFFFF;
font-size:13px;
}

#servicios_menub {
padding:5px 0 0 12px;
list-style:none;
font-size:12px;
}
#servicios_menub a { 
text-decoration:none;
color:#FFFFFF;
}
#servicios_menub a:hover { 
font-weight:bold;
text-decoration:underline;
color:#FFFFFF;
font-size:13px;
}
#bloquedegradado { 
float:left;
}
#promo {
margin-top:10px;
font-size:10px;
text-align:center;
width:900px;
height:20px;
clear:both;
padding-left:20px;
font-size:18px;
color:#EF9B11;
}
#promo a { 
text-decoration:none;
color:#EF9B11;
}
#promo a:hover { 
font-weight:bold;
color:#EF9B11;
}
#pie {
font-size:10px;
text-align:left;
width:700px;
padding-top:5px;
padding-bottom:20px;
margin-left:200px;
clear:both;
}
#banner {
clear:both;
position:absolute;
width:200px;
height:50px;
margin-top:374px;
}

#contenedor { 
padding:50px 0 0 50px;
}
#logo { width:150px;
height:150px;
position:absolute;
}
#contenedor_cabecera { width:700px;
height:150px;
margin-left:200px;
}
#img_cabecera { float:left;
height:150px;}
#bloquenaranja_cabecera { 
float:left;
height:150px;}


#contenedor_menu { 
width:auto;
height:auto;
}
#menu { 
width:200px;
height:300px;

}
#menu_nav { 
position:absolute;
background-image:url(../images/menu_izq.jpg);
width:150px;
height:270px;
text-align:right;
padding-top:30px;
padding-right:50px;
color:#EF9B11;
font-size:14px;
}
#menu_nav a { 
text-decoration:none;
color:#EF9B11;
}
#menu_nav a:hover { 
font-weight:bold;
color:#EF9B11;
font-size:18px;
}
#menu_menu {
list-style:none;
}
#contenedor_cuerpo { 
width:700px;
height:300px;
margin-left:200px;
float:left;
background-color:#FFDCA0;
}
#contenedor_cuerpo-dac { 
width:700px;
height:600px;
margin-left:200px;
float:left;
background-color:#FFDCA0;
}
#contenedor_cuerpocontacto { 
width:700px;
height:350px;
margin-left:200px;
float:left;
background-color:#FFDCA0;
}
#contenedor_catalogo { 
width:700px;
height:300px;
margin-left:200px;
float:left;
}
#titulo { 
width:650px;
height:50px;
position:absolute;
}
#cuerpo { 
float:left;
width:700px;
height:250px;
margin:50px 0 0 0;
}
#cuerpo-dac { 
float:left;
width:700px;
height:600px;
margin:50px 0 0 0;
}
#cuerpo_catalogo { 
float:left;
width:700px;
height:250px;
margin:50px 0 0 0;
}
#lista_1 {
padding-top:10px;
width:287px;
height:200px;
text-align:right;
font-size:13px;
float:left;
list-style:none;
font-weight:bold;
color:#FFFFFF;
}
#lista_1 a { 
text-decoration:none;
color:#FFFFFF;
}
#lista_1 a:hover { 
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}
#lista_2 {
padding-top:10px;
width:350px;
height:200px;
list-style:none;
font-size:13px;
float:right;
}
#lista_2 a { 
text-decoration:none;
color:#000000;
}
#lista_2 a:hover { 
font-weight:bold;
color:#000000;
}
#lista_1b {
padding-top:8px;
width:240px;
height:200px;
text-align:right;
font-size:13px;
float:left;
list-style:none;
color:#FFFFFF;
}
#lista_1b a { 
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#lista_1b a:hover {
color:#EF9B11;
font-size:13px;
font-weight:bold;
}
#lista_1b2 {
padding-top:8px;
width:240px;
height:200px;
text-align:right;
font-size:13px;
font-weight:bold;
float:left;
list-style:none;
color:#FFFFFF;
line-height:20px;
}
#parrafo {
padding-top:30px;
padding-right:50px;
width:350px;
height:250px;
text-align:left;
font-size:11px;
float:right;
}
#promo {
margin-top:10px;
margin-left:180px;
text-align:left;
width:700px;
height:20px;
clear:both;
font-size:18px;
color:#EF9B11;
}
#promo a { 
text-decoration:none;
color:#EF9B11;
}
#promo a:hover { 
font-weight:bold;
color:#EF9B11;
}

#table {
width:600px;
margin-top:20px;
margin-left:40px;
}
#table tr {
height:150px;}
#td {
width:60%;
text-align:left;
}
#td2 {
width:40%;
text-align:center;
}

