/* RESET */
*{margin:0; padding:0; border:0}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: close-quote;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{font-size:26px;}

h2{font-size:20px;}

h3{font-size:16px;}

h4{font-size:14px;}

h5{font-size:12px;}

list{list-style:none;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

/* ESTILOS GENERALES */

div#header{
background-image:url(../img/header_bg.gif);
background-repeat:repeat-x;
height:100px;
}

div#globalmenu{
background-image:url(../img/globalmenu_bg.gif);
background-repeat:repeat-x;
height:30px;
}

div#slideshow{
background-image:url(../img/slideshow_bg.gif);
background-repeat:repeat-x;
background-color:#c4bf9f;
height:260px;
}

div#contenido{
background-image:url(../img/content_bg.gif);
background-repeat:repeat-x;
background-color:#fff;
overflow:hidden;

}

div#photos{
margin:10px;
position:relative;
background: #fff;
border: solid 1px #ccc;
padding:5px 5px;
}

/* CLASES GENERALES */

div.inside{
width:760px;
margin:0 auto;
}

div.clearfix{
width:0px;
height:0px;
display:block;
clear:both;
content:".";
}
/*  SITE MAP */
div.lista ul{
margin-top:20px;
} 
div.lista ul li{
background-image:url(../img/bullet.gif);
background-repeat:no-repeat;
font-family:Arial, sans-serif;
color:#6f655a;
background-position: 5px 3px;
font-size:13px;
padding:2px 2px 2px 24px;
margin-left:10px;
margin-right:10px;
margin-bottom:12px;

}
div.lista ul li a{
text-decoration:none;
font-family:Arial, sans-serif;
font-weight:bolder;
font-size:13px;
color:#6f655a;
}

div.bullet ul{
margin-top:20px;
} 
div.bullet ul li{
background-image:url(../img/vineta.gif);
background-repeat:no-repeat;
font-family:Arial, sans-serif;
color:#6c6958;
font-size:12px;
background-position: 5px 3px;
padding:2px 2px 2px 24px;
margin-left:10px;
margin-right:10px;
margin-bottom:12px;
}
div.bullet ul li a{
text-decoration:none;
font-family:Arial, sans-serif;
font-weight:bolder;
color:#6c6958;
font-size:12px;
}

a.tnav:link{
font-family:Arial,  sans-serif;
font-size:12px;
font-weight:bold;
color:#6f655a;
border-bottom:#6f655a 1px solid;
}
a.tnav:visited{
font-family:Arial,  sans-serif;
font-size:12px;
font-weight:bold;
color:#6f655a;
text-decoration:underline;
}
/*CAJA SERVICIOS*/
div.caja{
font-size : 11px;
}
div.cajaimg{
float : left;
}
div.cajafotos{
float : left;
margin:15px 0px 15px 5px;
}
div.imgcaja{
vertical-align:middle;
background-color:#fff;
padding: 5px;
border:1px solid #CCCCCC;
margin : 65px 0 0 0;
float:left;
} 

div.cajainfo {
float:right;
margin : 10px 0 0 0;
width:350px;
} 
div.cajainfo p{
margin : 5px 0;
padding-left:10px;
font-size : 12px;
font-family:Arial, sans-serif;
} 
div.cajainfo ul { 
width : 200px; 
} 
div.cajainfo li { 
font-size : 12px; 
margin : 0; 
line-height : 20px; 
} 
div.cajatittle { 
background : url(../img/cajatitulo_bg.gif) no-repeat; 
background-position : top right; 
height : 38px; 
text-align : right; 
} 
div.cajatittle h2{ 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 24px; 
text-transform : uppercase; 
color : #426608; 
float : right; 
margin : 3px 15px 0 0; 
} 

a.pdf{
background:url(../img/icon_pdf.jpg);
width : 54px;
height:36px;
float : right; 
margin : 0 10px 10px 0; 
} 
/*CAJA ROOM*/
div.cajaroom{
font-size : 11px;
}
div.cajaroomimg{
float:right;
}
div.cajaroomfotos{
float : left;
margin:15px 0px 15px 5px;
}
div.imgcajaroom{
vertical-align:middle;
background-color:#fff;
padding: 5px;
border:1px solid #CCCCCC;
margin : 65px 0px 10px 0px;
float:right;
} 

