@media screen and (min-width:700px) {





body {
	margin:0px;
	padding:0px;
	width:100%;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
}


#wrapper {
	float:none;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
	margin: auto;
	width: 100%;
}

#wrapper #main {
	background-color: #fff;
	margin-top: 10px;
	
}

#wrapper #main #cartelera {
	background-color: #ffffff;
	width: 100%;
	float: left;
}

#wrapper #main #calendario {
	background-color: #456789;
	width: 40%;
	float: left;
	padding-left: 0px;
}
#wrapper header {
	background-color: #333;
	color: #FCF9F9;
	float:left;
	text-align: center;
}

#wrapper header img {
	max-width: 7%;
}

#wrapper header #logotipo img {
	max-width: 40%;
}


#desplegable{
	position:absolute;
	z-index:3;
	width:25%;
	float: left;
	text-align:left;	
	}
	
#desplegable2{

	width:25%;
	float: left;
	text-align:left;	
	}

#logotipo{
	width:50%;
	float: left;
	background-color: #000;
	}

#wrapper #main nav {
	background-color: #FFFFFF;
	width: 17%;
	float: left;
}

nav img {
	max-width: 48%;

}

#main #cartelera article {
	width: 14%;
	border: 0px solid #D52DC0;
	text-align: center;
	float: left;
	margin-left: 0.14%;
	margin-right: 0.14%;
	
}

article aside img {
	max-width: 100%;
	cursor: pointer;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	box-shadow: 5px 5px 5px #A6A6A6;
}



#diasemana {
	max-width: 68.8%;
}

#diames {
	max-width: 31.2%;
}

#fecha {
	max-width: 100%;
}

#wrapper #exposicion {
	width: 100%;
	clear: left;
	background-color: #ffffff;
	position:relative;
	/* [disabled]border-top-color: #C91DE0; */
	/* [disabled]border-top-style: solid; */
	/* [disabled]border-top-width: 1px; */
}
#wrapper #exposicion aside {
	float: left;
	width: 40%;
	padding: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
#wrapper #exposicion article {
	float: left;
	width: 60%;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 3%;
	box-sizing: border-box;
}
#exposicion aside img {
	max-width: 100%;
}
#exposicion article img {
	/* width: 20%;
	/* [disabled]text-align: center; */
}
#wrapper footer {
	clear: left;
	background-color: #000000;
	color: #FCF9F9;
	text-align: center;
}

#cartelera article #artista {
	font-family: maiden-orange;
	font-variant: normal;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	font-style: normal;
	padding-top: 5px;
}
#wrapper #exposicion hr {
	background-color: #CF4EC6;
	width: 70%;
}
#cartelera article #cabecera {
	background-color: #456789;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5%;
	padding-bottom: 5%;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-size: 1.3em;
	width: 100%;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	box-shadow: 5px 5px 5px #A6A6A6;
}
#main #calendario article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	float: left;
	width: 14%;
	font-size: 0.4rem;
	padding-right: 1px;
}
article #calendar_fot img {
	max-width: 100%;
	padding-right: 0px;
}
#wrapper #main #temporal {
	width: 50%;
	float: left;
}
 #cal_nav {
	background-color: #FFFFFF;
	width: 10%;
	float: left;
}



#cal_nav img {
	max-width: 100%;

}

#main #calendario #mes {
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	background-color: #456789;
	text-align: center;
	font-size: 1.6rem;
}
.capas article h1 {
	text-align: center;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 600;
	font-size: 1.5rem;
}

.capas {
	width: 100%;
	position: absolute;
	visibility: hidden;	
	left:0px;
	top:0px;

}

.capas aside img {
	-webkit-box-shadow: 8px 8px 15px #B2B2B2;
	box-shadow: 8px 8px 15px #B2B2B2;
}

#fecha_exp {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 1px;
	font-weight: 400;
	font-size: 1.2rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
}

.per {
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 1.5rem;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	margin: 1%;
	box-shadow: 5px 5px 5px #A6A6A6;
}

.per img {
	max-width: 60%;
	}
#exposicion #permanente {
	width: 80%;
	margin: 0 auto; 
}

