/* Diseñado y programado por http://horaciotorrent.com */
/*¿Te Hago la Web?*/

html{
	height: 100%;
}

body {
	height: 100%;
	font-family:  "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0 0 0 0;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-color: #faf6ec;
}
a {
	color: #9a977d;
	text-decoration: none;
}
a:hover{
	color: #e8c570;
}
a:focus {
	outline:none;
}
p {
	padding: 0 0 5px 0;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 35px;
}
#holder {
	width: 830px;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -136px auto; /* el margen inferior es el valor del pie en negativo */
	
}
/*HEADER*/
#header {
	clear: both;
	margin: 20px 0 0 0;
	float: left;
}

#header #logo {
	background-image: url(../img/logo.png)!important;
	background-image: none;
	background-repeat: no-repeat;
	float: left;
	width: 193px;
	height: 107px;
	margin: 0 28px 0 0;
	padding: 0;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod='scale');
	display: block;
	text-indent: -9999px;
}
#header #logo a {
	display: block;
	width: 193px;
	height: 107px;
}
/*NAV 1*/
#header #nav-1 {
	width: 584px;
	float: left;
	margin: 64px 0 0 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
#nav-1 li {
	float: left;
	margin: 0 0 0 0;
	color: #a5a28a;
	background-repeat: no-repeat;
}
#nav-1 li a {
	display: block;
	float: left;
	background-repeat: no-repeat;
}
#nav-1 li.home,
#nav-1 li.home a {
	width: 54px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_home.gif);
}
#nav-1 li.home a:hover {
	width: 54px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_home_on.gif);
}
#nav-1 li.estancia,
#nav-1 li.estancia a {
	width: 109px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_estancia.gif);
}
#nav-1 li.estancia a:hover {
	width: 109px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_estancia_on.gif);
}
#nav-1 li.concepto,
#nav-1 li.concepto a {
	width: 99px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_concepto.gif);
}
#nav-1 li.concepto a:hover {
	width: 99px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_concepto_on.gif);
}
#nav-1 li.servicios,
#nav-1 li.servicios a {
	width: 92px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_servicios.gif);
}
#nav-1 li.servicios a:hover {
	width: 92px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_servicios_on.gif);
}
#nav-1 li.ubicacion,
#nav-1 li.ubicacion a {
	width: 101px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_ubicacion.gif);
}
#nav-1 li.ubicacion a:hover {
	width: 101px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_ubicacion_on.gif);
}
#nav-1 li.contacto,
#nav-1 li.contacto a {
	width: 101px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_contacto.gif);
}
#nav-1 li.contacto a:hover {
	width: 101px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../img/bo_contacto_on.gif);
}
body#hom #nav-1 li.home a {
	background-image: url(../img/bo_home_on.gif);
}
body#est #nav-1 li.estancia a {
	background-image: url(../img/bo_estancia_on.gif);
}
body#conc #nav-1 li.concepto a {
	background-image: url(../img/bo_concepto_on.gif);
}
body#ser #nav-1 li.servicios a {
	background-image: url(../img/bo_servicios_on.gif);
}
body#ubi #nav-1 li.ubicacion a {
	background-image: url(../img/bo_ubicacion_on.gif);
}
body#con #nav-1 li.contacto a {
	background-image: url(../img/bo_contacto_on.gif);
}

#header #icono {
	background-image: url(../img/icono.png)!important;
	background-image: none;
	background-repeat: no-repeat;
	float: right;
	width: 25px;
	height: 23px;
	margin: 53px 0 0 0;
	padding: 0;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icono.png');
	display: block;
}
/*COLUMNA LEFT*/
#left {
	float: left;
	width: 193px;
	margin: 20px 28px 0 0;
}
#left .titulo {
	height: 35px;
	background-image: url(../img/bg_titulo_h1.gif);
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	clear: both;
}
#left .titulo-2 {
	width: 193px;
	height: 20px;
	background-image: url(../img/bg_titulo_h3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 40px 0 5px 0;	
	padding: 10px 0 0 0;
	clear: both;
	float: left;
}
#left .titulo-3 {
	width: 193px;
	height: 20px;
	background-image: url(../img/bg_titulo_h3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 10px 0 5px 0;	
	padding: 10px 0 0 0;
	clear: both;
	float: left;
}
#left img {
	float: left;
	margin: 0 0 10px 0;
}
#left #nav-2 {
	width: 193px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #325e66;
	background-image: url(../img/bg_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 3px 0 10px 0;
	margin: 0 0 8px 0;
	float: left;
}
#left #nav-2 li {
	height: 19px;
	line-height: 17px;
	display: block;
}
#left #nav-2 li a {
	background-image: url(../img/item_nav_2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	color: #325e66;
	text-decoration: none;
}
#left #nav-2 li a:hover {
	background-image: url(../img/item_nav_2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	color: #333;
	text-decoration: none;
}
#left #nav-2 li.on a {
	background-image: url(../img/item_nav_2_on.gif);
	background-repeat: no-repeat;
	color: #fdb621;
	text-decoration: none;
}

