@charset "utf-8";
body { margin:0; padding:0; width:100%;}
html { padding:0; margin:0;  font:Arial, Helvetica; font-size:12px; font-weight:normal; text-align:justify;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}
.clr { clear:both;}
.spacer{ height:45px; margin:0px; padding:0px;}
img { border: none;}
a {	text-decoration:underline;}
a:hover { text-decoration:underline;}

/********** header **********/
.header {  background: url(images/header_bg.gif) top repeat-x; margin: 0 0 10px 0;}

.block_header {margin:0 auto; width:1010px; height:90px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:underline;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:10px 0px 0px 0px; width:250px;
}

/* menu */	
.menu {	padding:0;	margin:50px 0px 0px 0px; float:left; height:31px;}
.usuario { padding:0; margin:50px 5px 0px 25px; float:right;  font:normal 13px Arial, Helvetica; color:#233d92;}
.usuario .nombre { padding:15px 5 0 5; margin:0 5px; float:left;}
.usuario .salir { padding:15px 5 0 5; margin:0 5px; float:left;}
.usuario .salir a { font:bold; color:#666666; text-decoration:underline;}
.usuario .salir a:hover { text-decoration:underline;}
.menu img { margin:0px; padding:0px 3px;}

/********** slider **********/
.slider { /**background: url(images/java_bg.gif) top repeat-x;**/  margin:0 auto; padding:0px 0; height:230px;}
.slider div.slice1 { margin:0 auto; width:1010px; height:230px; padding:0px;}
.slider div.slice1 ul {  margin:0px; padding: 0px; list-style:none;}
.slider div.slice1 li { list-style:none; margin:0px; padding:0px; float:left;}
.slider div.slice1 img { border: none; float:right; margin: 0 0 0 15px;}
.slider div.slice1 .fade{ }
.slider div.slice1 .fade p{ text-align: center; width: 100%; background: #fff;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; width:945px;}
/* Interiores */
.slider2 { margin:0px auto; padding:0px; height:57px;}
.slider2 h2 { width:300px; float:left; font:normal 40px Arial, Helvetica; color:#233d92; padding:0px 0 0 50px; margin:0;} 
.slider2 p { width:auto; float:left; font: normal 12px Arial, Helvetica; color:#233d92; padding:0 0 0 0;}
.slider2 .top { width:1010px; height:57px; margin:0 auto; padding:1px 0 0 1px; background-image:url(images/bg_1010.gif); background-repeat:no-repeat; }
.slider2 .top .soporte { float:right; margin: 10px 80px auto 0px; display:block;}
.slider2 .top .soporte img { margin: 0 5px;}
.slider2 .top2 { width:1008px; height:57px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0;}
.slider2 #boton { height:28px; border:1px solid #283a80; margin:5px 5px; padding:0 4px; font-size:12px; color:#ffffff; background-image:url(images/bk_form_boton.gif); background-repeat:repeat-x; }
.slider2 .top  p{ font:normal 36px Arial, Helvetica; color:#233d92; margin:0px 0px 0px 30px;}
/*simple text*/
.simple { width:1010px; margin:10px auto; padding:0;}
.simple h2 { width:400px; float:left; font:bold 18px Arial, Helvetica; color:#233d92; padding:10px 0 0 30px; margin:0;}
.simple .text { font:normal 12px Arial, Helvetica; color:#858585; width:200px; float: right; margin:10px 0; padding:0;}

/********** block index **********/
.body { /**background: #eeeeee url(images/body_bg.gif) top repeat-x;**/ padding:0px; margin:0px;}
.body h2 { font:bold 18px Arial, Helvetica; color:#3e4142; border-bottom:1px solid #cccccc; padding:5px 10px;}
.body h4 { font:bold 18px Arial, Helvetica; color:#3e4142;}
.body h3 { font:bold 14px Arial, Helvetica; color:#3e4142;}
.body p { font:normal 12px Arial, Helvetica; color:#3e4142; line-height:normal;}
.body em { font:italic 12px Arial, Helvetica; color:#797979; line-height:1.8em; padding:0px 0 0 10px;}

.bodypres { width:988px; margin:0 auto 0px auto; background:#ffffff; padding: 0px 10px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.bodypres p { font: 12px Arial, Helvetica; color:#3e4142; text-align:justify; margin: 0px; padding: 5px 0px 15px 0px;}
.bodypres span { font:bold 12px Arial, Helvetica; color:#233d92; line-height:normal; text-decoration:underline; font-style:italic;}

.bodycat { width:1010px; height:222px; margin:15px auto 0px auto; padding:0px 0px 15px 0px; background:#f5f5f5; background-image:url(images/bg_1010_2.gif); background-repeat:no-repeat;}
.bodycat img { border:none; margin:1px 0px 0px 9px; padding:0px; float:left;}
.bodycat .pres { width:300px; margin:25px 0 0 0; padding: 30px 20px 30px 20px; border-left:1px solid #e3e3e3; float:right;}
.bodycat .pres p { font: 12px Arial, Helvetica; color:#3e4142; text-align:justify; margin: 0px; padding: 0px;}
.bodycat .pres span { font:bold 12px Arial, Helvetica; color:#233d92; line-height:normal; text-decoration:underline; font-style:italic;}

.body_resize { width:1008px; margin:0 auto; padding:0; background:#f5f5f5; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; background-image: url(images/bg_content.gif); background-repeat:repeat-x; background-position:0px 0px}
.body_int { width:1008px; margin:0 auto; padding:0; background:#ffffff; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.body_bl { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0;}
.body_bl_g { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0;}
.body_bl_h { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0;}

/*Inicio*/
.inicio {width:632px; margin:5px auto 5px auto; padding:0px 20px 0px 10px; float: left; font:normal 12px Arial, Helvetica; color:#3e4142}
.inicio h2 { font:normal 14px Arial, Helvetica; color:#3e4142; border-bottom:1px solid #cccccc; padding:0px 10px 5px 10px; margin:5px 0px 15px 0px;}
.inicio h2 strong { font:14px; color:#233d92;}
.inicio ul {line-height:1.8em; list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.inicio li {line-height:1.8em; background:url(images/body_ul_li.gif) left no-repeat; padding:5px 0 5px 20px; margin:0; font:normal 11px Arial, Helvetica; color:#3e4142;}
.inicio li strong { color:#a63812; font:normal 11px Arial, Helvetica;}
.inicio .fount { background:url(images/%27%27.gif) top left no-repeat;}
.inicio a { font:normal italic 12px Arial, Helvetica; color:#3e4142; float:right; text-decoration:underline;}
.inicio span { font:normal 12px Arial, Helvetica; color:#6f6f6f;}
.inicio #img { width:158px; float:left; margin: 0px auto; padding:0px 0px 20px 0px; text-align:left;}
.inicio #img p { width:157px; float:left; margin:0px; padding:0px;}
.inicio #img .tit { color:#6f6f6f; font:normal 18px Arial, Helvetica; margin:15px 0px 5px 0px;}
.inicio #img .tit span { font-size:18px; color:#233d92;}
.inicio #img .txt { color:#6f6f6f;}
.inicio #img .txt span {color:#233d92;}
.inicio .bloga { width:260px; float:left; margin:0px 0px 10px 0px; padding:0px; color:#878e90; font:normal 18px Arial, Helvetica;}
.inicio .bloga p { margin:0px; padding:15px 0px 0px 0px; }
.inicio .bloga span { font-size:18px; color:#233d92;}
.inicio .bloga img { float:left; margin: 0px 8px 0px 0px; padding:0px;}
.inicio .bloga a { width:80%; float:left; border-top:1px solid #d7d7d7; background:url(images/a_link.gif) left no-repeat; padding:10px 0 0 20px; font:bold  11px Arial, Helvetica; color:#0098b6;}
.inicio table { width:620px; margin-left:16px;}
.Welcone p .line { border-left:3px solid #666; margin:0; padding:0;}

/*catalogo*/
.catalogo {width:1010px; margin:0px auto 0px auto; padding:0; font:normal Arial, Helvetica; }
.catalogo .productos { height:106px; background-color:#f5f5f5;}
.catalogo .productos .mp { width:450px; height:106px; padding:0; margin:0 auto;}
.catalogo .productos .mp ul { height:106px; padding:0; margin:0px; list-style:none;}
.catalogo .productos .mp ul li { height:106px;  float:left; margin:0px 0px 0px 0px; padding: 0px 10px 0px 10px;}
.catalogo .productos .mp ul li a {	float:left;	margin:0 0 0 0; padding:12px 0px;	color:#3e4142; font:normal 12px Arial, Helvetica;	text-decoration:underline;}
.catalogo .productos .mp ul li a:hover { color:#233d92; background:url(images/m_eje_p.gif) no-repeat  center bottom;}
.catalogo .productos .mp ul li a.active {color:#233d92; background:url(images/m_eje_p.gif) no-repeat  center bottom;}
.catalogo .productos .mp img { padding:0; margin:0px 0px 0px 0px; border:none; float:left;}
.catalogo .ficha { padding: 15px 15px 20px 20px;}
.catalogo .ficha .bk01 { }
.catalogo .ficha .bk02 { }
.catalogo .ficha .bk03 { }
.catalogo .ficha .bk04 { }
.catalogo .ficha .prod01 { float:left; margin:0; padding:0px 0px 10px 0px; background-image: url(images/bg_catalog_ficha_prod01.jpg); background-repeat:no-repeat; background-position:left 0px;}
.catalogo .ficha .prod02 { float:left; margin:0; padding:0px 0px 10px 0px; background-image: url(images/bg_catalog_ficha_prod02.jpg); background-repeat:no-repeat; background-position:left 0px;}
.catalogo .ficha .prod03 { float:left; margin:0; padding:0px 0px 10px 0px; background-image: url(images/bg_catalog_ficha_prod03.jpg); background-repeat:no-repeat; background-position:left 0px;}
.catalogo .ficha .prod04 { float:left; margin:0; padding:0px 0px 10px 0px; background-image: url(images/bg_catalog_ficha_prod04.jpg); background-repeat:no-repeat; background-position:left 0px;}
/*titulos*/
.catalogo .ficha .tit01 { height:165px; width:479px; margin: 0px 0px 0px 0px; padding:77px 200px 10px 275px; background-image: url(images/subtit_catalogo_clasico.gif); background-repeat:no-repeat; background-position:275px 0px;}
.catalogo .ficha .tit02 { height:165px; width:479px; margin: 0px 0px 0px 0px; padding:77px 200px 10px 275px; background-image: url(images/subtit_catalogo_elite.gif); background-repeat:no-repeat; background-position:275px 0px;}
.catalogo .ficha .tit03 { height:165px; width:479px; margin: 0px 0px 0px 0px; padding:77px 200px 10px 275px; background-image: url(images/subtit_catalogo_elegance.gif); background-repeat:no-repeat; background-position:275px 0px;}
.catalogo .ficha .tit04 { height:165px; width:479px; margin: 0px 0px 0px 0px; padding:77px 200px 10px 275px; background-image: url(images/subtit_catalogo_premium.gif); background-repeat:no-repeat; background-position:275px 0px;}

/*terminan*/
.catalogo .ficha p { font:normal 12px Arial, Helvetica; color:#242424; padding:0px; margin:0px 0px 7px 0px; line-height: 14px; text-align:justify;}
.catalogo .ficha span { font:bold 13px Arial, Helvetica; color:#233d92;}
.catalogo .costos { background-color:#f5f5f5;}
.catalogo .costos .left { float:left; width:577px; margin: 10px 0px 0px 0px; padding:0px 0px 10px 45px; font:normal Arial, Helvetica;}
.catalogo .costos .right { float:right; width:477px; margin: 10px 0px 0px 0px; padding:0px 10px 10px 20px; border-left:1px solid #cccccc; font:normal Arial, Helvetica;}
.catalogo .costos .prime { line-height:normal;}
.catalogo .costos .prime span{ color:#233d92;}
.catalogo .costos h2 { font:bold 16px Arial, Helvetica; color:#233d92; border:none;text-align:justify; border-bottom:1px solid #cccccc;}
.catalogo .costos .bk_a { width:185px; padding:0px 5px 0px 330px; margin:0px; background-image:url(images/bg_col_elite01.jpg); background-repeat:no-repeat; background-position: 15px top; }
/*.catalogo .costos .bk_b { width:175px; padding:0px 5px 0px 295px; margin:0px; background-image:url(images/bg_col_elite02.jpg); background-repeat:no-repeat; background-position: left top;}*/
.catalogo .costos .bk_c { width:185px; padding:0px 5px 0px 330px; margin:0px; background-image:url(images/bg_col_premium01.jpg); background-repeat:no-repeat; background-position: 15px top;}
/*.catalogo .costos .bk_d { width:175px; padding:0px 5px 0px 295px; margin:0px; background-image:url(images/bg_col_premium02.jpg); background-repeat:no-repeat; background-position: left 15px;}*/
/*.catalogo .costos span { font:bold 13px Arial, Helvetica; color:#233d92;}*/
.catalogo .costos strong { text-align:right; font:normal Arial, Helvetica;}
.catalogo .costos table { margin:20px 0px; padding:0px; font:normal Arial, Helvetica;}
.catalogo .costos .grey { font:bold 12px Arial, Helvetica; color:#dfdfdf;}
.catalogo .costos .blue { font:bold 12px Arial, Helvetica; color:#233d92;}
.catalogo .costos .descripcion { font:normal 12px Arial, Helvetica; color:#242424; text-align:right;}
.catalogo .costos .dtprecio { font:bold 12px Arial, Helvetica; color:#242424; text-align:right;}
.catalogo .costos .fondo { background-color:#dfdfdf; border:2px solid #d0d0d0; padding:5px;}
.catalogo .costos .unitario { font:normal 10px Arial, Helvetica; color:#242424; text-align: right; margin:10px 0 0 0; padding:5px 10px 10px 0;}
.catalogo .costos .indentado{ padding: 0px 0px 0px 25px;}
.catalogo .tit { width:968px; height:60px; padding:0 20px 0 20px;	margin:0px;}
.catalogo .tit p { padding:0 250px 0 0;	margin:0px; color:#233d92;}
.catalogo .tit img { padding:0px 5px 0 15px;	margin:0px;}
.catalogo .ejemplos { height:118px; background-image: url(images/bg_catalog_ejemplos.gif); background-repeat:no-repeat; background-position:0px 0px;}
.catalogo .ejemplos .m { padding:0;	margin:0px 0px 0px 0px;float:left; height:90px;}
.catalogo .ejemplos .m ul { height: 90px; padding:0; margin:0px 0px 0px 15px; list-style:none;float:left;}
.catalogo .ejemplos .m ul li { height: 90px; float:left; margin:0px 0px 0px 0px; padding: 0px 5px 0px 5px;}
.catalogo .ejemplos .m ul li a { float:left;	margin:0 0 0 0; padding:37px 0px;	color:#3e4142; font:normal 12px Arial, Helvetica;	text-decoration:underline;}
.catalogo .ejemplos .m ul li a:hover { color:#233d92; background:url(images/m_eje_l.gif) no-repeat  center top;}
.catalogo .ejemplos .m ul li a.active {color:#233d92; background:url(images/m_eje_l.gif) no-repeat  center top;}
.catalogo .ejemplos .m img { padding:0px; margin:0px; border:none; float:left;}

/*ejemplos*/
.ejemplos {width:1010px; margin:0px auto 0px auto; padding:0; font:normal Arial, Helvetica; }
.ejemplos .me { width:1010px; height:65px; background-image: url(images/bg_catalog_ejemplos.gif); background-repeat:no-repeat; background-position:0px 0px;}
.ejemplos .me .me { padding:0;	margin:0px 0px 0px 0px;float:left; height:65px;}
.ejemplos .me .me ul { height: 65px; padding:0; margin:0px 0px 0px 15px; list-style:none;float:left; text-align:center;}
.ejemplos .me .me ul li { width:228px; height: 65px; float:left; margin:0px 0px 0px 0px; padding: 0px 5px 0px 5px;}
.ejemplos .me .me ul li a { width:228px; float:left;	margin:0 0 0 0; padding:7px 0px;	color:#3e4142; font:normal 12px Arial, Helvetica;	text-decoration:underline;}
/**Cambio en el padding:20px 0px;  Modifique la altura para meter los iconos de otro lado y la altura de height:60px;  **/
.ejemplos .me .me ul li a:hover { color:#233d92; background:url(images/m_eje_l3.gif) no-repeat  center top;}
.ejemplos .me .me ul li a.active {color:#233d92; background:url(images/m_eje_l3.gif) no-repeat  center top;}
.ejemplos .me .me img { padding:0px; margin:0px; border:none; float:left;}
.ejemplos .frame { width:882px; height:auto; margin:0px auto;}
.ejemplos .cuadro { width:882px; height:auto; margin:0px auto 10px auto; padding: 10px 0 0 0;}
.ejemplos .frame iframe { border:none;}
.ejemplos .tit { width:882px; margin:0px auto 20px auto;}
.ejemplos .tit img { padding:5px 0px 0 15px;	margin:0px; float:right;}
.ejemplos .tit h2 { width:882px; padding:10px 0 0 0; margin:0px; font:bold 14px Arial, Helvetica; color:#233d92; border:none;}
.ejemplos .tit p { width:882px; padding:0px;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.ejemplos .tit span { font:bold Arial, Helvetica; color:#233d92;}

/*navigation*/
.navigation {width:280px;  margin: 5px auto; padding:10px 20px; float: left;}
.navigation ul { margin:0; padding:0;}
.navigation li { list-style:none; background:url(images/navigation.gif) left no-repeat; border-bottom:1px solid #d9d9d9; padding:10px 0 10px 20px; margin:0;}
.navigation li a { font:normal 11px Arial, Helvetica; color:#3e4142; text-decoration:underline; padding:10px 0;}
.navigation li a:hover {font:normal 11px Arial, Helvetica; color:#066d59; text-decoration: underline;}
.navigation span { font:bold 11px Arial, Helvetica; color:#959595;}

/*Servicios*/
.servicios { width:1008px; margin:0px auto 0px auto; padding:250px 0px 0px 0px; font:normal Arial, Helvetica; background-image: url(images/bg_servicios.jpg); background-repeat:no-repeat; background-position: top left; background-color:#FFFFFF;}
.servicios .info { width:950px; padding:0 30px 20px 30px;	margin:0px;}
.servicios .info img { padding:0px 5px 0 15px;	margin:0px;}
.servicios .info h2 { width:950px; padding:10px 0 0 0;	margin:0px; font:normal 16px Arial, Helvetica; color:#233d92; border:none;text-align:justify;}
.servicios .info h3 { float:right; }
.servicios .info p { padding:10px 0 0 0;	margin:0 0 10px 0; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.servicios .info span { font:bold Arial, Helvetica; color:#233d92;}
.servicios .info2 { width:950px; padding:0 30px 20px 30px;	margin:0px; background-color:#FFFFFF;}
.servicios .info2 img { padding:15px 5px 0 15px;	margin:0px;}
.servicios .info2 h2 { width:950px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#2c2c2c; border:none;}
.servicios .info2 p { width:950px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.servicios .info2 span { font:bold Arial, Helvetica; color:#233d92;}
.servicios .secc01 { width:365px; padding:0 570px 20px 17px; margin:20px 0px 0px 0px; background-image: url(images/bg_serv_01.jpg); background-repeat:no-repeat; background-position: 0 0;}
.servicios .secc02 { width:365px; padding:0 570px 20px 17px; margin:20px 0px 0px 0px; background-image: url(images/bg_serv_02.jpg); background-repeat:no-repeat; background-position: 0 0;}
.servicios .secc03 { float:left; width:365px; padding:0px 0px 20px 17px; margin:20px 0px 0px 0px;}
.servicios .swf { float:right; width:536px; padding:0px;	margin:15px 0;}
.servicios .nota { width:665px; padding: 5px 10px; margin:30px 0px 30px 0px; color:#FFFFFF; background-color:#233d92; font:bold 12px Arial, Helvetica; float:right;}

/*BoX*/
.Box { width:310px;  margin:10px auto; padding:10px 10px 10px 20px; float: right; border-left:1px solid #d8d8d8;}
.Box h1 { font:normal 16px Arial, Helvetica; color:#3e4142; border-top:1px solid #cccccc; padding:10px 10px 15px 10px; margin:0px;}
.Box h2 { font:normal 16px Arial, Helvetica; color:#3e4142; border-bottom:1px solid #cccccc; padding:10px 10px 15px 10px; margin:0px;}
.Box strong { font:normal Arial, Helvetica; color:#233d92;}
.Box a { font: bold 12px Arial, Helvetica; color:#233d92; text-decoration:underline;}
.Box a:hover { text-decoration:underline;}
.Box .clients { background:url(images/bg_clients.gif) top no-repeat; padding: 5px 40px; margin:10px 0;}
.Box .clients a { background:none; text-decoration:underline; font:bold italic 12px Arial, Helvetica; color:#505050;}
.Box em { font:italic 11px Arial, Helvetica; color:#505050;}
.Box img { margin:0px 5px; padding:0; border:none; list-style:none;}
.Box .cubo { float:left; margin:0px auto 10px auto; padding:0px 0px 0px 0px;}
.Box .pdf { width:240px; float:left; margin:0 0 20px 0; padding:0px 40px 0px 30px;}
.Box p { font: normal 12px Arial, Helvetica; color:#3e4142;}
.Box .ico { float:left; margin: 0px 10px 0px 0px;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:150px; display:block; padding:5px 0; font:normal 14px Arial, Helvetica; color:#233d92; text-transform:none;}
#contactform select { margin:5px 0px; padding:5px 8px; background:#fafafa; font-size:14px; color:#233d92;}
#contactform label span { display:block; font:normal 14px Arial, Helvetica; color:#3e4142;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:14px; background:#fafafa;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#fafafa;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
#contactform .boton { height:28px; border:1px solid #283a80; margin:0; padding:0 6px; font-size:14px; color:#ffffff; background-image:url(images/bk_form_boton.gif); background-repeat:repeat-x }
p.response { text-align:center; color:#3e4142; font:bold 14px Arial, Helvetica; line-height:1.8em; width:auto;}

/*adicional01*/
.add { width:1008px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font:normal Arial, Helvetica; background-image: url(images/bg_add01.gif); background-repeat:no-repeat; background-position:10px 20px;}
.add .info { width:830px; padding:35px 30px 20px 120px;	margin:0px;}
.add .info img { padding:15px 5px 0 15px;	margin:0px;}
.add .info h2 { width:830px; padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add .info p { width:830px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add .info span { font:bold Arial, Helvetica; color:#233d92;}
.add .info2 { width:830px; padding:0 30px 20px 30px;	margin:0px; background-color:#FFFFFF;}
.add .info2 img { padding:15px 5px 0 15px;	margin:0px;}
.add .info2 h2 { width:830px; padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add .info2 p { width:830px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add .info2 span { font:bold Arial, Helvetica; color:#233d92;}

/*adicional02*/
.add2 { width:1008px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font:normal Arial, Helvetica; background-image: url(images/bg_add02.gif); background-repeat:no-repeat; background-position:10px 20px;}
.add2 .info { width:820px; padding:35px 30px 20px 130px;	margin:0px;}
.add2 .info img { padding:15px 5px 0 15px;	margin:0px;}
.add2 .info h2 { width:820px; padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add2 .info p { width:820px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add2 .info span { font:bold Arial, Helvetica; color:#233d92; font-weight:bold; font-size:14px;}
.add2 .info2 { width:820px; padding:0 30px 20px 30px;	margin:0px; background-color:#FFFFFF;}
.add2.info2 img { padding:15px 5px 0 15px;	margin:0px;}
.add2 .info2 h2 { width:820px; padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add2 .info2 p { width:820px; padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add2 .info2 span { font:bold Arial, Helvetica; color:#233d92;}

/*adicional03*/
.add3 { width:1010px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font:normal Arial, Helvetica; background-image: url(images/bg_add03.gif); background-repeat:no-repeat; background-position:10px 20px;}
.add3 .info { width:820px; padding:35px 20px 20px 130px;	margin:0px;}
.add3 .info .left { width:390px; float:left;}

.add3 .info .yousendit { width:auto; float:left;}
.add3 .info .yousendit p { padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add3 .info .yousendit .indentado { margin: 10px 0 10px 30px;}
.add3 .info .yousendit img { margin: 0 0 0 70px;}

.add3 .info .right { width:390px; float:right;}
.add3 .info a { font:bold 12px Arial, Helvetica; color:#233d92; text-decoration:underline;}
.add3 .info img { padding:15px 5px 0 15px;	margin:0px;}
.add3 .info h2 { padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add3 .info h4 { padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#233d92; border:none;}
.add3 .info p { padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add3 .info span { font:bold Arial, Helvetica; color:#233d92;   }
.add3 .info h3 { font:bold Arial, Helvetica; color:#233d92;  font-weight:bold; font-size:14px; margin-bottom:0px; text-transform: none;}
.add3 .info p.nota{ padding: 10px; color:#233d92; border:6px solid #233d92;}
.add3 .info .line { width:820px; height:1px; margin:15px auto 0px auto; padding:0; background-color:#c0c0c0;}
.add3 .info .break { width:820px; height:15px; margin:15px auto 0px auto; padding:0; background-color:#c0c0c0;}
.add3 .info .respuesta { background-color:#e5e5e5; margin:5px auto 1px auto; padding: 5px;}

.add3 .info2 { padding:0 30px 20px 30px;	margin:0px; background-color:#FFFFFF;}
.add3 .info2 img { padding:15px 5px 0 15px;	margin:0px;}
.add3 .info2 h2 { padding:10px 0 0 0;	margin:0px; font:normal 18px Arial, Helvetica; color:#2c2c2c; border:none;}
.add3 .info2 p { padding:10px 0 0 0;	margin:0px; font:normal 12px Arial, Helvetica; color:#3e4142; text-align:justify;}
.add3 .info2 span { font:bold Arial, Helvetica; color:#233d92;}

/********** footer **********/
.footer { background: url(images/bg_footer.gif); padding:0; height:80px; width:1010px; margin:0 auto;}
.footer img { border:none; margin:0; padding:0;}
.footer p { margin:0; padding:0; line-height:14px; font:normal 9px Arial, Helvetica;}
.footer a { color:#676767; font:normal 9px Arial, Helvetica; padding:0 3px; text-decoration:underline;}

.footer #gibus { margin: 0 0 0 10px; padding:0; width: 490px; float:left; color:#3e4142; font:normal 10px Arial, Helvetica; text-align:left;}
.footer #gibus .logfooter { float:left; margin: 10px 5px 10px 0px; border:none;}
.footer #gibus .textos { margin:27px auto 0 auto; padding: 0px; float:right; text-align:center;}

.footer #derecha { float:right; color:#ffffff; margin:15px 10px 0 0; padding:0; width:440px;}
.footer #derecha .iconos { width:440px; float:right; margin: 0px; padding:0px; border:none; text-align:right;}
.footer #derecha .iconos img { margin: 0 0 0 14px; padding:0; border:0;}
.footer #derecha .textos { color:#676767; font:normal 10px Arial, Helvetica; width:440px; height:15px; margin:5px auto 0 auto; padding: 0px; float:right; text-align:center;}

/* fondos */
.body_bl_login { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_login.jpg); background-repeat:no-repeat;}
.body_bl_prime { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_login.jpg); background-repeat:no-repeat;}
.body_bl_generico { width:1008px;	margin:0 auto; padding:0; background:#f5f5f5; border:1px solid #f0f0f0; background-image:url(images/bk_sist_02.jpg); background-repeat:no-repeat}
.body_bl_sist01 { width:1008px;	margin:0 auto; padding:0; background:#fafafa; border:1px solid #f0f0f0; background-image:url(images/bk_sist_01.jpg); background-repeat:no-repeat}

.body_bl_gen01 { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_02.jpg); background-repeat:no-repeat;}
.body_bl_gen02 { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_02.jpg); background-repeat:no-repeat;}
.body_bl_grey { width:1008px;	margin:0 auto; padding:0; background:#f5f5f5; border:1px solid #f0f0f0;}
.body_bl_grey2 { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_04.jpg); background-repeat:no-repeat;}

.body_bl_tienda { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_03.jpg); background-repeat:no-repeat}
.body_bl_ordena { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_ordena.jpg); background-repeat:no-repeat}
.body_bl_confirm { width:1008px;	margin:0 auto; padding:0; background:#ffffff; border:1px solid #f0f0f0; background-image:url(images/bk_sist_confirm.jpg); background-repeat:no-repeat}

/*formas*/
.form { width:900px; margin:50px auto 30px auto; padding:0px auto 0px auto; text-align:left;}
.form .detalle { width:900px; margin:20px auto 30px auto; padding:0px auto 0px auto; text-align:left;}

.form .left { width:410px; float:left; margin:15px 0px; padding:0;}
.form .right { width:410px; float:right;  margin:15px 0px; padding:0 0 0 25px; border-left:1px solid #e6e6e6;}
.form .right300 { width:300px; float:right;  margin:15px 0px; padding:0 0 0 25px; border-left:1px solid #e6e6e6;}
.form .right200 { width:250px; float:right;  margin:15px 0px; padding:0 0 0 25px; border-left:1px solid #e6e6e6;}
.form .left600 { width:600px; float:left;  margin:15px 0px; padding:0;}
.form .left500 { width:500px; float:left;  margin:15px 0px; padding:0;}
.form .center600 { width:600px;  margin:15px auto 15px auto; padding:0;}
.form .center_reg { width:670px;  margin:80px auto 30px auto; padding:30px; border:10px solid #e6e6e6; background-color:#FFFFFF;}
.form .center_contra { width:520px;  margin:50px auto 30px auto; padding:30px; border:3px solid #cfcfcf; background-color:#FFFFFF;}
.form .center_contra p{font-weight:bold; color:#181f92;}
.form .detalle { width:600px;  margin:5px auto 5px auto; padding:0;}

.form form { margin:0px; padding:0px;}
.form label { margin:0; width:300px; padding:5px 0px; font:normal 14px Arial, Helvetica; color:#546ab1; text-transform:none;}
.form #user {border:1px solid #dcdcdc; margin:5px 10px; padding:5px 8px; background:#fafafa; font-size:12px; color:#233d92;}
.form .txtarea {border:1px solid #dcdcdc; margin:4px 4px 4px 0px; padding:5px 3px; background:#fafafa; font-size:12px; color:#233d92;}
.form #password {border:1px solid #dcdcdc; margin:5px 10px; padding:5px 8px; background:#fafafa; font-size:12px; color:#233d92;}
.form #boton { height:28px; border:1px solid #283a80; margin:10px 0px; padding:0 4px; font-size:12px; color:#ffffff; background-image:url(images/bk_form_boton.gif); background-repeat:repeat-x; }
.form .cascadas { margin:10px 0px 0px 5px;}
.form .atexto { width: 200px; margin:10px 0px 0px 5px;}
.form select { margin:0px; padding:0px; background:#fafafa; font-size:13px; color:#546ab1;}
.form textarea { margin:0px; padding:2px 2px; background:#fafafa; font-size:10px; color:#546ab1;}
.form img { margin:0px; padding:0px; border:0px;}

.form a { font:normal 14px Arial, Helvetica; color:#0834c4; text-decoration:underline; padding:10px 0;}
.form a:hover {font:normal 14px Arial, Helvetica; color:#4d4d4d; text-decoration: underline;}

.form h2 { padding:10px 0; margin:0px; font:normal 16px Arial, Helvetica; color:#546ab1; border:none;}
.form h1 { padding:10px 0; margin:0px; font:normal 14px Arial, Helvetica; color:#546ab1; border:none;}
.form h4 { padding:10px 0; margin:0px; font:normal 16px Arial, Helvetica; color:#233d92; border:none;}

.form table { margin:0px; padding:0; border:none;}
.form table td { height:20px; text-align:center;}
.form table tr { padding:5px 0; font:normal 14px Arial, Helvetica; color:#546ab1; text-transform:none;}
.form table .campos {text-align:left;}
/* registro */
.form table .registro {text-align:right; padding: 0 5px;}
.form table .confiregistro {text-align: justify; padding: 0 5px;}
/* table tienda */
.form table .tit { width:193px; height:20px;}
/* table ordena */
.form #img { width:250px; float:left; margin: 0px auto; padding:0px 0px 20px 0px; text-align:left;}
.form #img p { width:250px; float:left; margin:0px; padding:0px;}
.form #img .tit { color:#6f6f6f; font:normal 14px Arial, Helvetica; margin:15px 0px 5px 0px;}
.form #img .tit span { font-size:14px; color:#233d92;}
.form #img .txt { color:#6f6f6f;}
.form #img .txt span {color:#233d92;}
.form table .ordena_tit { width:30%; text-align:left;}
.form table .ordena_campos { width:70%; text-align:left;}
.form table .ordena_cant { width:70px; border-bottom: 1px solid #546ab1;}
.form table .ordena_desc { width:250px; text-align:left; border-bottom: 1px solid #546ab1;}
.form table .ordena_txt { text-align:left;}
.form table .ordena_dat { font:bold; text-align:left; border-bottom: 1px solid #546ab1;}
.form table .ordena_uni { text-align:right; border-bottom: 1px solid #546ab1;}
.form table .ordena_pre { font:bold; text-align:right; border-bottom: 1px solid #546ab1;}
/* termina*/
/* Carga masiva*/
.form .right600 { width:600px; float:right;  margin:15px 0px; padding:0;}
.form .left200 { width:250px; float:left;  margin:15px 0px; padding:0;}
/* termina*/
.form table .tdLabel{ width:205px;}
.form p { margin: 0 5px; padding:3px 0; font:normal 14px Arial, Helvetica; color:#4c5154; text-transform:none;}
.form p span { font:bold Arial, Helvetica; color:#233d92;}
.form .error { padding:5px; margin: 5px auto; font:bold Arial, Helvetica; color:#ff0000; background-color:#ecacac; border: 3px solid #ff0000;}
.form table .errorMessage { font:normal 11px Arial, Helvetica; color:#FF0000; text-decoration:underline; padding:0px; margin:0px;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:5px 0; background:none;}
.form .soporte { margin:10px 30px 0 0; float:right; display:block;}
.form .botones { margin:20px 0 0 0; float:right; display:block;}