/*------------------------------main jueves y main socios ----------------------------------*/

#main_jueves #jueves_img {
	width: 20%;
	float: left;
}

#main_jueves #jueves_img img {
	max-width: 100%;
}


#main_jueves #jueves_txt {
	width: 90%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
}


#main_jueves #jueves_txt img {
	max-width: 70%;
	
}

#main_jueves #jueves_proximo{
	width: 32%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 2%;
	padding-right: 2%;
}


#socios_txt {
	width: 90%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
}
	

#socios_proximo{
	width: 65%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	padding-left: 2%;
	padding-right: 2%;
	}

#socios_tot {
	width: 100%;
	background-color: #FAFAD8;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #B1B1B1;
	box-shadow: 5px 5px 5px #B1B1B1;
	padding:2%;
}

#cajon {width:25%; margin: 0 auto;}


#pro_fot {
	padding: 2%;
	width: 20%;
	float: left;
}

#pro_txt {
	width: 70%;
	float: left;
	padding: 2%;
	font-size: 1.2rem;
}
#pro_fot img {
	max-width: 100%;
}
#main_jueves #jueves_proximo #pro_tot {
	width: 90%;
	background-color: #FAFAD8;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #B1B1B1;
	box-shadow: 5px 5px 5px #B1B1B1;
}

#pro_tot #pro_txt h2 {
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
}

/*--- 

#navegador_phone {
	display:none;
}
 
----*/


#cartelera_phone {
	display:none;
}


#exposicion_phone {
	display:none;
}

#esta_semana {
	display:none;
}
/*--------------------------navegador_phone---------------------------------------------*/

#navegador_phone {
	background-color: #FFFFFF;
	width: 100%;
	float: left;
}

#navegador_phone img {
	width: 20%;
	max-width: 300px;
	float: left;
}

#separador {
	width: 6%;
	float: left;
}

#separador img{
	width: 100%;
	float: left;
}
/*--------------------------principal---------------------------------------------*/



#foto_saludo {
	width: 100%;
	background-color:fff;
	
	font-family: maiden-orange;
	font-variant: normal;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	font-style: normal;
	padding-top: 5px;
	text-align:center;
}

#foto_saludo img {
	display:block;
	max-width: 80%;
	
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 7px 7px 7px #A6A6A6;
	box-shadow: 7px 7px 7px #A6A6A6;
	
}

#aire {
	width: 100%;
	height:50px;
	background:#fff;
	margin top:50px;
	margin-right: auto;
	margin-left: auto;
	float:left;

}
/*--------------------------calendario---------------------------------------------*/

#aire2 {
	width: 100%;
	height:10px;
	background:#fff;
	margin top:10px;
	margin-right: auto;
	margin-left: auto;
	float:left;

}

#espacio {
	width: 100%;
	height:10px;
	background:#fff;
	margin top:10px;
	margin-right: auto;
	margin-left: auto;
	float:left;

}
	
#cabecera_mes {
	background-color: #fff;
	color: #000;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 4rem;
	text-align: center;
}

#dia_semana {
	margin-left:0.39%;
	margin-right:0.39%;
	background-color: #ff0;
	color: #444;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 2rem;
	text-align: center;
	width: 13.50%;
	float:left;
	margin-bottom:10px;
}


#celda_fechas {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	font-weight: 400;
	font-size: 1.6rem;
	text-align: center;
}

#celda_fechas_vacia {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #fff;
	color: #fff;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	font-weight: 400;
	font-size: 1.6rem;
	text-align: center;
}

#celda_fotos {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
}

#celda_fotos img{
	width: 100%;
}



#celda_nombre {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #fff;
	color: #000;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: center;
}

 hr {
	background-color: #CF4EC6;
	width: 95%;
}


/*-----------------------------------evento-------------------------------------------*/

#fecha_exp_evento {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 1.6rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
	text-align: center;
	width:76%;
	margin-left:auto;
	margin-right:auto;
}



#evento_imagen  {
	float:left;
	width:50%;
}


#evento_imagen img {
	display:block;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 7px 7px 7px #A6A6A6;
	box-shadow: 7px 7px 7px #A6A6A6;
	
}


