/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#101020; text-align:center;}/**/
/*body{background:url(images/column2-tail_negra.gif) top repeat-x; text-align:center;}/**/

.column-1{padding-left:10px; padding-right:20px; }  /* separacion con columna2*/
.column-2{background:url(images/column2-tail_negra.gif) top repeat-x;}  /* 750 pix de alto */

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.5em; color:#919caa;}  /* texto de la web*/
input, select { vertical-align:middle; font-weight:normal;}

a {color:#a0b3cf;} /*#70839f */
a:hover{text-decoration:none;}
a img {text-decoration: none; border-style: none;}

img {vertical-align:top;}
img.img_i  {height: 140px; padding-right:20px;padding-bottom:20px;}
img.img_p  {height: 220px; padding-right:20px;padding-bottom:20px;}
img.img_d  {height: 120px;padding-right:15px;padding-bottom:10px;}
img.img_e  {height: 120px;padding-right:20px;padding-bottom:20px;}
img.img_m  {height: 120px;padding-right:20px;padding-bottom:20px;}
img.img_c  {height: 170px;padding-right:20px;padding-bottom:20px;}

p {padding-top:18px;}

ul { list-style:none;}



/* ============================= main layout ====================== */
.imgindent {margin:0 22px 0 0; float:left;}

.phone{ float:right; padding-right:6px; }
.space1{ margin-left:25px;}  /* usado en múltiples columnas de texto */
.space2{ margin-left:45px;}
.padding1{ padding-top:6px;}

letrag{font-size:120%;}
letramg{font-size:150%;}
letraxg{font-size:180%;}

/* ============================= content ====================== */

#content{ position:relative;}
/*.logo{ padding-top:36px;}    /* colocar logo en la derecha */
.menu{ padding-top:166px; padding-left:10px;}  /* menu de la derecha */


.prev{ position:absolute; margin:342px 0 0 -25px;}
.next{ position:absolute; margin:342px 0 0 602px;}
.content{ background:url(images/column2-tail_negra.gif) top repeat-x;  border:1px solid #20262d;  border-top:solid 6px #20262d; }
/* background:#171a1e;} */

.imag_content{ border-top:solid 6px #20262d; text-align:center; background:url(images/fondo_imagenes.png) top repeat-y;}
/*.imag_content{ border-top:solid 6px #20262d; text-align:center;} /**/

.texto{ padding:10px 10px 10px 20px; text-align:justify}  /* top right bottom left*/


/*.scroll{ padding:0px 15px 23px 35px; overflow:auto;  height : 550px;  position:relative;} 
.scroll_sin_image{ padding:0px 15px 23px 35px; overflow:auto;  height: 750px;  position:relative;}  

/*
.scroll_portal{ padding:0px 15px 23px 35px;  overflow:auto;  height: 480px;  position:relative;}  

/*
.scroll{ background:url(images/column2-tail_negra.gif) top repeat-x;  padding:0px 15px 23px 35px; overflow:auto;  height : 550px;  position:relative;} 
.scroll_sin_image{ background:url(images/column2-tail_negra.gif) top repeat-x;  padding:0px 15px 23px 35px; overflow:auto;  height: 655px; position:relative;}  
.scroll_portal{ background:url(images/column2-tail_negra.gif) top repeat-x; padding:0px 15px 23px 35px;  overflow:auto;  height: 480px;  position:relative;}  
/**/
/*
.scroll2{overflow:auto; height : 606px;  position:relative;}
.scroll-wrap {height : 600px;  padding:5px 23px 0 0;}
*/

.title{ padding-left: 5px; padding-bottom: 15px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
.unline2{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:15px; margin-bottom:24px;}
.unlinemin{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:5px; margin-bottom:5px;}

.col-text { float:left; width:340px; text-align:justify; }
.col-imag { margin-left: 390px;  padding-bottom:30px}

.list li{ line-height:2em; color:#a0b3cf;}  /*#526074 */
.list a{ color:#a0b3cf;}
.list .last{ color:#b0c3df;} /* 70839f */
.list .last a{ color:#b0c3df;}

.list1{ width:100%; overflow:hidden; padding-top:13px;}
.list1 li{ float:left;  padding:0 25px 0 3px;}
.list1 a{ background:url(images/list1-bg.gif) no-repeat 0 5px; padding-left:11px; color:#6c7888; text-decoration:none;}
.list1 a:hover, .list1 .active{ color:#ffffff; background:url(images/list1-bg-act.gif) no-repeat 0 5px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-line.gif) top repeat-x; margin:20px 30px 0  30px; color:#aaaaaa;}  /* pone linea punteada */
#footer a{ color:#617085;}  /* 617085 */
#footer .text{ padding-top:8px; padding-left:5px;}



/* ============================= forms ============================= */
#ContactForm{ padding-top:6px;}
#ContactForm .col-1{ width:80px !important;}
#ContactForm .col-2{ width:280px !important;}
#ContactForm .col-3{ width:720px;}
#ContactForm label{ display:block; height:36px;}
#ContactForm .inputs{ border:solid 0px; background:#2a313a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#728094; padding:5px 0 6px 8px; width:250px;}
#ContactForm textarea{ border:solid 1px; background:#2a313a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#526074; padding:5px 0 4px 8px; width:680px; height:120px; overflow:auto;}
/*#ContactForm .links{ color:#70839f; padding:71px 0 0 22px;}
#ContactForm .links span{ display:block; padding-bottom:12px;}
*/
