/******* Import *******/
@import url("reset.css");
@import url("tools.css");


/******* General *******/
html, body { width:100%; height:100%; }
body {
	background:#FFF;
	color:#FFF;
	min-width:963px;
	font:11px Arial, Helvetica, sans-serif;
	position:relative;
}

	a {
		color:#FFF;
		text-decoration:none;
	}
	a:active {
		/*outline:1px dotted #109DE9;*/
		outline:none;
	}
	
	.img {
		text-align:center;
	}


/******* Wrapper *******/
#wrapper {
	position:relative;
	width:700px;
	margin:0 auto;
	background:url(../img/content.jpg) 0 216px no-repeat;
}


/******* Header *******/
#header {
	background:url(../img/header.jpg) center top no-repeat;
	width:700px;
	height:160px;
	position:relative;
}
	#logo {
		width:408px;
		height:122px;
		position:absolute;
		top:31px;
		left:144px;
	}
	#logo a {
		display:block;
		height:122px;
	}
	#logo a span {
		display:none;
	}


/******* Nav *******/
#nav {
	position:relative;
	background:#FFF url(../img/nav.png) center top no-repeat;
	width:700px;
	height:56px;
}
	
	#nav_list li {
		position:absolute;
		height:25px;
		top:2px;
	}
	
	#nav_list li a {
		display:block;
		width:100%;
		height:25px;
		color:#000;
	}
	
	#nav_list li a span {
		display:none;
	}
	
		#nav1 { width:67px; left:80px; }
		#nav1 a:hover { background:url(../img/nav.png) -80px -58px no-repeat; }
		#home #nav1 a { background:url(../img/nav.png) -80px -114px no-repeat; }
		
		#nav2 { width:90px; left:150px; }
		#nav2 a:hover { background:url(../img/nav.png) -150px -58px no-repeat; }
		#videos #nav2 a { background:url(../img/nav.png) -150px -114px no-repeat; }
		
		#nav3 { width:107px; left:243px; }
		#nav3 a:hover { background:url(../img/nav.png) -243px -58px no-repeat; }
		#acerca #nav3 a { background:url(../img/nav.png) -243px -114px no-repeat; }
		
		#nav4 { width:93px; left:353px; }
		#nav4 a:hover { background:url(../img/nav.png) -353px -58px no-repeat; }
		#testimonios #nav4 a { background:url(../img/nav.png) -353px -114px no-repeat; }
		
		#nav5 { width:89px; left:449px; }
		#nav5 a:hover { background:url(../img/nav.png) -449px -58px no-repeat; }
		#media #nav5 a { background:url(../img/nav.png) -449px -114px no-repeat; }
		
		#nav6 { width:78px; left:541px; }
		#nav6 a:hover { background:url(../img/nav.png) -541px -58px no-repeat; }
		#contacto #nav6 a { background:url(../img/nav.png) -541px -114px no-repeat; }


