/*############################ Revisado 08-08-2010 ### Jesús #########################*/

/*---- Reseter y valores generales ----*/	
	
	body {font: 12px/18px Arial, Helvetica, sans-serif; color: #ffffff;}
	html, body, p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, li, ol, img {padding: 0; margin: 0;}
	
	a {text-decoration:none; color: #c30000;}
	a:hover {text-decoration: underline;}
	
	img {border: 0;}
	
	table {border-collapse: collapse;}
	td, th {margin: 0; padding: 0;}
	thead, tfoot, caption, legend {display:none;}

	ul li {list-style-type: none;}
	
	hr {display:none;}
	.acess {display:none;}
	.lft {float:left !important;} 
	.rgt {float:right !important;} 
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clear{clear: both;}
	
/*---- ESTRUCTURA (contenedores principales) ----*/	
	
	#contenedor{width: 890px; margin: 0 auto; padding: 0;}
		#contenedor:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		
		#cabecera {width: 100%; height: 51px; margin: 0; padding: 0;}
			#cabecera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*---- CABECERA ----*/
	
	/*---- Menú Principal ----*/

		#NavegacionPrincipal ul  {float: left !important; padding: 17px 0px 0px 0px;}
		#NavegacionPrincipal ul :first-child  {background: none;}
			#NavegacionPrincipal ul li {float: left !important; position: relative; display: inline; background: url(../img/general/navegacion/separador.gif) 11px 1px no-repeat;}
				#NavegacionPrincipal ul li a{display: block; float: left !important; padding: 0px 0px 0px 25px; margin: 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #ffffff;}
					#NavegacionPrincipal ul li a:hover{color: #9e9e9e; text-decoration: none;}
				#NavegacionPrincipal ul li.iselect{}
					#NavegacionPrincipal ul li.iselect a{text-decoration: underline;}
	
	/*---- Síguenos ----*/
					
	#siguenos {float: right !important; padding: 10px 25px 0 0; margin: 0;}
		#siguenos .cabecera {display: none;}
		#siguenos ul {float: right !important; padding: 0; margin: 0;}
			#siguenos ul li {float: left; display:inline; margin: 0 0 0 10px;}
				#siguenos ul li a {display: block; overflow: hidden; height: 0; width: 29px; padding: 29px 0 0 0; text-decoration: none;}
				#siguenos .facebook {background: url(../img/general/social/social-icons.gif) 0px 0px no-repeat;}
				#siguenos .youtube {background: url(../img/general/social/social-icons.gif) -29px 0px no-repeat;}
				#siguenos .myspace {background: url(../img/general/social/social-icons.gif) -58px 0px no-repeat;}
				#siguenos .twitter {background: url(../img/general/social/social-icons.gif) -87px 0px no-repeat;}
					#siguenos ul li a:hover {}

/*---- ELEMENTOS GENERALES ----*/
	
	/*---- Tooltips ----*/
	
	.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat;  background-image: url(../img/general/tooltip/tipsy.gif);}
		.tipsy-inner {padding: 5px 8px 4px 8px; background-color: #000000; color: #ffffff; max-width: 200px; text-align: center; }
		.tipsy-south {background-position: bottom center;}
		.tipsy-north {background-position: top center;}

/*---- PIE de PÁGINA ----*/
	
	#pie {width: 309px;}
	
		#pie .copy {clear: both; width: 309px; padding: 25px 0 0 0; text-align: center;}
		
		/*---- Pásalo ----*/
	
		#pasalo {width: 150px; padding: 0; margin: 0 auto;}
			#pasalo .cabecera {float: left !important; padding: 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #c1c1c1;}
			#pasalo ul {float: right !important; padding: 0; margin: 0;}
				#pasalo ul li {float: left; display:inline; margin: 0 0 0 4px;}
					#pasalo ul li a {display: block; overflow: hidden; height: 0; width: 16px; padding: 16px 0 0 0; text-decoration: none;}
					#pasalo .facebook {background: url(../img/general/social/social-icons-mini.gif) 0px 0px no-repeat;}
					#pasalo .twitter {background: url(../img/general/social/social-icons-mini.gif) -16px 0px no-repeat;}
					#pasalo .meneame {background: url(../img/general/social/social-icons-mini.gif) -32px 0px no-repeat;}
					#pasalo .google {background: url(../img/general/social/social-icons-mini.gif) -48px 0px no-repeat;}
					#pasalo .myspace {background: url(../img/general/social/social-icons-mini.gif) -64px 0px no-repeat;}
					#pasalo .youtube {background: url(../img/general/social/social-icons-mini.gif) -80px 0px no-repeat;}
						#pasalo ul li a:hover {}
		
