@charset "utf-8";

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('../fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('../fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ====== BASIC ====== */

body {background:#470047 url(../images/bg.png); font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px;}

h1 {font: 26px/27px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 0; color:#333; text-transform:uppercase;}

h2 {font: 60px/68px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 0;}

h3 {font: 22px/23px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 0; color:#666;}

h4 {font: 60px/68px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 0;}

p {margin:10px 0; color:#666; text-align:justify;}

a {text-decoration:none; font-style:italic; color:#800080;}

a:hover, a:visited, a:active {text-decoration:none; font-style:italic; color:#800080;}


/* ====== SITE ====== */

#page {width:990px; margin:0 auto; background:#FFF; padding-bottom:20px;}

#header {width:940px; margin:0 auto; min-height:120px; border-bottom:1px solid #87868B; margin-bottom:20px;}

#logo {width:192px; height:100px; text-indent:-999px; background:url(../images/logo.jpg) top left no-repeat; cursor:pointer; float:left; margin-top:10px;}

#menu {font: 19px/21px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 0; text-transform:uppercase;}

#menu ul {float:right; margin-top:80px;}

#menu ul li {list-style:none; display:inline; margin:10px 15px;}

#menu ul li a {color:#333; text-decoration:none; padding-bottom:3px; font-style:normal;}

#menu ul li a:hover {color:#333; text-decoration:none; border-bottom:1px solid #800080; padding-bottom:2px; }

#slider-content {width:940px; margin:0 auto; height:400px; background:#666; border-bottom:10px solid #470047;}

#slider-bottom {width:940px; margin:0 auto; border-bottom:2px solid #C3C3C3;}

#slider-bottom h1 {text-align:center; padding-top:20px; font-weight:500;}

#slider-bottom h1 span.line {color:#fff; font-size:6px; font-weight:bold; border-top:2px solid #666;}

#slider-bottom h3 {text-align:center; padding:20px;}

#home-area {width:940px; margin:0 auto; margin-top:20px;}

#home-area h1, #eventblocks h1 {border-bottom:3px solid #800080; padding:0 10px 10px 10px; margin-top:10px;}

#home-area p, #eventblocks p {padding:0 10px; line-height:17px; color:#666; text-align:left;}

#home-area-left {float:left; width:290px; padding-bottom:20px;}

#home-area-center {width:290px; float:left; margin-left:35px; padding-bottom:20px;}

#home-area-right {float:right; width:290px; margin-left:35px; padding-bottom:20px;}

#footer {width:940px; margin:0 auto; clear:both; min-height:100px; border-top:2px solid #C3C3C3; padding-top:20px;}

#footer h1 {padding:0 10px 10px 10px; color:#969696;}

#footer p {padding:0 10px; line-height:17px; color:#969696;}

#footer-area-left {float:left; width:290px; padding-bottom:20px;}

#footer-area-left p { line-height:13px; font-size:11px;}

#footer-area-center {width:290px; float:left; margin-left:35px; padding-bottom:20px;}

#footer-area-right {float:right; width:290px; margin-left:35px; padding-bottom:20px;}

#twitter {width:100%; background:url(../images/twitter.png) top center no-repeat; padding-top:38px; text-align:center; border-bottom:1px solid #c3c3c3;}

.clear {clear:both;}

.theme-default #slider {width:940px; height:400px;}

#redes {position:absolute; margin-left:115px;}

#redes img {margin:0 2px;}


/* ====== Galeria ====== */

.container {
    width:798px;
    height:auto;
    margin:20px auto 20px auto;
}

.wrap{
    width:130px;
    height:130px;
    margin:1px;
    overflow:hidden;
    position:relative;
    float:left;
	background:#470047;
}
.wrap a img  {
    border:none;
    position:absolute;
	background:#470047;
    top:-30px;
    left:-120px;
    height:200px;
/*    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
}

.wrap2{
    width:290px;
    height:160px;
    overflow:hidden;
    position:relative;
	background:#470047;
}
.wrap2 a img  {
    border:none;
    position:absolute;
	background:#470047;
    top:-20px;
    left:-30px;
    height:250px;
}


#eventblocks {width:940px; margin:0 auto; margin-top:20px;}

/*#eventblocks h1 {text-align:center; padding-bottom:20px; font-weight:500;}*/

/*#eventblocks h1 span.line {color:#fff; font-size:6px; font-weight:bold; border-top:2px solid #666;}*/

.eventblock1 {float:left; width:290px; padding-bottom:20px;}

.eventblock2 {width:290px; float:left; margin-left:35px; padding-bottom:20px;}

.eventblock3 {float:right; width:290px; margin-left:35px; padding-bottom:20px;}

#eventblocks h1.eventblock  {text-align:left; float:left; padding:0 0 5px; 0; margin-top:10px;}

.lineevent { width:940px; display:block; clear:both; margin:0 0 20px 0; border-top:1px solid #ccc;}

#desc-page {width:530px; float:right; margin-right:110px;}

#title-page {width:290px; float:left; margin-left:25px;}

#title-page h1 {text-align:right; font-size:36px; padding:20px 0 10px; line-height:38px;}

#desc-page h3 {text-align:left; padding:10px 0 30px; width: 595px;}

span.moreevent {float:right; margin-top:15px;}

#direccion {width:290px; float:left; margin-left:25px; text-align:right; color:#666; margin-top:5px;}

#direccion p { text-align:right;}

#contacto {width:615px; float:right; margin-right:25px;}

#rental {width:900px; margin:0 auto;}

#rental-inner1 {width:270px; margin-left:45px; float:left; margin-top:15px; text-align:right;}

#rental-inner1 p {padding:0; font: 18px/22px 'OpenSansCondensedLight', Arial, sans-serif;letter-spacing: 1px; color:#666; display:block; text-align:right;}

#rental-inner2 {width:595px; margin-right:45px; float:right; margin-top:15px;}

/* ======== contáctenos ========= */

.conten-contac {
	width:458px;
	
}

.conten-contac h2 {
}
.conten-contac p input {
	display:block;
	width:450px;
	height:25px;
	padding:4px;
	color:#666;
	background:#FCFCFC;
	border:#eaeaea solid 1px;
	font-size:14px;
	margin-top:-10px;
	margin-bottom:15px;
	
}
.conten-contac .nombre-campo {
	display:block;
	width:120px;
	color:#666;
	margin:10px 0 0 0;
	text-align:center;
	height:20px;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}

.conten-contac p textarea {
	display:block;
	background:#FCFCFC;
	border:1px solid #eaeaea;
	width:450px;
	height:100px;
	color:#666;
	padding:4px;
	margin-top:-10px;
	margin-bottom:15px;
}

.conten-contac p .boton {
	display:block;
	padding:3px 10px 5px;
	width:80px;
	background:#511051;
	color:#FFF;
	text-transform:uppercase;
	border:none;
	font-size:12px;
	
}

.conten-contac p .boton:hover {
	background:#751375;
	color:#ffffff;
}
	
.iframe-content{
border:none;
}

.error{
	background-color: #FCFCFC;
	padding: 4px 12px;
	border-radius: 4px;
	font-size:12px;
	color: #511051;
	font-weight: bold;
	float:right;
	margin-right: -2px;
	margin-top: -17px;
	position: relative;
	border-top:none;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}
.error:before{
/*	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #008687;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 1px;*/
}