#evento_texto {
	float:left;
	width:50%;
}

#titulo {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		
}

#izquierda {
		float:left;
		width:10%;
		
}

#izquierda img{
		max-width: 100%;
}

#centro {
		padding:2%;
		float:left;
		width:76%;
		
		
}


#derecha {
		float:right;
		width:10%;
		
}

#derecha img{
		max-width: 100%;
}

#facebook {
		padding:0%;
		
		width:100%;
		
}


.padre2 {
margin: 0;
padding: 0;
text-align: center;
font-size: 0.7rem;
letter-spacing: 0.7rem;

}
.hijo2 {
display: inline-block;
letter-spacing: normal;
}

#texto {
	padding:2%;
	width:76%;
	
		margin-left:auto;
		margin-right:auto;
			}
	
h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin:0;
}


h2 {
color: #bbbbbb;
font-size:1em;
margin:0;	
}

h3 {
font-size:0.8em;
margin:0;	
}

h4 {
color: #022533;
font-size:1em;
margin:0;	
}	

h5 {
font-size:1.2em;
font-weight: normal;
text-align: center;
margin:0;
color:#000;		
}

h6 {
color:#022533;
font-size:1.5em;
margin:0;
text-align: center;	
}


#aire3 {
	width: 100%;
	height:10px;
	background:#fff;
	margin-right: auto;
	margin-left: auto;
	float:left;

}

/*--------------------------------------------------------------evento HOY-----------------------------------*/

#fecha_hoy {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 2rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
	text-align: center;
	width: 60%;
	margin-left:auto;
	margin-right:auto;
}


/*----------------------------------------------*/


#cuatro {
	width: 30%;
	margin-right: auto;
	margin-left:auto;
	margin-bottom: 5px;
		cursor: pointer;
		padding:1%;
	float:left;
}

/* #cuatro img {
	width: 30%;
	margin-left:0;
	margin-right:3%;
float:left;
margin-bottom:2%;
margin-top:1%;
} */

.tipo1 {
	width:100%;
}

.tipo0 {
	width: 30%;
	margin-left:0;
	margin-right:3%;
float:left;
margin-bottom:2%;
margin-top:1%;
}

#cuatro #cuatro_titulo {
	width: 98%;
	margin-left:0;
	margin-right:1%;
	float:left;
	
	

}

#cuatro #cuatro_texto {
	width: 66%;
	margin:1%;
	float:left;
	
}

#cuatro h1{
	font-size: 1.2rem;
	font-weight:550;
	text-align:left;
	margin:0;
	color:#000;
	
}

#cuatro h2{
	font-size: 0.8rem;
	font-weight:normal;
	text-align: left;
	margin:0;
	color:#888;
	
}

#cuatro hr {
	border:0;
	color: #ccc;
	background-color: #ccc;
	border-color:#ccc;
	height:1px;
}

#cuatro p{
	
}

a.alternativo:link{
	color:#000;
	text-decoration:none;
}

a.alternativo:visited{
	
	text-decoration:none;
	color:#000;
}

a.alternativo:hover{
	color:#000;
	text-decoration:none;
}

#foto_saludo p{
	width: 100%;
	background-color:fff;
	
	font-family: maiden-orange;
	font-variant: normal;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	font-style: normal;
	padding-top: 5px;
	text-align:center;
}

/*------------------------ tarifas ------------------------------------*/

#tabla {
	width:95%;
	height:100%;
	background-color:#C00;
	font-family: roboto, sans-serif;
	text-align:center;
	margin: 0 auto;
	display:table;
	font-size: 0.8rem;
	}

#celda {
	width:100%;
	background-color:#fff;
	display:table-row;
}

#tablai {
	border: 1px solid #000;
	width:36%;
	background-color:#fce0f8;
	float: left;
	text-align:center;
	display:table-cell;
}

#tablac {
	border: 1px solid #000;
	width:30%;
	background-color:#93f9fd;
	float: left;
	text-align:center;
	display:table-cell;
	
}

#tablad {
	border: 1px solid #000;
	width:30%;
	background-color:#DDD;
	float: left;
	text-align:left;
	padding-left:2%;
	display:table-cell;
}

