html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus {outline: 0;}table { border-collapse: collapse; border-spacing: 0;}caption, th{ text-align: left; font-weight: normal;}strong { font-weight: bold;}em { font-style: italic;}
/*---------------------------------------------------------------------------------------------------------------------*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear{clear:both; height:0; line-height:0}
/*---------------------------------------------------------------------------------------------------------------------*/
body{ background:#2d63a3; font-family:Verdana, Geneva, sans-serif; color:#333333; font-size:12px;}
p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color:#333333;
text-align:justify;
padding: 7px 0;
}
a:link, a:visited {color: #333; text-decoration:none; }
a:hover {color: #111;text-decoration:underline;}
a:active {color: #333;}
h1{
visibility:hidden;
position:absolute; top:1px; z-index:15;
}
h5,h6{ color:#18387b; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:20px;}
h6{ font-size:14px; margin:10px 0px;}
h4{ color:#da251c; font-size:11px;}
/*---------------------------------------------------------------------------------------------------------------------*/
ul#menu{}
ul#menu li{ height:33px; background:url(../imagenes/flimenu.png) left no-repeat; border-bottom:1px dotted #e11241; color:#FFF; }
ul#menu li:hover,ul#menu li.activo{ height:33px; background:url(../imagenes/flimenuh.png) left no-repeat; border-bottom:1px dotted #FB0D42; background-color:#df0438; color:#FFF; }
ul#menu li:hover > a,ul#menu li.activo > a{ color:#FFF;}
ul#menu li a:link,ul#menu li a:visited,ul#menu li a:active{ padding-left:17px;padding-top:9px; display:block; }
ul#menu li a:hover{ text-decoration:none; color:#FFF;}
/*---------------------------------------------------------------------------------------------------------------------*/
#comi,#comd,#logo,#banner,#usuario{float:left;}
#contenedor{ width:975px; margin:0 auto; }
#cabecera{ margin:10px 0 0 0; overflow:hidden; background:url(../imagenes/fcabecera.png) no-repeat; padding: 20px 20px 0px 20px; }
#cuerpo{
background:url(../imagenes/fcuerpo.png) repeat-y;
padding:20px;
overflow: hidden;
}
#logo{ width:210; padding:10px 0px;}
#banner{
margin-left:15px;
width:539px;
}
#usuario{
margin-left:45px;
width:118px;
}
input{ border:1px solid #18387b; width:112px; margin-bottom:8px; padding:2px; color:#797268;}
input.logearse,input.logearse:active,input.logearse:hover { cursor:pointer; background:url(../imagenes/fenviar.png) no-repeat right; border:none; padding:0px; float:right; text-align:right; padding-right:23px;}
input:focus, textarea:focus {background:#dee9ff no-repeat right; }
#usuario ul { list-style:none; float:right; margin-bottom:10px;}
#usuario ul li { float:left; margin-right:10px; color:#425c94; }
#comi{
width:200px;
}
#comd{
margin-left: 17px;
}
#desarrollo,#site{
margin-top:20px;
position: relative;
width: 718px;
}
#desarrollo ul{
border:1px solid #b1d2f0;
overflow:hidden;
background-color:#f5f8ff;
}
#desarrollo ul li{
font-weight:bold;
float:left;
background:url(../imagenes/flecha.gif) no-repeat left center;
padding:6px 0 0 15px;
height:20px;
margin:0px 0px 5px 10px;
width: 690px;
}
#desarrollo ul li span{ position:relative; float:right; font-weight:normal; margin-right:25px;}
#pie{ height:45px; background:url(../imagenes/fpie.png) no-repeat;}
#pie p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
padding:15px 25px;
color:#666;
}
/*---------------------------------------------------------------------------------------------------------------------*/
#catalogos{ width:718px; height:333px;}
#fcatalogo{ width:539px; height:332px; float:left; position:relative; }
#fca1,#fca2,#fca3,#fca4{float:left;}
.dcatalogo{
background:url(../imagenes/dcatalogof.png) repeat-x;
width: 179px;
height: 83px;
float: left;
cursor:pointer;
font-family:Verdana, Geneva, sans-serif;
position: relative;
}
.dcatalogo h2{ padding-right:5px; background:url(../imagenes/flechapunto.png) right no-repeat; color:#31435b; font-size:14px; margin:9px 0px 0px 12px; width:150px; }
.dcatalogo h3{ font-weight: normal; margin:5px 0px 0px 12px; color:#77787c; font-size:12px; width:150px; }
.dcatalogo h4{ font-weight: normal; margin:15px 0px 0px 15px; color:#fff; font-size:14px; font-weight:bold; opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90) }
.dcatalogo p{ font-size:11px; color:#FFF;margin:10px 0px 0px 15px; opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90) }
.infocatalogoext {
width:365px;
height:82px;
position:absolute;
top:0px;
right:179px;
display: none;
overflow:hidden;
}
.infocatalogo {
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
width:0px;
height:82px;
background-color:#18387b;
border:1px solid #bfbfbc;
position:absolute;
top:0px;
right:179px;
display: none;
}
.portadas {
padding-bottom:15px;
border-bottom:1px solid #d2e1f6;
margin-bottom:15px;
overflow:hidden;
}
.productosejp{ margin-top:10px;}
.imgd{
margin-left:10px;
float: right;
}
.imgi{ margin-right:10px; float:left;}
.formulario {
float:left;
width:350px;
overflow: hidden;
}
#desarrollo ul#formulario{
border:none;
overflow:hidden;
background-color:#fff;
margin:15px 0px 0px 0px;
padding:0px;
position:relative;
height: 260px;
}
ul#formulario { position:relative; padding:10px; overflow:hidden; background-color:#FFF }
ul#formulario li.cabecera { padding:5px; border:1px solid #b1d2f0; background-color:#f5f8ff; }
ul#formulario li{ width:90%; font-weight:bold; float:left; background:none; padding:6px 0 0 15px; height:20px; margin-bottom:5px;}
ul#formulario li.separador { display:block; height:1px; line-height:10px; margin-top:5px; }
ul#formulario li.linea{ border-bottom:1px solid #999}
#formulario input { float:right;}
.nota {
background-image:url(../imagenes/caja01.png);
margin:15px 0 0 0;
width:791;
height:91px;
}
.nota p {
color:#18387b;
font-weight:bold;
padding:30px 15px 0px 150px;
}
.condiciones {
background-color:#F5F8FF;
border:1px solid #B1D2F0;
padding:15px;
width:690px;
margin-top: 15px;
}
.condiciones p {
color:#18387b;
font-weight:bold;
}
ul#arbol, ul#arbol ul { list-style-type: none; }
ul#arbol, ul#arbol ul { list-style-type: none; background: url(../imagenes/vline.png) repeat-y; margin: 0; padding: 0; } ul#arbol ul { margin-left: 10px; } ul#arbol li { margin: 0; padding: 0 12px; }
ul#arbol, ul#arbol ul { list-style-type: none; background: url(../imagenes/vline.png) repeat-y; margin: 0; padding: 0; } ul#arbol ul { margin-left: 10px; } ul#arbol li { margin: 0; padding: 0 12px; line-height: 20px; background: url(../imagenes/node.png) no-repeat; color: #369; font-weight: bold; }