@charset "UTF-8";
/* CSS Document */
/* CSS comments or suggestions write to Warner Hernandez // warnerh@gmail.com */


/* Global Styles ----------------------------------------------------*/

BODY {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#422A1B;
	background:#DFD7BC;
}

/* hide from IE \*/
HTML, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
}
/* end hiding from IE5 */

/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}

a { color:#606; text-decoration:none;}
a:hover { color:#933;}
/* end hiding from IE5 mac */

h1, h2, h3, h4 { display:block; float:left; color:#231F20; line-height:25px; text-transform:uppercase; border-bottom:1px solid #57291F; width:95%; margin-bottom:8px;}
h1 {font-size:16px;}
h2 {font-size:13px;}
h3 {font-size:12px;}
h4 {font-size:11px;}

.wrapper { width:780px; margin:auto; position:relative;}
#wrap { width:100%; margin:auto; position:relative; z-index:1;}

#menu { position:absolute; width:559px; height:42px; top:0; left:199px; background:url(../img/menu_bg.jpg) no-repeat; display:block; z-index:99;}
#menu ul { position:relative; float:left; width:524px;top:0; display:block; height:38px; left:17px;}
#menu ul li { position:relative; float:left; margin:0 1px 0 0; display:inline;}
#menu ul li a, #menu ul li :link, #menu ul li a:link { position:relative; float:left; width:130px;top:0; height:38px; display:block; text-transform:uppercase; color:#FFF; text-align:center; text-indent:10px; text-decoration:none; line-height:38px; font-style:normal; font-size:12px; font-weight:normal;}
#menu ul li a:hover, #menu ul li :hover { background:url(../img/menu_on.png) no-repeat;}s

/* IE6 Only */
*html #menu { position:absolute; z-index:99; width:559px; height:42px; top:0; left:199px; bottom:-45px; background:url(../img/menu_bg.jpg) no-repeat; display:block; float:left;}
/* IE7 Only */
*:first-child+html #menu { position:absolute; width:559px; height:42px; top:0; left:199px; background:url(../img/menu_bg.jpg) no-repeat; display:block; z-index:99;}


#top { width:100%; position:relative; float:left; height:24px; background:url(../img/bg_top.jpg) no-repeat; top:0;}
#content { width:100%; position:relative; float:left; min-height:600px; height:auto; background: url(../img/bg.jpg) repeat-y; top:0;}
#content p { width:95%;}
#bottom { width:100%; position:relative; float:left; height:50px; background: url(../img/bg_bottom.jpg) no-repeat; top:0;}
#bottom a { width:100%; display:block; height:50px; float:left; border:0;}




#cava_head, #posada_head, #home_head { width:780px; height:205px; display:block; float:left; position:relative; top:0; margin:0; padding:0;}
#cava_head h1, #posada_head h1, #home_head h1 { display:none;}
#home_head { background:url(../img/home-duende_head.jpg) no-repeat;}
#home_head a { position:relative; float:right; margin-top:175px; right:30px;}
#cava_head { background:url(../img/cava-duende_head.jpg) no-repeat;}
#cava_head a { position:relative; float:right; margin-top:175px; right:30px;}
#posada_head { background:url(../img/posada-duende_head.jpg) no-repeat;}

.content { left:45px; float:left; position:relative; width:735px; display:block; height:auto; top:0;  line-height:18px;}
div.left, div.right, div.banner-row { position:relative; float:left; display:block; height:auto;}
div.left { width:47%;}
div.right { width:53%;}
div.banner-row { width:100%; text-align:center; height:180px; margin:15px 0;}


#duende_1, #duende_2 { position:absolute; z-index:200; width:135px; height:199px; display:block;}
#duende_1 { top:496px; left:-68px; background:url(../img/duende_2.png) no-repeat;}
#duende_2 { top:1030px; left:736px; background:url(../img/duende_1.png) no-repeat;}

.small { font-size:10px; color:#333;}