#tablai2 {
	border: 1px solid #000;
	width:36%;
	background-color:#DEF;
	float: left;
	text-align:center;
	display:table-cell;
}

#tablac2 {
	border: 1px solid #000;
	width:30%;
	background-color:#f9c397;
	float: left;
	text-align:center;
	display:table-cell;
	
}

#tablad2 {
	border: 1px solid #000;
	width:30%;
	background-color:#c8f05c;
	float: left;
	text-align:left;
	padding-left:2%;
	display:table-cell;
}

/*------------------------ menu desplegable ------------------------------------*/


ul{
  list-style: none;
}

#menu {
	width:100%;
	padding: 0px;
  	margin:0px;
		
}


#menu img {
	width: 100%;
}

#menu li>a{
  padding: 0px;
  margin:0px;
  display: block;
  text-decoration: none;
  max-width:77%;
  height: auto;
  color: #ffffff;
  
}

#menu li>a:hover{
  color: #090;
  padding: 0px;
  margin:0px;
  
}

#menu>li{
	background-color: #000;
	color:#FFfffF;
  float: left;
   padding: 0px;
  	margin:0px;
	max-width:77%;
}

#menu>li>ul{
	background-color: #900;
  display: none;
    padding:5px;
  		margin:0px;
}


#menu>li:hover>ul {
	background-color: #f0f;
  display:block;
    padding:2px;
  	margin:2px;
	width:250%;
}

#menu>li:hover>ul>li {
	background-color: #900;
	color:#FFFfff;
  display:block;
    padding:10px;
  		border-color:#000;
		margin:5px;
}




}














































































/*  ---------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------  */


@media (max-width:700px) {

body {
	margin:0;
	padding:0;
	width: 100%;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
#wrapper {
	float:none;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	background-color: #fff;
	margin-top: 0px;
}



#wrapper #main {
	background-color: #fff;
	margin-top: 0px;
	
}

#wrapper #main #cartelera {
	display:none;
	background-color: #ffffff;
	width: 100%;
	float: left;
}

#wrapper #main #calendario {
	background-color: #456789;
	width: 40%;
	float: left;
	padding-left: 0px;
}
#wrapper header {
	background-color: #000;
	float:left;
	color: #FCF9F9;
	text-align: center;
	width:100%;
}


#wrapper header #logotipo img {
	max-width: 40%;
}



#desplegable{
	position:absolute;
	z-index:3;
	width:25%;
	float: left;
	text-align:left;	
	}
	
#desplegable2{

	width:25%;
	float: left;
	text-align:left;	
	}

#logotipo{
	width:50%;
	float: left;
	background-color: #000;
	}




#wrapper #main nav {
	background-color: #FFFFFF;
	width: 17%;
	float: left;
}

nav img {
	max-width: 48%;

}

#main #cartelera_phone article {
	width: 100%;
	border: 0px solid #D52DC0;
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	}

article aside img {
	max-width: 100%;
	cursor: pointer;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	box-shadow: 5px 5px 5px #A6A6A6;
	float:left;
}



#diasemana {
	max-width: 68.8%;
}

#diames {
	max-width: 31.2%;
}

#fecha {
	max-width: 100%;
}

#wrapper #exposicion_phone {
	width: 100%;
	clear: left;
	background-color: #ffffff;
	position:relative;
	/* [disabled]border-top-color: #C91DE0; */
	/* [disabled]border-top-style: solid; */
	/* [disabled]border-top-width: 1px; */
}
#wrapper #exposicion_phone aside {
	float: left;
	width: 50%;
	padding: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
#wrapper #exposicion_phone article {
	float: left;
	width: 50%;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 2%;
	box-sizing: border-box;
}
#exposicion_phone aside img {
	max-width: 100%;
}

#wrapper footer {
	clear: left;
	background-color: #000000;
	color: #FCF9F9;
	text-align: center;
}


