@charset "utf-8";

/*-----------------------04-07-2018 10:40h----------------------------------------*/

html{
	
	}
 
body {
	width: 1024px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 25px;
	color: rgba(43,43,43,1.00);
	font-weight: 400;
	background-color:#FFF;
	font-family: 'Open Sans', serif;
}

a { text-decoration: none;
	color: rgba(43,43,43,1.00);
	transition: all .2s ease-in;
}
	
main{ margin: 0 40px;
	  position: relative;
	  top:0;
	  left:0px;
	}	

/*----------------------Header----------------------------------------*/

header{
	width: 100%;
	height:75px;
	background-color: #CC0000;
	position:relative;
	
	}

header span.act {
	font-size: 20px;
	font-weight: 700;
	color: rgba(255,255,255,1.00);
	position: absolute;
	right: 40px;
	top: 26px;
	font-family: 'Roboto', sans-serif;

}

header div{
	padding: 18px 40px;
	display: inline-block;

	}
	
header div img{
	max-width: 206px;
	width: 100%;

	}
		
nav {
	height: 60px;
	border-bottom: 1px solid rgba(43,43,43,1.00);
	margin: 0 40px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999;
	}

nav ol, ul{
	margin: 17px 0px;
	display: inline-block;
	
	}

nav li {
	display:inline;
	font-size: 16px;
	
	
}

#ciudad {
	font-weight: 600;
	margin-right: 7px;
}

#tipoActividad:before {
		content: "|";
		margin-right: 11px;
		font-size: 19px;
		
		}

nav ul{
	position:absolute;
	top:0;
	right:0;
	}
	
nav ul li{
	margin-left:20px;
	}	
		
ul a:hover{ 
		color: #CC0000;
		}
		
	
.idiomaActivo {
		color: #CC0000;
		font-weight: 600;}		
				

/*-----------------------section principal-------------------*/

article ul, article ol {list-style-position:inside;list-style-type:inherit;margin:0 0 1em .5em;	display:block;}

article ul { list-style-type:disc;}
article ol { list-style-type:decimal;}

h1{
	margin-top: 90px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: rgba(0,0,0,1.00);
	margin-bottom: 20px;
	}
	
	
	
#mainWrapper{
	width: 500px;
	margin-right:9.9%;
	display:inline-block;
	
}

		
section {
	width: 100%;
}


article { margin-bottom: 20px; }

section article img {
		max-width: 500px;
		width: 100%;
		height: 100%;
		}	
		
cite {
	color: rgba(35,35,35,1.00);
	font-size: 14px;
	font-style:normal;
}	
address {font-style:normal;}		
		
section p {
	margin: 10px 0 0px 0;
	
	}		
		
h2{
	text-transform: uppercase;
	color: rgba(43,43,43,1.00);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin: 20px 0;
	
	}		
	
article a, aside li a {
	text-decoration: underline;
	color: #CC0000;
}
	
article a:visited, aside li a:visited {
	color: #936;
}
/*-----------------------galeria-------------------*/

		
#galeria{
	margin-top: 0px;
	}		
		
#galeria li {
	display: inline-block;
	margin: 0px 21px 20px 0; 

	}

#galeria li img {
	width: 100px;
	height: 100px;


	
	}		
		
		
/*-----------------------actividades relacionadas-------------------*/

		
#actividadesRelacionadas ul {
	margin: 0px 0px;
	width: 100%;
	position: relative;
	top:0;
	left:0;
	
	
	}		
		
#actividadesRelacionadas li a {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid rgba(43,43,43,1.00);
	margin-bottom: 10px;
	width: 500px;
	display: inline-block;
	 
	}		
		
		
	#actividadesRelacionadas li a:after {
		content:"";
		width: 0; 
    	height: 0; 
    	border-left: 10px solid rgba(43,43,43,1.00);
     	border-top: 5px solid transparent;
     	border-bottom: 5px solid transparent;
		position: absolute;
		right: 0px;
		margin-top: 8px;
		

	}		
	
		#actividadesRelacionadas li a:hover:after {
    		border-left: 10px solid #CC0000;
			transition: all .4s ease-in;

     	
		

		}		
	
			
		
