@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
html,body{height:100%}
body {font-family: 'Roboto', sans-serif;background:#FFF;font-size:16px;}
a{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.cero-padding{padding:0;}
.height-100{height:100%;}
.navbar{min-height:64px;height:auto;border:0;background:#1565c0;}
/*.navbar{min-height:64px;height:auto;border:0;background:#1565c0;box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);}*/
.header-top{height:64px;background:#1565c0;}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#FFFFFF;}
.navbar-brand {height: 64px !important;padding:0 !important;font-size: 20px;line-height: 60px;}
.menubar,.menubar:hover,.menubar:focus{display:block;text-align:left;color:#FFF;margin: 13px 0 0 0;}
.menubar .material-icons{font-size:39px;}
.navbar .form-inline{float: right;}
.form-search{margin: 13px 0 0 0;}
.close-input{width:0 !important;}
.navbar .form-inline .input-group-addon,.navbar .form-inline .input-group-addon:hover,.navbar .form-inline .input-group-addon:focus{padding: 5px 6px;margin:0;color:#FFF;border:0;background:transparent;border-radius: 30px;cursor: pointer;position:relative;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none; user-select: none;}
.navbar .form-inline .form-control{padding: 10px 0 5px 0px;margin:0;color:#FFF;border:1px solid #FFF;background:transparent;border-width: 0 0 1px 0;height:31px;box-shadow:none;border-radius: 0;}
.form-inline .material-icons{font-size:28px !important;}
.position-b{position: fixed;bottom:4%;right:4%;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none; user-select: none;display:block;border-radius: 50%;}
.b-float,.b-float:focus,.b-float:hover{width:56px;height:56px;min-height: 56px;background:#ff8f00;color:#FFF;border:0;border-radius: 50%;line-height: 69px;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none; user-select: none;position:relative;overflow: hidden;}
.filter-top{background:#FFF;width:100%;border-bottom:1px solid #e0e0e0;}
.filter-top ul li a{border-radius: 0;text-transform: uppercase;color:#9e9e9e;border-bottom:2px solid transparent;}
.filter-top ul li a:hover,.filter-top ul li a:focus{border-bottom:2px solid #1565c0;background:transparent;}
.page{height:100%;background:#F4F4F4;}
.lateral-sidebar{height:100%;background:#FFF;box-shadow: 3px 0px 8px rgba(0,0,0,0.2);z-index: 200;position: relative;overflow:hidden;}
.main{height:100%;padding:20px;overflow: auto;position:relative;background:#20ccf4 url('../img/FondoBlur02.jpg') bottom center no-repeat;background-attachment: fixed;}
.alert{padding: 6px 30px 6px 12px;margin:0;position:relative;}
::selection { background: transparent; }
::-moz-selection { background: transparent; }
#form_raffle{}
/*#form_raffle a,#form_raffle a:hover,#form_raffle a:focus{font-weight: 700;color:#0f0e9f}*/
.content-inicial{z-index:9999;position: relative;}
#play_on{width:100%;height:100%;text-align:center;}
.logo-concurso{margin:50px 0 0 0;}
.texto-inicial{font-family: 'Ubuntu', sans-serif;color:#FFF;text-transform:uppercase;line-height:110px;margin:10px 0;}
.texto-inicial .type-wrap{font-size:100px;display:block;clear:both;}
.texto-inicial h3{font-size:25px;display:block;clear:both;margin:5px 0 0 0;}
.btn-participar,.btn-participar:hover,.btn-participar:focus,.btn-participar:active{margin:20px 0 0 0;color:#FFF !important;background:#f80e9b !important;font-size:17px;font-weight:500;text-transform:uppercase;border:0;box-shadow:none !important;}
.bg-uno-modal{display:block;clear:both;width:100%;height:100%;background:#20ccf4;font-family: 'Ubuntu', sans-serif;}
.bg-dos-modal{display:block;clear:both;width:100%;height:100%;background: rgba(32,205,244,0);background: -moz-linear-gradient(top, rgba(32,205,244,0) 0%, rgba(32,205,244,0.32) 32%, rgba(5,110,190,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,205,244,0)), color-stop(32%, rgba(32,205,244,0.32)), color-stop(100%, rgba(5,110,190,1)));background: -webkit-linear-gradient(top, rgba(32,205,244,0) 0%, rgba(32,205,244,0.32) 32%, rgba(5,110,190,1) 100%);background: -o-linear-gradient(top, rgba(32,205,244,0) 0%, rgba(32,205,244,0.32) 32%, rgba(5,110,190,1) 100%);background: -ms-linear-gradient(top, rgba(32,205,244,0) 0%, rgba(32,205,244,0.32) 32%, rgba(5,110,190,1) 100%);background: linear-gradient(to bottom, rgba(32,205,244,0) 0%, rgba(32,205,244,0.32) 32%, rgba(5,110,190,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20cdf4', endColorstr='#056ebe', GradientType=0 );
}
.bg-tres-modal{display:block;clear:both;width:100%;height:100%;position:relative;}
.bg-img{position:absolute;bottom:0;left:0;width:100%;}
.div-bg-img{position:relative;width:100%;display:block;margin:0 auto -5% 0;}
.typed-cursor{opacity: 1;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;animation: blink 0.7s infinite;}
.panel-default > .panel-heading{background:#FFF;border:0;}
@keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
@-webkit-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
@-moz-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}

.logo-rolda{margin:30px 0;}
.bases-concurso{margin:40px 0 20px 0;display:block;clear:both;font-family: 'Ubuntu', sans-serif;color:#FFF;font-size:14px;}
.bases-concurso h1{margin:0 0 15px 0;font-size:35px;font-weight:500;}
.bases-concurso ul{list-style:none;margin:0 0 15px 0;padding:0;}

.form-control,.form-control:hover,.form-control:focus{border-bottom:1px solid #bdbfd0;border-radius:0;box-shadow:none;border-width:0 0 1px 0}
select.form-control{cursor:pointer;}
.btn-enviar,.btn-enviar:hover,.btn-enviar:focus,.btn-participar:active{margin:30px 0 0 0;color:#FFF !important;background:#f80e9b !important;font-size:17px;text-transform:uppercase;border:0;box-shadow:none !important;font-family: 'Ubuntu', sans-serif;font-weight:500;}
.panel{margin:0;}
.importante small{font-size:10px;color:#000;text-shadow:0 0 10px rgba(0,0,0,0.8);line-height: 10px;display:block;clear:both;margin:10px 0 40px 0;}
.navbar-toggle{background:#f80e9b;z-index:300;padding:0;margin:0;height:100%;border-radius:0;}
.navbar-toggle .icon-bar{color:#FFF;background:#FFF;margin:0 auto;}
.navbar-collapse{background:#FFF;padding:0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background:#FFF;color:#4d4d53;}
.nav > li > a,.nav > li > a:hover,.nav > li > a:focus{text-align:center;font-weight:500;font-family: 'Ubuntu', sans-serif;color:#4d4d53;text-transform: uppercase;padding:20px 0;margin: 0;border-radius: 0;border-bottom:1px solid #ddd;background:#FFF;font-size:14px;}

.nav > li > a > h4{margin:0;font-size:12px;font-family: 'Ubuntu', sans-serif;font-weight:400;opacity:0.5;}
.nav > li > a > span{margin:0;}

.logo-rolda img{}
.rc-anchor-light{background:transparent !important;border:0 !important;}
.checkbox label, .radio label{padding:0;}
.modal-verificacion{}
.modal-verificacion .modal-header{border:0;font-family: 'Ubuntu', sans-serif;color:#4d4d53;text-transform:uppercase;}
.modal-verificacion h1{font-family: 'Ubuntu', sans-serif;color:#4d4d53;text-transform:uppercase;font-size:24px;margin:0;}
.modal-verificacion h2{font-family: 'Roboto', sans-serif;color:#4d4d53;text-transform:uppercase;font-size:18px;margin:0;opacity:0.5;}

.modal-content{box-shadow:none !important;border:0;}

.dd-container{}
.dd-container label{margin:0;line-height: normal !important;}
.dd-container a{margin:0;color:#333;}
.dd-container a:hover,.dd-container a:focus{text-decoration:none;}
.dd-container li{padding:10px;}
.dd-select{background:transparent !important;border: 1px solid #bdbfd0;}
.dd-option-selected,.dd-option:hover,.dd-option:focus{background:transparent !important;}
.dd-option-selected{padding:0 0 10px 0;}
.dd-option-image, .dd-selected-image{margin-right: 10px !important;}
.help-block{font-size: 11px;}
@media (max-width: 800px) {
.navbar-toggle{display:block;}    
.filter-top .container{width:100%;overflow: hidden;}
.filter-top ul li{display:inline-block;}
.main{background-size: contain;}    
.lateral-sb{height: 50px;position: fixed;top: 0;z-index:100;width: 100%;display: block;box-shadow:0 1px 8px rgba(0,0,0,0.2)}
.lateral-sidebar{height:100%;}
#form_raffle{position:relative;top:0;transform: translateY(0);}
.texto-inicial{line-height:normal;}
#typed{white-space: normal !important;}
.logo-concurso{margin:15px 0 0 0;}
.texto-inicial .type-wrap {font-size:52px;}
.texto-inicial h3{font-size:18px;}
.btn-participar,.btn-participar:hover,.btn-participar:focus{margin:10px 0 0 0;}
.logo-concurso img{max-width:200px;}
    .center-main{width:100%;}
.logo-rolda{margin:10px 0 0 0;position:relative;z-index:200;}
.bases-concurso {margin: 30% 0 20px 0;text-align: center;text-shadow: 0 0 5px rgba(0,0,0,0.9);}
/*.div-bg-img{width: 90vw;}*/    
.cero-padding-xs{padding:0;}
.navbar-collapse{left:0;top:0;position:absolute;width:100%;}
.navbar-collapse .nav{margin:95px 0 0 0;}
}
@media (max-height: 500px) {
.logo-concurso img{max-width:100px;}    
/*.div-bg-img{width: 30vw;}*/   
.main{background-size: cover;}       
.texto-inicial .type-wrap {font-size:32px;}  
.btn-participar,.btn-participar:hover,.btn-participar:focus{margin:5px 0 0 0;font-size:12px;}
}