#cartelera_phone article #artista {
	font-family: maiden-orange;
	font-variant: normal;
	font-size: 3.5rem;
	font-weight: 600;
	color: #000000;
	font-style: normal;
	padding-top: 5px;
}
#wrapper #exposicion_phone hr {
	background-color: #CF4EC6;
	width: 70%;
}
#cartelera_phone article #cabecera {
	background-color: #456789;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5%;
	padding-bottom: 5%;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-size: 3em;
	width: 100%;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	box-shadow: 5px 5px 5px #A6A6A6;
}
#main #calendario article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	float: left;
	width: 14%;
	font-size: 0.4rem;
	padding-right: 1px;
}
article #calendar_fot img {
	max-width: 100%;
	padding-right: 0px;
}
#wrapper #main #temporal {
	width: 50%;
	float: left;
}
 #cal_nav {
	background-color: #FFFFFF;
	width: 10%;
	float: left;
}



#cal_nav img {
	max-width: 100%;

}#main #calendario #mes {
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	background-color: #456789;
	text-align: center;
	font-size: 1.6rem;
}
.capas_phone article h1 {
	text-align: center;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 600;
	font-size: 1.5rem;
}

.capas_phone {
	width: 100%;

}

.capas_phone aside img {
	-webkit-box-shadow: 8px 8px 15px #B2B2B2;
	box-shadow: 8px 8px 15px #B2B2B2;
}

#fecha_exp {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 1px;
	font-weight: 400;
	font-size: 1.2rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
}

.per {
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	font-size: 1.5rem;
	-webkit-box-shadow: 5px 5px 5px #A6A6A6;
	margin: 1%;
	box-shadow: 5px 5px 5px #A6A6A6;
}

.per img {
	max-width: 20%;
	}
#exposicion_phone #permanente {
	width: 80%;
	margin: 0 auto; 
}


#main_jueves #jueves_img {
	width: 20%;
	float: left;
}

#main_jueves #jueves_img img {
	max-width: 100%;
}


#main_jueves #jueves_txt {
	width: 30%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 2%;
	padding-right: 2%;
}


#main_jueves #jueves_txt img {
	max-width: 30%;
	
}

#main_jueves #jueves_proximo{
	width: 32%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 2%;
	padding-right: 2%;
}
#pro_fot {
	padding: 2%;
	width: 20%;
	float: left;
}
#pro_txt {
	width: 70%;
	float: left;
	padding: 2%;
	font-size: 1.2rem;
}
#pro_fot img {
	max-width: 100%;
}
#main_jueves #jueves_proximo #pro_tot {
	width: 90%;
	background-color: #FAFAD8;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #B1B1B1;
	box-shadow: 5px 5px 5px #B1B1B1;
}
#pro_tot #pro_txt h2 {
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
}


/*----------------------------------------------------------------------------*/

#navegador_phone {
	background-color: #FFFFFF;
	width: 100%;
	float: left;
}

#navegador_phone img {
	max-width: 25%;
	float: left;
}

#separador {
	max-width: 0%;
	float: left;
}

#separador img{
	max-width: 100%;
	float: left;
}

/*---------------------------------------------------------------------------*/


#wrapper #main nav {
	display:none;
	
}

#evento_imagen img {
	float:none;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

#texto {
	padding:2%;
	float:left;
	width:100%;

}

#titulo {
		width:100%;
		margin-bottom:100px;
}

#izquierda {
		float:left;
		width:10%;
		
}

#izquierda img{
		max-width: 100%;
}

#centro {
		padding:2%;
		float:left;
		width:76%;
		
}


#derecha {
		float:right;
		width:10%;
		
}

#derecha img{
		max-width: 100%;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin:0;
}

#exposicion_phone h1 {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin:0;
}


h2 {
color: #bbbbbb;
font-size:1em;
margin:0;	
}

h3 {
font-size:0.8em;
margin:0;	
}

h4 {
color: #022533;
font-size:1em;
margin:0;	
}	

h5 {
font-size:1.2em;
font-weight: normal;
text-align: center;
margin:0;
color:#000;		
}

h6 {
color:#022533;
font-size:1.5em;
margin:0;
text-align: center;	
}

.padre2 {
margin: 0;
padding: 0;
text-align: center;
font-size: 0.7rem;
letter-spacing: 0.7rem;

}
.hijo2 {
display: inline-block;
letter-spacing: normal;
}

