/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 10/09/2008.
	Modificado: 30/09/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
/*font-family: "Helvetica", Arial, Verdana, sans-serif;*/
font-family: "Georgia", Times New Roman, Times, serif;
background: url('../images/bg_body.png') #29261A;
}
body{padding: 20px 0 20px 0;}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

/* Genericas */
#header h1,
#header p,
.skip{
position: absolute;
top: -999px;
}
.fLeft{
width: 49%;
float: left;
}
.fRight{
width: 49%;
float: right;
}
.clear{clear: both;}

/* Estructura */
#blur_top{
width: 1003px;
margin: 0 auto 0 auto;
padding: 42px 0 0 0;
background: url('../images/bg_blur_top.png') no-repeat left top;
}
#blur_bot{
width: 1003px;
margin: 0 auto 0 auto;
padding: 42px 0 0 0;
background: url('../images/bg_blur_bot.png') no-repeat left top;
}
#container{
width: 925px;
margin: 0 auto 0 auto;
padding: 0 39px 0 39px;
background: url('../images/bg_blur_mid.png') repeat-y left top;
}
#nav{
}
	#nav ul{
	list-style: none;
	padding: 2px 0 0 0;
	height: 32px;
	}
		#nav ul li{
		float: left;
		padding: 0 0 0 23px;
		}
			#nav ul li a{
			display: block;
			height: 30px;
			color: #000;
			font-size: 0.5em;
			text-indent: -9999px;
			}
			#nav ul #b1 a{background: url('../images/b1.png') no-repeat left bottom; width: 68px;}
			#nav ul #b2 a{background: url('../images/b2.png') no-repeat left bottom; width: 100px;}
			#nav ul #b3 a{background: url('../images/b3.png') no-repeat left bottom; width: 99px;}
			#nav ul #b4 a{background: url('../images/b4.png') no-repeat left bottom; width: 111px;}
			#nav ul #b5 a{background: url('../images/b5.png') no-repeat left bottom; width: 106px;}
			#nav ul #b6 a{background: url('../images/b6.png') no-repeat left bottom; width: 131px;}
			#nav ul #b7 a{background: url('../images/b7.png') no-repeat left bottom; width: 122px;}
			
				#nav ul li a:hover,
				#nav ul li a:focus{
				background-position: left top !important;
				}

#deco{
clear: both;
height: 121px;
margin: 0 auto 0 auto;
background: url('../images/header_01.jpg') no-repeat left top;
}
#s1 #deco{
height: auto;
background: none;
}

