@charset "utf-8"; /* CSS Document */ body{ font-size:20px; font-family: 'Nunito', sans-serif; padding: 0px; margin: 0px; color:#333; } #contenedor0{ width:100%; border: 0px solid #F60; margin: 0px auto 0px; overflow:hidden; } #contenedor1{ width:90%; border: 0px solid #F60; margin: 0px auto 0px; overflow:hidden; } #contenedor2{ width:98%; border: 0px solid #F60; margin: 0px auto 0px; overflow:hidden; } .hea{height:0px} #header{height:150px; width: 100%; background-size:100%} #reds{border: 0px solid #f60; width:90px; font-size:16px; height:50px; float:right; text-align:right; margin-top:6px;} #logo{width:138px; float:left; border: 0px solid #f60; margin-top:10px; margin-bottom:10px; position:relative; z-index:100} #logo img{width:100%} #logo11{margin-top:0%; width:55%} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ban1{ position:relative; z-index:10; background-size:100%; margin-top:161px } #ban2{ position:relative; z-index:12; -webkit-animation-name: example; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */ animation-name: example; animation-duration: 4s; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes example { 0% {left:-50%; top:0px;} 100% { left:0px; top:0px;} } /* Standard syntax */ @keyframes example { 0% {left:-50%; top:0px;} 100% {left:0%; top:0px;} } #conte{ margin-top:161px} .fondo1{background:#fff; background-attachment: fixed; background-size:100%;} #fondo1{background:#1B1B1C; background-attachment: fixed; background-size:100%;} #fondo2{background:url(../img/index/BG01.png); background-attachment: fixed; background-size:100%;} #fondo3-2026{background:url(../img/banner3-2026.jpg); background-attachment: fixed; background-size:100%;} .fondo3{background:url(../img/banner44.png); background-attachment:none; background-size:100%;} .fondo33{background:url(../img/banner55.png); background-attachment:none; background-size:100%;} .fondo4{background:url(../img/index/BG0-1.png); background-attachment: fixed; background-size:100%;} .F-Tickets{background:url(../img/index/TICKETS-2.png); background-attachment: fixed; background-size:100%;} .F-Tanning{background:url(../img/index/TANNING.png); background-attachment: ; background-size:100%;} .F-Music{background:url(../img/index/MUSIC.png); background-attachment: fixed; background-size:100%;} .F-Coaches{background:url(../img/index/COACHES.png); background-attachment: fixed; background-size:100%;} .F-Hair{background:url(../img/index/HAIR.png); background-attachment: fixed; background-size:100%;} .F-Photo{background:url(../img/index/PHOTO.png); background-attachment: fixed; background-size:100%;} .F-Registration{background:url(../img/Fondos/Adobe-395592429.jpg); background-attachment: fixed; background-size:100%;} .F-Venue{background:url(../img/Fondos/venue.jpg); background-attachment: fixed; background-size:100%;} .F-Hotel{background:url(../img/Fondos/hotel.jpg); background-attachment: fixed; background-size:100%;} .F-Aero{background:url(../img/Fondos/aero.jpg); background-attachment: fixed; background-size:100%;} #mision1{width:80%; float:left; margin-left:10%; text-align:center; margin-top:70px; margin-bottom:70px;} #mision2{width:50%; float:left; margin-left:25%; margin-top:20px; margin-bottom:70px;} #cua1{width:45%; float:left; } #cua2{width:45%; float:right; } #divicions1{width:100%; float:left; margin-top:20px; margin-bottom:20px;} #estrategias1{width:45%; float:left; margin-top:70px; margin-bottom:70px;} #estrategias2{width:45%; float:right; margin-top:70px; margin-bottom:70px;} #contaa1{width:45%; float:left; margin-top:70px; margin-bottom:70px;} #contaa2{width:45%; float:right; margin-top:70px; margin-bottom:70px;} #cont1{height:40px; background:url(../img/tras2.png); width:95%; border:0px; margin-top:7px; margin-bottom:20px; color:#fff; font-size:17px; border:1PX solid #efefef; border-radius:2px;font-family: 'Nunito', sans-serif;} .content-select select{ background:#000; height:40px; width:95%; border:0px; margin-top:7px; margin-bottom:20px; color:#fff; font-size:17px; border:1PX solid #efefef; border-radius:2px; font-family: 'Nunito', sans-serif;} #cont2{height:100px; background:url(../img/tras2.png); width:95%; border:0px; margin-top:7px; margin-bottom:20px; color:#FFF; font-size:15px; border:1PX solid #efefef; border-radius:2px} #bot{background:#BC0000; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; } #bot2{background:#BC0000; color:#fff; font-size:18px; border-radius:3px; line-height:28px; border:0px; } #txt1{font-size:65px; color:#ED1C24; letter-spacing:2px; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #999; } #txt2{font-size:22px; color:#fff; position:relative; font-weight:400; margin-top:5px } #txt3{font-size:27px; color:#fff; font-weight:700; font-family: 'Nunito', sans-serif; text-shadow: 2px 2px 4px #333;} #txt4{font-size:65px; letter-spacing:2px; color:#fff; font-family: 'Changa One', cursive; margin:109px 0; text-align:center; text-shadow: 1px 1px 10px #000, 0 0 0.2em #000, 0 0 0.2em #000; } #txt5{font-size:22px; color:#232323; position:relative; font-weight:400; margin-top:5px } #txt6{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:8px } #txt7{font-size:27px; color:#232323; font-weight:700; font-family: 'Nunito', sans-serif;} #txt8{font-size:65px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #BB0000; } #txt9{font-size:65px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #ED1C24; margin:40px 0; text-align:center } #txt10{font-size:40px; color:#BC0000; font-weight:800; font-family: 'Nunito', sans-serif;} p{text-align:justify} #maps{ width: 100%; height: 400px; } a{ color: #232323; text-decoration: none; } a:hover{ color: #ED1C24; text-decoration: none; } #divi1{padding:15px; border:0px solid#FFF; width:20.5%; text-align:center; font-size:24px; color:#FFF; font-weight: 700; font-family: 'Nunito', sans-serif; float:left; margin:1%; text-align:center; min-height:410px; text-transform: uppercase; border-bottom-right-radius: 25px; border-top-left-radius: 25px; background:url(../img/bg-divi-2.png); background-size:150%; -webkit-box-shadow: 8px 8px 5px #111111;} #divi1 img{margin-bottom:10px; border-top-left-radius: 25px;} #bot0{margin-top:20px; margin-bottom:10px} #bot00{margin-bottom:0px} a.bot1{ color: #fff; background:#900; padding:8px 15px; text-decoration: none; border-radius:50px; margin-bottom:15px; font-size:18px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000;} a.bot1:hover{ color: #232323; background:#fff; text-decoration: none; } #bot1{ display: inline-block; text-align:center; padding:10px; margin: 0px auto 0px; overflow:hidden; } a.bot2{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:18px; line-height:65px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; } a.bot2:hover{ color: #232323; background:#fff; text-decoration: none; } a.bot4{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:30px; font-weight:800; line-height:85px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; } a.bot4:hover{ color: #fff; background:#BC0000; text-decoration: none; } .bot2{ color: #fff; background:#BC0000; padding:7px 15px; text-decoration: none; border-radius:50px; margin-bottom:15px; font-size:20px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; border:0; font-weight:800;} a.bot3{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:20px; line-height:65px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; font-weight:800; } a.bot3:hover{ color: #FFF; background:#BC0000; text-decoration: none; } #animation-rotate { animation: rotate 4s infinite; animation-name: rotate; animation-duration: 4s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; } @keyframes rotate { 0%, 100% {transform: rotate(1deg);} 50% {transform: rotate(-1deg);} } .containerq2{ position: relative; width: 30.5%; float:left; text-align:center; padding: 15px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 95%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:10px; } .textq2 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 30.8%; float:left; text-align:center; padding: 15px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 95%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding:10px; } .textq { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 22.4%; float:left; text-align:center; padding: 15px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} #sponsor div{width:16.6%; float:left; text-align:center;} #sponsor img{width:90%; } #sponsor1-1{width:25%; float:left; text-align:center; margin-left:25%; border: 0px solid #0C6; } #sponsor1-2{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor1-1 img, #sponsor1-2 img{width:100%} #sponsor2-1{width:25%; float:left; text-align:center; margin-left:12.5%; border: 0px solid #0C6; } #sponsor2-2{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-3{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-1 img, #sponsor2-2 img, #sponsor2-3 img{width:100%} #sponsor2 div{width:40%; float:left; text-align:center; margin-left:5%;} #sponsor2 img{width:50%; } #sponsor3 div{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3 img{width:100%; } #sponsor44 div{width:25%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor44 img{width:90%; } #sponsor22 div{width:25%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor22 img{width:90%;} .de2{ margin-left:25%; } .de3{ margin-left:12.5%; } .de1{ margin-left:37.5%; } #sponsor-de-1 div{width:33.33%; margin-left:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-1 img{width:80%; margin-left:0%; margin-bottom:30px } #sponsor-de-2 div{width:33.33%; margin-left:11.11%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-2 img{width:80%; margin-left:0%; margin-bottom:30px } #sponsor-de-3 div{width:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-3 img{width:80%; margin-left:0%; margin-bottom:30px } #sponsor3-1 { width:100%; margin-left:25%; } #sponsor3-1 div{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-1 img{width:100%; } #sponsor3-2 { width:100%; margin-left:37.5%; } #sponsor3-2 div{width:25%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-2 img{width:100%; } #sponsor4 { width:100%; } #sponsor4 div{width:33.33%; text-align:center; border: 0px solid #0C6; } #sponsor4 img{width:100%; } a.binetas{ color: #232323; text-decoration: none; } a.binetas:hover{ color: #ED1C24; text-decoration: none; } #f11{float:left; width:33%; text-align:left; border: 0px solid #0C6; } #f22{float:left; width:34%; text-align:ñeft; border: 0px solid #0C6; } #f33{float:left; width:33%; text-align:right; border: 0px solid #0C6; } #grad { background: #EDEDED; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#EDEDED, #fff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#EDEDED, #fff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EDEDED, #fff); /* For Firefox 3.6 to 15 */ background: linear-gradient(#EDEDED, #fff); /* Standard syntax */ height:25px; } #espacio1{width: 100%; height: 70px;} #espacio2{width: 100%; height: 30px;} #rules1{padding:15px; border:1px solid#FFF; width:19.5%; text-align:center; font-size:22px; color:#FFF; font-weight: 700; font-family: 'Nunito', sans-serif; float:left; margin:1%; text-align:center; min-height:300px; text-transform: uppercase; border-bottom-right-radius: 25px; border-top-left-radius: 25px;} #rules1 img{margin-bottom:15px;} table { border-collapse: collapse; border-spacing: 0;} td { display: table-cell; vertical-align: inherit;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.6; vertical-align: top; border-top: 1px solid #ddd;} .table2>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 5px; } #talle{width:49%} @media screen and (min-width: 1070px) and (max-width: 1270px) { #contenedor1{ border: 0px solid #F00; } .containerq2{ position: relative; width: 31%; float:left; text-align:center; padding: 10px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:0px; } .textq2 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 31%; float:left; text-align:center; padding: 10px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding: 0px; } .textq { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 22.7%; float:left; text-align:center; padding: 10px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} } @media screen and (min-width: 880px) and (max-width: 1069px) { #contenedor1{ border: 0px solid #0C3; } #header { height:75px; width: 100%; background-size: 100%;} #logo11{width:70%} #reds{border: 0px solid #f60; width:90px; font-size:16px; height:35px; float:right; margin-right:60px; text-align:right; margin-top:60px;} #fondo3-2026{background:url(../img/banner3-2026.jpg); background-attachment: fixed; background-size:140%; background-position:-200px;} #mision1{width:100%; float:left; margin-left:0%; text-align:center; margin-top:50px; margin-bottom:70px;} #mision2{width:50%; float:left; margin-left:25%; margin-top:20px; margin-bottom:70px;} .containerq2{ position: relative; width: 30.5%; float:left; text-align:center; padding: 10px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:0px; } .textq2 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 30.5%; float:left; text-align:center; padding: 10px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding: 0px; } .textq { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 22.1%; float:left; text-align:center; padding: 10px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} } @media screen and (min-width: 600px) and (max-width: 879px) { #contenedor1{ border: 0px solid #FC6; } #logo{width:107px; float:left; border: 0px solid #f60; margin-top:10px; margin-bottom:10px; position:relative; z-index:100} #logo img{width:100%} #header { height:75px; width: 100%; background-size: 100%;} #logo11{width:70%} #reds{border: 0px solid #f60; width:90px; font-size:16px; height:35px; float:right; margin-right:60px; text-align:right; margin-top:44px;} #conte{ margin-top:126px} #ban1 { position: relative; z-index: 10; background-size: 100%; margin-top: 126px;} #fondo3-2026{background:url(../img/banner3-2026.jpg); background-attachment: fixed; background-size:170%; background-position: -250px 0px;} #mision1{width:100%; float:left; margin-left:0%; text-align:center; margin-top:50px; margin-bottom:70px;} #mision2{width:50%; float:left; margin-left:25%; margin-top:20px; margin-bottom:70px;} .containerq2{ position: relative; width: 46%; float:left; text-align:center; padding: 10px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:0px; } .textq2 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 46%; float:left; text-align:center; padding: 10px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding: 0px; } .textq { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 46%; float:left; text-align:center; padding: 10px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 28px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} #txt1{font-size:50px; color:#ED1C24; letter-spacing:2px; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #999; } #txt2{font-size:20px; color:#fff; position:relative; font-weight:400; margin-top:5px } #txt3{font-size:27px; color:#fff; font-weight:700; font-family: 'Nunito', sans-serif; text-shadow: 2px 2px 4px #333;} #txt4{font-size:50px; letter-spacing:2px; color:#fff; font-family: 'Changa One', cursive; text-shadow: 4px 4px 0px #111; margin:70px 0; text-align:center } #txt5{font-size:20px; color:#232323; position:relative; font-weight:400; margin-top:5px } #txt6{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:8px } #txt7{font-size:27px; color:#232323; font-weight:700; font-family: 'Nunito', sans-serif;} #txt8{font-size:50px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #BB0000; } #txt9{font-size:50px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #ED1C24; margin:40px 0; text-align:center } #txt10{font-size:30px; color:#BC0000; font-weight:800; font-family: 'Nunito', sans-serif;} .fondo4{background:url(../img/index/BG0-1.png); background-attachment: fixed; background-size:120%;} #talle{width:100%; margin-bottom:15px} } @media screen and (min-width: 480px) and (max-width: 599px) { #contenedor1{ border: 0px solid #060; } #header { height:75px; width: 100%; background-size: 100%;} #logo11{width:75%} #reds{border: 0px solid #f60; width:90px; font-size:16px; height:35px; float:right; margin-right:60px; text-align:right; margin-top:44px;} #logo{width:107px; float:left; border: 0px solid #f60; margin-top:10px; margin-bottom:10px; position:relative; z-index:100} #logo img{width:100%} #ban1 { position: relative; z-index: 10; background-size: 100%; margin-top: 126px;} #conte{ margin-top:126px} #fondo3-2026{background:url(../img/banner3-2026.jpg); background-attachment: fixed; background-size:170%; background-position: -250px 0px;} #mision1{width:100%; float:left; margin-left:0%; text-align:center; margin-top:30px; margin-bottom:70px;} #mision2{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;} .containerq2{ position: relative; width: 45%; float:left; text-align:center; padding: 10px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:0px; } .textq2 { white-space: normal; color: white; font-size: 25px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 45%; float:left; text-align:center; padding: 10px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding: 0px; } .textq { white-space: normal; color: white; font-size: 25px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 45%; float:left; text-align:center; padding: 10px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 25px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} #txt1{font-size:45px; color:#ED1C24; letter-spacing:2px; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #999; } #txt2{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:5px } #txt3{font-size:27px; color:#fff; font-weight:700; font-family: 'Nunito', sans-serif; text-shadow: 2px 2px 4px #333;} #txt4{font-size:40px; letter-spacing:2px; color:#fff; font-family: 'Changa One', cursive; text-shadow: 4px 4px 0px #111; margin:60px 0; text-align:center } #txt5{font-size:18px; color:#232323; position:relative; font-weight:400; margin-top:5px } #txt6{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:8px } #txt7{font-size:27px; color:#232323; font-weight:700; font-family: 'Nunito', sans-serif;} #txt8{font-size:45px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #BB0000; } #txt9{font-size:45px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #ED1C24; margin:40px 0; text-align:center } #txt10{font-size:30px; color:#BC0000; font-weight:800; font-family: 'Nunito', sans-serif;} #sponsor1-1{width:50%; float:left; text-align:center; margin-left:0%; border: 0px solid #0C6; } #sponsor1-2{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor1-1 img, #sponsor1-2 img{width:80%} #sponsor2-1{width:50%; float:left; text-align:center; margin-left:0%; border: 0px solid #0C6; } #sponsor2-2{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-3{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-1 img, #sponsor2-2 img, #sponsor2-3 img{width:80%} #sponsor3 div{width:50%; float:left; text-align:center; } #sponsor3 img{width:80%; } #sponsor3-1 { width:100%; margin-left:0%; } #sponsor3-1 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-1 img{width:80%; } #sponsor3-2 { width:100%; margin-left:25%; } #sponsor3-2 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-2 img{width:80%; } #sponsor4 { width:100%; } #sponsor4 div{width:50%; text-align:center; border: 0px solid #0C6; } #sponsor4 img{width:80%; } a.bot4{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:24px; font-weight:800; line-height:85px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; } a.bot4:hover{ color: #fff; background:#BC0000; text-decoration: none; } .bot2{ color: #fff; background:#BC0000; padding:7px 15px; text-decoration: none; border-radius:50px; margin-bottom:15px; font-size:20px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; border:0; font-weight:800;} a.bot3{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:20px; line-height:65px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; font-weight:800; } a.bot3:hover{ color: #FFF; background:#BC0000; text-decoration: none; } #cua1{width:100%; float:left; } #cua2{width:100%; float:right; margin-top:25px; } #espacio1{width: 100%; height: 30px;} #espacio2{width: 100%; height: 30px;} .fondo4{background:url(../img/index/BG0-1.png); background-attachment: fixed; background-size:220%;} #sponsor-de-1 div{width:33.33%; margin-left:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-1 img{width:100%; margin-left:0%; margin-bottom:30px } #sponsor-de-2 div{width:33.33%; margin-left:11.11%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-2 img{width:100%; margin-left:0%; margin-bottom:30px } #sponsor-de-3 div{width:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-3 img{width:100%; margin-left:0%; margin-bottom:30px } #sponsor44 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor44 img{width:90%; } #sponsor22 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor22 img{width:90%;} .de2{ margin-left:0%; } .de3{ margin-left:25%; } .de1{ margin-left:25%; } #talle{width:100%; margin-bottom:15px} } @media screen and (min-width: 320px) and (max-width: 479px) { #contenedor1{ border: 0px solid #F00; } #header { height:75px; width: 100%; background-size: 100%;} #logo11{width:100%; margin-top:-15px} #reds{border: 0px solid #f60; width:90px; font-size:16px; height:35px; float:right; margin-right:60px; text-align:right; margin-top:25px;} #conte{ margin-top:126px} #logo{width:107px; float:left; border: 0px solid #f60; margin-top:10px; margin-bottom:10px; position:relative; z-index:100} #logo img{width:100%} #ban1 { position: relative; z-index: 10; background-size: 100%; margin-top: 126px;} #fondo3-2026{background:url(../img/banner3-2026.jpg); background-attachment: fixed; background-size:193%; background-position: -80px 0px;} #mision1{width:100%; float:left; margin-left:0%; text-align:center; margin-top:20px; margin-bottom:70px;} #mision2{width:100%; float:left; margin-left:0%; margin-top:20px; margin-bottom:20px;} .containerq2{ position: relative; width: 44%; float:left; text-align:center; padding: 10px; } #dirsq2 { display: block; width: 100%;} .overlayq2 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq2:hover .overlayq2 { height: 100%; padding:0px; } .textq2 { white-space: normal; color: white; font-size: 24px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq{ position: relative; width: 44%; float:left; text-align:center; padding: 10px; } #dirsq { display: block; width: 100%;} .overlayq { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq:hover .overlayq { height: 100%; padding: 0px; } .textq { white-space: normal; color: white; font-size: 24px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} .containerq1{ position: relative; width: 44%; float:left; text-align:center; padding: 10px; } #dirsq1 { display: block; width: 100%;} .overlayq1 { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); overflow: hidden; width: 100%; height: 0; transition: .5s ease;} .containerq1:hover .overlayq1 { height: 100%; padding:0px; } .textq1 { white-space: normal; color: white; font-size: 24px; font-weight:900; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:90%;} #txt1{font-size:35px; color:#ED1C24; letter-spacing:2px; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #999; } #txt2{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:5px } #txt3{font-size:27px; color:#fff; font-weight:700; font-family: 'Nunito', sans-serif; text-shadow: 2px 2px 4px #333;} #txt4{font-size:35px; letter-spacing:2px; color:#fff; font-family: 'Changa One', cursive; text-shadow: 4px 4px 0px #111; margin:45px 0; text-align:center; margin-top:45px } #txt5{font-size:18px; color:#232323; position:relative; font-weight:400; margin-top:5px } #txt6{font-size:18px; color:#fff; position:relative; font-weight:400; margin-top:8px } #txt7{font-size:27px; color:#232323; font-weight:700; font-family: 'Nunito', sans-serif;} #txt8{font-size:35px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #BB0000; } #txt9{font-size:35px; color:#fff; letter-spacing:2PX; font-family: 'Changa One', cursive; text-shadow: 2px 2px 2px #ED1C24; margin:40px 0; text-align:center } #txt10{font-size:25px; color:#BC0000; font-weight:800; font-family: 'Nunito', sans-serif;} #sponsor1-1{width:50%; float:left; text-align:center; margin-left:0%; border: 0px solid #0C6; } #sponsor1-2{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor1-1 img, #sponsor1-2 img{width:90%} #sponsor2-1{width:50%; float:left; text-align:center; margin-left:0%; border: 0px solid #0C6; } #sponsor2-2{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-3{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor2-1 img, #sponsor2-2 img, #sponsor2-3 img{width:90%} #sponsor3 div{width:50%; float:left; text-align:center; } #sponsor3 img{width:90%; } #sponsor3-1 { width:100%; margin-left:0%; } #sponsor3-1 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-1 img{width:90%; } #sponsor3-2 { width:100%; margin-left:25%; } #sponsor3-2 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor3-2 img{width:90%; } #sponsor4 { width:100%; } #sponsor4 div{width:50%; text-align:center; border: 0px solid #0C6; } #sponsor4 img{width:90%; } #ban1{ position:relative; z-index:10; background-size:100%; margin-top:125px } #cua1{width:100%; float:left; } #cua2{width:100%; float:right; margin-top:25px; } #espacio1{width: 100%; height: 30px;} #espacio2{width: 100%; height: 30px;} .F-Tickets{background:url(../img/index/TICKETS-2.png); background-attachment: none; background-size:100%;} .F-Tanning{background:url(../img/index/TANNING.png); background-attachment: none; background-size:100%;} .F-Music{background:url(../img/index/MUSIC.png); background-attachment: none; background-size:100%;} .F-Coaches{background:url(../img/index/COACHES.png); background-attachment: none; background-size:100%;} .F-Hair{background:url(../img/index/HAIR.png); background-attachment: none; background-size:100%;} .F-Photo{background:url(../img/index/PHOTO.png); background-attachment: none; background-size:100%;} .F-Registration{background:url(../img/Fondos/Adobe-395592429.jpg); background-attachment: none; background-size:100%;} .F-Venue{background:url(../img/Fondos/venue.jpg); background-attachment: none; background-size:100%;} .F-Hotel{background:url(../img/Fondos/hotel.jpg); background-attachment:none; background-size:100%;} .F-Aero{background:url(../img/Fondos/aero.jpg); background-attachment: none; background-size:100%;} a.bot4{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:20px; font-weight:800; line-height:85px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; } a.bot4:hover{ color: #fff; background:#BC0000; text-decoration: none; } .bot2{ color: #fff; background:#BC0000; padding:7px 15px; text-decoration: none; border-radius:50px; margin-bottom:15px; font-size:20px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; border:0; font-weight:800;} a.bot3{ color: #232323; background:#FFD004; padding:8px 15px; text-decoration: none; border-radius:50px; font-size:20px; line-height:65px; font-family: 'Nunito', sans-serif; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; margin:15px 10px; font-weight:800; } a.bot3:hover{ color: #FFF; background:#BC0000; text-decoration: none; } .fondo4{background:url(../img/index/BG0-1.png); background-attachment: fixed; background-size:220%;} #f11{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-bottom:15px} #f22{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-bottom:15px} #f33{float:left; width:100%; text-align:center; border: 0px solid #0C6; } #sponsor-de-1 div{width:33.33%; margin-left:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-1 img{width:100%; margin-left:0%; margin-bottom:20px } #sponsor-de-2 div{width:33.33%; margin-left:11.11%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-2 img{width:100%; margin-left:0%; margin-bottom:0px } #sponsor-de-3 div{width:33.33%; float:left; text-align:center; border: 0px solid #0C6; } #sponsor-de-3 img{width:100%; margin-left:0%; margin-bottom:20px } #sponsor44 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor44 img{width:90%; } #sponsor22 div{width:50%; float:left; text-align:center; border: 0px solid #0C6; margin-bottom:20px } #sponsor22 img{width:90%;} .de2{ margin-left:0%; } .de3{ margin-left:25%; } .de1{ margin-left:25%; } #talle{width:100%; margin-bottom:15px} }