@charset "utf-8";
/* CSS Document */


* { margin: 0; padding: 0; border: 0;}

body { 	font-family: Tahoma, Geneva, sans-serif;
		font-size: 9pt;
		background: #4e7383 url(../images/body/background.png) repeat-x;}
		
ul, li { list-style: none;}

p, a { font-size: 9pt; color: #6B6B6B; line-height: 13pt; }

a { text-decoration: none;}
a:hover { text-decoration: underline;}

h1 {
	float: left;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18pt;
	line-height: 18PT;
	color: #036F9E;
	font-weight: normal;
	margin-bottom: 15px;}
	
h2 {
	float: left;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16pt;
	line-height: 16pt;
	color: #81B7CF;
	font-weight: normal;}
	
h3 {
	float: left;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	color: #036F9E;
	font-weight: normal;}
	
.bold { font-weight: bold;}
.hidden { display: none;}

.mailMessage{
padding-left:5px;
font-family: Tahoma, Geneva, sans-serif;
font-size:small;
clear:both;
color:red;
}

 	
/* CONTAINER ****************************************/


#Container {
	margin: 20px auto;
	width: 835px;}
	
	
	
/* HEADER *******************************************/

#Header {
	float: left;
	width: 825px;
	padding-right: 10px;
	margin-bottom: 15px;
	background: url(../images/body/headerRight.png) no-repeat right top;}
	
	#Header div {
		float: left;
		width: 815px;
		padding-left: 10px;
		background: url(../images/body/headerLeft.png) no-repeat;}
		
	#Header div div {
		float: left;
		padding-top: 10px;
		width: 806px;
		background: url(../images/body/headerBack.png) repeat-x;}
		
	#Header a { float: left; padding-left: 10px;}
		
/* MENU *************************************************/

#Menu {
	float: right;
	padding-top: 60px;
	padding-right: 15px;}
	
	#Menu li {
		float: left;
		width: auto;
		font-size: 10pt;
		color: #fff;}
		
	#Menu li a {
		float: left;
		padding-right: 5px;
		width: auto;
		font-size: 10pt;
		color: #fff;
		background: url(../images/body/menuRight.png) right top no-repeat;
		background-position: right 100px;}
		
	#Menu li a div {
		float: left;
		width: auto;
		padding: 0;
		padding-left: 5px;
		background: url(../images/body/menuLeft.png) no-repeat;
		background-position: left 100px;}
	
	#Menu li a p {
		float: left;
		padding: 5px;
		padding-bottom: 0;
		width: auto;
		height: 23px;
		font-size: 10pt;
		color: #fff;
		font-weight: bold;}
		
		#Menu li a:hover { text-decoration: none; background-position: right top; cursor:pointer;}
		#Menu li a:hover div { text-decoration: none; background-position: left top; cursor:pointer;}
		#Menu li a:hover p { text-decoration: none; background: #adbec6; cursor:pointer;}
		
		
/* MAIN *******************************************************/

