
@media (max-width: 815px) {

	*{
		text-align: center;
	}

	.mislider{
	width: 100%;

	padding-bottom: 5%;
	vertical-align: middle;

	min-height: 600px;

	max-height: 600px;

	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-bottom: 10%;
	background-position: center bottom;
	
}

.textomain h1 b{
	font-size: 36pt;
}
.textomain b{
	font-size: 16pt;
}

.imgyvid{
	width: 100%;
	padding: 0% 5%;
	margin: 0%;
}
.tracks img{
	margin-bottom: 5%;
}

#listmenu{
	padding-bottom: 5%;
}

#listmenu ul li ul li{
	padding-left: 5%;
}

#listmenu ul li{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

#listmenu ul li a {
	color: white;
}

#listmenu p{
	color: white;
	margin: 5% 0% 5% 0%;
	padding-left: 2%;
	letter-spacing: 1px !Important;
}

.comingsoon2{
	margin-top: 30%;
}

#clasificaciones{
	width: 100%;
	padding: 0% 5%;
}
#clasificacion{
	margin-bottom: 5%;
}
#clasificacion h2{
	margin: 0% 0% 5% 0%;
}

#fila{
	text-align: left;
}
#fila p{
	font-size: 10pt;
}

#posicion{
	width: 25%;
}
#nombre{
	width: 40%;
}

#posicion p, #dorsal p{
	text-align: left !important;
}
#categoria{
	display: none !important;
}


#colgaleria, #colgaleriader{
	width: 100%;
	margin-left: 0%;
}

.fest{
	width: 100%;
	margin: 0%;
	padding: 0%;
}
#festitem{
	width: 100%;
	margin: 0% 0% 5% 0%;
	padding: 0%;
}
#festitem img{
	width: 100%;
	margin: 0%;
	padding: 0%;
}
.fest button
{
	margin-top: 2%;
}
.fest button img{
	width: 25px !important;
	margin-right: 10px !important;
}



.pdf{
	width: 25px;
	margin-left: 10px;
	vertical-align: middle;
}

#tracksmobile{
	width: 100%;
	margin: 0% !important;
}
#tracksmobile ul li{
	width: 100%;
	margin:  5% 0% 0% 0% !important;
}

#tracksmobile p{
	margin: 2% 0% 2% 0%;
}

#tracksmobile ul, #tracksmobile li, #tracksmobile a, #tracksmobile p{
	font-size: 14pt !important;
	color: white !important;
	letter-spacing: 2px;
	text-align: left;

}
#tracksmobile img{
	width: 25px;
	margin-left: 10px;
	margin-right: 15px;
}

#naloj, #naloj2, .alojamiento a, .alojamientoder a{
	margin-left: 0%;
	font-size: 14pt !important;
}

.alojamiento p, .alojamientoder p{
	margin-left: 8%;
}

#alojamiento, #alojamientoder{
	margin: 0% 0% 5% 0%;
	display: block;
	width: 100%;
}
#alojamiento p, #alojamientoder p{
	margin-bottom: 0% !important;
	
}

