/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com.ar
	Fecha: 25/06/2008.
	Modificado: 01/07/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: "Trebuchet MS", "Arial", sans-serif;
/*font-family: "Times", serif;*/
background: url('../images/bg_body.jpg') center top;
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

/* Ocultos */
.skip,
#header h1,
#s3 .info h2,
#s4 .info h2,
#s5 .info h2,
#s6 .info h2{
position: absolute;
top: -999px;
}
.justify{text-align: justify;}
.center{text-align: center;}
.clear{clear:both;}

/* Estructura */
#container{
width: 772px;
min-height: 100%;
margin: 0 auto 0 auto;
}
#header{
height: 192px;
background: url('../images/bg_header.jpg') no-repeat right top;
}
#group_info a{
width:103px;
height:35px;
background: url('../images/b7.jpg') no-repeat left top;
position:relative;
top: 0px;
left: 410px;
display: block;
outline: 0; /* :( i'm sorry, impossible tab navegation :-( */
text-indent: -9999px;
margin-bottom:10px;
}

	#nav{
	padding: 120px 0 0 220px;
	}
		#nav ul{
		list-style: none;
		}
		#nav ul li{
		float: left;
		padding: 0 4px 0 0;
		}
		#nav ul #b1{width: 60px;}
		#nav ul #b2{width: 60px;}
		#nav ul #b3{width: 70px;}
		#nav ul #b4{width: 150px;}
		#nav ul #b5{width: 85px;}
		#nav ul #b6{width: 70px;}
		
			#nav ul li a{
			display: block;
			outline: 0; /* :( i'm sorry, impossible tab navegation :-( */
			height: 25px;
			text-indent: -9999px;
			}
			#nav ul #b1 a{background: url('../images/b1.jpg') no-repeat left top;}
			#nav ul #b2 a{background: url('../images/b2.jpg') no-repeat left top;}
			#nav ul #b3 a{background: url('../images/b3.jpg') no-repeat left top;}
			#nav ul #b4 a{background: url('../images/b4.jpg') no-repeat left top;}
			#nav ul #b5 a{background: url('../images/b5.jpg') no-repeat left top;}
			#nav ul #b6 a{background: url('../images/b6.jpg') no-repeat left top;}
	
#content{
clear: both;
margin: 0 35px 0 37px;
padding: 25px 0 0 0;
background: url('../images/bg_content_s1.jpg') no-repeat right top;
}
	.info{
	float: right;
	width: 490px;
	padding: 15px 0 0 0;
	}
		.info p{
		font-size: 0.875em;
		padding: 2px 20px 5px 0;
		}
		.info .menu_desc{
		margin: 15px 15px 0 0;
		border-bottom: 1px solid #C1BCB4;
		}
			.info .menu_desc .img{
			width: 120px;
			text-align: right;
			vertical-align: top;
			}
				.info .menu_desc .img img{
				border: 2px solid #FDD803;
				}
				
			.info .menu_desc .desc{
			vertical-align: top;
			}
				.info .menu_desc .desc h3{
				color: #FF8419;
				font-size: 0.9em;
				}
				.info .menu_desc .desc p{
				color: #3B3B3B !important;
				}					
					.info .menu_desc .desc p strong{
					color: #107E2A;
					font-size: 1.25em;
					}
					
		.info .information_desc{
		margin: 15px 10px 0 0;
		border-bottom: 1px solid #ECE09E;
		}
			.info .information_desc .img{
			width: 120px;
			text-align: right;
			vertical-align: top;
			}
				.info .information_desc .img img{
				border: 2px solid #FFE44D;
				}
				
			.info .information_desc .desc{
			vertical-align: top;
			}
				.info .information_desc .desc h3{
				color: #FF8300;
				font-size: 0.9em;
				padding: 0 5px 0 0;
				}
				.info .information_desc .desc p{
				font-size: 0.7em;
				}
		
	.lateral{
	float: left;
	width: 195px;
	padding: 15px 0 0 15px;
	}
		.lateral div{
		width: 155px;
		padding: 12px;
		background: #009CFF;
		}
		#s1 .lateral div{
		background: #fff;
		}
		
		.lateral p{
		width: 155px;
		text-align: center;
		padding: 15px 0 0 0;
		}
		
		/* locations */
		.lateral .locations{
		width: 179px;
		padding: 2px 0 50px 0;
		background: url('../images/location_div_bot.jpg') no-repeat bottom center #009CFF;
		}
			.lateral .locations h2{
			height: 52px;
			text-indent: -9999px;
			background: url('../images/title_ourlocations.jpg') no-repeat center top #009CFF;		
			}
			.lateral .locations p{
			width: 179px; /* la verdad no sé el porque, pero me agregaba un "padding" derecho */
			font-size: 0.75em;
			}
		
		.lateral .menu{
		width: 179px;
		padding: 2px 0 0 0;
		}
			.lateral .menu h2{
			cursor: pointer;
			height: 10px;
			text-indent: -9999px;		
			}
			.lateral .menu ul{
			list-style: none;
			padding: 0 0 10px 0;
			}
				.lateral .menu ul li a{
				display: block;
				color: #000;
				font-size: 0.75em;
				font-weight: bold;
				text-align: right;
				text-decoration: none;
				padding: 4px 8px 5px 0;
				background: url('../images/menu_line.jpg') no-repeat left bottom;
				}
					.lateral .menu ul li a:hover,
					.lateral .menu ul li a:focus{
					color: #FFD800;
					}
	
