@charset "utf-8";
/* Autor: Lucio Marquez - www.luciomarquez.com.ar */

ul, li { list-style: none;}

p, a { font-size: 12px; color: #666; }

a { text-decoration: none;}
a:hover { text-decoration: underline;}

img {border:none;}

h1 {
	float: left;
	width: 100%;
	font-family: Georgia, serif;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;}

.hidden { display: none;}

/* Header */

#Header a.logo {float: left;}

#Header .mainTitle {
	float: left;
	padding-left: 150px;
	margin-top: 40px;
	width: 422px;
	height: 180px;
	background: url(../images/body/mainTitle.png) no-repeat right top;}
	
	#Header .mainTitleInternas {
	padding-left: 105px;
	margin-top: 40px;
	width: 329px;
	height: 160px;
	background-image: url(../images/body/mainTitleInternas.png);}
	
	h1.titulo {
		position: absolute;
		top: -5000px;
		left: -5000px;
		font-size: 0;}
		

/* Main */

.mainHome {
	float: left;
	margin-top: 40px;
	padding-left: 38px;
	width: 90%; 
	text-align: center;}
	
.main {
	float: left;
	margin-top: 48px;
	padding-left: 65px;
	padding-bottom: 100px;
	width: 690px;
	position: relative;}
	
	.mainBook {
		float: left;
		padding-left: 278px;
		padding-top: 15px;
		padding-right: 50px;
		width: 370px;
		height: 300px;
		background: url(../images/body/libroImg.png) no-repeat;
		background-position: 39px 0;}
		
		.mainBook h1 { margin-bottom: 30px;}
		
		.mainBook p {
			font-size: 15px;
			color: #000;}
			
	.mainColin {
		float: left;
		padding-top: 15px;
		padding-left: 120px;
		width: 490px;
		height: 373px;
		background: url(../images/body/colinTitle.png) no-repeat right top;}
		
		.mainColin h1 { margin-bottom: 30px;}
		
		.mainColin p { color: #000; font-size: 14px; margin-bottom: 20px;}
		
	.mainDocumental {
		float: left;
		margin-top: -10px;
		padding: 30px 35px 0 35px;
		width: 629px;}
		
		.mainDocumental h1 { float: right; width: 89%; margin-bottom: 20px;}
		
		.mainDocumental div { float: right;}
		
	
	.mainPrensa {
		float: left;
		margin-top:20px;
		padding-left: 160px;
		width: 430px;}
		
		.mainPrensa h1 {
			margin-bottom: 30px;}
		
					
		.flashPrensa { float: left; width: 100%;}
		
	
.main a.goBack {
	float: right;
	padding-right: 40px;
	width: auto;
	position: relative;
	z-index: 1;}
	
.internalMenu { 
	position: absolute;
	top: 350px;
	left: -50px;
	float: left;
	width: 130%;
	_width: 142%;}
	
	.internalMenu a {
		float: right;
		width:80px;
		height: 90px;
		background-repeat: no-repeat;
		background-position: left bottom;
		position: relative;
		text-align: center;}
		
		.internalMenu .left {
			float: left; width: 160px;}
			
		.internalMenu .right {
			float: right; width: 170px;}
			
			.internalMenu .right a { float: left; width: 70px;}
		
		.internalMenu a.linkBook {background-image: url(../images/body/btBook.png); }
		.internalMenu a.linkColin {background-image: url(../images/body/btAutor.png);}
		.internalMenu a.linkDocumental {background-image: url(../images/body/btDoc.png); }
		.internalMenu a.linkPrensa {background-image: url(../images/body/btMic.png); background-position: 10px bottom;}
		
		.internalMenu a.off {display: none;}
		
		.internalMenu a span {
			position: absolute;
			text-align:center;
			bottom: -20px;
			left: 0;
			font-family: Arial, Helvetica, sans-serif;
			color: #000;
			width:100%;
			display: none;
			font-weight: bold;}
			
			.internalMenu a:hover, .internalMenu a:hover span { display: block; text-decoration: none;}

.textCont {
	float: left;
	width: 86%;
	margin-top: 20px; 
	padding-left: 70px;}
	
	.textCont .dataLeft {
		float: left;
		width: 30%;
		padding-right: 6%;
		margin-right: -1px;
		text-align: right;}
		
		.textContDocu .dataLeft {width: 45%;}
		
		.textCont .dataLeft p { color: #2E506E; margin-bottom: 7px;}
		
		.textCont a { float:left;}
		.textCont img { float: left; margin-bottom: 10px;}
		
	.textCont p.text { float: left; width: 61%;}
	.textCont p.textShort { float: left; width: 34%; padding-left: 20px; margin-top: 10px;}
	
	.textContDocu p.text {width: 44%; margin-bottom: 5px; line-height: 16px;}
	
	span.autor { margin-top: 10px; display: block;}


.bookLinks {
	float: left;
	margin-top: 30px;
	padding-left: 36%;
	width: 51%;
	padding-bottom: 50px;
	background: url(../images/body/btTuTambien.png) no-repeat 20px 0;}
	
	.bookLinks a {
		float: left;
		width: 90%;
		margin-top: 5px;
		padding: 0 16px;
		background: url(../images/body/vin4.png) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;}
		
.autorBlog { float: left; padding-left: 50px; margin-top: 30px; position: relative; z-index: 10000;}

.blogText {
	float: left;
	width: 80%;
	padding-left: 10%;}
	
	.blogText p.text { width: 100%; padding: 0; margin-bottom: 15px;}
	
	.blogLinks {
		float: left;
		clear: left;
		width: 100%;}
		
		.blogLinks p {
		float: left;
		clear: left;
		margin-top: 5px;
		padding: 0 16px;
		background: url(../images/body/vin4.png) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;}
		
.prensaVideos {
	float: left;
	width: 62%;
	padding-left: 20%;}
	
	.prensaVideos p { color: #000; margin-bottom: 5px; width: auto; float: left;}
	
	.prensaVideos a {
		float: left;
		margin-top: 5px;
		padding: 0 16px;
		background: url(../images/body/vin4.png) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;}
		
		.prensaVideos a.right { padding: 0; background: none; margin: 0; float: right;}
		
	.prensaVideos div { float: left; margin-top: 40px; width: 100%;}
	
	.prensaVideos div div { margin-top: 0;}
