/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a {text-decoration:none;}

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
/* -------------------------------------------------------------- 
  
   UTILES
   
-------------------------------------------------------------- */
.ulBullet{
list-style-type:disc;
margin-left:20px;
font-size:0.85em;
line-height:1.2em; /* 0.4 em mas que font-size */
}

.quitaAltura{
overflow: hidden;
clear: both;
}

.borderW1{border: 1px solid white;}
.borderB1{border: 1px solid black;}

.overflow100p{

overflow: hidden;
width: 100%;
}
.overflowH{
overflow: hidden;
}

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.floatL{float:left;display:inline;}
.floatR{float:right;display:inline;}

.displayI{display:inline;}

.uppercase{text-transform:uppercase;}
.fontW100{font-weight: 100;}
.fontW800{font-weight:800;}

.fontHelv{font-family: Helvetica ; }
.fontVerdana{font-family: Verdana, sans-serif ; }
.fontGeorg{font-family: Georgia, serif ; }

.underlined{text-decoration:underline;}
.decorNone{text-decoration:none;}

.italic{font-style:italic;}


.lineH09{line-height:0.9em}
.lineH12{line-height:1.2em}
.lineH18{line-height:1.8em}
.lineH19{line-height:1.9em}

.fontZ70p{font-size:70%;}
.fontZ80p{font-size:80%;}
.fontZ110p{font-size:110%;}
.fontZ115p{font-size:115%;}
.fontZ120p{font-size:120%;}

.fontZ05{font-size:0.5em}
.fontZ06{font-size:0.6em}
.fontZ07{font-size:0.7em}
.fontZ08{font-size:0.8em}
.fontZ09{font-size:0.9em}
.fontZ10{font-size:1.0em}
.fontZ11{font-size:1.1em}
.fontZ12{font-size:1.2em}
.fontZ13{font-size:1.3em}
.fontZ14{font-size:1.4em}
.fontZ15{font-size:1.5em}
.fontZ16{font-size:1.6em}
.fontZ17{font-size:1.7em}
.fontZ18{font-size:1.8em}
.fontZ19{font-size:1.9em}
.fontZ20{font-size:2.0em}

.alignC{text-align:center;}
.alignR{text-align:right;}
.alignL{text-align:left;}