/******* Content *******/
#content {
	position:relative;
	color:#63320E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content .inner { padding:20px 55px 0; }

	#wrapper .footer { background:url(../img/footer.gif) center bottom no-repeat; height:50px; }
	#flash { text-align:center; }


	/******* Content *******/
	#content #section { font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:3px; }
	#content h2 { font-size:12px; margin-bottom:5px; font-weight:bold; }
	
	#content a { color:#6F2900; text-decoration:underline; }
	#content a:hover { text-decoration:none; }

	#content p { line-height:135%; text-align:justify; }
	#content p { margin:0 0 14px 0; }
	#content ul { margin:5px 10px; }
	#content li { margin:0; padding:3px; }
	
	
	/******* Content layout *******/
	#content #info1 { float:left; width:290px; }
	#content #info2 { float:right; width:290px; }
	
	#content #info1 p,
	#content #info2 p { margin:5px 5px 15px; }
	
	
	/******* Home-Acerca *******/
	#home #content #info1 {
		width:350px; /*padding-left:10px;*/
	}
	
	#home #content #info2 {
		width:200px; padding-right:15px;
	}
	
	#home #content #info1 .img,
	#acerca #content #info1 .img {
		text-align:center;
	}
		
	#acerca #content #info1 {
		width: 315px; padding-left:10px;
	}
	
	#acerca #content #info2 {
		width:224px; padding-right:15px;
	}
	
	
	/******* Videos *******/
	#videos #content #info { float:none; width:auto; padding:10px 5px 25px; }
	#videos #content #info ul { margin:20px auto 0; width:510px; position:relative; z-index:1; }
	#videos #content #info li { width:170px; float:left; text-align:center; padding:0; position:relative; margin:0; padding:0; }
	#videos #content #info img { padding-bottom:6px; }
	#videos #content #info a { text-decoration:none; }
	#videos #content #info a.tooltip {
		display:none;
		background:#A07418; border:2px solid #835F14; color:#FFF;
		position:absolute; top:165px; left:85px; z-index:2;
		width:170px; margin-left:-95px; padding:2px 10px;
	}
	#videos #content #info li:hover a.tooltip,
	#videos #content #info li.hover a.tooltip { display:block; }
	
	#videos #content #info1 { width:360px; padding-left:10px; }
	#videos #content #info1 h2 { margin-bottom:10px; }
	#videos #content #info2 { width:175px; padding-right:10px; }
	
	
	/******* Testimonios *******/
	#testimonios #content #info1 { width:260px; padding-left:10px; }
	#testimonios #content #info2 { width:260px; padding-right:10px; }
	#testimonios #content p.name { margin-top:-3px; margin-bottom:25px; text-align:right; font-style:italic; }
	
	
	/******* Contacto *******/
	#contact-info { float:left; width:290px; }
	#contact-info p { margin:5px 5px 15px; }
	
	#contact-form { float:right; width:265px; }
	
	#content form { margin:0; padding:0; }
	#content form p { margin:5px 5px 15px; }
	
	#content form dl { margin:15px 5px 10px; padding:0; }
	#content form dl dt { margin:0 0 3px 0; padding:0; /*color:#919191;*/ font:11px Verdana, Arial, Helvetica, sans-serif; font-style:normal; }
	#content form dl dd { margin:0 0 8px 0; padding:0; }
	
	#content form input.text { width:155px; height:17px; padding:4px 6px 0; border:0; background:url(../img/input.jpg) no-repeat; font:11px Verdana, Arial, Helvetica, sans-serif; }
	#content form textarea { width:243px; height:103px; line-height:130%; padding:6px; border:0; background:url(../img/textarea.jpg) no-repeat; font:11px Verdana, Arial, Helvetica, sans-serif; }
	#content form button { width:71px; height:27px; background:url(../img/send-btn.jpg) no-repeat; border:0; cursor:pointer; } 
	#content form button span { display:none; }
	#content form p.buttons { width:255px; text-align:right; margin-top:0; }
	
	#top #content form input.focus { background-position:left bottom; }
	#top #content form textarea.focus { background-position:left bottom; }
	
	#content form label.error { color:red; font-size:10px; display:block; margin-bottom:15px; }
	
	
/******* Footer *******/
#footer-nav {
	text-align:center;
	padding:10px 0 5px 0;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
	
	#footer-nav li {
		display:inline;
		color:#B9B9B9;
	}
	
	#footer-nav li a {
		color:#808080;
		margin:0 5px 0 8px;
	}
	
	#footer-nav li a:hover {
		text-decoration:underline;
	}


#footer {
	text-align:center;
	color:#777;
	padding-bottom:20px;
}

	#footer p {
		padding:5px 0;
	}
	
	#aquit a {
		color:#777;
		text-decoration:none;
	}
	
	#aquit a:hover {
		text-decoration:underline;
	}
	
	#aquit a strong {
		/*text-decoration:underline;*/
		color:#666;
	}
	#aquit a:hover strong {
		/*color:#97C817;*/
		color:#7DA613;
	}
	
	
	
body.sIFR-hasFlash #content h1#section { font-size:30px; }



#videos #info1 { height:200px; overflow:auto; padding-right:15px; }
#videos #info1 h2 { margin:15px 0 40px; font-size:14px; }
#videos #info1 h3 { margin:15px 5px -5px; font-size:12px; font-weight:bold; }
#videos #info1 table { margin:15px 5px 15px; border-top:1px solid #63320E; }
#videos #info1 table td { border-bottom:1px solid #63320E; }