/*NAV 3*/
#left #nav-3 {
	width: 193px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6c5634;
	background-image: url(../img/bg_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 3px 0 10px 0;
	float: left;
}
#left #nav-3 li {
	height: 19px;
	line-height: 17px;
	display: block;
}
#left #nav-3 li a {
	padding: 0 0 0 0;
	color: #6c5634;
	text-decoration: none;
}
#left #nav-3 li a:hover {
	padding: 0 0 0 0;
	color: #333;
	text-decoration: none;
}
#left #nav-3 li.on a {
	color: #fdb621;
	text-decoration: none;
}
/*NAV 4*/
#left #nav-4 {
	width: 193px;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9a977d;
	background-image: url(../img/bg_nav2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 3px 0 10px 0;
	float: left;
}
#left #nav-4 li {
	height: 19px;
	line-height: 17px;
	display: block;
}
#left #nav-4 li a {
	padding: 0 0 0 0;
	color: #9a977d;
	text-decoration: none;
}
#left #nav-4 li a:hover {
	padding: 0 0 0 0;
	color: #333;
	text-decoration: none;
}
#left #nav-4 li.on a {
	color: #fdb621;
	text-decoration: none;
}
/*CONTENTS*/
#content-home {
	width: 830px;
	clear: both;
	/*background-color: #ccc;*/
	margin:  15px 0 0 0;
	float: left;
	min-height: 200px;
}
#content-home p {
	color: #9a977d;
	font-size: 14px;
	padding: 0 15px;
	line-height: 17px;
}
#content-home .linea-final {
	width: 830px;
	height: 32px;
	background-image: url(../img/linea_final_home.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
#content {
	width: 609px;
	margin: 0;
	float: left;
	min-height: 200px;
}
#content p#player1,
#content-home p#player1 {
	margin: 0;
	padding: 0;
}
#content #foto {
	margin: 0 0 15px 0;
}
#content .titulo,
#content-home .titulo {
	padding: 0 0 10px 14px;
}
#content p {
	color: #9a977d;
	font-size: 14px;
	padding: 0 15px;
	line-height: 17px;
}
#content ul {
	color: #9a977d;
	font-size: 14px;
	padding: 0 15px 0 15px;
	margin: 10px 0 0 20px;
	line-height: 17px;
}
#content strong {
	font-weight: bold;
}
#content li {
	display: block;
	line-height: 18px;
}
#content p img {
	margin: 0 0 10px 0;
}
#content .col-1 {
	margin: 10px 15px 0 0;
	float: left;
}
#content .col-2 {
	margin: 10px 15px 0 0;
	float: left;
}
#content .linea-final {
	width: 609px;
	height: 32px;
	background-image: url(../img/linea_final.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
#content .linea-top {
	width: 609px;
	height: 32px;
	background-image: url(../img/linea_top.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
#content .linea-bottom {
	width: 609px;
	height: 32px;
	background-image: url(../img/linea_final.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
}
#content .galeria {
	margin: 0 0 0 16px;
	text-align: center;
}
#content .galeria img {
	margin: 0 20px 0 0;
	border: 2px solid #999900;
}
#content .space {
	height: 16px;
}

/*FOOTER*/
#footer {
	width: 100%;
	height: 136px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	clear: both;
}
.push {
	height: 136px;
	clear: both;
}

#footer #copy {
	width: 820px;
	margin: 0 auto 0 auto;
	padding: 56px 0 0 10px;
	height: 80px;
	color: #a5a28a;
}
#footer span.firma {
	margin: 2px 10px 0 0 ;
	float: right;
	display: block;
	
}
#footer .firma {
	width: 111px;
	height: 17px;
	padding: 0;
	margin: 0;
	background-image: url(../img/firma.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/firma.png',sizingMethod='scale');
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#footer .firma a {
	width: 111px;
	height: 17px;
	display: block;
	
}
.clear {
	clear: both;
}
.left {
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}
#datos {
	margin: 225px 0 0 15px;
	float: left;
}
#formulario {
	float: left;
}
#formulario form {
	margin: 15px 0 0 10px;
}
#formulario input {
	width: 350px;
	background-image: url(../img/bg_form.gif);
	background-repeat: repeat-x;
	height: 23px;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 4px 0 6px;
	margin: 0 0 10px 0;
	background-color: transparent;
	font-family: "Times New Roman", Times, serif;
	color: #666;
}
#formulario textarea {
	width: 350px;	
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/bg_form.gif);
	background-position: top;
	background-attachment: scroll;
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	padding: 6px 4px 0 6px;
	margin: 0 0 10px 0;
	color: #666;
	display: block;
}
#formulario .boton {
	width: 121px;
	height: 40px;
	margin: 0;
	padding: 0 0 2px 0;
	background-image: url(../img/bt_form.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bt_form.png',sizingMethod='scale');
	background-repeat: no-repeat;
	line-height: 17px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	cursor: hand;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	
}