#texto {
	
	float:left;
	width:98%;
	}
	
#fecha_exp_evento {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 1.6rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
	text-align: center;
}	


#fecha_exp_semana {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	font-weight: 400;
	font-size: 1.2rem;
	-webkit-box-shadow: 3px 3px 3px #C7C7C7;
	box-shadow: 3px 3px 3px #C7C7C7;
	text-align: center;
}


#esta_semana {
	width: 80%;
	background-color: #ff0;
	color: #444;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 10px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 2.0rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}


#titulo {
	margin-top:5px;
}


#exposicion {
	display:none;
	
}

#exposicion_phone img {
	max-width: 100%;
	cursor: pointer;
	-webkit-box-shadow: 4px 4px 4px #A6A6A6;
	box-shadow: 4px 4px 4px #A6A6A6;
	float:left;
}




#aire {
	width: 100%;
	height:20px;
	background:#fff;
	margin top:50px;
	margin-right: auto;
	margin-left: auto;
	float:left;

}

#fecha_hoy {
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 2rem;
	-webkit-box-shadow: 5px 5px 5px #C7C7C7;
	box-shadow: 5px 5px 5px #C7C7C7;
	text-align: center;
}


/*--------------------------prinipal---------------------------------------------*/

#cuatro {
	width: 100%;
	margin-right: auto;
	margin-left:auto;
	margin-bottom: 5px;
		cursor: pointer;

	float:left;
}

/* #cuatro img {
	width: 30%;
	margin-left:0;
	margin-right:3%;
float:left;
margin-bottom:2%;
margin-top:1%;
} */

.tipo1 {
	width:100%;
}

.tipo0 {
	width: 30%;
	margin-left:0;
	margin-right:3%;
float:left;
margin-bottom:2%;
margin-top:1%;
}

#cuatro #cuatro_titulo {
	width: 98%;
	margin-left:0;
	margin-right:1%;
	float:left;
	
	

}

#cuatro #cuatro_texto {
	width: 66%;
	margin:1%;
	float:left;
	
}

#cuatro h1{
	font-size: 1.2rem;
	font-weight:550;
	text-align:left;
	margin:0;
	color:#000;
	
}

#cuatro h2{
	font-size: 0.8rem;
	font-weight:normal;
	text-align: left;
	margin:0;
	color:#888;
	
}

#cuatro hr {
	border:0;
	color: #ccc;
	background-color: #ccc;
	border-color:#ccc;
	height:1px;
}

#cuatro p{
	
}

a.alternativo:link{
	color:#000;
	text-decoration:none;
}

a.alternativo:visited{
	
	text-decoration:none;
	color:#000;
}

a.alternativo:hover{
	color:#000;
	text-decoration:none;
}

#foto_saludo p{
	width: 100%;
	background-color:fff;
	
	font-family: maiden-orange;
	font-variant: normal;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	font-style: normal;
	padding-top: 5px;
	text-align:center;
}

#foto_saludo img {
	display:none;
}
/*--------------------------calendario---------------------------------------------*/

#aire2 {
	width: 100%;
	height:10px;
	background:#fff;
	margin top:10px;
	margin-right: auto;
	margin-left: auto;
	float:left;

}

	
#cabecera_mes {
	background-color: #fff;
	color: #000;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 3rem;
	text-align: center;
}

#dia_semana {
	margin-left:0.39%;
	margin-right:0.39%;
	background-color: #ff0;
	color: #444;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: center;
	width: 13.50%;
	float:left;
	margin-bottom:10px;
}


#celda_fechas {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #456789;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 3px;
	padding-bottom: 1px;
	font-weight: 400;
	font-size: 1rem;
	text-align: center;
}

#celda_fechas_vacia {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #fff;
	color: #FFFFFF;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 3px;
	padding-bottom: 1px;
	font-weight: 400;
	font-size: 1rem;
	text-align: center;
}

#celda_fotos {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
}

#celda_fotos img{
	width: 100%;
}