.bordeInferior {
	border-bottom: 1px solid rgba(43,43,43,1.00);
}		
		

/*-------------------------aside------------------------*/


aside {
	width: 350px;
	margin-top:134px;
	float:right;
	}		
		
aside section{
	border-top: 1px solid rgba(0,0,0,1.00);
	width: 100%;
	
	}		
	
	
aside section ul {
	margin-top: -7px;
	}	
	
aside section ul ul {
	margin-top:0;
	display:block;
	}
aside section ul p {
	margin:0;
	}
aside section ol {
	margin-bottom: 20px;
	
	
	}	
	
#enlacesInteres li {
	display: inline-block;
	border: 1px solid rgba(43,43,43,1.00);
	margin: 0 7px 10px 0;

	
	}	
	
aside img {max-width:100%!important;}

#enlacesInteres li:hover {
	background-color: rgba(43,43,43,1.00);
	



	
	}	
	
#enlacesInteres li a {
	display: inline-block;
	padding: 10px;
	
	}	
	
	#enlacesInteres li a:hover {
	
	color: rgba(255,255,255,1.00);
	
	}
	
#noticias ul {
	margin: 0px 0px;
	width: 100%;
	
	
	
	}		
		
#noticias li a {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid rgba(43,43,43,1.00);
	margin-bottom: 10px;
	width: 350px;
	display: inline-block;
	 
	}		
		
		
.negrita {
	font-weight: 600;
	
	}		
		
.ciudadColor {
	color: #CC0000;

	}
	
.saltoLinea {
	display: block;
	}	
	
#informacion iframe {margin-top:20px!important;}

/*--------------------------------------section entidades------------------------------*/	
			
	
#entidadesOrganizadoras, #entidadesColaboradoras{
	width: 100%;
	/*position: relative;*/
	top: 0;
	left: 0;
	
	}	
	
#entidadesOrganizadoras h2, #entidadesColaboradoras h2 {
	border-bottom: 2px solid rgba(208,205,205,1.00);
	padding-bottom: 10px;
	text-align: center;
	color:rgba(112,110,110,1.00);
	clear:both;
	
	}
	
#entidadesOrganizadoras li, #entidadesColaboradoras li{
	display: inline-block; 
	margin-right: 20px;
	vertical-align: baseline; 
	
	
	}	
		
#entidadesOrganizadoras img, #entidadesColaboradoras img {
/*	max-width:100px!important;*/
	max-height:75px!important;
	
	
	}	
	
#mainWrapper , aside {
	margin-bottom:100px;	
	}	

/*-------------------------footer--------------------------*/

footer{
	width: 100%;
	padding: 10px 0;
	background-color: #CC0000;
	margin-top: 30px;
	position:relative;
	
	}
	
address {
	padding: 40px;
	color: rgba(255,255,255,1.00);
	width: 50%;

	
	}
	
	
footer address a {
	color: rgba(255,255,255,1.00);
	text-decoration:underline;

	}
	
		footer address a:hover {
	color: #fff;
	}
	

footer div{
	position: absolute;
	right: 40px;
	top: 15%;
	width: 45px;


}	



footer li {
	width: 41px;
	height: 39px;
/*		width: 141px;
	height: 139px;*/
/*	background-image:url(background-img/rrss.png);	 */
	background-image: url(background-img/rrss.png);	 
	cursor: pointer;
	transition: -webkit-transform .3s ease-in;	 
	margin-bottom: 15px; 					

}


#facebook { background-position: 0 0	}
#twitter { background-position: -41px 0	}
#youtube { background-position: -82px 0	}



#facebook:hover {
	 	background-position: 0 -39px;
		transition: -webkit-transform .2s ease-out;  					
}
#twitter:hover {
	 	background-position: -41px -39px;
		transition: -webkit-transform .2s ease-out;		
}
#youtube:hover {
	 	background-position: -82px -39px;
		transition: -webkit-transform .2s ease-out;	
}

#facebook a, #twitter a, #youtube a  {
	display:inline-block;
	width: 100%;
	height: 100%;
}

