* { margin:0; padding:0; border:0; }
body { font-family:Georgia, Times New Roman, Helvetica; font-size:13px; color:#C8B99B; background:#000000 url('../img/body-bg.jpg') repeat-x center top; }
img { display:block; }
ul { list-style-type:none; }
a:focus { outline:none; outline:0; }
#wrapper { width:980px; margin:0 auto; background:url('../img/wrapper-bg.jpg') no-repeat 211px top; }
h2 { font-size:19px; color:#b40404; margin-bottom:20px; }
h2 span { font-weight:normal; font-style:italic; }
ol { list-style-type:decimal; list-style-position:outside; margin-left:30px; margin-bottom:20px; }
li, p { line-height:150%; }
a { color:#b40404; text-decoration:none; }
a:hover { text-decoration:underline; }

div.hr { clear:both; width:550px; height:20px; background:url('../img/hr-bg.png') no-repeat center; margin-bottom:20px; }
div.hr hr { display:none; }

#header { position:relative; width:980px; height:200px; display:block; }
#title { position:absolute; left:266px; top:144px; width:661px; height:55px; overflow:hidden; background:url('../img/title-bg.jpg') no-repeat center; }
#title div { width:661px; height:55px; background:url('../img/title-bg-borders.png') no-repeat 77px center; }
#title h1 { line-height:55px; padding-left:59px; font-size:13px; color:#E2A356; text-transform:uppercase; }
#title h1 span { font-size:21px; }
#logo { position:absolute; left:22px; width:302px; height:200px; z-index:2; }
#item { position:absolute; left:682px; width:270px; height:200px; z-index:1; background:url('../img/header-item1.jpg') no-repeat; }

#content { width:980px; background:url('../img/header-item1.jpg') no-repeat 681px -200px; }
#sidebar { float:left; width:279px; }
* html #sidebar { display:inline; }

#menu { width:279px; /*height:402px;*/ background:url('../img/menu-bg.jpg') no-repeat 69px 0px; margin-bottom:10px; }
#menu ul { width:217px; padding-left:61px; }
#menu li { display:block; width:217px; height:34px; margin-bottom:0px; text-align:center; }
#menu a { float:left; width:217px; font-size:11px; font-weight:bold; color:#E2A356; text-decoration:none; line-height:34px; background:url('../img/menu-button-bg.png') no-repeat; text-transform:uppercase; }
#menu a:hover { color:#C8B99B; }
#menu a.active { color:#C8B99B; }
#menu span { font-size:17px; }

#scroller { width:195px; height:100px; margin:25px 0 0 70px; padding:5px; color:#C8B99B; font-size:11px; line-height:17px; }
#scroller a { float:none; width:auto; background:none; text-transform:none; color:#b40404; font-size:12px; line-height:18px; }
#scroller a:hover { color:#b40404; text-decoration:underline; }

#suscribete { position:relative; left:72px; width:214px; height:70px; background:url('../img/suscribete-bg.jpg') no-repeat; }
#suscribete input { position:absolute; top:43px; width:138px; padding:2px; font:normal 11px Georgia; color:#dd985c; }
#suscribete img { position:absolute; right:0; width:66px; height:70px; }

#main { float:left; width:550px; margin:30px 0px 0px 46px; }
#main p { margin-bottom:20px; }
#main form label { float:left; width:140px; line-height:23px; }
#main form input, #main form select, #main form textarea { float:left; width:380px; border:1px solid #6a652f; padding:3px; font:normal 13px Georgia; /*color:#b40404;*/ color:#dd985c; margin-bottom:20px; }
#main form input { border-top:0px; border-left:0px; border-right:0px; }
#main form select.fecha { width:auto; margin-right:5px; }
#main form textarea { height:8em; overflow:auto; }
#main form input.ucase { text-transform:uppercase; }
#main form label.inline { width:auto; margin:0px 15px; }
#main form input.pax { width:2em; }
#main form input.hora { width:50px; margin-right:5px; }
#main form input.button { float:right; width:114px; height:36px; background-color:transparent; background-image:url('../img/button-bg.png'); border:0; color:#E2A356; margin-right:35px; margin-bottom:0px; }
#main form br { clear:both; }
#main form span { float:left; line-height:23px; }

.modulo { padding-bottom:20px; }

.foto, #eventos-detalle .foto { position:relative; width:268px; height:249px; }
.foto-izq, #eventos-detalle .foto-izq { float:left; margin:2px 30px 20px 0px; }
.foto-der { float:right; margin:2px 0px 20px 30px; }
.foto-frame, #eventos-detalle .foto-frame, .video-frame { position:absolute; z-index:4; }
.foto img, #eventos-detalle .foto img { width:268px; height:249px; }

#inicio { padding-bottom:0px !important; }
#eventos .foto, #eventos .foto img { width:150px; height:139px; }
#eventos .foto { float:left; margin:2px 20px 0px 0px; }
#eventos h2, #eventos-detalle h2 { margin-bottom:0px; }

#galeria .padding { padding-left:30px; }
#galeria .foto { float:left; width:150px; height:auto !important; margin:2px 20px 20px 0px; }
#galeria .foto img { width:150px; height:139px; }
#galeria h2 { margin-bottom:0px; }
#galeria .foto p { font-size:11px; text-align:center; margin-bottom:0px; }
#galeria .foto a { color:#C8B99B; }
#galeria .foto span { color:#dd985c; }

#submenu { width:550px; height:40px; }
#submenu li { float:left; display:inline; }
#submenu li a { padding:0px 15px; border-left:1px solid #6a652f; color:#C8B99B; text-decoration:none; }
#submenu li a.first { padding:0px 15px 0px 0px; border-left:0px none; }
#submenu li a.selected { font-weight:bold; color:#b40404; }
#submenu li a:hover { text-decoration:underline; }

#container { clear:left; }
#container li { font-weight:bold; color:#C8B99B; margin-bottom:20px; padding-left:20px; line-height:125%; }
#container li .precio { float:right; width:auto; color:#b40404; }
#container li span { font-weight:normal; font-size:11px; font-style:italic; color:#dd985c; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }

#footer {  }
#social { float:left; width:279px; }
#social .padding { padding:35px 0 0 71px; }
#social img { width:100px; height:28px; display:inline-block; background-image:url('../img/icons-social.jpg'); background-repeat:no-repeat; }
#social img.facebook { background-position:0px 0px; }
#social img.facebook:hover { background-position:0px -28px; }
#social img.twitter { background-position:-100px 0px; }
#social img.twitter:hover { background-position:-100px -28px; }
#datos { float:left; width:550px; margin-left:46px; padding:20px 0; background:url('../img/footer-bg.jpg') no-repeat center -30px; }
#datos p { font-size:11px; color:#C8B99B; text-align:center; }
#datos span { font-weight:bold; font-size:12px; color:#b40404; }
#datos a { color:#C8B99B; }
#footer .clearfix { height:20px; }