@import url(../font/flaticon.css);

@import url(../css/banners.css);

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap');

*{margin:0; padding:0;font-family:'Roboto',sans-serif; font-weight:300}
html{
	height:100%;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;

}



#desarrollomode{color:#fff; text-align:center; background:#f00; position:fixed; z-index:99999; padding:1em; font-weight:800; box-shadow: 1px 3px rgba(0,0,0,0.2);  text-shadow: 1px 1px rgba(0,0,0,0.2)}

#webs li:last-child{display:none !important}

.dtodiv{position:absolute; z-index:999; background:#a70133; color:#fff; border-radius:150px; border:1px solid #85714f;  font-size:9px; width:90px; height:90px; margin-left:170px; margin-top:10px;  box-shadow: 1px 3px 2px rgba(0,0,0,0.5);}
.dtodiv> div{display:table-cell; vertical-align:middle; width:90px; height:90px}
.dtodiv .dtoporcent{font-size:20px; font-weight:600}
.dtodiv .oldprice{text-decoration:line-through;font-size:12px}
.dtodiv .newprice{font-size:18px}


.buttoned{background:#a70133;;display:block !important;padding:1em; font-size:0.9em; color:#fff; width:50% !important; margin:2em auto 0 auto;font-weight:400; text-align:center; cursor:pointer; border-radius:2px; transition:all 0.2s ease	}
.buttoned:hover{background:#f9d819; color:#000}


/*formularios*/

#thv{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(0,0,0,0.95); display:none }
#thv div{width:80vw; height:80vh;   margin:10vh auto; box-shadow:2px 2px 20px rgba(0,0,0,0.2);}
#thv a{position:absolute; top:10vh; left:90vw; display:block; width:1em; height:1em; background:#000; color:#fff; font-size:2em; text-align:center; line-height:1em; border:1px solid #aaa}
#thv a:hover{border-color:#fff; background:#f4b218; color:#000}
#thv iframe{width:100% !important;; height:100% !important}

.burguer{display:none;}

.viewMovil{display:none;}


.homewinedata{width:100%; background:#000; color:#fff}

.homewinedata a{color:#ccc}

#the{position:fixed; width:100%; height:100vh; z-index:10000; top:0;background:rgba(0,0,0,0.95); display:block}
#the >div{width:auto;  background:#a70133; margin:20vh auto; box-shadow:2px 2px 10px rgba(0,0,0,0.8); display:table}
#the >div > div{display:table-cell; padding:5em; vertical-align:bottom; text-align:center}
#the p#alertas{color:#fff; text-align:center; font-size:1em}
#the .buttoned{background:#fff;display:inline-block !important;padding:1em; font-size:0.9em; color:#333333; width:20% !important; margin:1em;font-weight:600; text-align:center; cursor:pointer}
#the .buttoned:hover{background:#000; color:#fff}
#the img{width:250px; margin-bottom:1em}
#the .buttoned.cookie{width:75% !important; margin:1em 10% !important; padding:1em}
#the .edaddisabled, #the .edaddisabled:hover{background:#d1d1d1 !important; color:#bbb !important}


#cookies{position:fixed; z-index:999; background:rgba(0,0,0,0.85); width:90vw; height:10vh; top:95vh; margin:0 5vw;}
#cookies>div{padding:1em; color:#fff; text-align:center;}
#cookies .buttoned{background:#d4b870;display:inline !important;padding:0.5em; font-size:0.9em; color:#333333; width:auto; margin:0.5em;font-weight:600; text-align:center; cursor:pointer}

#cookiediv{position:fixed; bottom:0px; background:rgba(0,0,0,0.95); z-index:190; width:100%}
#cookiediv p{color:#fff !important; padding:0.5em 2em; text-align:center }
#cookiediv p a{color:#fff; text-decoration:underline}
#cookiediv p a.buttoned{text-decoration:none; margin:1em auto;}


#th{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.8); display:none }
#th >div{width:30%;  background:#fff; margin:30vh auto; border:2px solid #a0824d; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
#th >div > div{display:table-cell; padding:3em 1em 0.5em 1em; vertical-align:bottom}
#th p#alertas{color:#333333; text-align:center; font-size:1em}
.xblk{background:url(../img/close.cross.png) #000 no-repeat 50% 50%; background-size:200%}
.xwht{background:url(../img/close.cross.blk.png) #000 no-repeat 50% 50%;}
body {font-family: 'Roboto',sans-serif;color:#333; font-size:16px ;background-color:#fff;padding:0; font-weight:300; letter-spacing:0em}
img{border:0;}
a{text-decoration:none; color:#000}
a:hover{text-decoration:none; color:#a70133; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
strong{font-weight:500}
p{ font-size:16px; font-weight:300; line-height:16px;}
p strong{font-weight:500}
 li{font-size:16px; font-weight:300;}

/* animaciones por opacidad;*/
.noview{display:none !important}
.nofloat{clear:both}
.noindex{position: absolute !important; clip: rect(1px 1px 1px 1px);}

.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

/*contenidos*/
#allcontents{position:absolute; top:0; left:0; right:0; z-index:1000;;}

#banner{opacity:1; height:400px; padding:0;}
.fullbanner {width:100%; height:400px; max-width:1170px; margin:0 auto;  overflow:hidden !important;}
.fullbanner ul{display:block}
.fullbanner li{display:block; height:400px; background:no-repeat; background-size:100%}
.fullbanner li .text{margin-left:30%; display:table; height:400px; width:60%}
.fullbanner li>div>div{display:table-cell; height:400px; vertical-align:middle !important}
.fullbanner h3{color:#a70133; font-size:1.8em;  margin-bottom:1em;}
.fullbanner p{color:#a70133 !important; font-size:1.2em; width:100%; line-height:1.3em;; marfin-left:1em; margin-bottom:1em}
.fullbanner .btn{text-align:right; width:30%; margin-top:16em; display:none}
.fullbanner .btn a{background:#a70133; padding:0.5em 1em 0.6em 1em; color:#fff; border-radius:3px; font-size:1.5em}
.fullbanner .btn a:hover{background:#000}
.fullbanner .pricepromo{margin-left:980px;position:absolute; display:block !important; margin-right:10%; margin-top:5%; background:#a70133; color:#fff; border-radius:3.2em; font-size:1.5em; width:3.2em; height:3.2em; line-height:3em; text-align:center;-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg);   transform: rotate(7deg);font-weight:400}
.fullbanner .pricepromo span{font-size:0.5em; vertical-align:0.5em}

.fullbanner .bpoint{position:absolute; z-index:25; text-align:center;width:100%; margin-top:370px;left:0;}
.fullbanner .bpoint a{display:inline-block; margin:0.2em; border-radius:1em; width:0.8em; height:0.8em; background-color:#a70133; border:1px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.fullbanner .bpoint a:hover, .fullbanner .bpoint a.active{background:#a70133}






#page{background:rgba(255,255,255,1); width:100%; margin: 0 auto;}

/*Header*/
#header{width:100%; background-color:#a70133}


#logo{ margin:0em auto 0em auto; width:100%; text-align:left; padding-left: 10%; padding-top:20px;box-sizing:border-box; display:none}
#logo h1{display:none}
#logo img{margin:0em auto 0.5em auto; height:65px}

.menupral{width:100%;text-align:left; padding-top:10px}
.menupral ul{padding:0; text-align:left; display:inline}
.menupral ul a {text-decoration:none;display:block; color:#eee; padding:0.8em 0.8em; text-transform:uppercase;;  font-size:1em; font-weight:400; border-top:1px solid #a70133}


.menupral a:hover, .menupral a.active{border-top:1px solid #fff;}
	
.menupral ul li{list-style:none; display:inline-block; text-align:center; }

.menupral > ul >li:hover ul{display:block}
.menupral ul ul{position:absolute;z-index:999;display:none; margin:0;padding:0; padding-top:10px; width:inherit;background:#a70133;}
.menupral ul ul li{font-size:0.9em; display:block; text-align:left;width:100%;background:#a70133;border:0 !important; margin-left:0.8em !important}
.menupral ul ul a{ background:#a70133 !important;border:0 !important; text-transform:none;}

.inc .menupral  ul li{margin-left:2em}


.topdiagonal{background-position:top right; background-image:url(../img/topdiagonal.svg);background-repeat:no-repeat; height:120px; background-color:#fff; background-size:100%}
.bottomdiagonal{background-position:bottom right; background-image:url(../img/bottomdiagonal.svg);background-repeat:no-repeat; height:0px; background-color:#fff; max-width:100% !important;background-size:100%}

.mactiv{opacity:0.35 !important}



#content{
	padding-top:0px;
	width:100%;
	margin-bottom:2em
}
.inc{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

.inc.logos{margin-top:-60px}

.inc.logosdos{margin-top:-60px;   
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}

.inc.logosdos img{height:120px;}

.inc h2{color:#a70133; font-size:2.5em; font-weight:100; margin-bottom:1.6em}
.inc  h3 not:(.bannerConta){color:#a70133; font-size:1.5em; font-weight:100; margin-bottom:1.4em}
.inc p{font-size:1em; margin-bottom:1.2em; line-height:1.5em; padding-left:2em; text-align:justify}

.inc p a{color:#a70133; text-decoration:underline}

.inc em{font-size:1em; margin-bottom:1.2em; font-weight:500}

.inc img.banner{margin-bottom:2em; margin-top:-1em; width:100%; height:auto}

.inc  ul{margin:2em auto;}
.inc  ul li{margin-left:5em}

.inc.home >div not:(.bannerConta){display:inline-block; width:49%; vertical-align:middle; text-align:center;}

.inc.home >div img{width:80%; border:1px solid #e1e1e1}

.inc.home >div img:hover{background:#e1e1e1}

ul.eventos{text-align:center !important}
.dw {text-align:center; margin-top:2em; padding-top:2em; border-top:2px solid rgba(167,1,51,0.5)}
.dw h3{text-align:center}
.dw li{list-style:none; display:inline-block; margin:0.5em !important;vertical-align:top; }
.dw li a{ width:200px; height:200px;  font-size:0.8em; background-position:50% 60%; background-repeat: no-repeat; display:block; border:1px solid rgba(167,1,51,0.5); padding:2em}
.dw li a.DownloadLinkPDF{background-image:url(../img/download-pdf.png)}
.dw li a.DownloadLinkDOC{background-image:url(../img/download-doc.png)}
.dw li a:hover{border:1px solid rgba(167,1,51,1); background-color:rgba(167,1,51,0.1)}

#footer{width:100%;background:#a70133;}
#footer > div{width:100%; max-width:1170px; margin:0em auto; padding:3em 0}
#footer > div > div{ width:40%; display:inline-block; vertical-align:top; margin-right:2%;}
#footer > div > div:nth-child(4n+0){margin-right:0px}


#footer h2{color:#fff; font-size:1.3em; margin-bottom:0.5em; font-weight:300}
#footer >div h2>img{width:260px}
#footer a, #footer li{color:#eee !important;}
#footer a:hover{color:#fff; text-decoration:underline}
#footer li{list-style:none;color:#fff}
#footer ul{margin:1em 0}


#footer #subs{}

#subs input#mailsubs{background:#2c2c2c; border:none !important; padding:1em; font-size:0.9em; color:#ddd;width:90%; margin-bottom:1em}
#subs input#mailsubs:focus{color:#fff; border:1px solid #bbb}
#subs .sendsubs{width:100%; display:block}

#footer  #webs{width:100%; background:#a70133;}
#webs ul{margin:0; padding:0; background:#a70133; }
#webs ul li{width:11.5%; display:inline-block; text-align:center;padding:2em 0; background:#a70133; vertical-align:top; height:100px}
#webs ul li:first-child{background:#846d43; width:18%;}

#webs ul li img{opacity:0.4; width:80%; max-width:120px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#webs ul li img:hover{opacity:1}
#webs ul li:first-child img{ width:90%; max-width:160px}



ul.hw {margin:0 auto; padding:0; width:100%; margin-bottom:4em; text-align:center}
ul.hw li{display:inline-block;vertical-align:top; text-align:center;margin:1em auto ; list-style-type: none; height:490px; width:24.5%; background-color:#efefef; border:1px solid #efefef}
ul.hw li:hover{ background:#e1e1e1; border:1px solid #d1d1d1}
ul.hw li:hover img{margin-top:-175px}
ul.hw li p{padding:1em; text-align:left}

ul.hw li a{margin:0 !important}
ul.hw .imgrt{height:300px; overflow:hidden; box-shadow:inset  0 -8px 8px -6px rgba(0,0,0,0.2);}
ul.hw li a img{height:auto; margin-top:-170px; width:95%;transform: rotate(-8deg); box-shadow:inset  0 -8px 6px -6px rgba(0,0,0,0.6);}

ul.hw h3{font-size:1.2em; font-weight:400; margin-top:0.5em}

ul.hw  li:nth-child(1n+7) img{margin-top:-300px; margin-left:-50px}
ul.hw  li:nth-child(1n+7):hover img{margin-top:-305px;}




/*por apartados*/

img.intro{width:100%; margin:2em auto}

.banner{width:100%; background:url("../img/backinfo.jpg");overflow:hidden;} 


/*Inicio*/



/*listado eventos*/


ul.eventos>li{display:inline-block; width:50%; vertical-align:top; box-sizing:border-box; padding:1em 2em 2em 2em; list-style:none; margin:0; border:1px solid #f1f1f1}

ul.eventos h3{font-weight:400; height:4em; color:#2c2c2c}

ul.eventos img{width:95%; display:block; margin:0.5rem auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding-top:0.5rem;transition: all 1s ease;}
ul.eventos img:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
ul.eventos ul.eventdata li{list-style:none; margin:0; padding:0; font-size:0.8em}
	.eventdata li:nth-child(1),
	.eventdata li:nth-child(4),
	.eventdata li:nth-child(6),
	.eventdata li:nth-child(5)
							{display:none}
ul.eventos .resume h2{display:none}
ul.eventos .resume h3{font-size:1.1em; font-weight:400; margin:0; display:none}
ul.eventos .resume p{padding-left:0}


ul.eventos.old>li{display:block; width:100%; vertical-align:top; box-sizing:border-box; padding:1em 2em 4em 2em; margin-top:0.5rem}
ul.eventos.old h3{font-weight:500; height:1.5em; font-size:1.2em;}
ul.eventos.old img{display:none}





/*páginas de eventos*/

.inc.evnt p{padding-left:0}

.inc.evnt h2:not(.title-evnt){font-weight:200; margin-bottom: 0.6rem; font-family:'Roboto',sans-serif}

.head-evnt>div{display:inline-block; box-sizing:border-box; width:49%; vertical-align:top; margin-bottom:2em}

.inc.evnt .data-evnt{background:#f4f4f4; padding:2em; margin: 0;}

.inc.evnt .data-evnt ul.eventdata {margin:0}

.inc.evnt .data-evnt ul.eventdata li{list-style:none; margin:0.68em 0; padding:0; font-size:0.8em; display:block}


.formulario{margin-top:4em}
/*contacto*/
/*formulario*/
.form {text-align:left; width:100%; margin:0 auto 2em auto; padding:2em; background:#fcfcfc; border:1px solid #f1f1f1; box-sizing:border-box}
.form div{width:49%;margin-bottom:1em; display:inline-block; vertical-align:middle}
.form div:nth-child(odd){}
.form div label{display:block; font-size:0.8em; color:#333; text-transform:uppercase;}
.form div input{width:96%; background:#ebebe8; padding:0.5em 2%; font-size:1em; color:#333333; border:none}

.form div select{width:100%; background:#ebebe8; padding:0.5em 2%; font-size:1em; color:#333333; border:none}

.form div textarea{width:98%; height:10em; padding:0.5em 1%; font-size:1em; color:#333333; border:none;  background:#ebebe8;}
.form.send div{display:block; }

.form .checksubs{margin:1em 0;}
.form .sendsubs{margin:0em auto;}



.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:#a70133;}
.check{width:1.2em !important; height:1.2em !important; background:#2c2c2c; display:inline-block !important; margin-right:0.8em}
.accept{font-size:0.8em; display:inline !important; vertical-align:0.2em; color:#222}
.sendsubs{ text-align:center; cursor:pointer; width:50%}


.uso .topblock{display:none}
.uso #content .inc{margin:3em auto;}
.uso #content .inc h2{font-size:2em; font-weight:400;margin-bottom:0.8em}
.uso #content .inc h3{text-align:left; color:#444; padding:25px 0 0px 0 ; font-size:1.6em; width:100%; font-weight:400; margin-bottom:0.8em; margin-left:0.2em}
.uso #content .inc h4{text-align:left; color:#444;  font-size:1.2em;; margin-bottom:0.8em; margin-left:0.6em}

.uso #content .inc p , .uso #content .inc li{text-align:justify; color:#333;  font-size:1em; line-height:1.3em !important  }
.uso #content .inc li{margin:0 3em}
.uso #content .inc p {margin:0 0 1em 1em}
.uso #content .inc ul{margin:0.5em}






.legal{/*la aceptcion*/
	text-align:left !important;
	margin-bottom:20px;
	}
.legal label{/*la aceptcion*/
	font-size:12px;
	font-weight:600;
	display:inline;
	margin-left:0.8em
	}
.legal label a{color:#800}
.legal a:hover{color:#B00}
.legal input{width:20px; vertical-align:-3px; margin-left:0.6em}

.obligatorios{font-size:0.8em; color:#222; background:rgba(255,255,255,0.6); text-align:center; padding:0.6em 0 !important; margin:2px auto 2em auto;width:95%}


.FloatNone{width:100%}





::-webkit-scrollbar {
    width: 16px;

}
::-webkit-scrollbar-track-piece{max-height:20px; border-left:1px #f00}
::-webkit-scrollbar-track {
    background-color: #000;
    border-left: 1px  dotted #fff;
	
}
::-webkit-scrollbar-thumb {
    background-color: #444;
	width:24px
}
::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}


/*Animacione a la entrada*/

/*Fade*/
@keyframes fadein {
    1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-moz-keyframes fadein {
   1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-webkit-keyframes fadein {
   1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}
@-o-keyframes fadein {
    1% {opacity:0; margin-top:-20px;}
	25% {opacity:1;}
	75% {opacity:1;}
    100% {opacity:0.1; margin-top:-400px;}
}


.fadein{animation: fadein 4s ease;}




@keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes fading {
     0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes fading {
    0% {opacity:0;}
    50% {opacity:1;}
	100% {opacity:0;}
}








@media (max-width: 1024px){
	#th >div{width:95%}
	#footer li{list-style:none;color:#fff}
	#footer ul li{margin:0em 0}

	.inc.logos{margin-top:18px; width:100%; overflow:hidden;}
	.inc.logos img{width:143%}

	.form div{width:100%}
	ul.eventos>li{display:block; width:100%}

	.menupral{position:fixed; top:52px; right:0; width:90vw;background:#a70133; display:none; padding-bottom:2em}
	.menupral > ul li a {width:250px !important; padding:1em 0 0 0.8em;  width:70vw}
	.menupral a.active {background:none}
	
	#mainmenu ul li,#mainmenu ul ul li {border:0; text-align:left; display:block; margin-left:1em}
	.menupral ul ul{display:block; padding-left:0.8em; position:relative; margin-top:0em}
	.menupral ul ul a{padding:0 0 0 0.3em; margin-left:0.4em; width: calc (70vw - 0.4em)}
	
	.banner{height:34.2vw}
	
	#footer > div{;margin: 0 auto}
	#footer > div > div{width:90%; margin:1em 5% 0.5em 5%; text-align:center;}
	#footer > div h2 img{width:200px}
	#footer > div >div:nth-child(3){display:none}
	
	.burguer{display:block; position:fixed; top:10px; right:10px; width:40px; height:40px; background:#a70133 url("../img/burguer-menu.svg") no-repeat 50% 50%; background-size:100%; z-index:25 }
	#header.logotyped{}
	#header{height:60px;position:fixed;}
	#header #logo img{height:40px}
	#logo{padding-top:10px; padding-left:10px}
	#content{padding-top:60px}
	#mainmenu.inc{max-width:200px; margin:0px}
	.topdiagonal{height:20px !important; margin-top:3.5em}

	.inc{width:95%; margin-top:20px}
	.inc h2{font-size:2em; margin-bottom:0.8em; font-weight:300}
	.inc h3{font-size:1.5em; margin-bottom:0.8em; font-weight:300}
	.inc p{padding-left:0.2em; margin-bottom: 0.8em; line-height:1.2em}

	ul.eventos>li{padding:1em 0em}

	ul.eventos.old h3{height:auto}

	

	.head-evnt>div{display:block; width:100%}
	.head-evnt>div img{width:100%}


	}