.mainTop,
.mainBottom {
	float: left;
	width: 100%;
	background: url(../images/body/whiteTopRight.png) no-repeat right top;}
	
	.mainTop div,
	.mainBottom div {
		float: left;
		padding-left: 10px;
		width: 815px;
		background: url(../images/body/whiteTopLeft.png) no-repeat;}
		
		.mainTop div div,
		.mainBottom div div {
			float: left;
			width: 805px;
			height: 10px;
			background: #fff;}
			
	.mainBottom {background: url(../images/body/whiteBottomRight.png) no-repeat right top;}
	.mainBottom div {background: url(../images/body/whiteBottomLeft.png) no-repeat;}


#Main {
	float: left;
	padding: 2% 30px;
	width: 775px;
	background: #fff;}
	
	.mainColumn {
		float: left;
		padding-right: 3%;
		width: 32%;}
		
		.mainColumnLarge { width: 50%;}
		.mainColumnSmall { width: 10%; padding-right: 0;}
		
		.mainColumnRight { width: 230px; padding-right: 0; float: right;}
		
	.mainColumn h1, .mainColumn h2 { margin-bottom: 10px;}
	
	.mainColumn p { margin-bottom: 20px;}
	
	.mainColumn h2 { margin-top: 20px; cursor:pointer;} 
	
		.mainColumn h2.first { margin-top: 5px;}
		
		.mainColumnLarge h2 {
			margin: 5px 0;
			cursor: auto;
			color: #036F9E;}
			
	.mainColumnLarge a {
		float: left;
		width: 100%;
		font-weight: bold;
		color: #036f9e;
		margin-bottom: 20px;}
		
		.mainColumnLarge p a { float: none; display: inline; margin: 0; color: #6b6b6b; font-weight: normal;}
		
	.mainColumn h3 { margin-top: 5px;}
	
		.mainColumnSmall h3 { margin-bottom: 15px;}
	
	.mainColumn p.item { 
	float: left;
	padding: 0;
	width: 98%;
	margin-bottom: 5px; 
	color: #81B7CF;
	padding-left: 10px;
	background: url(../images/body/vineta.png) no-repeat left center;}
	
	.mainColumn a.button { margin-top: 15px;}
	
	.mainColumn img.contanos { float: left; }
	
	.mainColumn p.celeste { 
	float: left;
	clear: none;
	padding-left: 20px;
	width: 42%;
	color: #036F9E;}
	
	.mainColumn p.celeste a { font-weight: bold;color: #036F9E;}
	
	/* FORMULARIO **************************/
	
	.mainForm {
		float: right;
		width: 40%;}
	
	.mainForm label {
		float: left;
		clear: left;
		margin-top: 9px;
		width: 70px;
		color: #036F9E;}
		
	.mainForm input,
	.mainForm textarea {
		float: left;
		margin: 5px 0;
		width: 200px;
		padding: 2px;
		height: 16px;
		border: 1px solid #579FBE;
		background: none;
		color: #036F9E;
		font-size: 10pt;}
		
		.mainForm textarea { height: 100px;}
		
	.mainForm input.bot_enviar {
		margin-left: 70px;
		width: 62px;
		height: 24px;
		border:none;
		background: url(../images/body/but_enviar.png) no-repeat;
		cursor: pointer;}
		
		.mainForm input.bot_enviar:hover { background-position: bottom;}
	
	/* RECUADRO AZUL ************************************/
	
	.mainRecuadro {
		float: left;
		clear: left;
		width: 230px;
		margin-top: 10px;
		padding-bottom: 10px;
		background: url(../images/body/recuadroBottom.png) no-repeat bottom;}
		
	.mainRecuadro div {
		float: left;
		position:relative;
		padding: 20px 10%;
		padding-bottom: 10px;
		width: 80%;
		background: #79b3cc url(../images/body/recuadroTop.png) no-repeat;}
		
		.mainRecuadro div.itemCliente,
		.mainRecuadro div.itemCliente div {
			float: left;
			width: 100%;
			height: 100px;
			padding: 0;
			margin: 0; 
			margin-top: 20px;
			background: none;}
			
			.mainRecuadro div.itemCliente div {
				position: absolute;
				bottom: 0;
				margin: 0;
				height: auto;}
		
	.mainRecuadro img { 
	float: left;
	margin-bottom: -70px;}
	
	.mainRecuadro h1, .mainRecuadro p, .mainRecuadro p.item, .mainRecuadro a { color: #fff; position: relative; z-index: 1;}
	
	.mainRecuadro h1 { padding-bottom: 5px; margin: 0;}
	
	.mainRecuadro p { margin-bottom: 10px;}
	
	.mainRecuadro p.item { background-image: url(../images/body/vinetaWhite.png);}
	
	
/* FOOTER *********************************************/

#Footer { 
	float: left;
	margin-top: 10px;
	width: 100%;}
	
	.footerLeft {
		float: left;
		padding-left: 30px;
		width: 80%;}
		
		.footerLeft .footerLogo {
			float: left;
			width: auto;
			height: 40px;
			padding-left: 55px;
			background: url(../images/body/footerLogo.png) no-repeat;
			color: #D1ECF6;}
			
		.footerLeft .footerMenu,
		.footerLeft .footerMenu li{
			float: left;
			width: auto;
			color: #fff;}
			
			.footerLeft .footerMenu { padding-left: 50px;}
			
			.footerLeft .footerMenu a {
			float: left;
			padding: 0 3px;
			width: auto;
			color: #fff;}
			.footerLeft .footerMenu a:hover {
				cursor:pointer;
			}
			
	.footerLinks {
		float: right;
		width: 80px;}
		
		.footerLinks a { float: left;}
	
	
	
/* BOTONES **********************************************************/

.button {
	float: left;
	padding-right: 5px;
	height: 24px;
	width: auto;
	background: url(../images/body/butRight.png) no-repeat right top;
	 cursor: pointer;}
	
	.button div {
		float: left;
		padding:0;
		padding-left: 5px;
		width: auto;
		height: 24px;
		background: url(../images/body/butLeft.png) no-repeat;}
		
		.button div p {
			float: left;
			padding: 3px 5px;
			padding-bottom: 1px;
			width: auto;
			height: 20px;
			background: #c8e0ea;
			font-size: 11pt;
			color: #318AB0;
			 cursor: pointer;}
	
	.button:hover { background-position: right bottom; text-decoration: none;}
	.button:hover div { background-position: left bottom; text-decoration: none;}
	.button:hover div p { background: #b5d5e2; text-decoration: none; color: #fff;}
	
	.buttonlink:hover{cursor:pointer}