#content{
padding: 20px 0 0 0;
background: url('../images/bg_content_top.jpg') no-repeat left top #9F916B;
}
	#info{
	min-height: 300px;
	padding: 0 55px 0 55px;
	}
		#info h2{
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
		text-align: center;
		padding: 0 0 25px 0;
		}
		#info h3{
		color: #2C2208;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 10px 0 2px 0;
		border-bottom: 1px solid #A39C88;
		}
		#info h4{
		color: #222;
		font-size: 0.8em;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 10px 0 2px 0;
		letter-spacing: -1px;
		word-spacing: 3px;
		}
		
		#info a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		}
			#info a:hover,
			#info a:focus{
			color: #eee;
			border-color: #fff;	
			}
			#info a:visited{ /* Usability rulez my brother! ;-) */
			border-bottom: none;
			}
			
		#info p{
		font-size: 0.75em;
		padding: 0 0 10px 0;
		}
		#terms #info p{
		font-size: 0.7em;
		}
		#info .pdf{
		padding: 0 0 0 560px;
		}
			#info .pdf a{
			display: block;
			width: 200px;
			text-align: center;
			padding: 0 0 0 20px;
			background: url('../images/icon_pdf.png') no-repeat 5px center;
			}
		
		#info .logos{
		color: #9F916B;
		text-align: center;
		padding: 10px 0 0 540px;
		}
			
		#info ul{
		font-size: 0.75em;
		margin: 5px 0 15px 30px;
		list-style: url('../images/bullet.jpg');
		}
			#info ul li{
			padding: 3px 0 3px 0;
			}
			
		#terms #info ol{
		font-size: 0.7em;
		margin: 5px 0 15px 30px;
		}
			#terms #info ol li{
			padding: 3px 0 3px 0;
			}
			
		#info .image{
		float: right;
		width: 300px;
		text-align: right;
		}
			#info .image img{
			border: 3px solid #000;
			}
			
		/* forms */
		#info form{

		}
			#info form fieldset{
			margin: 0 0 5px 0;
			padding: 10px 10px 10px 20px;
			border: 1px solid #CAC3AF;
			}
			#info form fieldset legend{
			display: none;
			}
			#info form fieldset label{
			color: #38301C;
			font-weight: bold;
			}
			#info form fieldset label input,
			#info form fieldset label textarea{
			width: 90%;
			padding: 1px 3px 1px 3px;
			background: #C8C1AF;
			border: 1px solid #666;
			}
			#info form fieldset label textarea{
			width: 95%;
			height: 100px;
			}
				#info form fieldset label input:focus,
				#info form fieldset label textarea:focus{
				background: #F0EBDF;
				}
			
			#info form fieldset .checkboxes,
			#info form fieldset .radio{
			padding: 5px 0 5px 0;
			}
				#info form fieldset .checkboxes input,
				#info form fieldset .radio input{
				width: auto;
				margin: 0 10px 0 0;
				}
			#info form fieldset .send{
			text-align: center;
			padding-bottom: 0;
			}
				#info form fieldset .send input{
				cursor: pointer;
				padding: 2px 5px 2px 5px;
				}
		
		#info .big_form{
		}
			#info .big_form table{
			width: 100%;
			border-collapse: collapse;
			}
				#info .big_form table td{
				font-size: 0.75em;
				padding: 0 5px 5px 5px;
				}
		
		#info .big_form fieldset p label textarea{
		width: 97%;
		}
		#info .big_form fieldset td label textarea{
		width: 90%;
		}
		#info .big_form fieldset .tricota label{
		float: left;
		width: 20%;
		display: block;
		}
		
		#info #calendar{
		border-collapse: 2px;
		}
			#info #calendar td{
			font-size: 0.75em;
			padding: 2px 7px 2px 7px;
			}
			#info #calendar .titulos td{
			vertical-align: top;
			padding: 2px !important;
			background: #38301C;
			}
				#info #calendar .titulos strong{
				color: #fff;
				display: block;
				padding: 2px 4px 2px 4px;
				}

	#bottom{
	clear: both;
	padding: 55px 0 15px 0;
	background: url('../images/bg_content_bot.jpg') no-repeat left top #000;
	border-bottom: 2px solid #302C1F;	
	}
		#bottom .sub_a{
		float: left;
		width: 190px;
		padding: 0 10px 0 100px;	
		}
		#bottom .sub_b{
		float: left;
		width: 200px;
		padding: 0 0 0 100px;
		}
		#bottom .sub_c{
		float: left;
		width: 180px;
		padding: 0 0 0 120px;
		}
		#bottom p{
		color: #C9B775;
		font-size: 0.7em;
		font-weight: bold;
		}
			#bottom p a{
			color: #C9B775;
			text-decoration: none;
			border-bottom: 1px solid #C9B775;
			}
				#bottom p a:hover,
				#bottom p a:focus{
				color: #DFCF96;
				border-bottom: 1px solid #C8C8C8;				
				}

#footer{
padding: 10px 0 10px 0;
}
	#footer p{
	color: #E0E0E0;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px 0;
	}
		#footer p a{
		color: #E0E0E0;
		}
		
	#footer .b{
	font-size: 0.7em;
	}
		#footer .b a{
		padding: 0 0 0 25px;
		background: url('../images/icon_mail.png') no-repeat left center;
		}
		#footer .b .img{
		padding: 0;
		background: none;
		}
	#ad{
	color: #E0E0E0;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
	padding: 0 0 5px 0;
	}	
		#ad a{
		color: #E0E0E0;
		}

/* 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{
background-position: left top !important;
}