@charset "utf-8";
/* CSS Document */
body {
	font:12px Tahoma, Geneva, sans-serif;
	line-height:1.2em;
	color:#8d8786;
	}
a, a:link, a:visited { color:#b2a634;text-decoration:none;}
a:hover { text-decoration:none;}
h2 {
	font-size:35px;
}
#wrapper {
	background:url(../images/bgHome.jpg) no-repeat top center;
	margin:0 auto;
	height:615px;
	width:988px;
	position:relative;
	}
#colLeft {
	float:left;
	width:302px;
	height:100%;
	}
#colLeft #logo {
	width:295px;
	font-size:1px;
	text-indent:-90000px;
	}
#colLeft #logo a {
	display:block;
	height:140px;
	margin-left:25px;
	}
#colLeft #sidebar {
	text-align:right;
	padding:184px 0 0 0;
	position:relative;
	z-index:20;
	}
#colLeft #sidebar li {
	padding:4px 40px 4px 0; @padding:5px 40px 5px 0;
	}
#colLeft #sidebar li a {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	letter-spacing:1px;
	}	
#colLeft #sidebar li a:hover, #colLeft #sidebar li a.active {
	color:#000;
	}
#colRight .video {
	background:#B2A634 url(../images/sprite.png) no-repeat -93px 19px;
	bottom:0;
	color:#FFFFFF;
	padding:6px 8px;
	position:absolute;
	right:20px;
	}
#colRight .video:hover {
	background-color:#E5D32B;
	color:#ECECEC;
	}
/*#colLeft #sidebar li.videos {
	background:url(../images/videosSh.gif) repeat-y top right;
	height:18px; @height:17px;
	margin-top:9px; @margin-top:8px; _margin-top:7px;
	}

#colLeft .bgVideos {
	bottom:113px;
	left:0;
	height:26px;
	position:absolute;
	width:303px;
	background-color:#e7d42b;
	}
*/
.transp {
	opacity:0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	}
.notTransp {
	opacity:0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	}
#colLeft .direccion {
	margin-top:50px;
	}
#colLeft .direccion li {
	padding:0 40px 0 0;
	color:#fff;
	text-align:right;
	}	

#colRight {
	float:right;
	position:relative;
	height:587px;
	width:685px;
	}
#colRight #head, #colRight #martiniano {
	position:absolute;
	right:0;
	top:0;
	}
	#colRight #martiniano {
		top:331px;
		_right:-1px;
	}
#colRight #head .arrow {
	background:url(../images/sprite.png) no-repeat top left;
	_background:url(../images/spriteIE6.png) no-repeat top left;
	display:block;
	height:34px;
	position:absolute;
	right:5px;
	top:15px;
	width:35px;
	z-index:30;
	}
#colRight #head .content, #colRight #martiniano .content {
	height:105px;
	margin:10px 30px 0 0;_margin:10px 0 0 0;
	padding:10px 15px; @padding:15px 10px 10px;
	position:relative;
	width:290px;
	}
	 #colRight #martiniano .content {
		background:url(../images/martiniano.png) no-repeat top right;
		_background:url(../images/martinianoIE6.png) no-repeat top right;
		height:118px;
		margin:0;
		padding:163px 47px 0 20px;
	 }
#colRight #head .content h2, #colRight #martiniano .content h2 {
	color:#f5de05;
	font-weight:normal;
	line-height:1em;
	margin-bottom:8px;
	}
	#colRight #martiniano .content h2 {
		font-size:22px;
	}
#colRight #head .content p, #colRight #martiniano .content p {
	color:#353535;
	width:320px;
	}
	#colRight #martiniano .content p { width:223px;}
#colRight #head .transp, #colRight #head .notTransp, #colRight #martiniano .transp {
	background-color:#EAEAEA;
	height:125px;
	position:absolute;
	right:0;
	top:10px;
	width:350px;
}
	#colRight #martiniano .transp {
		height:90px;
		top:150px;
		}

/*#colRight.fundacion { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/fundacion.jpg) no-repeat top left; }
#colRight.restaurante { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/restaurante.jpg) no-repeat top left;}
#colRight.granja { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/granja.jpg) no-repeat top left;}
#colRight.hospedaje { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/hospedaje.jpg) no-repeat top left;}
#colRight.contacto { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/contacto.jpg) no-repeat top left;}
#colRight.como-llegar { background:#ececec url(http://prueba.franciscodenarvaez.com/caminoAbierto/images/fundacion.jpg) no-repeat top left;}
*/

