/* CSS Document */


* {

	margin:0; padding:0;

	font-size:100%;

}


body{

	background:#efefef url(images/body_bg.gif) top repeat-x;

	text-align:center;

}



img {vertical-align:top;}

a img { border:0;}

.left { float:left;}

.right {float:right;}

.clear  { clear:both;}

	

html

	{

		font-family:Tahoma;

		font-size:0.688em; 

		line-height:1.273em;

		color:#626262;

	}
	
form .fila_input, .fila_textarea
		{
			height:25px;
			padding:8px 0 0 0;
			font-family:Tahoma;
			font-size:1.23em; /* verificar tamaño */
		}

form .fila_doble
		{
			height:55px;
		}
		
form .fila_list
		{
			height:30px;
		}
		
form .fila_textarea
		{
			height: 150px;
		}
		
form .col_label
		{
			width:250px;
			height:18px;
			float:left;
		}
		
form .col_campo
		{
			width:250px;
			height:18px;
			float:left;
		}
		
form .col_doble
		{
			height:55px;
		}
		
form .col_list
		{
			height:30px;
		}

input, textarea, select   /* Cuidado, este es generico, hay otro al final para index_5 */

	{
		font-family:Tahoma;
		font-size:0.798em/*0.688em*/; 
		line-height:1.273em/*1.273em*/;
		color:#626262;
	}

.input_contactus, .input_config_form 
		{
			width:250px;
			height:18px;
			border:1px solid #a9a9a9;
			background:#FFFFFF;
			padding:0 0 0 5px;
			font-size:1em;
		}
		
.input_corto
		{
			width: 60px;
		}
		
.input_required 
		{
			background-color:#FFFFCC		
		}
		
.input_boton
		{
			width:80px;
			height:35px;
			border-style:solid;
		}

.input_list
		{
			height:25px;
		}
		
.textarea_contactus, .textarea_config_form
		 {	width:200px;
			height:118px;
			border:1px solid #a9a9a9;
			background:#ffffff;
			padding:0 0 0 5px;
			overflow:auto;
			font-size:1em;}

input, select { vertical-align:middle; font-weight:normal;}