.end{
clear: both;
height: 300px;
}
#footer{
width: 772px;
height: 230px;
margin: -270px auto 0 auto;
padding: 40px 0 0 0;
background: url('../images/bg_footer.jpg') no-repeat right top;
}
	#footer .blaines{
	padding: 0 0 30px 555px;
	}
		#footer .blaines a{
		color: #fff;
		display: block;
		width: 160px;
		height: 120px;
		outline: 0;
		text-indent: -9999px;
		}
		
	#footer p{
	color: #000;
	font-size: 0.7em;
	text-align: center;
	}
		#footer p a{
		color: #000;
		text-decoration: none;
		}
			#footer p a:hover,
			#footer p a:focus{
			text-decoration: underline;
			}

/* Letras "locas" (H) */
.abcd_d{
display: block;
float: left;
color: #fff;
width: 35px;
height: 33px;
font-size: 0.5em;
text-align: right;
background: url('../images/abcd/d.png') no-repeat left bottom;
}	

/* Objetos Propios de Cada Sección */
#s1 .info .decoImg{
width: 472px;
height: 253px;
margin: 0 0 15px 0;
background: #eee;
}
#s1 .info h2{
clear: both;
color: #DA2522;
font-size: 1em;
font-weight: bold;
padding: 10px 0 0 0;
text-transform: uppercase;
}

#s2 .info .decoImg{
width: 446px;
height: 172px;
background: #eee;
}
	#s2 .info .decoImg img{
	border: 3px solid #FADD03;
	}
	
#s2 #content{
background: url('../images/bg_content_s2.jpg') no-repeat left top;
}
	#s2 .info{
	padding: 240px 0 0 0;
	}
		#s2 .info h2{
		color: #AA0000;
		font-size: 1.6em;
		font-style: italic;
		padding: 10px 0 5px 0;
		}
		
		#s2 .info p{
		color: #822626;
		font-size: 0.7em;
		text-align: justify;
		}
		
#s3 #content{
background: url('../images/bg_content_s3.jpg') no-repeat left top;
}
	#s3 .info{
	padding: 170px 0 0 0;
	}
		#s3 .info ul{
		list-style: none;
		padding-left: 10px;
		}
		#s3 .info ul li{
		float: left;
		width: 49%;
		padding: 3px 0 6px 0;
		}
			#s3 .info ul li a img{
			border: 1px solid #FFE65A;
			}
			
		#s3 .info .center{
		clear: both;
		font-size: 0.7em;
		}
			#s3 .info .center a{
			color: #FF8039;
			font-weight: bold;
			text-decoration: none;
			}
				#s3 .info .center a:hover,
				#s3 .info .center a:focus{
				text-decoration: underline;
				}
		
#s4 #content{
background: url('../images/bg_content_s4.jpg') no-repeat left top;
}
	#s4 .info{
	padding: 160px 0 0 0;
	}

