/* font - Poppins
------------------------------------------------------------------------------------------------------  */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;300;400;500;700;900&family=Barlow:wght@100;300;400;500;600;700;800&display=swap');


/* root
------------------------------------------------------------------------------------------------------  */
:root {
	
	/* font  */
	--font: 'Barlow', sans-serif;
	--font-condensed: 'Barlow Condensed', sans-serif;

	/* font weight */
	--weight-black: 900;
	--weight-bold: 600;
	--weight-medium: 500;
	--weight-regular: 400;
	--weight-light: 300;
	--weight-thin: 100;

	/* colores */
	--color-primary: #E43A3F;
	--color-black: #000; 
	--color-darkgrey: #222222;
	--color-white: #fff; 
	--color-darkgrey: #333333; 
	--color-lightgrey: #f0f0f0; 
	--color-success: #5cac20;

}


	/* body
	------------------------------------------------------------------------------------------------------  */
	body {
		margin: 0 auto;
		width: 100%;
		padding: 0px;
		font-size: 17px;
		line-height: 20px;
		font-family: var(--font);
		font-weight: var(--weight-light);
		text-align: left;
		z-index: 1;
	}


	/* layout cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 90%;
	    max-width: 1300px;
	}
	.content-contenido{
		margin: 0 auto;
		width: 90%;
	    max-width: 900px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		margin: 0px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		font-size: 50px;
		line-height: 50px;
	}
	h2{
		margin: 0px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-bold);
		font-size: 26px;
		line-height: 30px;
	}
	h3{
		margin: 0px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-bold);
		font-size: 32px;
		line-height: 35px;
	}
	h4{
		margin: 0px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		font-size: 28px;
		line-height: 32px;
	}


	*{
		box-sizing: border-box;
	}

	
	/* p
	------------------------------------------------------------------------------------------------------  */
	p {
		margin: 0px;
		hyphens: auto;
		text-align: justify;
	}


	/* a, link
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor: pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
		text-decoration: none;
	}
	.link{
		color: var(--color-primary);
	}
	.link:hover{
		text-decoration: underline;
	}


	/* float
	------------------------------------------------------------------------------------------------------  */
	.float-left{
		float: left;
	}
	.float-right{
		float: right;
	}
	.float-none{
		float: none;
	}


	/* text align
	------------------------------------------------------------------------------------------------------  */
	.text-center{
		text-align: center;
	}
	.text-right{
		text-align: right;
	}
	.text-left{
		text-align: left;
	}


	/* text colors
	------------------------------------------------------------------------------------------------------  */
	.text-color-primary{
		color: var(--color-primary);
	}
	.text-color-lightgrey{
		color: var(--color-lightgrey);
	}
	.text-color-black{
		color: var(--color-black);
	}
	.text-color-white{
		color: var(--color-white);
	}
	

	.pb60{
		padding-bottom: 60px;
	}
	.mtop40{
		margin-top: 40px;
	}

	/* breadcrumbs
	------------------------------------------------------------------------------------------------------  */
	#breadcrumbs{
		float: left;
		width: 100%;
		background-color: var(--color-white);
		border-bottom: 1px solid #ccc;
	}
	#breadcrumbs ol{
		margin: 0em;
		padding: 0em;
	}
	#breadcrumbs .breadcrumb-item{
		display: inline-block;
		margin-right: 2px;
		font-size: 13px;
		line-height: 13px;
		margin-bottom: 10px;
	}
	#breadcrumbs .breadcrumb-item a{
		color: var(--color-primary);
		padding: 2px 8px;
		padding-bottom: 4px;
		border-radius: 3px;
		font-weight: 400;
		background-color: var(--color-lightgrey);
	}
	#breadcrumbs .breadcrumb-item a:hover{
		color: var(--color-white);
		background-color: var(--color-primary);
	}
	#breadcrumbs .active{
		margin-left: 6px;
		font-weight: 600;
	}



	/* btn
	------------------------------------------------------------------------------------------------------  */
	.btn{
		display: inline-block;
		border: 2px solid var(--color-black);
		font-weight: var(--weight-bold);
		color: var(--color-black);
		font-size: 16px;
		line-height: 16px;
		padding: 12px 25px;
		letter-spacing: 1px;
	}
	.btn-primary{
		background-color: var(--color-primary);
		border: 2px solid var(--color-primary);
		color: var(--color-white);
	}
	.btn-white{
		background-color: var(--color-white);
		border: 2px solid var(--color-white);
		color: var(--color-darkgrey);
	}
	.btn:hover{
		background-color: var(--color-primary);
		border: 2px solid var(--color-primary);
		color: var(--color-white);
	}


	/* forms
	------------------------------------------------------------------------------------------------------  */
	form input,textarea{
		float: left;
		background-color: var(--color-white);
		border-radius: 10px;
		border: 0px;
		width: 100%;
		margin-top: 5px;
		padding: 12px 20px;
		font-family: var(--font);
		outline: none;
	}
	form textarea{
		height: 150px;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}				  
	.msgs_form{
		float: left; 
		clear: both; 
		display: none; 
		margin: 10px 0px; 
		padding: 10px 10px; 
		background-color: var(--color-lightgrey);
	}		  
	.msgs_send{
		float: left; 
		clear: left; 
		width: auto; 
		margin: 10px 0px;
		background-color: var(--color-success);
		color: var(--color-white);
		padding: 10px 10px;
		display: none; 
	}
		  

	/* Cookies
	------------------------------------------------------------------------------------------------------  */
	#container_cookies {
		width: 96%;
		max-width: 450px;
		position: fixed;
		bottom: 10px;
		right: 2%;
		z-index: 100;
		padding: 40px;
		box-sizing: border-box;
		border: 1px dashed var(--color-primary);
		box-shadow: 0px 0px 10px var(--color-secondary);
		background: rgb(221,219,219);
		background: -moz-linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		background: linear-gradient(180deg, rgba(221,219,219,1) 0%, rgba(252,252,252,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddbdb",endColorstr="#fcfcfc",GradientType=1);
	}
	#container_cookies .mensaje {
		margin: 0 auto;
		width: 100%;
		text-align: justify;
		color: var(--color-secondary);
		font-weight: var(--font-regular);
	}
	#container_cookies .mensaje .txt {
		float: left;
		padding-bottom: 25px;
	}


	/* header
	------------------------------------------------------------------------------------------------------  */
	#main-header{
		display: inline-block;
		width: 100%;
		padding: 0px 0px;
		background-color: var(--color-lightgrey);
		background-image: url('../img/back-top.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		max-width: 100%;
		text-align: center;
	}
	#main-header #pull{
		float: right;
		display: none;
		margin-top: 42px;
		margin-left: 20px;
		margin-right: 30px;
	}
	#main-header #pull img{
		width: 40px;
	}
	#main-header .logo{
		float: left;
		text-align: left;
		padding: 30px 0px;
	}
	#main-header .logo img{
		width: 120px;
	}
	#main-header nav{
		float: right;
		text-align: right;
		margin-top: 60px;
	}
	#main-header nav a{
		display: inline-block;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-white);
		font-size: 22px;
		padding: 0px 7px;
		padding-bottom: 2px;
	}
	#main-header nav a:hover{
		background-color: var(--color-primary);
	}
	#main-header nav a.active{
		background-color: var(--color-black);
	}
	#main-header a.btn-tel{
		float: right;
		text-align: right;
		margin-top: 60px;
		margin-left: 20px;
		margin-right: 20px;
		background-image: url('../img/ico-tel-white.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 22px;
		padding-left: 33px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-light);
		color: var(--color-white);
		font-size: 22px;
	}
	#main-header a.btn-tel:hover{
		opacity: 0.6;
	}



	#main-header #content-shop-carrito{
		float: right;
		text-align: right;
		padding: 25px 20px;
		padding-left: 15px;
		padding-top: 60px;
		padding-right: 60px;
		background-color: var(--color-black);
		position: relative;
		z-index: 99;
	}
	#main-header #content-shop-carrito:hover{
		background-color: #333 !important;
	}
	#main-header #content-shop-carrito #shopping-cart{
		float: left;
		font-size: 20px;
		font-weight: 600;
		color: var(--color-white);
		background-image: url('../img/ico-shop.png');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 15px;
		padding-left: 30px;
	}
	#main-header #content-shop-carrito:hover{
		background-color: var(--color-black);
	}
	#main-header #content-shop-carrito .txt{
		float: left;
		margin-left: 6px;
		font-size: 12px;
		font-weight: 500;
		margin-top: 1px;
		letter-spacing: 1px;
		color: var(--color-white);
	}


	#main-header .idiomas{
		float: right;
		text-align: right;
		background-image: url('../img/esquina-idiomas.png');
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 25px 20px;
		padding-left: 30px;
		padding-top: 60px;
		margin-left: -50px;		
		position: relative;
		z-index: 100;

	}
	#main-header .idiomas a{ 
		display: inline-block;
		font-family: var(--font-condensed);
		font-weight: var(--weight-regular);
		color: var(--color-white);
		margin: 0px 1px;
		font-size: 18px;
	}
	#main-header .idiomas a:hover, #main-header .idiomas a.active{ 
		color: var(--color-black);
	}


	#main-header h1{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 60px;
		color: var(--color-white);
	}
	#main-header .abstract{
		display: inline-block;
		width: 100%;
		max-width: 600px;
		font-size: 22px;
		line-height: 26px;
		margin-top: 20px;
		text-align: center;
		color: var(--color-white);
		margin-bottom: 170px;
	}





	/* presentacion
	------------------------------------------------------------------------------------------------------  */
	#presentacion{
		display: inline-block;
		width: 100%;
		margin-top: -130px;
	}
	#presentacion .valores{
		display: inline-block;
		width: 100%;
		padding: 40px 30px;
		background-color: var(--color-white);
		border-radius: 20px;
	}
	#presentacion .valores .valor{
		float: left;
		width: 32.33%;
		margin: 0px 0.5%;
		padding: 30px 20px;
		background-color: var(--color-lightgrey);
		border-radius: 20px;
		min-height: 200px;
	}
	#presentacion .valores .valor h2{
		float: left;
		width: 100%;
		text-align: center;
		color: var(--color-primary);
	}
	#presentacion .valores .valor .des{
		float: left;
		width: 100%;
		text-align: justify;
		hyphens: auto;
		margin-top: 15px;
		padding-bottom: 15px;
	}
	#presentacion .box-servicios{
		display: inline-block;
		width: 100%;
		border-top: 2px solid var(--color-primary);
		border-bottom: 2px solid var(--color-primary);
		text-align: center;
		padding: 40px;
	}
	#presentacion .box-servicios h3{
		display: inline-block;
		width: 100%;
		color: var(--color-primary);
		font-weight: var(--weight-medium);
	}
	#presentacion .box-servicios .text{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		font-size: 26px;
		line-height: 28px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
	}
	#presentacion .box-servicios .desc{
		display: inline-block;
		width: 100%;
		max-width: 700px;
		margin-top: 20px;
		font-size: 22px;
		line-height: 26px;
	}
	#presentacion .servicios{
		display: inline-block;
		width: 100%;
		padding: 10px 30px;
		background-color: var(--color-white);
		border-radius: 20px;
	}
	#presentacion .servicios .foto{
		float: left;
		width: 40%;
		margin-top: -180px;
	}
	#presentacion .servicios .foto img{
		width: 90%;
	}
	#presentacion .servicios .textos{
		float: left;
		width: 60%;
		margin-top: 20px;
	}
	#presentacion .servicios .textos .servicio{
		display: inline-block;
		width: 100%;
		padding: 20px 20px;
		vertical-align: top;
	}
	#presentacion .servicios .textos .servicio h4{
		float: left;
		width: 100%;
		color: var(--color-black);
	}
	#presentacion .servicios .textos .servicio .txt{
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: justify;
		hyphens: auto;
	}
	#presentacion .box-cadetes{
		float: left;
		width: 50%;
		margin-top: 60px;
		padding: 40px 60px;
		margin-bottom: 80px;
	}
	#presentacion .box-cadetes .tit{
		float: left;
		width: 100%;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 38px;
		line-height: 38px;
		text-align: center;
	}
	#presentacion .box-cadetes .txt{
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: justify;
		hyphens: auto;
	}
	#presentacion .box-quieres{
		float: left;
		width: 50%;
		margin-top: 60px;
		padding: 40px 80px;
		margin-bottom: 80px;
		border-left: 1px dashed var(--color-primary);
		background-image: url('../img/mini-arrow-right.svg');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 10px;
		text-align: center;
		background-color: var(--color-lightgrey);
	}
	#presentacion .box-quieres .tit{
		float: left;
		width: 100%;
		margin: 0px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 38px;
		line-height: 38px;
		text-align: center;
	}
	#presentacion .box-quieres .txt{
		float: left;
		width: 100%;
		margin-top: 20px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		font-size: 24px;
		line-height: 26px;
		text-align: center;
	}
	#presentacion .box-quieres .btn{
		display: inline-block;
		margin-top: 30px;
	}


	/* resultados
	------------------------------------------------------------------------------------------------------  */
	#resultados{
		display: inline-block;
		width: 100%;
		padding: 20px 0px;
		padding-top: 23px;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#444444",GradientType=1);
	}
	#resultados .box-resultados{
		float: left;
		width: 100%;
	}	
	#resultados .box-resultados .caption{
		float: left;
		width: 22%;
		color: var(--color-white);
		font-size: 30px;
		line-height: 30px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-thin);
		margin-top: 40px;
	}	
	#resultados .box-resultados .partido{
		float: left;
		width: 24%;
		margin-left: 2%;
		text-align: center;
	}	
	#resultados .box-resultados .partido .equipo{
		float: left;
		width: 49%;		
		margin-left: 1%;
		padding: 20px 10px;
		padding-bottom: 25px;
		background-color: var(--color-white);
	}	
	#resultados .box-resultados .partido .local{
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;		
	}	
	#resultados .box-resultados .partido .farlaw{
		color: var(--color-primary);
	}	
	#resultados .box-resultados .partido .contrario{
		color: var(--color-black);
	}	
	#resultados .box-resultados .partido .visitante{
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;		
	}	
	#resultados .box-resultados .partido .nom{
		float: left;
		width: 100%;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		line-height: 18px;
	}	
	#resultados .box-resultados .partido .puntos{
		float: left;
		width: 100%;
		font-size: 60px;
		line-height: 60px;
		font-family: var(--font-condensed);
		font-weight: var(--weight-black);
	}	
	#resultados .box-resultados .partido .pelota{
		float: left;
		width: 100%;
		margin-top: -69px;
	}	
	#resultados .box-resultados .partido .pelota img{
		width: 38px;
	}	
	#resultados .box-resultados .partido .fecha{
		float: right;
		width: 59%;
		margin: 0px 20%;
		background-color: var(--color-white);
		border-radius: 5px;
		padding: 0px 10px;
		font-size: 15px;
		font-weight: var(--weight-medium);
		margin-top: -15px;
		border: 1px solid var(--color-black);
		background-color: var(--color-lightgrey);
	}	





	/* interior
	------------------------------------------------------------------------------------------------------  */
	#interior{
		display: inline-block;
		width: 100%;
		padding: 50px 0px;
		padding-bottom: 100px;
		background-color: var(--color-lightgrey);
	}
	.back-lobo{
		background-image: url('../img/back-lobo.svg');
		background-position: 57% bottom;
		background-repeat: no-repeat;
		background-size: 350px;
		padding-bottom: 400px !important;

	}
	#interior .submenu{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#interior .submenu a{
		display: inline-block;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 22px;
		padding: 4px 10px;
		padding-bottom: 6px;
	}
	#interior .submenu a:hover{
		background-color: var(--color-primary);
		color: var(--color-white);
	}
	#interior .submenu a.active{
		background-color: var(--color-white) !important;
		color: var(--color-black) !important;
	}
	#interior .abstract{
		display: inline-block;
		width: 100%;
		text-align: center;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		font-size: 26px;
		line-height: 29px;
		padding: 40px 0px;
	}
	#interior .contenido-small{
		display: inline-block;
		width: 60%;
		margin: 0px 20%;
		text-align: justify;
		hyphens: auto;
	}
	#interior .contenido-small .intro{
		display: inline-block;
		width: 100%;
	}
	#interior .contenido-small .formulario{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
	}
	#interior .contenido-small .formulario .btn{
		margin-top: 20px;
	}
	#interior .contenido{
		display: inline-block;
		width: 100%;
		text-align: justify;
		hyphens: auto;
	}
	#interior .contenido img{
		display: block;
		margin: 0 auto;
		width: 200px;
		margin-bottom: 30px;
	}
	#interior .contenido .arcangel{
		float: left;
		margin: 0 auto;
		margin: 50px 20%;
		max-width: 60%;
		width: 100%;
		border-top: 1px solid var(--color-primary);
		border-bottom: 1px solid var(--color-primary);
	}
	#interior .contenido .arcangel img{
		float: left;
		width: 100%;
		margin: 0px !important;
	}
	#interior .contenido .box-noticias{
		display: inline-block;
		width: 100%;
	}
	#interior .contenido .box-noticias article{
		display: inline-block;
		width: 100%;
		border-top: 1px solid #ccc;
		padding: 20px 0px;
		margin-top: 20px;		
	}
	#interior .contenido .box-noticias article .foto{
		float: left;
		width: 26%;
		margin-right: 4%;
	}
	#interior .contenido .box-noticias article .foto img{
		width: 100%;
		max-width: 300px;
		border: 1px solid var(--color-white);
	}
	#interior .contenido .box-noticias article .info{
		float: left;
		width: 70%;
	}
	#interior .contenido .box-noticias article .info .fecha{
		display: inline-block;
		width: 100%;
		font-size: 13px;
		font-weight: var(--weight-medium);
	}
	#interior .contenido .box-noticias article .info .titular{
		display: inline-block;
		width: 100%;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 22px;
		padding: 10px 0px;
	}
	#interior .contenido .box-noticias article .info .desc{
		display: inline-block;
		width: 100%;
	}
	#interior .contenido .col-izq{
		float: left;
		width: 50%;
	}
	#interior .contenido .col-izq .datos{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	#interior .contenido .col-der{
		float: left;
		width: 45%;
		margin-left: 5%;
	}
	#interior .contenido .col-der .tit{
		display: inline-block;
		width: 100%;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 24px;
	}
	#interior .contenido .col-der .intro{
		display: inline-block;
		width: 100%;
		padding: 20px 0px;
	}
	#interior .contenido .col-der .formulario{
		display: inline-block;
		width: 100%;
	}
	#interior .contenido .col-der .formulario .btn{
		display: inline-block;
		margin-top: 20px;
	}


	#interior .contenido .resultado-pago{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#interior .contenido .resultado-pago img{
		max-width: 130px;
	}
	#interior .contenido .resultado-pago h2{
		display: inline-block;
		width: 100%;
		color: var(--color-black);
	}
	#interior .contenido .resultado-pago .txt{
		display: inline-block;
		width: 100%;
		max-width: 800px;
		margin-top: 20px;
	}
	#interior .contenido .resultado-pago .txt .importe-pago{
		display: inline-block;
		width: 100%;
		max-width: 800px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 30px 0px;
		font-size: 35px;
		font-weight: 600;
		background-color: var(--color-white);
	}
	#interior .contenido .resultado-pago .txt .datos-banco {
		display: inline-block;
		width: 100%;
		max-width: 800px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 30px 0px;
		background-color: var(--color-white);
	}
	#interior .contenido .resultado-pago .txt .datos-banco .tit {
		display: inline-block;
		width: 100%;
		color: var(--color-black);
		font-size: 14px;
		font-weight: 400;
		margin-top: 10px;
	}
	#interior .contenido .resultado-pago .txt .datos-banco .dato {
		display: inline-block;
		width: 100%;
		color: var(--color-black);
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	

	#interior .ceo{	
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		border: 4px solid var(--color-white);
		padding: 40px;
	}
	#interior .ceo .foto{	
		float: left;
		width: 27%;
		margin-right: 5%;
	}
	#interior .ceo .foto img{	
		width: 100%;
	}
	#interior .ceo .presen{	
		float: left;
		width: 68%;
		text-align: justify;
	}
	#interior .box-equipo{		
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	#interior .box-equipo .nombre-equipo{
		float: left;
		width: 100%;
		text-align: center;
		background-color: var(--color-primary);
		color: var(--color-white);
		font-family: var(--font-condensed);
		font-weight: var(--weight-regular);
		font-size: 33px;
		padding: 30px 0px;
	}
	#interior .box-equipo .coach{
		float: left;
		width: 100%;
		text-align: center;
		color: var(--color-primary);
		font-family: var(--font-condensed);
		font-weight: var(--weight-regular);
		font-size: 24px;
		padding: 20px 0px;
	}
	#interior .box-equipo .jugador{		
		float: left;
		width: 23%;
		margin: 10px 1%;
		margin-top: 25px;
		margin-bottom: 35px;
		text-align: center;
	}
	#interior .box-equipo .jugador img{		
		width: 100%;
		margin-bottom: 10px;
	}
	#interior .box-equipo .jugador .num{		
		display: inline-block;
		text-align: center;
		font-family: var(--font-condensed);
		font-weight: var(--weight-bold);
		color: var(--color-primary);
		font-size: 40px;
		padding: 10px 0px;
		width: 60px;
		background-color: var(--color-white);
	}
	#interior .box-equipo .jugador .nom{		
		float: left;
		width: 100%;
		text-align: center;
		font-family: var(--font-condensed);
		font-weight: var(--weight-bold);
		font-size: 20px;
		padding: 10px 0px;
	}
	#interior .box-equipo .jugador .altura{		
		float: left;
		width: 100%;
		text-align: center;
		font-weight: var(--weight-medium);
	}
	#interior .box-equipo .jugador .posicion{		
		float: left;
		width: 100%;
		text-align: center;
		font-weight: var(--weight-medium);
	}
	#interior .box-equipo .jugador .stats{		
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	#interior .box-equipo .jugador .stats .fila{		
		float: left;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #ccc;
		font-size: 15px;
	}
	#interior .box-equipo .jugador .stats .fila .item{		
		float: left;
		width: 70%;
		text-align: left;
	}
	#interior .box-equipo .jugador .stats .fila .val{		
		float: left;
		width: 30%;
		text-align: right;
	}


	/* carolina
	------------------------------------------------------------------------------------------------------  */
	#carolina{
		display: inline-block;
		width: 100%;
		margin-top: 80px;
		text-align: left;
		background-color: var(--color-lightgrey);
	}
	#carolina .extranjeria{	
		display: inline-block;
		width: 100%;
		padding: 40px;
	}
	#carolina .extranjeria .foto{	
		float: left;
		width: 23%;
		margin-right: 2%;
	}
	#carolina .extranjeria .foto img{	
		width: 100%;
		border-radius: 100%;
		max-width: 240px;
		border: 10px solid var(--color-white);
	}
	#carolina .extranjeria .presen{	
		float: left;
		width: 72%;
		text-align: justify;
	}
	#carolina .extranjeria .presen h4{
		float: left;
		width: 100%;
		text-align: left;
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 20px !important;
	}	
	#carolina .extranjeria .presen .txt{	
		float: left;
		width: 100%;
		text-align: justify;
	}


	/* colaboradores
	------------------------------------------------------------------------------------------------------  */
	#colaboradores{
		display: inline-block;
		width: 100%;
		margin-top: 80px;
		text-align: center;
	}
	#colaboradores h3{
		display: inline-block;
		width: 100%;
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		color: var(--color-primary);
		font-size: 38px;
		line-height: 38px;
	}
	#colaboradores .des{
		display: inline-block;
		width: 100%;
		max-width: 850px;
		margin-top: 20px;
		font-size: 22px;
		line-height: 26px;
	}
	#colaboradores .box-logos-colaboradores{
		display: inline-block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 20px 0px;
		border-top: 2px solid var(--color-primary);
		border-bottom: 2px solid var(--color-primary);
	}
	#colaboradores .box-logos-colaboradores img{
		display: inline-block;
		vertical-align: middle;
		margin: 20px 30px;
		width: 120px;
	}





	/* blog
	------------------------------------------------------------------------------------------------------  */
	#blog{
		display: inline-block;
		width: 100%;
		padding: 50px 0px;
		padding-bottom: 100px;
		background-color: var(--color-lightgrey);
	}
	#blog .box-posts{
		display: inline-block;
		width: 100%;
	}
	#blog .box-posts article{
		display: inline-block;
		vertical-align: top;
		width: 32%;
		margin: 6px 0.5%;
		background-color: var(--color-white);
		padding: 30px;
		border-radius: 10px;
	}
	#blog .box-posts article img{
		display: inline-block;
		width: 100%;
		height: 200px;
		overflow: hidden;		
		object-fit: cover;		
	}
	#blog .box-posts article h2{
		display: inline-block;
		width: 100%;
		text-align: left;
		color: var(--color-primary);
		hyphens: auto;
		padding: 15px 0px;
	}
	#blog .box-posts article .desc{
		display: inline-block;
		width: 100%;
		text-align: justify;
		hyphens: auto;
	}
	#blog .box-posts article .link{
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		font-weight: var(--weight-medium);
	}
	#blog .box-post{
		display: inline-block;
		width: 100%;
	}
	#blog .box-post .abstract{
		display: inline-block;
		width: 100%;
		font-family: var(--font-condensed);
		font-size: 24px;
		line-height: 28px;
		font-weight: var(--weight-medium);
		padding: 30px 0px;
		text-align: justify;
		hyphens: auto;
	}
	#blog .box-post img{
		display: inline-block;
		width: 100%;
	}
	#blog .box-post h2{
		color: var(--color-primary);
		font-size: 32px;
	}
	#blog .box-post .desc{
		display: inline-block;
		width: 100%;
		padding: 30px 0px;
		text-align: justify;
		hyphens: auto;
	}
	#blog .box-post .link{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		font-weight: var(--weight-medium);
	}





	/* main-footer
	------------------------------------------------------------------------------------------------------  */
	#main-footer{
		float: left;
		width: 100%;
		margin-top: 100px;
		padding: 60px 0px;
		background-color: var(--color-darkgrey);
		color: var(--color-white);
		text-align: center;
	}

	#main-footer .logo-footer{
		width: 120px;
		margin-bottom: 40px;
	}
	#main-footer .menu-footer{
		display: inline-block;
		width: 100%;
	}
	#main-footer .menu-footer a{
		color: var(--color-white);
		font-family: var(--font-condensed);
		font-weight: var(--weight-medium);
		font-size: 20px;
		margin: 0px 7px;
	}
	#main-footer .menu-footer a:hover{
		color: var(--color-primary);
	}
	#main-footer .social{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	#main-footer .social img{
		display: inline-block;
		width: 35px;
		margin: 0px 5px;
		border-radius: 5px;
	}
	#main-footer .social img:hover{
		opacity: 0.6;
	}
	#main-footer .legal{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 7px;
	}
	#main-footer .legal a{
		color: var(--color-white);
		font-weight: var(--weight-regular);
		margin: 0px 10px;
	}
	#main-footer .legal a:hover{
		color: var(--color-primary);
	}
	#main-footer .copy{
		display: inline-block;
		width: 100%;
	}




	/* ------------------------------------------------------------------------------------------------------  */
	/* SHOP */
	/* ------------------------------------------------------------------------------------------------------  */



	/* listado
	------------------------------------------------------------------------------------------------------  */
	#listado{
		display: inline-block;
		width: 100%;
	}
	#listado .resultados{
		display: inline-block;
		width: 100%;
	}
	#listado .resultados .item-listado{
		float: left; 
		width: 31.33%;
		margin: 15px 1%;
		background-color: var(--color-white);
		padding: 40px;
		border: 1px solid var(--color-white);
		min-height: 510px;
	}
	#listado .resultados .item-listado:hover{
		border: 1px solid var(--color-primary);
	}
	#listado .resultados .item-listado:hover .foto{
		background-size: 90%;		
	}
	#listado .resultados .item-listado .ico-favorito{
	}
	#listado .resultados .item-listado .foto{
		float: left;
		width: 100%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;	
	}
	#listado .resultados .item-listado .info-txt{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	#listado .resultados .item-listado .info-txt h2{
		float: left;
		width: 100%;
		color: var(--color-primary);
		font-size: 22px;
		text-align: left;
		line-height: 23px;
	}
	#listado .resultados .item-listado .info-txt .ref{
		float: left;
		width: 100%;
		font-size: 13px;
		font-weight: 400;
		color: var(--color-black);
	}
	#listado .resultados .item-listado .info-txt .ref .ref-n{
		float: left;
		width: 100%;
	}
	#listado .resultados .item-listado .info-txt .precio{
		float: left;
		width: 100%;
		margin-top: 10px;
		font-weight: 600;
		color: var(--color-black);
	}
	#listado .resultados .item-listado .action{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	#listado .resultados .item-listado .action .btn{
		font-size: 14px;
		padding: 5px 10px;
	}

	#listado .paginacion{
		float: left;
		width: 98%;
		margin: 0px 1%;
		padding: 10px 0px;
		text-align: center;
		background-color: var(--color-white);
		font-size: 13px;
		font-weight: 500;
	}


	

	/* ficha
	------------------------------------------------------------------------------------------------------  */
	#ficha{
		display: inline-block;
		width: 100%;
	}
	#ficha #carrusel{
		float: left;
		width: 45%;
		margin-right: 5%;
	}
	#ficha #carrusel .carrusel_item{
		float: left;
		width: 100%;
	}
	#ficha #carrusel .carrusel_item img{
		float: left;
		width: 100%;
	}
	#ficha #datos-producto{
		float: left;
		width: 50%;
	}
	#ficha #datos-producto .nombre{
		float: left;
		width: 100%;
		font-size: 28px;
		font-weight: 600;
		color: var(--color-primary);
	}
	#ficha #datos-producto .referencia{
		float: left;
		width: 100%;
		padding: 20px 0px;
		font-size: 13px;
	}
	#ficha #datos-producto .precio{
		float: left;
		width: 100%;
		font-size: 28px;
		font-weight: 600;
	}
	#ficha #datos-producto .descripcion{
		float: left;
		width: 100%;
		padding: 20px 0px;
		text-align: left;
		margin-bottom: 40px;
	}
	#ficha #datos-producto #cantidad{
		float: left;
		width: auto;
		border: 1px solid #ccc;
	}
	#ficha #datos-producto #btn_add_cart{
		float: left;
		width: auto;
		margin-top: 4px;
		margin-left: 10px;
	}
	#ficha #datos-producto .chk_add_cart{
		float: left;
		width: 100%;
	}
	#ficha #datos-producto .chk_add_cart .msg{
		float: left;
		width: 100%;
		margin-top: 30px;
		font-weight: 600;
		color: var(--color-success);
		margin-bottom: 40px;
	}
	#ficha #datos-producto .chk_add_cart .btn{
		float: left;
		margin-right: 10px;
	}
	#ficha #datos-producto .chk_add_cart_ko{
		float: left;
		width: 100%;
		margin-top: 30px;
		font-weight: 600;
		color: #c00;
	}
	#ficha #datos-producto .personalizacion{
		float: left;
		width: 100%;
		margin-bottom: 30px;
		border: 1px solid #ccc;
		padding: 40px;
	}
	#ficha #datos-producto .personalizacion .fila{
		float: left;
		width: 100%;
	}
	#ficha #datos-producto .personalizacion #msg-personalizacion{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 25px;
		color: #c00;
		font-weight: 600;
	}
	#ficha #datos-producto .personalizacion .fila .lit{
		float: left;
		width: 50%;
		padding-top: 13px;
		font-weight: 400;
	}
	#ficha #datos-producto .personalizacion .fila .lit sup{
		color: #c00;
		font-weight: 600;
	}
	#ficha #datos-producto .personalizacion .fila .lit-100{
		width: 100%;
		margin-top: 20px;
	}
	#ficha #datos-producto .personalizacion .fila input{
		float: left;
		width: 50%;
		font-size: 15px;
		font-weight: 600;
	}
	#ficha #datos-producto .personalizacion .fila select{
		float: left;
		width: 50%;
		font-size: 15px;
		font-weight: 600;
		height: 40px;
		border: 0px;
		padding: 0px 10px;
		background-color: var(--color-white);
		border-radius: 10px;
	}
	#ficha #datos-producto .personalizacion .fila textarea{
		float: left;
		width: 100%;
		height: 100px;
		font-size: 15px;
		font-weight: 600;
	}




	.box-datos{
		float: right;
		width: 90%;
		margin: 0px 5%;
		background-color: var(--color-lightgrey);		
		border-radius: 20px;
	}	
	.box-datos .tit{
		float: left;		
		width: 100%;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.box-datos .tipo{
		float: left;		
		width: 100%;
		margin-bottom: 20px;
	}
	.box-datos .tipo .opt_tipo{
		float: left;		
		width: 100%;
	}
	.box-datos .tipo .opt_tipo input{
		float: left;		
		width: auto;
		margin-right: 10px;		
	}
	.box-datos .tipo .opt_tipo div{
		float: left;	
	}
	.box-datos input, select{
		float: left;
		width: 100%;
		border: 1px solid #ccc;	
		border-radius: 10px;
		font-size: 15px;
		outline: none;
	}
	.box-datos select{
		height: 44px;
		margin-top: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.box-datos .loscheck{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.box-datos .loscheck input{
		float: left;
		width: 15px;
		margin: 0px;
		margin-right: 8px;
		margin-top: 3px;
	}
	.box-datos .loscheck a{
		float: left;
		width: 70%;
		margin: 0px;
		font-size: 14px;
		text-align: left;
		line-height: 16px;
	}

	.finalizar{		
		float: left;
		width: 100%;
	}
	.finalizar .desglose{
		float: left;
		width: 100%;
		margin-top: 20px;
		border-top: 1px solid var(--color-black);
		border-bottom: 1px solid var(--color-black);
	}
	.finalizar .desglose .item{
		float: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.finalizar .desglose .item .tit{
		float: left;
		width: 50%;
		margin: 0px;
		padding: 10px 0px;
	}
	.finalizar .desglose .item .tit-total-final{
		color: var(--color-primary);
	}
	.finalizar .desglose .item .val{
		float: left;
		width: 50%;
		margin: 0px;
		padding: 10px 0px;
		text-align: right;
	}
	.finalizar .desglose .item .val-total-final{
		font-weight: 600;
		color: var(--color-primary);
	}
	.metodo-pago{		
		float: left;
		width: 100%;
	}
	.metodo-pago .metodo{		
		float: left;
		width: 100%;
	}
	.metodo-pago .metodo input{
		float: left;
		width: auto;
		margin-right: 10px;
	}
	.metodo-pago .metodo div{
		float: left;
	}
	.box-datos .btn{
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	#msg_alerta,#msg_alerta1,#msg_alerta2,#msg_alerta3,#msg_alerta4,#msg_alerta5{
		float: left;
		width: 100%;
		padding: 10px 0px;
		font-size: 13px;
		line-height: 16px;
		font-weight: 500;
		color: var(--color-black);
	}

		
                                        







	/* carrito
	------------------------------------------------------------------------------------------------------  */
	.carrito{
		display: inline-block;
		width: 100%;
	}
	.carrito .captions{
		font-weight: 600;
		border-bottom: 2px solid var(--color-black) !important;
	}
	.carrito .car-item{
		float: left;
		width: 100%;
		padding: 10px 0px;
		border-bottom: 1px solid #ccc;
	}
	.carrito .car-item .foto-none{
		float: left;
		width: 10%;
		padding: 8px 10px;
	}
	.carrito .car-item .foto{
		float: left;
		width: 10%;
		height: 100px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		background-color: var(--color-white);
	}
	.carrito .car-item .producto{
		float: left;
		width: 25%;
		margin-left: 5%;
		padding: 8px 10px;
	}
	.carrito .car-item .producto .datos-personalizado{
		float: left;
		width: 100%;
		margin-top: 10px;
		font-size: 13px;
		line-height: 15px;
	}
	.carrito .car-item .ref{
		float: left;
		width: 20%;
		padding: 8px 10px;
	}
	.carrito .car-item .cantidad{
		float: left;
		width: 10%;
		padding: 8px 10px;
	}
	.carrito .car-item .cantidad input{
		float: left;
		width: 100%;
		border: 1px solid #ccc;
		background-color: var(--color-white);
		font-size: 15px;
		text-align: right;
		padding: 8px 10px;
		border-radius: 4px;
		margin-top: -6px;
	}
	.carrito .car-item .precio{
		float: left;
		width: 10%;
		padding: 8px 10px;
		text-align: right;
		font-weight: 600;
	}
	.carrito .car-item .subtotal{
		float: left;
		width: 10%;
		padding: 8px 10px;
		text-align: right;
		font-weight: 600;
		color: var(--color-primary);
	}
	.carrito .car-item .opciones{
		float: left;
		width: 10%;
		padding: 8px 10px;
		text-align: center;
	}
	.carrito .car-item .nota-personalizacion{
		float: left;
		width: 100%;
		text-align: center;
		padding-top: 5px;
		font-size: 13px;
	}

	.carrito .car-item-pedido{
		float: left;
		width: 100%;
		padding: 10px 0px;
		border-bottom: 1px solid #ccc;
	}
	.carrito .car-item-pedido .foto-none{
		float: left;
		width: 10%;
		padding: 8px 10px;
	}
	.carrito .car-item-pedido .foto{
		float: left;
		width: 10%;
		height: 100px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}
	.carrito .car-item-pedido .producto{
		float: left;
		width: 45%;
		margin-left: 5%;
		padding: 8px 10px;
	}
	.carrito .car-item-pedido .producto .peq{
		font-size: 13px;
	}
	.carrito .car-item-pedido .precio{
		float: left;
		width: 20%;
		padding: 8px 10px;
		text-align: right;
		font-weight: 600;
	}
	.carrito .car-item-pedido .subtotal{
		float: left;
		width: 20%;
		padding: 8px 10px;
		text-align: right;
		font-weight: 600;
		color: var(--color-primary);
	}




	.pie{
		float: left;		
		width: 100%;
		margin-top: 0px;
		padding-top: 30px;
		border-top: 2px solid var(--color-black);
	}
	.pie .precio-final{
		float: left;		
		width: 100%;
	}
	.pie .precio-final .pvp-final{
		float: left;		
		width: 100%;
		text-align: right;
		border-bottom: 1px solid #ccc;
		padding: 10px 0px;
	}
	.pie .precio-final .pvp-final .lit{
		float: left;		
		width: 80%;
	}
	.pie .precio-final .pvp-final .pvp{
		float: left;		
		width: 20%;
		font-weight: 600;
	}
	.pie .precio-final .pvp-final-final{
		color: var(--color-primary);
		font-weight: 600;
	}
	.pie .content-opciones{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.pie .content-opciones .importe-minimo{
		float: left;
		color: var(--color-primary);
		padding-top: 11px;
		margin-left: 20px;
		font-weight: 400;
	}
	.pie .content-opciones .opciones-left{
		float: left;
		margin-right: 10px;
	}
	.pie .content-opciones .opciones-right{
		float: right;
		margin-left: 10px;
	}
	.pie .col_izq, .pie .col_cen, .pie .col_der{
		float: left;
		width: 33.33%;
	}





	#myImg {
		border-radius: 5px;
		cursor: pointer;
		transition: 0.3s;
	  }
	  
	  #myImg:hover {opacity: 0.7;}
	  
	  /* The Modal (background) */
	  .modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 999999999999999999999999999999999999999999999 !important; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	  }
	  
	  /* Modal Content (image) */
	  .modal-content {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
	  }
	  
	  /* Caption of Modal Image */
	  #caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
	  }
	  
	  /* Add Animation */
	  .modal-content, #caption {  
		-webkit-animation-name: zoom;
		-webkit-animation-duration: 0.6s;
		animation-name: zoom;
		animation-duration: 0.6s;
	  }
	  
	  @-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)} 
		to {-webkit-transform:scale(1)}
	  }
	  
	  @keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
	  }
	  
	  /* The Close Button */
	  .close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
	  }
	  
	  .close:hover,
	  .close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	  }
	  
	  /* 100% Image Width on Smaller Screens */
	  @media only screen and (max-width: 700px){
		.modal-content {
		  width: 100%;
		}
	  }





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

	@media only screen and (max-width: 1320px) {

		#presentacion .servicios .foto{
			margin-top: -40px;
		}
	
	}


	@media only screen and (max-width: 1170px) {

		#blog .box-posts article{
			width: 48.6%;
			margin: 6px 0.5%;
		}

	}

	@media only screen and (max-width: 1130px) {

		#main-header #pull{
			display: inline-block;
		}	
		#main-header .idiomas{
			display: none;
		}
		#main-header a.btn-tel{
			margin-top: 50px;
		}
		#main-header #menu{
			display: none;
			float: none;
			position: absolute;
			width: 100%;
			top: 105px;
			left: 0px;
			text-align: left;
			margin-top: 0px;
			background-color: var(--color-black);
			text-align: center;
			padding: 20px 0px;
		}
		#main-header #menu a{
			float: left;
			width: 100%;
			padding: 10px 0px;
		}
		#main-header .logo img{
			width: 80px;
		}
		#main-header #content-shop-carrito{
			padding-right: 15px;
		}
		#main-header #menu .idiomas_responsive{
			display: inline-block !important;
			margin-top: 30px;
			border-top: 1px solid #ccc;
			padding-top: 30px;
		}
	
		
	}


	@media only screen and (max-width: 1060px) {
	




		.carrito .captions{
			display: none;
		}
		.carrito .car-item{
			width: 50%;
		}
		.carrito .car-item .foto-none{
			width: 20%;
		}
		.carrito .car-item .foto{
			width: 60%;
			height: 300px;
			background-size: 80%;
		}
		.carrito .car-item .producto{
			width: 100%;
			margin-left: 0px;
		}
		.carrito .car-item .ref{
			width: 100%;
		}
		.carrito .car-item .cantidad{
			width: 100%;
			text-align: left !important;
		}
		.carrito .car-item .cantidad input{
			width: auto;
			margin-top: 0px;
		}
		.carrito .car-item .precio{
			width: 100%;
			text-align: left;
		}
		.carrito .car-item .subtotal{
			width: 100%;
			text-align: left;
		}
		.carrito .car-item .opciones{
			width: 100%;
			text-align: left;
		}



	}



	@media only screen and (max-width: 1000px) {

		#resultados{
			padding-top: 0px;
			padding-bottom: 60px;
		}
	
		#resultados .box-resultados .caption{
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}	
		#resultados .box-resultados .partido{
			display: inline-block;
			width: 31%;
			margin-left: 2%;
			text-align: center;
		}	
		#carolina .extranjeria .foto{	
			width: 100%;
			margin-right: 0px;
			text-align: center;
			margin-bottom: 30px;
		}
		#carolina .extranjeria .presen{	
			width: 100%;
		}


		#listado .resultados .item-listado{
			width: 48%;
			margin: 15px 1%;
			padding: 30px;
		}
		.pie .col_izq, .pie .col_cen, .pie .col_der{
			width: 100%;
			margin-bottom: 30px;
		}
	

	}	




	@media only screen and (max-width: 930px) {

		#presentacion .box-cadetes{
			width: 100%;
		}
		#presentacion .box-quieres{
			width: 100%;
			border-left: 0px;
			border-top: 1px dashed var(--color-primary);
			background-image: url('../img/mini-arrow-top.svg');
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 10px;
			text-align: center;
		}

	}

	@media only screen and (max-width: 910px) {

		#presentacion .servicios .foto{
			width: 100%;
			margin-top: -40px;
			text-align: center;
		}
		#presentacion .servicios .foto img{
			max-width: 300px;
		}
		#presentacion .servicios .textos{
			width: 100%;
		}
		#interior .contenido .col-izq{
			width: 100%;
		}
		#interior .contenido .col-der{
			width: 100%;
			margin-left: 0px;
			margin-top: 70px;
		}
	
	}

	@media only screen and (max-width: 850px) {

		#colaboradores .box-logos-colaboradores img{
			margin: 20px 20px;
			width: 90px;
		}
	
	}

	@media only screen and (max-width: 840px) {

		#interior .box-equipo .jugador{		
			width: 31.33%;
			margin: 10px 1%;
			margin-bottom: 50px;
		}

		#ficha #carrusel{
			width: 100%;
			margin-right: 0px;
		}
		#ficha #datos-producto{
			width: 100%;
			margin-top: 30px;
		}

	}



	@media only screen and (max-width: 820px) {

		#presentacion .valores .valor{
			width: 100%;
			margin: 0px 0px;
			margin-bottom: 10px;
		}
		#resultados .box-resultados .partido{
			width: 60%;
			margin-left: 20%;
			margin-right: 20%;
			margin-bottom: 20px;
		}	

		
	}
		
	@media only screen and (max-width: 770px) {

		#blog .box-posts article{
			width: 98%;
			margin: 6px 0.5%;
		}

	}

	@media only screen and (max-width: 760px) {

		#interior .contenido-small{
			width: 80%;
			margin: 0px 10%;
		}

	}

	@media only screen and (max-width: 730px) {

		#interior .ceo .foto{	
			width: 100%;
			margin-right: 0px;
			text-align: center;
		}
		#interior .ceo .foto img{	
			width: 100%;
			max-width: 300px;
		}
		#interior .ceo .presen{	
			width: 100%;
		}

		#interior .contenido .box-noticias article .foto{
			width: 36%;
			margin-right: 4%;
		}
		#interior .contenido .box-noticias article .info{
			width: 60%;
		}		

	}

	@media only screen and (max-width: 640px) {

		#interior .box-equipo .jugador{		
			width: 48%;
			margin: 10px 1%;
			margin-bottom: 50px;
		}
		#interior .contenido .box-noticias article .foto{
			width: 100%;
			margin-right: 0px;
		}
		#interior .contenido .box-noticias article .info{
			width: 100%;
		}		
		#listado .resultados .item-listado{
			width: 98%;
			margin: 10px 1%;
		}
		.carrito .car-item{
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		.carrito .car-item .foto{
			width: 100%;
			height: 400px;
			background-size: 90%;
		}



	}



	@media only screen and (max-width: 610px) {

		#colaboradores .box-logos-colaboradores img{
			margin: 20px 40px;
			width: 90px;
		}
	
	}



	@media only screen and (max-width: 500px) {
		#presentacion .box-servicios{
			padding: 40px 10px;
		}
		#presentacion .servicios .textos .servicio{
			padding: 20px 0px;
		}	

		#presentacion .box-cadetes{
			padding: 40px 20px;
			margin-bottom: 0px;
		}
		#presentacion .box-quieres{
			padding: 40px 20px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		#main-header a.btn-tel{
			display: none;
		}
		#resultados .box-resultados .partido{
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}	
		#main-footer .logo-footer{
			width: 80px;
		}	
		#main-footer .menu-footer{
			display: none;
		}
		#main-footer .social{
			margin-top: 0px;
		}
		#main-footer .legal a{
			margin: 0px 5px;
			font-size: 14px;
		}
		#main-footer .copy{
			font-size: 14px;
		}
		#interior .contenido-small{
			width: 100%;
			margin: 0px 0px;
		}
		#interior .submenu a{
			font-size: 16px;
			padding: 4px 4px;
		}
		#interior .box-equipo .nombre-equipo{
			font-size: 25px;
			padding: 22px 0px;
		}
		#interior .box-equipo .coach{
			font-size: 18px;
			padding: 15px 0px;
		}
		.pie .content-opciones .opciones-left{
			float: left;
			margin-right: 0px;
			width: 100%;
			margin-bottom: 10px;
		}
		.pie .content-opciones .opciones-left .btn{
			width: 100%;
		}
		.pie .content-opciones .opciones-right{
			float: left;
			margin-left: 0px;
			width: 100%;
			margin-bottom: 10px;
		}
		.pie .content-opciones .opciones-right .btn{
			width: 100%;
		}
	
	}




	
	@media only screen and (max-width: 930px) {

	}

	

	@media only screen and (max-width: 930px) {

	}

	

	@media only screen and (max-width: 930px) {

	}

	


/* marcador validacion formulario */
.warning {
    border: 1px solid #c00 !important;
}


/* video container responsive */
#video .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
}
#video .embed-container iframe, #video .embed-container object, #video .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


/*  Error 404 */

#error404 {
    text-align: center;
    padding: 50px 0;
}
#error404 .txt {
    font-size: 20px;
    padding: 50px 0;
}

        

@media only screen and (max-width: 480px) {
    
    
}