a {color:#048eac;}

.sin	{ text-decoration:none;}

a:hover{text-decoration:none;}

strong {color:#363535;}



p {padding-top:14px;}

.p {padding-top:5px;}

.blue {color:#1c759c;}

.pjus {text-align:justify;}

/* ============================= main layout ====================== */



.date {background:url(images/date_bg.gif) top left no-repeat; padding:0 0 2px 18px; color:#1c759c; font-weight:bold;}



h1 {background:url(images/logo_largo.gif) /*top*/center left no-repeat; text-indent:-10000px; height:48px; line-height:1.25em; font-size:0.75em;}

.trebu
	{
		font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}

ul 
	{ 
		list-style:none;
		text-indent:inherit;
		margin-left:0;
		padding-left:1em;
	}
	
.sitemap
	{
		list-style:none;
		list-style-position:outside;
	}
	
	
ul ul 
	{	
		margin-left:10px;
	}


li { 	/*background:url(images/list_bg.gif) no-repeat 0 8px; */
		list-style-image:url(images/list_bg.gif);
		padding-left:0px; /* era 16*/
		/* agregado 19/07*/
		float: none;
		
		/*margin:0;
		padding:0;*/
		
		}
		
.menu
	{
		list-style-image:url(images/nada.gif);
	}


.sitemap_li
	{
		list-style:none;
		background:none;
		list-style-image:url(images/bullet_item.gif);
		text-decoration:none;
		padding-left: 4px;
	}
	
.sitemap_submenu
	{
		list-style-image:url(images/bullet_contenedor.gif);
		line-height:2em;
		font-weight:400;
		color:#000000;
	}
		

li a {color:#048eac; line-height:1.818em;}

/* no debería venir acá img?? */

.imgindent {margin:-6px 20px 0 0; float:left;}

.imgindent2 {margin:-6px 20px 21px 0; float:left;}

.imgindent3 {margin:-6px 20px 21px 0; float:none;}

.imgindent4 {margin:-6px 20px 21px 0;}

.imgindent5 {margin:-6px 20px 21px 0; float:right;}

.imgindent6 {	/* imagen centrada al bloque */

				display: block;

				margin-left: auto;

				margin-right: auto;

				float:none;}
				
.imgindent7 {margin:0px 0px 0px 0; float:right;}

.imgindent8 { margin: 5px 5px 0 0; float: left;}

.imgvuelvapronto
	{
		cursor:wait;
	}
	
.imghelp
	{
		cursor:help;
	}	

.tacenter {text-align:center;}

.taizq {text-align:left;}

.tajust {text-align:justify;}



/* ============================= header ====================== */



#header .cols {height:77px;}

#header .left {width:380px; padding:13px 0 0 5px;}

#header .slogan {background:url(images/header_bg_tall.gif) top left repeat-x;}

#header .slogan_r {background:url(images/header_bg_r.jpg) top right no-repeat;}

#header .slogan_l {background:url(images/header_bg_l.jpg) top left no-repeat; width:100%;}

#header .slogan .right {padding:66px 34px 37px 0;} 
/* original: padding:79px 34px 67px 0; ... se calcula como padding top + height + padding bottom = 79+height+67 = cte = 253; si cambia height hay que cambiar top y bottom*/

#header .right {font-size:0.909em; color:#000000; padding:39px 22px 0 0;}

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

#header .right a:hover {text-decoration:underline;}



#header .menu {background:url(images/menu_bg_tall.gif) top left repeat-x;}

#header .menu_r {background:url(images/menu_bg_r.gif) top right no-repeat;}

#header .menu_l {background:url(images/menu_bg_l.gif) top left no-repeat; width:100%; padding:17px 0 17px 0;}



.menu .ul { margin:0 auto; width:714px;}

.menu li {background:none; list-style-image:none; border-right:1px solid #9faeb8; float:left; padding:0 27px 0 33px;}

.menu li a {text-transform:uppercase; color:#000000; text-decoration:none; font-weight:bold; line-height:1em; font-size:0.818em;}

.menu li a:hover {color:#056f86;}

.menu .last {border:none;}

.menu .active {color:#056f86;}



/* ============================= middle ====================== */



#middle .indent{ padding:35px 3px 35px 8px;}



.title1 {padding:0 0 0 11px; margin-bottom:32px;}

.title2 {padding:0 0 9px 11px; border-bottom:1px solid #b6babc; margin-bottom:32px;}

.title3 {background:url(images/title3_tall.gif) bottom repeat-x; margin-bottom:32px;}

.title3 .bg {background:url(images/title3_bg.gif) bottom left no-repeat; padding:0 0 8px 11px;}

.title4 {padding:0 0 9px 11px; border-bottom:1px solid #b6babc; margin-bottom:10px; margin-top:10px;}



.content1 {padding-right:28px;}

.content2 {padding-right:55px;}

.content7 {padding-right:15px;}

.content3 {padding-left:11px;}

.content5 {padding-left:18px;}

.content4 {padding-bottom:48px;}

.content6 {padding-bottom:23px;}

.content9 {padding-left:18px;}

.content8 {padding-bottom:20px;}

.content10 {margin-left:50px}

.content11 {padding-top:20px}

.content_bullets {padding-left:0/*18px*/;font-size:110%;}

.content_bullets_prod {padding-left:18px;font-size:100%; text-align:left}

.content_about {padding-right:50px; padding-left:50px;}

.content_about {margin-left:50px; margin-right:50px; text-align:justify;}

.content_heightx2 {line-height:2em;}



.image1 {text-align:center}



/* ============================= footer ====================== */



#footer {position:inherit; height:65px; border-top:4px solid #024c67; background:#000000;}

#footer .left {padding:23px 0 0 4px; color:#b4b4b4;}

#footer .left a {color:#b4b4b4; text-decoration:none;}

#footer .left a:hover {color:#048eac; text-decoration:underline;}



#footer .right {padding:23px 0 0 0; color:#bcbcbc;}





/* ============================= index ============================= */



#index .banner {margin-bottom:34px;}





/* ============================= index-1 =========================== */



#index_1 #middle .indent{ padding:35px 3px 57px 8px;}





/* ============================= index-2 =========================== */



#index_2 #middle .indent{ padding:35px 3px 30px 8px;}





/* ============================= index-3 =========================== */



#index_3 #middle .indent{ padding:35px 3px 42px 8px;}

#index_3 #middle ul {margin-top:9px;}



/* ============================= index-4 =========================== */



#index_4 #middle .indent{ padding:35px 3px 34px 8px;}

#index_4 #middle ul {margin-top:9px;}



/* ============================= index-5 =========================== */



#index_5 #middle .indent{ padding:35px 3px 46px 8px;}


/*
form .rowi {height:44px;}

.input {
			width:300px;
			height:18px;
			border:1px solid #a9a9a9;
			background:#FF9900;
			padding:0 0 0 5px;
			font-size:1em;
		}

textarea {	width:200px;
			height:118px;
			border:1px solid #a9a9a9;
			background:#ffffff;
			padding:0 0 0 5px;
			overflow:auto;
			font-size:1em;}

form .div { padding:8px 0 0 0;}

form .div a {background:url(images/list_bg.gif) no-repeat 0 4px; padding-left:16px;}
*/