#s5 #content{
background: url('../images/bg_content_s5.jpg') no-repeat left top;
}
	#s5 .info{
	padding: 230px 0 0 0;
	}		
		#s5 .info ul{
		list-style: none;
		}
			#s5 .info ul li{
			width: 448px;
			padding: 10px 0 0 0;
			text-align: center;
			border-bottom: 1px solid #ECE09E;
			}
		
		#s5 .justify{
		font-size: 0.75em;
		width: 440px;
		margin: 0 auto 0 auto;
		}
		#s5 .moreInfo{
		width: 446px;
		margin: 10px 0 10px 13px;
		padding: 10px 0 10px 0;
		border-top: 1px solid #ECE09E;
		border-bottom: 1px solid #ECE09E;
		}
			#s5 .moreInfo table{
			margin: 0 0 10px 0;
			}
			#s5 .moreInfo table td{
			width: 50%;
			vertical-align: top;
			}
				#s5 .moreInfo table td p{
				font-size: 0.75em;
				}
					#s5 .moreInfo table td p a{
					color: #333;
					text-decoration: none;
					}
						#s5 .moreInfo table td p a:hover,
						#s5 .moreInfo table td p a:focus{
						text-decoration: underline;
						}
					
				#s5 .moreInfo table td strong{
				color: #FF8300;
				font-size: 1.2em;
				}
			
#s6 #content{
background: url('../images/bg_content_s6.jpg') no-repeat left top;
}
	#s6 .info{
	padding: 150px 0 0 0;
	}
		#s6 .info p{
		font-size: 0.7em;
		}
			#s6 .info p a{
			color: #FF8300;
			}
			#s6 .info p strong{
			color: #FF8300;
			font-size: 1.25em;
			}
			
		#s6 .info form{
		margin: 10px 15px 10px 0;
		padding: 10px 0 10px 0;
		border-top: 1px solid #ECE09E;
		border-bottom: 1px solid #ECE09E;
		}
			#s6 .info ul{
			list-style: none;
			}
			#s6 .info ul li{
			color: #000;
			font-size: 0.75em;
			font-weight: bold;
			}
			#s6 .info form p strong{
			color: #B10404;
			}
			#s6 .info form fieldset{
			border: none;
			}
				#s6 .info form fieldset legend{
				display: none;
				}
				
					#s6 .info form fieldset p{
					/*width: 250px;*/
					width: 350px;
					font-size: 0.75em;
					margin: 0 auto 0 80px;
					}
						#s6 .info form fieldset p em{
						color: #847C74;
						font-weight: bold;
						font-style: normal;
						display: block;
						}
						
					#s6 .info form fieldset input{
					width: 250px;
					}
					#s6 .info form fieldset select{
					}
						#s6 .info form fieldset select option{
						padding: 1px 4px 1px 4px;
						}
					
					#s6 .info fieldset .send{
					clear: both;
					text-align: center;
					padding: 10px 0 0 0;
					}
						#s6 .info fieldset .send input{
						width: auto;
						margin: 0 3px 0 3px;
						}
			
#s8 .info h2,
#s7 .info h2{
text-indent: -9999px;
height: 27px;
padding: 0 0 10px 0;
background: url('../images/title_legal.jpg') no-repeat left top;
}
#s7 .info h2{background: url('../images/title_privacypolices.jpg') no-repeat left top;}
#s8 .info h3, 
#s7 .info h3{
font-size: 0.75em;
padding: 10px 0 2px 0;
}
#s8 .info p,
#s7 .info p{
font-size: 0.75em;
}
	#s8 .info p a{
	color: #E25B11;
	text-decoration: none;
	}
		#s8 .info p a:hover,
		#s8 .info p a:focus{
		text-decoration: underline;
		}
#s9 #content{
background: url('../images/bg_content_s9.jpg') no-repeat left top;
}
#s9 .info{
padding: 238px 0 0 0;
}
#s9 .info h2{
text-indent: -9999px;
}
#s9 .info p{
font-size: 0.75em;
}		

#s9 #groupaddy{
font-size: 0.75em;
text-align: center;
}

#s9 p a, #s9 #groupaddy a{
color: #000000;
text-decoration:underline;
}

#s9 #download_pdf a{
background: url('../images/download_group.jpg') no-repeat left top;
text-indent: -9999px;
width: 217px;
height: 77px;
display:block;
margin-left:130px;
}

#s9 #bottom_decoration{
display:block;
width:487px;
height:230px;
background: url('../images/pepers.jpg') no-repeat left top;

}
		
/* Sección "Activa" del Menú */
#s1 #b1 a,
#s2 #b2 a,
#s3 #b3 a,
#s4 #b4 a,
#s5 #b5 a,
#s6 #b6 a,
#s7 #b7 a,
#s8 #b8 a,
#s9 #b9 a,
#s10 #b10 a{

}