div.cajaroominfo {
float:left;
margin : 10px 0 0 0;
width:350px;
} 
div.cajaroominfo p{
margin : 5px 0;
font-size : 12px;
font-family:Arial, sans-serif;
} 
div.cajaroominfo ul { 
width : 200px; 
} 
div.cajaroominfo li { 
font-size : 12px; 
margin : 0; 
line-height : 20px;
} 
div.cajaroomtittle { 
height : 38px; 
text-align : left; 
} 
div.cajaroomtittle h2{ 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 24px; 
text-transform : uppercase; 
color : #426608; 
float : left; 
margin : 3px 15px 0 0; 
} 

a.roompdf{
background:url(../img/icon_pdf.jpg);
width : 54px;
height:36px;
float:left;
margin : 5px 200px 0 0; 
} 
div.line_dashed { 
position : relative;
background:url(../img/line_dashed.png) repeat-x;
height : 4px; 
margin : 0 0 14px 0; 
top : 7px; 
} 
a.btnonline { 
background : transparent url(../img/btnonline.png) no-repeat scroll; 
background-position : top; 
color : #ffffff; 
font-size : 13px; 
font-weight : bold; 
display : block; 
height : 23px; 
line-height : 23px; 
text-align : center; 
text-decoration : none; 
width : 100px; 
float : right; 
margin : 0px 10px 10px 0; 
} 
a.btnonline:hover { 
background : transparent url(../img/btnonline.png) no-repeat scroll; 
background-position : bottom; 
} 

/* LISTAS DE FOTOS*/
div.fotolista li{
list-style: none;
display: inline;/* Es necesario para que los elementos de la lista se situen uno tras otro (horizontalidad) */
}

div.fotolista li a, div.fotolista1 li a:focus {
list-style: none;
background-color: #fff;
border: 1px solid #000;
padding:3px;
text-decoration: none;
color: #000;
font-family:Arial, sans-serif;
font-size: 10px;
}

div.fotolista li a:hover {
background-color: #770502;
border-color: #FFF;
color: #fff;
}
/* TERMINA CLASSS */

/*  HEADER */

div#header_content{
height:100px;
background-image:url(../img/header_hojas.gif);
background-repeat:no-repeat;
background-position:right;

}

div#header_content div#logo{
width:315px;
height:100px;
background-image:url(../img/logo_maragato.gif);
background-repeat:no-repeat;
background-position:center;
margin-left:15px;
float:left;
} 

div#header_content div#sitemap ul{
width:180px;
float:right;
margin-top:80px;
} 
div#header_content div#sitemap ul li{
float:left;
padding-right:10px;
}
div#header_content div#sitemap ul li a{
color:#4b2d13;
text-decoration:none;
font-family:Arial, sans-serif;
font-size:11px;
}
div#header_content div#sitemap ul li a:hover, div#header_content div#sitemap ul li a:active, div#header_content div#sitemap ul li a.activo{
text-decoration:underline;
color:#4b2d13;
}
/* GALERIA */

div#slide{
background-color:#fff;
float:left;
margin-top:9px;
margin-bottom:5px;
padding: 5px;
border:1px solid #9a957c;
height:234px;
width:650px;
}

/* MENU  */

ul#menu_principal{
height:30px
}

ul#menu_principal li{
line-height:30px;
float:left;
padding-right:20px;
}

ul#menu_principal li a{
color:#f8f7e2;
font-family:Myriad Pro,sans-serif,Arial;
display:block;
padding-left:5px;
padding-right:5px;

}

ul#menu_principal li a:hover{
color:#f8f7e2;
text-decoration:none;
}

ul#menu_principal li a.active{
color:#fff;
background-image:url(../img/globalmenu_active.gif);
background-repeat:repeat-x;
background-color:#770502;
background-position:top
}