.triangulo_sup {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 27px solid #CC0000;
	position: fixed;
	bottom: 300px;
	right:82px;
	cursor:pointer;
	opacity: .8;
}

.interiores img { 	background-size:contain;

}

/*---------------------responsive----------------------*/


@media only screen and (min-width: 600px) and (max-width:1024px){

	
body{width:100%;
}
	
header {
	width: 100%;
	
	
	}	
#mainWrapper{
	width: 50%;
	}
 
section article img { 	width: 100%;
 }
	
aside {
	width: 40%;}
	
#informacion iframe {width: 100%;}	
	
	
#video video {width: 100%;}

#actividadesRelacionadas li a{ width: 100%;}

#noticias li a { width: 100%;}		


#entidadesOrganizadoras li, #entidadesColaboradoras li{
	margin-bottom:10px; 
	
	
	}	

.triangulo_sup {
	 opacity: 0.6;
	 right: 30px;

}





}	

@media only screen and (min-width: 200px) and (max-width:599px){

body{ width:100%;}

header{
	width: 100%;
	height: 85px;
	position: relative;
	top:0;
	left:0;
	
	}

header span.act {
	position: relative;
	left:0;
	top: 0px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;


}

header div{
	padding: 5px 0px;
	display: block;
	text-align: center;


	}
	
header div img{
	width: 65%;

	}	
	
nav {
	margin: 0px 30px;
	
	}	


nav li {
	font-size: 14px;
	
	
}

#ciudad {
	
	margin-right: -2px;
}

#tipoActividad {
		margin-left: 0px;
		
		}
		
#tipoActividad:before {
		margin-right: 0px;

		font-size: 15px;
		

		}

#tipoActividad:after {
		content: "|";

		margin-left: 2px;
		font-size: 15px;
		
		
		}
nav ul{
	position:relative;
	top:0px;
	left: 0px;
	
	}
nav ul li {
	margin-left:0px;
	
	}	
	
nav ul li a{
	
	margin-right:2px;
	color: #CC0000;
	}	


h1{margin-top: 70px;}	


	
	
main{ margin: 0 30px;
	 
	}

#mainWrapper{
	width: 100%;
	margin-bottom: 0px;
	margin-right:0;
	margin-top:1em;
	}
	
	
#galeria li {
	display: inline-block;
	margin: 0px 7px 15px 0; 
	

	}	
	
	
aside {

	   width: 100%;
	   margin-top:0;}	
	   
#fichaTecnica  { border-top: 0px;}	   
	   
#informacion iframe {width: 100%;}	
	
	
#video video {width: 100%;}

#actividadesRelacionadas li a{ width: 100%;}

#noticias li a { width: 100%;}		

	
#entidadesOrganizadoras h2, #entidadesColaboradoras h2 {
	text-align: left;
	
	}
	
#entidadesOrganizadoras li, #entidadesColaboradoras li{
	margin: 0px 10px 5px 0 ;
	
	}	
	
#mainWrapper , aside {
	margin-bottom:0px;
	
	}	
	
footer {width: 100%;}	

address {
	width: 80%;
	padding:30px;

	
	}
	


footer div{
	position: relative;
	left: 20px;
	top: -20px;
	width: 80%;


}	



footer li {
	display: inline-block;
	margin-left: 10px;

}


#facebook a, #twitter a, #youtube a  {
	display:inline-block;
	width: 100%;
	height: 100%;
}	

.triangulo_sup {
	 opacity: 0.4;
	 right: 30px;
	 

}

 
}
@media print {
 /*header {display: none;}
 #noticias {display: none;}
 #fotogaleria {display:none;}
 #video {display:none;}
 #actividadesRelacionadas { display:none;}
 #enlacesInteres { display:none;}
 #entidadesOrganizadoras {display:none;}
 #entidadesColaboradoras {display:none;}*/
 .triangulo_sup {display:none;}
 #mainWrapper , aside {
	margin-bottom:0;	
	}	
	
 div#mapitactrlFichaWebActividad {display:none;}

  * {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}
 
footer, address, footer a {
  color: #fff!important;}
 
 
}