#colRight #content {
	bottom:0;
	left:0;
	height:158px;
	position:absolute;
	padding:0 6px;
	}
#colRight #content .f-left {
	float:left;
	width:214px;
	margin:0 5px;
	}
#colRight #content .prensa .f-left { width:300px;}
#colRight #content .prensa .f-left p { margin:5px 0;}
#colRight #content .prensa .f-left p a span {
	background:url(../images/sprite.png) no-repeat -50px top;
	_background:url(../images/spriteIE6.png) no-repeat -50px top;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:36px;
	width:44px;
	vertical-align:middle;
	}
	
	
	
h3 { color:#494849;}
h4 {
	text-transform:uppercase;
	font-weight:normal;
	}

/*Restaurante*/
#colRight .rightMenu {
	float:right;
	margin-right:-12px;
	position:relative;
	}
#colRight .rightMenu li {
	padding:15px 0;
	text-align:right;
	}
#colRight .rightMenu a {
	padding:8px;
	font-size:18px;
	color:#8d8886;
	background:#fafafa url(../images/menuSh.gif) no-repeat center right;
	text-decoration:none;
	}
#colRight .rightMenu a.rel {
	position:relative;
	z-index:10;
	background-image:none;
	}
#colRight .rightMenu #menu, #colRight .rightMenu #reservas {
	background-color:#fafafa;
	width:350px;
	padding:17px 85px 16px 15px;
	position:absolute;
	right:0;
	text-align:left;
	top:3px;
	}
#colRight .rightMenu #menu p { 
	font-size:11px;
	margin:1px;
	}
#colRight .rightMenu #reservas {
	padding:50px 10px 30px;
	text-align:right;
	top:49px;
	width:205px;
	}
#colRight .rightMenu #reservas span {
	font-size:16px;
	font-weight:bold;
	display:block;
	}


/*Como Llegar*/
#colRight .topMenu {
	left:0;
	overflow:auto; zoom:1;
	position:absolute;
	top:-30px;
	width:685px;
	}
#colRight .topMenu li {
	float:left;
	margin:0 7px;
	}
#colRight .topMenu a {
	float:left;
	font-size:18px;
	color:#8d8886;
	background-color:#ececec;
	text-decoration:none;
	padding:8px 10px;
	letter-spacing:1px;
	}
#colRight .topMenu a:hover, #colRight .topMenu a.active { color:#b2a634;}
#colRight.como-llegar #content, #colRight.fundacion #content {
	padding-top:10px;
	width:673px;
	}


/*Fundacion Slider*/
.flechas {
	float:right;
	margin-top:-15px;
	}
#colRight #content .amigos h3, #colRight #content .cartas h3 { padding:0 0 4px 4px; _padding:0 0 0 10px;}


/*Contacto*/
form li { margin:2px 0;}
form input, form textarea {
	font:12px Tahoma, Geneva, sans-serif;
	border:1px solid #cab92e;
	background-color:#FFF;
	padding:2px;
	width:200px;
	}
form textarea { height:74px;}

form .button { float:left; }
form .button.borrar { margin:0 0 0 55px;}
form .button span, form .button input {
	background:url(../images/sprite.png) no-repeat left -41px;
	_background:url(../images/spriteIE6.png) no-repeat left -41px;
	}
form .button span {
	padding:4px;
	float:left;
	height:17px;
	cursor:pointer;
	}	
form .button input {
	_position:relative;@overflow:visible;
	background-position:right -41px;
	width:auto !important;
	border:none;
	color:#666766;
	padding:5px 10px 5px 0;
	font-weight:bold;
	font-size:11px;
	float:left;
	cursor:pointer;
	margin:0 !important;
}

form .button:hover span {
	background-position:left -70px;
	}
form .button:hover input {
	background-position:right -70px;
	}	

/*form .button.borrar span {
	background-position:left -101px;
	}
form .button.borrar input {
	background-position:right -101px;
	}	
form .button.borrar:hover span {
	background-position:left -128px;
	}
form .button.borrar:hover input {
	background-position:right -128px;
	}
*/	
.mensaje {
	border:1px solid;
	float:right;
	font-size:12px;
	margin:5px 15px 0 0;
	width:426px;
	text-align:center;
	padding:2px 0;
	}

.ok { border-color:#CAB92E; }
.error { border-color:#d30404;}