#celda_nombre {
	margin-left:0.14%;
	margin-right:0.14%;
	width: 14%;
	float:left;
	background-color: #fff;
	color: #000;
	font-family: maiden-orange;
	font-style: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 0.5rem;
	text-align: center;
}

 hr {
	background-color: #CF4EC6;
	width: 95%;
}


/*-----------------------main jueves y socios -----------------------------------*/

#main_jueves #jueves_txt {
	width: 90%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.8rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
}


#main_jueves #jueves_txt img {
	max-width: 70%;
	
}

#main_jueves #jueves_proximo{
	width: 100%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;

}
#pro_fot {
	padding: 2%;
	width: 20%;
	float: left;
}
#pro_txt {
	width: 70%;
	float: left;
	padding: 2%;
	font-size: 1.2rem;
}
#pro_fot img {
	max-width: 100%;
}
#main_jueves #jueves_proximo #pro_tot {
	width: 90%;
	background-color: #FAFAD8;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #B1B1B1;
	box-shadow: 5px 5px 5px #B1B1B1;
}
#pro_tot #pro_txt h2 {
	font-size: 1rem;
	font-style: italic;
	font-weight: normal;
}

#espacio {
	display:none;
	background-color: #ffffff;
	width: 100%;
	float: left;
}

#socios_txt {
	width: 90%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
}
	

#socios_proximo{
	width: 90%;
	float: left;
	font-family: maiden-orange;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	padding-left: 2%;
	padding-right: 2%;
	}

#socios_tot {
	width: 100%;
	background-color: #FAFAD8;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #B1B1B1;
	box-shadow: 5px 5px 5px #B1B1B1;
	padding:2%;
}

#cajon {
width:50%; 
margin: 0 auto;	
	
}

/*------------------------ tarifas ------------------------------------*/

#tabla {
	width:95%;
	height:100%;
	background-color:#C00;
	font-family: roboto, sans-serif;
	text-align:center;
	margin: 0 auto;
	display:table;
	font-size: 0.8rem;
	}

#celda {
	width:100%;
	background-color:#fff;
	display:table-row;
}

#tablai {
	border: 1px solid #000;
	width:36%;
	background-color:#fce0f8;
	float: left;
	text-align:center;
	display:table-cell;
}

#tablac {
	border: 1px solid #000;
	width:30%;
	background-color:#93f9fd;
	float: left;
	text-align:center;
	display:table-cell;
	
}

#tablad {
	border: 1px solid #000;
	width:30%;
	background-color:#DDD;
	float: left;
	text-align:left;
	padding-left:2%;
	display:table-cell;
}

#tablai2 {
	border: 1px solid #000;
	width:36%;
	background-color:#DEF;
	float: left;
	text-align:center;
	display:table-cell;
}

#tablac2 {
	border: 1px solid #000;
	width:30%;
	background-color:#f9c397;
	float: left;
	text-align:center;
	display:table-cell;
	
}

#tablad2 {
	border: 1px solid #000;
	width:30%;
	background-color:#c8f05c;
	float: left;
	text-align:left;
	padding-left:2%;
	display:table-cell;
}

/*------------------------ menu desplegable ------------------------------------*/


ul{
  list-style: none;
}

#menu {
	width:100%;
	padding: 0px;
  	margin:0px;
		
}


#menu img {
	width: 100%;
}

#menu li>a{
  padding: 0px;
  margin:0px;
  display: block;
  text-decoration: none;
  max-width:77%;
  height: auto;
  color: #ffffff;
  
}

#menu li>a:hover{
  color: #090;
  padding: 0px;
  margin:0px;
  
}

#menu>li{
	background-color: #000;
	color:#FFfffF;
  float: left;
   padding: 0px;
  	margin:0px;
	max-width:77%;
}

#menu>li>ul{
	background-color: #900;
  display: none;
    padding:5px;
  		margin:0px;
}


#menu>li:hover>ul {
	background-color: #f0f;
  display:block;
    padding:2px;
  	margin:2px;
	width:250%;
}

#menu>li:hover>ul>li {
	background-color: #900;
	color:#FFFfff;
  display:block;
    padding:10px;
  		border-color:#000;
		margin:5px;
}