@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400);
/* CSS Document
COLORES
Beige: #8D8D5F
*/

 *{border: 0;}
 
html {
background: url(imagenes/background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} 
 
body {background-color: #600; background-repeat:repeat ;max-width: 980px;   margin: auto;}

#container  {/*background-color: #600;*/ max-width: 980px; margin: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; position: relative;}

#encabezado  {background-image: url(imagenes/back-encabezado2.jpg); background-repeat: repeat-x; height: auto; width: 100%; border-bottom: 1px solid #8D8D5F; position: relative;}

#logo_top {width:100%; text-align:center; display:none;}
#logo_top img {width:100%; max-width:398px;}

#logo_top2 {width:100%; text-align:center;}
#logo_top2 img {width:100%; max-width:316px;}

.logoencabezado {margin-left: 16px;}

#contacto {width:100%; margin-top: 5px; text-align: center; font-size: 0.75em; line-height: 1.3em; }

#fondo {width:100%;	position: absolute;	z-index: -1;top: 0;	left:0; background-attachment: fixed;}

.clear {clear:both;}

#menu {display:none;}

#menu_sel {width: 100%; height: 20px; background-image: url(imagenes/back-menu.jpg); background-repeat: repeat-x; z-index: 1000;}

#menu_sel_int {width:50%; margin-left:auto; margin-right:auto; }

#banner_home {width:90%; margin-left:auto; margin-right:auto; margin-top:25px;}

#cuerpo{width: 96%; margin: auto; padding:  20px 0;}
#cuerpointerior {width: 92%; margin: 2%; padding: 2% !important; color: #ffffff;  position: relative; }

.box {width: 308px; height: auto; float: left; margin-right: 10px;}
#boxint {width: 100%; height: auto; text-align:center;}
#boxint img {width: 100%; max-width: 300px;}
	.titlebox {_width: 308px; width: 288px; height: 38px; _height: 58px; background-color: #85734E; padding: 10px;}
	.cuerpobox {_width: 308px; width: 288px; margin-top: 10px; background-image: url(imagenes/back-box-home.png); background-repeat: repeat; padding: 10px; height: 224px;}
	.cuerpobox p{margin-top: 25px;}
	.cuerpobox p a, .cuerpobox p a:link, .cuerpobox p a:active, .cuerpobox p a:visited {color: #ffffff; text-decoration: none; font-weight: bold;}
	.cuerpobox p a:hover {color: #F90;}
	
	.titlebox h2 {font-size: 1.8em; font-family: 'Roboto Condensed', sans-serif; color: #fff; font-style: italic;}
	.box .end, .boxint .end  {margin-right: 0 !important; float: right; width: 292px !important;}
	
.videoyoutube {width: 560px; margin: auto;}
.textovideo {float: right; width: 400px;}
	
#footer { width: 98%; height: auto; background-image: url(imagenes/back-pie2.jpg);  background-repeat:repeat-x; border-top: 1px solid #8D8D5F; margin-top: 20px; padding:2% 1% 1% 1%;  color: #ffffff;  }

	#logo {width: 100%; height: 70px; text-align:center;}
	#direccionpie {width: 100%; height: auto; text-align: center; font-size: 0.75em; line-height: 1.3em}
	#redespie {width: 100%; height: 50px; font-size: 0.75em; text-align:center;}
	
	
	.underline {text-decoration: underline;}

	
p.marginbottom20 {margin-bottom: 20px;}	
.marginbottom20 {margin-bottom: 20px;}	

/* ENLACES */
a, a.link, a:hover, a:active, a:visited {text-decoration: none;}
a, a.link, a:active, a:visited {color: #FFF;}
a:hover {color: #F90;}

.capacidadlimitada {
	display:none;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.logo_whatts{position:fixed; bottom:10px;left:10px;z-index:10;}

#eventos {width:96%; padding:2%; margin-bottom:30px; background-color:#753826; border-bottom:1px #bfbfa2 solid; border-top:1px #bfbfa2 solid;}

#categorias {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-transform:uppercase; color:#c17a3b;}
#titulos {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; text-transform:uppercase; color:#ffff99; font-weight:500; margin-top:10px;}
#fechas { width:98%; padding:1%; background-color:#bfbfa2; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#000; font-weight:600;  }
#descripciones {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFF;}
#precios {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14 px; text-transform:uppercase; color:#FFF;  margin-bottom:30px; margin-top:15px; font-weight:600;}

#eventos_f { width:100%}

@media screen and (min-width:44.375em) {
	
#encabezado  {background-image: url(imagenes/back-encabezado.jpg); background-repeat: repeat-x; height: 144px; width: 100%; border-bottom: 1px solid #8D8D5F; position: relative;}
	
#logo_top {width:50%; float:left; text-align:left;}
#logo_top img {width:100%; max-width:398px;}
.logoencabezado {margin-left: 16px;}	

#logo_top {display:block;}

#logo_top2 {width:100%; text-align:center; display:none;}

#contacto {width:47%; float: right; margin-right: 3%; margin-top: 20px; text-align: right; font-size: 0.75em; line-height: 1.3em; }

#menu {width: 96%; height: 30px; margin-left: auto; margin-right:auto; background-image: url(imagenes/back-menu.jpg); background-repeat: repeat-x; z-index: 1000; text-align: center; left: 15px; padding-top: 5px; top:126px; position:absolute; display:block;}

#menu_sel {display:none;}

#banner_home {width:96%;}

#footer { background-image: url(imagenes/back-pie2.jpg); height: 170px;  }

#logo {width: 31%; height: 70px; float: left; text-align:left;}
#direccionpie {width: 33%; height: auto; text-align: center; font-size: 0.75em; float: left; line-height: 1.3em}
#redespie {float: right; width: 36%; height: 50px; font-size: 0.75em; text-align:right;}

#boxint {width: 30%; height: auto; float: left; margin-right: 3%; text-align:left;}
#boxint img {width: 100%; max-width: 300px; max-height:201px;}

.capacidadlimitada {
	display:block;
}

#eventos {width:44%; margin-left:2%; float:left;}
#titulos {height:43px; overflow:hidden;}
#descripciones {height:61px; overflow:hidden;}

#eventos_f { width:250px; padding-left:10px; float:left;}
	
}