.white{color:white;}
.black{color:black;}
.red{color:red;}
.c222{color:#222222}
.c333{color:#333333}
.c444{color:#444444}
.c555{color:#555555}
.c666{color:#666666}
.c777{color:#777777}

.Bwhite{background-color:white;}
.Bblack{background-color:black;}
.Bred{background-color:red;}
.Bgreen{background-color:green;}


.marginB5{margin-bottom:5px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}
.marginB30{margin-bottom:30px;}
.marginB40{margin-bottom:40px;}
.marginB50{margin-bottom:50px;}


.marginT-10{margin-top:-10px}
.marginT-20{margin-top:-20px}
.marginT5{margin-top:5px;}
.marginT10{margin-top:10px;}
.marginT15{margin-top:15px;}
.marginT20{margin-top:20px;}
.marginT30{margin-top:30px;}
.marginT40{margin-top:40px;}
.marginT50{margin-top:50px;}
.marginT100{margin-top:100px;}
.marginT150{margin-top:150px;}
.marginT170{margin-top:170px;}
.marginT200{margin-top:200px;}
.marginT220{margin-top:220px;}

.marginL10{margin-left:10px;}
.marginL20{margin-left:20px;}
.marginL25{margin-left:25px;}
.marginL30{margin-left:30px;}
.marginL40{margin-left:40px;}
.marginL50{margin-left:50px;}
.marginL60{margin-left:60px;}
.marginL70{margin-left:70px;}
.marginL100{margin-left:100px;}
.marginL130{margin-left:130px;}
.marginL150{margin-left:150px;}
.marginL200{margin-left:200px;}
.marginL300{margin-left:300px;}
.marginL400{margin-left:400px;}
.marginL450{margin-left:450px;}
.marginL500{margin-left:500px;}

.marginR5{margin-right:5px;}
.marginR10{margin-right:10px;}
.marginR20{margin-right:20px;}
.marginR25{margin-right:25px;}
.marginR30{margin-right:30px;}
.marginR40{margin-right:40px;}
.marginR50{margin-right:50px;}
.marginR70{margin-right:70px;}
.marginR100{margin-right:100px;}

.marginA{margin-left:auto;margin-right:auto;}


.padding1{padding:1px;}
.padding2{padding:2px;}
.padding3{padding:3px;}
.padding4{padding:4px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}

.paddingL5{padding-left:5px;}
.paddingL10{padding-left:10px;}
.paddingL15{padding-left:15px;}
.paddingL20{padding-left:20px;}
.paddingL60{padding-left:60px;}

.paddingR2{padding-right:2px;}
.paddingR3{padding-right:3px;}
.paddingR5{padding-right:5px;}
.paddingR6{padding-right:6px;}
.paddingR7{padding-right:7px;}
.paddingR10{padding-right:10px;}
.paddingR15{padding-right:15px;}
.paddingR20{padding-right:20px;}

.paddingT10{padding-top:10px;}
.paddingT15{padding-top:15px;}
.paddingT20{padding-top:20px;}
.paddingT30{padding-top:30px;}
.paddingT40{padding-top:40px;}
.paddingT50{padding-top:50px;}
.paddingT150{padding-top:150px;}

.paddingB10{padding-bottom:10px;}
.paddingB20{padding-bottom:20px;}
.paddingB30{padding-bottom:30px;}
.paddingB40{padding-bottom:40px;}
.paddingB50{padding-bottom:50px;}

.width35p{width:35%}
.width40p{width:40%}
.width45p{width:45%}
.width50p{width:50%}
.width60p{width:60%}

.width60{width:60px;}
.width50{width:50px;}
.width90{width:90px;}
.width100{width:100px;}
.width150{width:150px;}
.width160{width:160px;}
.width180{width:180px;}
.width200{width:200px;}
.width212{width:212px;}
.width210{width:210px;}
.width220{width:220px;}
.width230{width:230px;}
.width250{width:250px;}
.width300{width:300px;}
.width350{width:350px;}
.width370{width:370px;}
.width400{width:400px;}
.width425{width:425px;}
.width450{width:450px;}
.width460{width:460px;}
.width500{width:500px;}
.width550{width:550px;}
.width600{width:600px;}
.width620{width:600px;}
.width650{width:650px;}
.width700{width:700px;}
.width800{width:800px;}
.width850{width:850px;}
.width900{width:900px;}

.height15{height:15px;}
.height25{height:25px;}
.height30{height:30px;}
.height35{height:35px;}
.height50{height:50px;}
.height80{height:80px;}
.height90{height:90px;}
.height100{height:100px;}
.height130{height:130px;}
.height140{height:140px;}
.height150{height:150px;}
.height170{height:170px;}
.height200{height:200px;}
.height250{height:250px;}
.height300{height:300px;}
.height350{height:350px;}
.height400{height:400px;}
.height450{height:450px;}
.height500{height:500px;}
.height550{height:550px;}
.height600{height:600px;}

.lineHeight30{line-height:30px;}

/* -------------------------------------------------------------- 
  
   FIN UTILES
   
-------------------------------------------------------------- */

.color1{color:#c60065;}
.color2{color:#452611;}
.color3{color:#75b510;}
.color4{color:#f7e902;}
.color5{color:#b8ec12;}
.color5{color:#004ae7;}
.color6{color:#bff21c;}
.backColor1{background-color:#c60065;}
.backColor2{background-color:#452611;}
.backColor3{background-color:#75b510;}
.backColor4{background-color:#f7e902;}
.backColor5{background-color:#b8ec12;}
.backColor5{background-color:#004ae7;}
.backColor6{background-color:#bff21c;}

.width154{width:154px;}


#back-menu{
width:451px;
background-image:url(../images/back-menu.png);
height:48px;
padding:22px 0 0 15px;
}



h1, h2, h3, h4, h5, a {
font-style:normal;
font-variant:normal;
font-weight:100;

letter-spacing:  0.035em;

}
a{color:white;}
h1{
color:#000000;
font-size:1.4em;
}
h2{
font-size:1.2em;
}
h3{
font-size:0.85em;
line-height:1.35em;
}
h4{
font-size:0.8em;
line-height:1.2em; /* 0.4 em mas que font-size */
}
h5{
font-size:0.7em;
}


/** 
*  ul1
**/

.ul1 {
list-style-type:none;
padding: 0;
}
.ul1 li {
text-align:left;
line-height: 15px;
}

.ul1 li a {
text-align:center;
background-color: #452611;
display:block;
color: #ffffff;
padding:3px 10px 5px;
font-size: 0.7em;
text-decoration: none;
font-family: Verdana;
font-weight: 700;
}
.ul1 li a:hover {
background-color: #f7e902;
color: #000;
}
/** 
*  ul2
**/

.ul2 {
list-style-type:none;
margin-top:10px;
padding: 0;
}
.ul2 li {
text-align:left;
line-height: 15px;
margin-bottom: 5px;
float:left;
}

.ul2 li a {
text-align:center;
background-color: transparent;
display:block;
color: #ffffff;
padding:7px 3px 9px 3px;
font-size: 13px;
text-decoration: none;
font-family: Verdana;
background-color: #8E2D2C;
border:4px solid #a34140;
}
.ul2 li a:hover {
background-color: #F5EE57;
border:4px solid #DDDD3D;
color: #000000;
}


/** 
*  for credits
**/

.ulCredits {
list-style-type:none;
padding: 0;
}
.ulCredits li {
text-align:left;
line-height: 20px;
margin-bottom: 5px;
}

.ulCredits li a {
text-align:center;
background-color: #75b510;
display:block;
color: #fff;
padding:0px 3px 2px 3px;
font-size:0.7em;
font-weight:700;
text-decoration: none;
font-family: Verdana;
}
.ulCredits li a:hover {
background-color: #c60065;
color: #ffffff;
}

/** 
*  for ulImageBullet
**/
    .ulImageBullet {
    list-style: none;
    }

    .ulImageBullet li {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 35px;
    line-height:38px;
    background: url(../images/bullet.gif) no-repeat 0pt 2px;

    /* You will need to upload your own ïcheck.pngÍ file for this to work */
    }

    .ulImageBullet li {
    font-size:1.3em;
	color:#530F4C;
    }

    .ulImageBullet li p {
    font-size:0.8em;
    line-height:1.2em;
    padding-top: 0px;
    color: #444444;
    }
/*****************************************/ 
/*******         LAYOUTS     *************/ 
/*****************************************/ 
body{
background: transparent url(../images/back-body.jpg) repeat;
font-family:Helvetica, Verdana, sans-serif;
}

#all{
background: #BCBC02 url(../images/back-all.jpg) repeat-x;
width:990px;
padding:0px;
margin:0px auto;
border-left: 8px solid #587320;
border-right: 8px solid #587320;
}
#header{
width: auto;
}
#headerCent{
background: transparent url(.../images/back-header-cent.jpg) no-repeat;
padding:15px;
margin:0px auto;
/* height: 169px; */
}
.header{
width: auto;
}
.headerCent{
padding:15px;
margin:0px auto;
/* height: 169px; */
overflow: hidden;
}
.back-content-index{
background: transparent url(../images/back-content-index.jpg) no-repeat;
height:629px;
}
.back-content-galeria{
background: #22290A url(../images/back-content-fotos.jpg) no-repeat;
}
.back-content-entorno{
background: #14170C url(../images/back-content-actividades.jpg) no-repeat;
}
.back-content-actividades{
background: #14170C url(../images/back-content-actividades2.jpg) no-repeat;
}
.back-content-Vinos{
background: transparent url(../images/back-content-vinos.jpg) repeat;
}
.back-content-Vins{
background: transparent url(../images/back-content-vinos.jpg) repeat;
} 

.back-content-Wines{
background: transparent url(../images/back-content-vinos.jpg) repeat;
} 
.back-content-Aceites{
background: transparent url(../images/back-content-aceites.jpg) no-repeat;
} 
.back-content-Olis{
background: transparent url(../images/back-content-aceites.jpg) no-repeat;
} 
.back-content-Oils{
background: transparent url(../images/back-content-aceites.jpg) no-repeat;
}
.back-content-comollegar{
background-color: transparent;
}
.back-content-app1{
background: transparent url(../images/back-content-app1.jpg) repeat;
}
.back-content-app2{
background: transparent url(../images/back-content-app2.jpg) repeat;
}

#content{
clear:both;
width:100%;
}
#contentCent{
clear:both;
color:black;
padding:0px 20px;
}
#footer{
background: transparent url(none) repeat-x;
}
#footerCent{
background: #d9d9d9 url(../images/back-footer.jpg) repeat-y;
margin:0px auto;
color:#000;
padding:20px;
color:white;
overflow: hidden;
overflow: hidden;
width: 950px;
display:block;
}
.footer{
background: transparent url(none) repeat-x;
}
.footerCent{
background: #d9d9d9 url(../images/back-footer.jpg) repeat-y;
margin:0px auto;
color:#000;
padding:20px;
color:white;
overflow: hidden;
overflow: hidden;
width: 950px;
display:block;
}

/*****************************************/ 
/*******    FORM ELEMENTS    *************/ 
/*****************************************/   
    
    
/** 
* 1
**/
.myinputstyle1 {
	border: 1px solid #999999;
	/** remember to change image path **/
	background-color: #f9f9f9;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #ffffff;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle1 {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 13px;
	color: #111111;
}
.myinputstyleBt1 {
text-align:center;
background-color: #f1f1f1;
color: #8e086a;
padding:0px 8px 2px 8px;
font-size: 11px;
text-decoration: none;
font-family: Verdana;
border:3px solid #e6e6e6;
font-weight: bold;
cursor: pointer;
}
.myinputstyleBt1:hover {
background-color: #CB0180;
border:3px solid #F193DD;
color: #ffffff;
}

/** 
* 2
**/
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 3px double #426a70;
	/** remember to change image path **/
	background: url(none) no-repeat #426a70;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #ffffff;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 13px;
	color: #82983e;
}








/** 
* 2
**/
#formReservas label{color:#333; font-size:0.8em;}
.myinputstyle2 {
background:#FFFFFF url(none) no-repeat scroll 0 0;
border: 1px solid #999999;
color:#000000;
font-family: tahoma, helvetica, sans-serif;
font-style: normal;
font-size: 14px;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle2 {
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #1663B1;
	font-weight: 100;
	float: left;
	margin-right: 15px;
	width: 55px;

}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle2:hover {
	border: 2px solid #1663B1;
	/** remember to change image path **/
	background-color:#fff;
	color: #000;
}

.myinputstyleBt {
text-align:center;
background-color: #C2FF00;
color: #000;
padding:4px 8px 4px 8px;
font-size: 11px;
text-decoration: none;
font-family: Verdana;
border:0px solid #e6e6e6;
font-weight: bold;
cursor: pointer;
}
.myinputstyleBt:hover {
background-color: #C60065;
border:0px solid #F193DD;
color: #ffffff;
}



.myinputstyleBtGestor {
text-align:center;
background-color: transparent;
display:block;
color: #ffffff;
padding:5px 3px 7px;
font-size: 13px;
text-decoration: none;
font-family: Verdana;
background-color: #8E2D2C;
border:4px solid #a34140;
}
.myinputstyleBtGestor:hover {
background-color: #F5EE57;
border:4px solid #DDDD3D;
color: #000000;
}