/* CONTENIDO PRIMARIO */

div#primario{
width:535px;
float:left;
padding-bottom: 10000px;
margin-bottom: -10000px;
}

div#primario p{
font-family:Arial,  sans-serif;
color:#6c6958;
font-size:12px;
line-height:25px;
margin:10px 0px;
background-color:inherit;
}

div#primario h1{
font-family:Arial,  sans-serif;
font-weight:normal;
color:#6c6958;
font-size:12px;
line-height:25px;
margin-top:20px;
margin-bottom:5px;
background-color:inherit;
}

div#primario h2{
color:#770502;
font-family: Arial,  sans-serif;
font-size:16px;
padding-left:2px;
margin-top:15px;
background-color:inherit;
}

div#primario h3{
color:#426608;
font-family: Arial,  sans-serif;
font-size:16px;
padding-left:2px;
margin-top:15px;
background-color:inherit;
/*
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 24px; 
text-transform : uppercase; 
color : #426608; 
float : right; 
margin : 3px 15px 0 0; */
}

div#primario a{
font-family:Arial,  sans-serif;
font-size:12px;
text-decoration:none;
}

div#primario div#gallery{
padding:10px 10px;
float:left;
margin: 15px;
}
div#primario div#advisor{
padding:10px 10px;
float:left;
margin: 15px;
}

div#primario div#advisor img{
padding-top:15px;
}

div#primario div#link{
margin-top:25px;
}
/* CONTENIDO SECUNDARIO */

div#secundario{
width:200px;
float:right;
margin:0px 10px;
background-color:#f0edd0;
padding-bottom: 10000px;
margin-bottom: -10000px;
}

div#secundario h2{
font-family:Arial, sans-serif;
font-size:12px;
color:#5c5a4c;
padding:10px 5px;
background-color:inherit;
}

div#secundario div#traduccion{
padding:0 10px;
}

div#secundario div#reservas{
padding:5px 13px;
background-image:url(../img/reservas_bg.gif);
background-repeat:no-repeat;
background-position:center;
}

div#secundario div#video{
padding:5px 5px;
}

/*  FOOTER */
div#footer{
background-image:url(../img/footer_bg.gif);
background-repeat:repeat-x;
background-color:#6c6958;
}

div#footer ul{
float:left;
margin-top:20px;
margin-left:5px;
}

div#footer ul li{
float:left;
padding-right:15px;
}
div#footer ul li a{
color:#f8f7e2;
text-decoration:none;
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;

}

div#footer ul li a.active{
text-decoration:none;
color: #FFCC00;

}

div#footer div#trip{
background-image:url(../img/footer_trip.gif);
background-repeat:no-repeat;
margin: 0px 10px;
padding:10px 37.5px;
float:right;
width:125px;
height:25px;
}

div#footer div#members{
padding:5px 10px;
float:left;
width:480px;
}

div#footer div#footer_info{
float:right;
padding:5px 5px;
}

div#footer p{
font-size:10px;
font-family:Arial, sans-serif;
color:#fff;
line-height:16px;
text-align:right;
background-color:inherit;
}
div#footer a{
font-size:10px;
font-family:Arial, sans-serif;
text-decoration:underline;
color:#fff;
line-height:16px;
text-align:right;
background-color:inherit;
}

div#footer h2{
font-family:Arial, sans-serif;
font-size:12px;
color:#cec79c;
padding:10px 5px;
background-color:inherit;
}

/* FORMULARIOS */
#form{
color:#6f655a;
}
form em{
color : #cc0000; 
font-family:Arial, Verdana, sans-serif;
font-style:normal;
font-size:11px;
}
form div{
padding:10px 0;
margin:0 10px;
}
label{
float:left;
width:150px;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
text-transform:uppercase;
line-height:30px
}
input, textarea, select{
width:350px;
padding:5px 0;
background-color:#f3f3f3;
border:1px solid #e7e6e6;
overflow:hidden;
}
button{
padding:5px 0;
background-color:#770502;
color:#fff;
width:150px;
height:25px;
margin:10px 0 0 200px;
}


