html {background-image:url(../../images/bg.png);background-attachment:fixed;background-repeat:repeat; background-color:#FFF}
body {
margin-bottom: 0px;
font-family: Verdana;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #525252;
background-image:url(../../images/fondito_bg.png);
background-position:top;
background-repeat: repeat-x;
}
#top_bar {text-align: left;width: 988px; height:134px; overflow:hidden}
#top_line {left;width: 100%; height:15px; overflow:hidden; background-color:#036; background-image:url(../../images/fondito_footer.jpg);background-position: center;background-repeat: repeat-x;}
#main_top { height:50px}
#content_wrap{margin-left: auto; margin-right: auto;}
#content_wrapper{width:1000px; margin-left: auto; margin-right: auto;overflow:hidden;}
.wrap1 {width:990px; margin-left: auto; margin-right: auto; background-color:#FFF; overflow:hidden;background-image:url(../../images/shadow.png);background-position: top;background-repeat: repeat-x; }
.wrap2 { float:left;padding-left:30px; width:700px; overflow:hidden;}
.wrap3 { float:right;overflow:hidden; margin-right:20px; margin-top:20px;width:240px; min-height:500px; height:auto; }
td, textarea, input, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4E5F6F;
font-weight: normal;
}
.tableDetail {
font-size: 10px;
font-family: Verdana;
color: #49394E;
}
a:link {
color: #1863A1;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}
a:hover {
color: #7EC541;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
border: thin none #FFFFFF;
text-decoration: underline;
}
a:visited {
color: #1863A1;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
font-style: normal;
}
.text1 {
font-family: tahoma;
font-size: 10px;
color: #1863A1;
font-weight: bold;
}
.text2 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #1863A1;
}
.text3 {
font-family: tahoma;
font-size: 10px;
font-weight: bold;
color: #7EC541;
}
.text4 {
font-family: tahoma;
font-size: 10px;
font-weight: bold;
color: #4E5F6F;
}
.text5 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #777777;
}
.text6 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
}
.text7 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #000000;
}
.text8 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #94AEC5;
}
.text9 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #4E4E4E;
}
.designed_by {
font-family: Arial;
font-size: 8.5px;
font-weight: lighter;
color: #000000;
}
a.a:link {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #7EC541;
text-decoration: underline;
}
a.a:hover {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #000000;
}
a.a:visited {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #7EC541;
text-decoration: underline;
}
a.b:link {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
a.b:hover {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
a.b:visited {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
a.c:link {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #979797;
text-decoration: underline;
}
a.c:hover {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: underline;
}
a.c:visited {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #979797;
text-decoration: underline;
}
a.d:link {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
a.d:hover {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
a.d:visited {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
a.e:link {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #944F23;
text-decoration: underline;
}
a.e:hover {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #4E4E4E;
text-decoration: underline;
}
a.e:visited {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #944F23;
text-decoration: underline;
}
a.f:link {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #594B13;
text-decoration: underline;
}
a.f:hover {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #4E4E4E;
text-decoration: underline;
}
a.f:visited {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #594B13;
text-decoration: underline;
}
a.g:link {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
a.g:hover {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #FF6600;
text-decoration: underline;
}
a.g:visited {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
.inputstyle {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #5F726F;
background-color: #E2EDEB;
border: 1px solid #333333;
}
a:link {
text-decoration: none;
color: #336699;
}
a:visited {
text-decoration: none;
color: #336699;
}
a:hover {
text-decoration: none;
color: #009900;
}
a:active {
text-decoration: none;
}
#button {width: 100%;font-family: Arial, Helvetica, sans-serif;font-size : 10px;color: #666;margin-left:0px; position:relative; top:-17px;}
#button ul {display:inline-block;list-style: none;margin: 0;padding: 0;border: none;}
#button li {display:inline-block;margin: 0;list-style: none;list-style-image: none;padding: 0px 40px 0px 0px; position:relative}
#button li a {display: block;padding: 5px 8px 5px 8px;color: #666;text-decoration: none;width: 100%;text-transform:uppercase;}
#button li ul { display: none; position: absolute; top: 30px; left: 0; text-transform:uppercase; height:30px; width:1000px;clear: both;}
#button li ul li{ padding: 0px 0px 0px 0px; clear: both;}
#button li:hover ul { display: block;clear: both;}
li:hover ul, li.over ul{ display: block;clear: both;}
html>body #button li a {
width: auto;
}
#button li a:hover {
background-color: #2586d7;
color: #fff;
}
#button li #active {
background-color: #2586d7;
color: #fff;
}
.Estilo7 {font-family: tahoma; color: #4e5f6f;}
.Estilo9 {color: #666666}
.Estilo10 {color: #999999}
.Estilo13 {
color: #4e5f6f;
font-weight: normal;
}
.Estilo16 {color: #FFFFFF}
.Estilo19 {color: #4e5f6f; font-weight: normal; }
table {
border-collapse: collapse;
}
table.center {margin-left:auto; margin-right:auto;}
.texto_detalles { padding-left:20px;}
.separator { border-bottom: 2px solid #1c64d1; margin-top:10px; margin-bottom:10px;}
.texto_info { padding-left:20px;}
.institucional { padding-left:40px;}
.institucional h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: -1px; font-size: 24px;color: #036; padding:0px; margin:0px}
.institucional h1 span{font-weight:bold;}
.institucional h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: -1px; font-size: 18px;color: #000;padding:0px; margin:0px}
.institucional p strong{ font-weight:bold; color:#036}
.table_text {}
.table_text p{}
.h1 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: -1px; font-size: 24px;color: #036; padding:0px; margin:0px; text-align:center; text-transform:uppercase}
.h1 span{font-weight:bold;}
.h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px;color: #030; padding:0px; margin: 0px 0px 20px 0px}
.h3 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 10px;color: #000; padding:0px; margin: 0px 0px 20px 0px}
.h5 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -1px; font-size: 30px;color: #000; padding:0px; margin:0px; text-align:left; text-transform:uppercase}
ul.submenu_home { list-style:none; display:inline;}
ul.submenu_home li { list-style:none; display:inline; padding:0px;text-align:left}
.h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -1px; font-size: 24px;color: #000; text-align:center; text-transform:uppercase}
.separator { height:2px; width:700px; background-color: #036}
.h4 a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -1px; font-size: 24px;color: #000; text-align:center; text-transform:uppercase}
.h4 a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: -1px; font-size: 24px;color: #036; text-align:center; text-transform:uppercase}
.idioma { text-decoration:underline; margin-left:38px; margin-top:9px; float:right}
.idioma li {display: inline; padding-right:10px;}
.destacados { text-decoration:underline; width:240px; margin-top:-5px}
.destacados li {display: block; margin-left:5px }
#top_menu {background-color:#CCC}
.top_banner {height:30px;width:700px;; position:relative; top:10px; left:30px; text-align:center; float:right;}
.top_banner li {display: inline}
.top_banner_menu1 a{float:right;position:relative;left:-80px;padding:0 10px;height:30px;background-repeat:no-repeat;background-position:top;text-decoration:none; color:#666;font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.top_banner_menu2 a{float:right;position:relative;left:-80px;padding:0 10px;height:30px;background-repeat:no-repeat;background-position:top;text-decoration:none;color:#666;font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.top_banner_menu3 a{float:right;position:relative;left:-80px;padding:0 10px;height:30px;background-repeat:no-repeat;background-position:top;text-decoration:none; color:#666;font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.top_banner_menu4 a{float:right;position:relative;left:-80px;padding:0 10px;height:30px;background-repeat:no-repeat;background-position:top;text-decoration:none; color:#666;font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.top_banner_menu1 a:hover{background-position:bottom;color:#69C}
.top_banner_menu2 a:hover{background-position:bottom;color:#69C}
.top_banner_menu3 a:hover{background-position:bottom;color:#69C}
.top_banner_menu4 a:hover{background-position:bottom;color:#69C}
.page_title { text-align:left; float:left; margin-top:20px; background-color: #E8E8E8; padding:0px;}
.page_title p.title { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:28px; color:#333; letter-spacing:-1px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.page_title p.title span{color: #F90;}
.page_content { text-align:left; float:left; margin-top:20px; padding:0px; width:700px; xmin-height:600px;}
.page_content .form_label{width:150px; height:15px}
.page_content .form_input{ position:relative; left:170px; top:-15px; height:15px}
.page_content .form_label2{position:relative; left:100px; top:-20px}
.page_content .form_input2{ position:relative; left:100px; top:-20px}
.page_content .form_consultas { position:relative; height:100px}
.resp_title { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#333; letter-spacing:-1px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.form_title { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #036; letter-spacing:-1px; line-height:30px; font-weight:bold; text-transform:uppercase; background-color:#E6E6E6; padding-left:20px}
.page_content .form_boxes{ margin-top:50px }
.page_content p.title { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:28px; color:#333; letter-spacing:-1px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.page_content p.title span{color: #F90;}
.page_buttom {background-color: #E8E8E8; padding:10px; height:10px; margin-bottom:20px}
.cconsultas_item a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing: -1px; font-size: 14px;color: #036; padding:0px; margin:0px; text-align:center; text-transform:uppercase; margin-left:20px;}
.page_table { height:220px; }
.frame {}
.Estilo5 {font-size: 11px;}
.Estilo20 { width:200px;}
.subheader {margin: 3px 0 10px 0;padding: 8px;color: #336699;border-bottom: 1px solid #ccc;}
.title_form { width:697px; float:left;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4E5F6F; font-weight: bold; background-color:#E4E4E4; padding:5px 5px 5px 10px; margin-bottom:20px; margin-top:20px;}
.title_form { width:697px; float:left;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4E5F6F; font-weight: bold; background-color:#E4E4E4; padding:5px 5px 5px 10px; margin-bottom:20px; margin-top:20px;}
.label_form { width:200px; float:left}
.input_form { width:300px; float:left; }
.content_form { width:697px; height:30px; border-bottom: 1px solid #ccc; margin-bottom:10px;}
.content2_form { width:697px; height:30px; xborder-bottom: 1px solid #ccc; margin-bottom:10px;}
.contentarea_form { width:697px; height:200px; border-bottom: 1px solid #ccc; margin-bottom:30px;}
.data_form { height:400px; }
.data2_form { margin-top:20px;}
.button_form {}
.info_form { margin-top:20px;}
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4E5F6F; font-weight: normal; background-color:#E4E4E4}
textarea {background-color: #E4E4E4}
.resp { width:697px; height:50px; float:left; overflow:hidden; background-color: #CCC; margin-top:20px; padding-top:10px; font-size:14px}
.dividir_form { width:697px; height:20px; background-color:#CCC}
.item_galerie { width:310px; height:150px; float:left; text-transform:uppercase;background-image: url(../../images/cuadro_bg.jpg); background-repeat:no-repeat}
.item1_galerie { width:310px; height:150px; float:right; text-transform:uppercase;background-image: url(../../images/cuadro_bg.jpg); background-repeat:no-repeat}
.item_galerie img { position:relative; top:3px;}
.item1_galerie img { position:relative; top:3px;}
.label_galerie { clear: both;text-align: center;line-height: 1.8em;color: #036;padding: 10px 0 10px 0;}
.label_galerie a, a:visited{color: #036;font-family: tahoma;font-size: 10px;font-weight: normal;font-style: normal;line-height: normal;font-variant: normal;text-transform: uppercase;border: thin none #FFFFFF;text-decoration: none;}
.label_galerie a:hover {color: #F30;font-family: tahoma;font-size: 10px;font-weight: normal;font-style: normal;line-height: normal;font-variant: normal;text-transform: uppercase;border: thin none #FFFFFF;text-decoration: none;}
.item_productos { width:300px; height:55px; float:left; text-transform:uppercase; margin:10px; padding:10px;background-image: url(../../images/cuadro_productos.jpg); background-repeat:no-repeat}
.footer_productos { width:693px; height:150px; float:left; }
.img_productos { width:50px; height:50px; float:left; text-transform:uppercase;text-align:right}
.text_productos { width:240px; height:50px; float:right; text-transform:uppercase; text-align:left; font-size:14px; padding-top:15px;}
.text_productos_hidro { width:240px; height:50px; float:right; text-transform:uppercase; text-align:left; font-size:14px; padding-top:15px; position:relative; left:40px; }
.text_productos a{ text-transform:uppercase; text-align:center; font-size:14px;}
.banner_footer { width:693px; height:150px; float:left; margin:20px 0px 20px 30px; }
.item_pdf { margin:20px 0px 20px 0px; width:693px; height:40px;}
.item_data { position: relative; left:10px; top:-10px; }
.item_desplegable1 { float:left; margin:20px 0px 20px 0px; }
.item_desplegable2 { float:left; margin:20px 0px 20px 0px; }
#table1 {background-image: url(images/bg_top.jpg); background-repeat:repeat-x; background-color:#999; height:125px;}
#table2 { padding: 0px 0px 0px 0px; background-color:#CCC;}
.logo img{ position:relative; top:-25px; left:10px;}
#ctl00_GridView1 { position:relative; top:-43px;left:-21px;}
#ctl00_txtCustomer { position:relative; top:-43px;left:-20px;}
#menu {height:30px; position:relative; top:-7px; left:20px;}
#table_menu {background-image: url(images/bg_menu.png); background-repeat:repeat-x;}
.ctl00_Menu1_0 { visibility:hidden;display:none;position:absolute;left:0px;top:0px; font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_1 { color:#284E98;font-family:Arial, Helvetica, sans-serif;font-size:Small;text-decoration:none; }
.ctl00_Menu1_2 { color:#284E98;font-family:Arial, Helvetica, sans-serif;font-size:Small; }
.ctl00_Menu1_3 { }
.ctl00_Menu1_4 { padding:7px 20px 7px 20px;font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_5 { }
.ctl00_Menu1_6 { padding:5px 20px 5px 20px; margin-top:6px;background-color: #EAEAEA;font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_7 { background-color:none; }
.ctl00_Menu1_8 { }
.ctl00_Menu1_9 { background-color:#507CD1; }
.ctl00_Menu1_10 { }
.ctl00_Menu1_11 { }
.ctl00_Menu1_12 { color:#F30; font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_13 { color:#F30; font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_14 { color:#F30; font-family:Arial, Helvetica, sans-serif;}
.ctl00_Menu1_15 { color:#F30;background-color: #CCC; }
.text_p { margin-left:20px; line-height:14px;}
form.footer { background-image:none}
p.text1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333}
p.text2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
p.all_title {font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #045c8a; font-weight: normal; text-transform:uppercase;}
.accordion_toggle {display: block;height: 30px;width: 680px; background-color: #CCC;padding: 0 10px 0 10px;line-height: 30px;font-weight: normal;text-decoration: none;outline: none;font-size: 12px;color: #000000;border-bottom: 1px solid #fff;cursor: pointer;margin: 0 0 0 0; letter-spacing:normal}
.accordion_toggle_active {
background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
color: #ffffff;
border-bottom: 1px solid #f68263;
}
.accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;}
.accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}
.accordion_content p {line-height: 150%;padding: 0px 0px 0px 0px;}
.vertical_accordion_toggle {
display: block;
height: 30px;
width: 600px;
background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
padding: 0 10px 0 10px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}
.vertical_accordion_toggle_active {
background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
color: #ffffff;
border-bottom: 1px solid #f68263;
}
.vertical_accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
}
.vertical_accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}
.vertical_accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
/*
Horizontal Accordion
*/
.horizontal_accordion_toggle {
/* REQUIRED */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */
display: block;
height: 100px;
width: 30px;
background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
color: #ffffff;
text-decoration: none;
outline: none;
border-right: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}
.horizontal_accordion_toggle_active {
background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
border-right: 1px solid #f68263;
}
.horizontal_accordion_content {
/* REQUIRED */
height: 100px; /* We need to define a height for the accordion as it stretches the width */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */
overflow: hidden;
background-color: #ffffff;
color: #444444;
}
.horizontal_accordion_content p {
width: 450px;
line-height: 150%;
padding: 5px 10px 15px 10px;
}
/* Container styling*/
#horizontal_container { margin: 20px auto 20px auto;width: 680px;}
#vertical_nested_container {margin: 20px auto 20px auto;width: 680px;}
#container { margin: 20px auto 20px auto;}
.footer {margin-left:auto; margin-right:auto;width: 100%;background-image:url(../../images/fondito_bg_footer.png);background-repeat: repeat-x;}
.bottom { margin-left:auto; margin-right:auto; width:990px; height:100px; text-align:center; padding-top:35px;}
.bottom p{ color:#FFF}
.bottom p a.a{ color:#FFF; text-decoration:none;}
.bottom p a{ color:#FFF; text-decoration:none;}