.textomain{
	width: 100%;
	vertical-align: middle;
	padding: 120px 10px 20px 10px;
	
}
.textomain h1{
	font-size: 25pt;
	font-family: "Helvetica";
	font-weight: bold;
	letter-spacing: 2px;
	color: white;
}
.textomain p{
	font-size: 16pt;
	font-family: "Helvetica";
	letter-spacing: 2px;
	color: white;
	text-align: left;
}


	.logo img{
		display: none;
	}
	.logo2{
		display: block;
		position: absolute;
		top: 2%;
		left: 5%;
		z-index: 9996;
	}
	.logo3{
		display: block;
		position: absolute;
		top: 15px;
		left: 5%;
		z-index: 99999;
	}
	.contactresponsive{
		display: block;
		position: fixed;
		top: 3.3%;
		right: 40%;
		z-index: 9998;
	}
	.logo2 img, .logo3 img{
		width: 60px;
		z-index: 9996;
	}
	.contactresponsive img{
		width: 30px;
		
	}
	.languagueresponsive{
		display: block;
		top: 3.2%;
		right: 16%;
		position: fixed;
		z-index: 9998;
	}
	.languagueresponsive div{
		display: inline-block;
	}
	.languagueresponsive img{
		width: 40px;
	}
	#imgmenu{
		display: block;
		padding: 1%;
		background-color: rgba(255,255,255,0.5);
		top: 3%;
		right: 4%;
		position: fixed;
		z-index: 9998;
	}
	#listmenu{
		display: none;
		width: 100%;
		position: absolute;
		z-index: 9997;
		top: 0%;
		padding-top: 20% !important;

		background: #ae7502;

	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		display: none;
	}

	#listmenu div{
		padding: 3%;
		text-align: left;
		padding-left: 5%;
		width: 100%;
		background: #ae7502;
	}
	#activo1{
		background-color: #644001 !important;
	}
	#activo2 {
    background-color: #555 !important;
	}
	#listmenu div a{
		color: white;
		font-size: 14pt;
	}

	#slider-arrow-right, #slider-arrow-left{
		width: 30px !important;
		margin: 0% !important;
		top: 40% !important;
	}

	#slider-arrow-right i, #slider-arrow-left i{
		width: inherit !important;
		margin: 0% !important;
	}

	.slider-caption p{
		display: block !important;
		font-size: 14pt !important;
	}
	.slider-caption.slider-caption-center{
		top: 100px !important;
		width: 100% !important;
		padding: 0% 10%;
	}
	#incripcionbtnmain{
		margin-left: 0%;
		margin-top: 100px;
		width: 100%;
		text-align: center;
	}
	#preciolinea, #preciolinea2{
		width: 100%;
		margin: 1% 0%;

	}
	#opcionlinea{
		margin: 5% -2%;
	}
	#opcionlinea ul{
		padding: 0% 4%
	}
	#opcionlinea ul li {

    font-size: 14pt;
    text-align: left;
    margin: 2%;
}
	#preciolinea p{
		margin: 2.5% 0% 0% 0% !important;
		padding: 0%;
		text-align: center !important;
		font-size: 14pt !important;
	}
	#preciolinea2 a{
		text-align: center !important;
	}
	#preciolinea2 span{
		font-size: 14pt !important;
		margin: 2.5% 0% 0% 0% !important;
		 text-align: center !important;
	}
	.categorias ul li a, .servicios ul li a, .pinscripcion ul li a, .servicio ul li a, .premios ul li, #pinscripcion2 li  {
    
    font-size: 14pt;

 
	}
	#premioli{
		 font-size: 14pt;
		 letter-spacing: 2px;
		 width: 98%;
		 text-align: left;
	}
	

	.interreg{
	width: 40% !important;
	vertical-align: top;
	}
	.flumen{
	width: 25% !important;
	vertical-align: top;
	}
	.aimrd{
	width: 22% !important;
	vertical-align: top;
	}

	header{
		position: relative;
		width: 100%;
		display: none !important;
	}
	.titlesport{
		padding-left: 0% !important;
	}
	.horario{
		padding-left: 3%;
	}
	.time{
		padding-bottom: 0% !important;
	}
	.opcion1, .opcion2{
		width: 100%;
		padding: 0%;
		margin: 5% 0% 0% 0%;
	}
	.servicio, .premios, .dorsales, .categorias{
		margin-top: 0% !important;
	}
	.facebookframe, .instagramframe {

    padding-bottom: 0%;
	}

	.head{
		padding: 0%;
		text-align: center;
	}
	.head div{
		margin: 10px 0px 0px 0px;
		text-align: center;
	}
	main{
		min-height: 550px;
	}
	section{
		width: 100%;
	}

	.event{
		padding: 0%;
		margin-top: 20px;
	}
	.event p{
		font-size: 8pt;
	}
	
	.rrss, .contact, .languague{
		margin: 0px 0px 10px 0px !important;
		width: 30%;
		vertical-align: bottom;
	}
	.rrss div{
		padding: 0% 5%;
	}

	.sports{
	margin-right: 0%;
}

	.sports li{
	display: none;
	margin: 0px;
	padding: 5px 0px;
	font-size: 14pt;
	text-align: left;
}

	.textnotices p {
    font-size: 14pt;
    color: white;
    margin-left: 2%;
    padding: 3% 2% 3% 5%;
	}
	.notices{
		margin-top: 10%;
	}

	#notice{
		width: 80%;
	}
	.noticesg{
		margin: 0% 0% 5% 0%;
		padding: 0%;
		width: 100%;
		text-align: center !important;
	}
	#notice{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 2% 5%;
	}
	#notice div p{
		font-size: 14pt;
		margin-top: 2%;
	}
	.foot div{
		width: 100% !important;
	}
	.copy p{
		margin: 0% !important;
	}

	button{
		padding: 5% 10%;
	}

	.logosproyecto {
    margin-top: 0%;

	}

	.textlogosproyecto{
		padding: 10% 5% 5% 5%;
		width: 100%;
	}
	.textlogosproyecto p{
		font-size: 14pt !important;
		width: 100%;

	}

	#logosproyecto{
		width: 30%;
		margin: 0%;
	}
	#logosproyecto img{
		width: 100%;
	}
	#noticev p {
    margin-top: 2%;
    font-size: 14pt;
}

	.navegation, .list, .descargas{
		width: 100%;
		margin: 0%;
	}
	.navegation ul, .list ul, .descargas ul{
		margin: 10% 20% 0% 20%;
	}
	.navegation ul li a, .list ul li a, .descargas ul li a{
		font-size: 14pt;
	}
	.foot{
		padding: 10% 0%;
		width: 100%;
	}

	.foot div{
		width: 100%;
		padding: 0% 5%;
	}
	.copy p{
	text-align: center;
	color: white;
	font-size: 10pt;
}
	iframe{
		width: 100% !important;
	}

	.diames p, .tipo p, .distancia p{
		width: 30% !important;
		display: inline-block !important;
	}
	.navegation, .list, .descargas{
		display: none;
	}
	.aviso{
		text-align: center !important;
	}
	#dorsales2{
		vertical-align: top !important;
		width: 100%;
	}

	.time p{
		line-height: 1.5 !important;
	}
	.day1 div, .day2 div, .day3 div {
    display: inline-block;
    margin: 0% 0%;
    line-height: 1.5 !important;
	}

	/* DEPORTES */
	.sport{
		width: 100%;
		padding: 5% 5%;
		margin: 0%;
	}

	.sport h5{
		font-size: 14pt !important;
		margin-top: 5%;
		margin-bottom: 0%;
	}
	.sport p{
		font-size: 14pt !important;
		text-align: left;
	}
	.categorias h5{
		margin-top: 2%;
	}

	.dorsales, .inscrip, .inscrip3, .categorias, .premios, .pinscripcion, .servicio, .time{
		width: 100%;
		padding: 0%;
		margin: 0%;
	}
	.categorias ul li, .servicios ul li, .pinscripcion ul li, .servicio ul li {

    margin: 0% 5%;
    font-size: 14pt;

}
	.titlesport{
		padding-left: 5%;
	}

	.verticalnotices{
		width: 100% !important;
		margin: 0%;
		padding: 0% 5%;
	}
	#incripcionbtnv,#incripcionbtnv a, #incripcionbtnv a span, #pdfv,#pdfv a, #pdfv a span, #regv,#regv a, #regv a span{
		width: 100% !important;
		font-size: 14pt;
	}
	#incripcionbtnmain a{
	padding: 2% 5% 5% 5%;
	}


	.alegalinfo{
		padding: 0% 5%;
		width: 100%;
	}
	.alegalinfo p, .alegalinfo ul li, .alegalinfo h5 {

    	font-size: 14pt !important; 
    	margin-bottom: 0px;
   }

	.titlecontact{
		padding-left: 0%;
	}
	.form{
		margin: 0% 0% 0% 0%;
		width: 100%;
	}
	.col_one_third{
		display: block !important;
		width: 100% !important;
	}
	.exito{
		padding-left: 5%;
	}
	.qsomos{
		width: 100%;
		padding: 5% 5% 5% 5%;
	}
	.qsomos p, .qsomos h5 {

    font-size: 14pt !important;
	}

	.qsomos ul{
		font-size: 14pt;
		margin-bottom: 5% !important;
	}

	.qsomos ul li {
    	font-size: 14pt;

	}

	.titlesport p, .titlesport a, .noticestitle p, .noticestitle a, .titlesomos p, .titlesomos a, .titlelegal p, .titlelegal a, .titlecontact p, .titlecontact a {
    font-size: 14pt;
    margin-bottom: 5%;
    text-align: left;
	}

	.titlesomos h3, .noticestitle h3, .titlelegal h3, .titlecontact h3, .titlesport h3{
		display: none;
	}
	.titlecontact{
		margin-top: 0% !important;
		padding-top: 0%;
	}
	.contacto{
		margin-top: 5% !important;
		width: 100%;
		padding: 0% 5%;
	}
	.contactoverticalnotices{
		width: 100%;
		padding: 0% 5%;
		margin-top: 0% !important;
	}
	form div label{
		font-size: 14pt;
		margin-bottom: 0%;
	}

	.contactoverticalnotices .textnotices p {
    font-size: 14pt;
    color: white;
    margin-left: 2%;
    padding: 3% 2% 0% 5%;
	}
	.col_one_third, .col_full{
		margin-bottom: 5% !important;
	}
	.franja{
		display: block;
		background-color: #ae7402;
		width: 100%;
		margin-top: 23%;
		padding: 2% 5%;
	}
	.franja h3{
		color: white !important;
		margin: 0% !important;
	}
	.alegalinfo p{
	word-break: break-all;

}
.alegalinfo ul{
	font-size: 14pt; 
	font-family: "Helvetica" !important;
	letter-spacing: 2px;
	word-break: break-all;
}
.noticesgallery .noticestitle {
    padding-top: 5%;
    margin-bottom: 2%;
    padding-left: 5%;
    
}
.noticesgallery .noticestitle p{
	text-align: left;
}
.deporte {
    padding-top: 0%;
}
.somos{
	padding: 0%;
}
.somos .verticalnotices{
	width: 100%;
}


	.modal-body img{

	width: 100%;
	display: block;
	vertical-align: top !important;
	margin-left: 0%;
	margin-bottom: 5%;
	}

	.modal-body p{
	width: 100%;
	margin-left: 0%;
	display: block;
	vertical-align: top !important;
	margin-right: 0%;

	}
	.modal-dialog{
		margin-top: 10% !important;
	}
	.modal{
		z-index: 9999 !important
	}
	.alegal {
    padding-top: 5%;

	}
	.titlelegal{
		padding-left: 5%;
		margin-bottom: 0%;
	}


}

