@charset "UTF-8";

	/*BOX DE COREGISTROS*/
	.boxAds{
		display: inline-block;
		width: 	200px;
		padding: 10px;
		background: #fff;
		margin: 30px;
		height: 320px;
		overflow:hidden;
		text-align: center;
		margin-top: -10px;
		border: 1px dotted #dcdcdc;
		margin-bottom: -5px;
	}
	.boxAds:hover{
		border-color: #637525;
	}

	.boxAds img{
		width: 120px;
		height: 60px;	
	}

	.boxAds em a{
		display: block;
		clear: both;
		font-size: 8pt;
		font-style:normal;
		text-align: center;
		color: #AAAAAA;
		margin-top: 5px;
	}
	.boxAds span{
		display: block;
		margin-bottom: 0px;
		text-align: center;
		font-size: 9pt;
		height: 115px;
		overflow:hidden;
	}
	.boxAds .btnsuscribe{
		display: block;
		padding: 8px;
		margin: 0 auto;
		margin-top: 10px;
		clear: both;
		width: 125px;
		border: 0;
		background-color: #637525;
		color: #fff;
		font-size: 11pt;
		text-decoration: none;
		font-weight: 400;
		text-align: center;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.boxAds .btnsuscribe:hover{
		background: #333;
	}

	

	.admask, .admaskok{
		display: block;
		height: 115px;
		margin-top: 15px;
		background: url(//www.sorteopremios.com/home/images/adok.png) no-repeat top center;
		background-size: 71px 72px;
		font-weight: 100;
		font-size: 10pt;
		color: #637525;
		font-family: inherit;
	}
	.admask b, .admaskok b{
		display: block; 
		clear: both;
		font-size: 12pt;
		font-weight: 100;
		padding-top: 80px;
		color: #637525;
		font-family: inherit;
	}
	.AdLoader{
		display: block; 
		margin: 0 auto;
		width: 24px;
		height: 24px;
		margin-top: 10px;	
		background: url(//www.sorteopremios.com/home/images/loader.gif) no-repeat;
	}
	
	.adtel{
		display: block;
		padding-top: 12px;
		text-align: center;	
	}
	.adtel em{
		display: block;
		clear: both;
		font-size: 7pt;
		color: #637525;	
	}
	.adtel span{
		height: auto;	
	}

	.radios{
		display: block;
		clear: both;
		text-align: center;	
		display: block; 
		clear: none;
		float: left;
		width: 150px;
		padding-top: 5px;
	}
	.radios label{
		display: inline-block;
		margin-right: 10px;
		padding: 4px 10px;
		background: #f9f9f9;
		border-radius: 5px;
		text-transform: uppercase;
		cursor: pointer;
		border: 1px solid #f1f1f1;
		margin-top:0px;
		font-size: 10px;
		height: 15px;
		vertical-align: top;
		line-height: 15px;
		font-weight: bold;
		min-width: 20px;
	}
	
	.radios label.ono{
		color: #b1b1b1;
		font-weight: normal;
	}

	.radios label.osi:hover{
		border: 1px solid #9bc225;
	}
	
	.radios label.ono:hover{
		border: 1px solid #af280e;
	}

	.radios input{
		display: none;
	}

	.radios input:checked + label.osi {
	  background: #9bc225;
	  border-color: #9bc225;
	  color: #fff;
	}
	
	.radios input:checked + label.ono {
	  background: #af280e;
	  border-color: #af280e;
	  color: #fff;
	}
	
	.radios input:checked + label i{
		border-color: #fff;
	}

	.radios i{
		display: inline-block;
		padding-right: 6px;
		margin-right: 6px;
		border-right: 1px solid #999;
	}



	.radios span{
		display: block;
		clear: both;
		text-align: center;
		height: auto !important;
		font-weight: bold;	
	}

	.coregistros label{font-size: 9pt;}
	.coregistros input[type="text"]{width: 80%;}

	.horizontal{
		display: block;
		height: auto;
		margin: 0 auto;
		margin-bottom: 12px;
		width: 100%;
		text-align: left;
		margin-top: 0px;
		clear: both;
	}
	
	.horizontal img{float: left; margin-right: 12px;}
	.horizontal span{
		display: inline-block;
		text-align: left;
		float: left;
		height: auto;
		width: 71%;
	}


	.horizontal .admask, .horizontal.admaskok{
		height: 75px;
		margin-top: 0px;
	}

	.horizontal .adtel{
		display: block;
		width: 60%;
		float: left;
		padding-top: 2px;
		text-align: left;	
	}
	.horizontal .adtel input{
		float: left; clear: both;
	}
	.horizontal .error{
		text-align: left;
	}
	
	.likes {
		display: inline-block;
		background: #f9f9f9;
		width: 100px;
		height: 100px;
		float: left;
		font-size: 9pt !important;
		text-align: center;
		margin-right: 10px;
		color: #aaa;
		padding: 5px;
	}
	
	.coregistrosBox{
		display: block;
		padding: 30px 40px;
	}
	
	.coregistrosBox .formbox form label{
		display: inline-block;
	}
	
	.coregistrosBox h3{
		margin-bottom: 25px;
	}
	.coregistrosBox h3 b{
		color: #637525;
	}
	
	.boton{
		display: block;
		width: 30%;
		background: red;
		font-size: 22px;
		background: #637525;
		font-weight: 400;
		color: #fff;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		cursor: pointer;
		padding: 9px;
		text-align: center;
		margin: 0 auto;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.boton:hover{
		background: #333;
	}
	
	
	.double{display: block; text-align: center;}
	.double b{display: block; text-align: center; margin-bottom: 15px;}
	.d_two b{color: #8ac115;}
	.double span{
		display: inline-block !important;
		width: 40px !important;
		height: 40px !important;
		text-align: center !important;
		line-height: 40px !important;
		background: #f5f5f5;
		border-radius: 50%;
		cursor: pointer;
		float: inherit;
	}
	.double span.one-si, .double span.two-si{font-weight: bold;}
	.double span.one-no, .double span.two-no{color: #999;}
	.double span:hover{background: #333; color: #fff;}
	.double .chooseno{background: #ecc4c4; color: #a51e1e !important;}

	#redes {width: 232px; height: 34px; float: right; display: block; margin-top: 100px; position:relative; text-align:center;}

	#redes span{
		display: block;
		margin-top: -60px;
		text-align: center;
		font-weight:bold;
		text-transform: uppercase;
		color: #738327;
		line-height: 17px;
    	margin-bottom: 15px;
	}

	a#facebook {display: inline-block; width: 42px; height: 34px; float:none; background:url(../images/nuevas-redes2.png); background-position: 2% 100%;}
	a:hover#facebook {background:url(../images/nuevas-redes2.png); background-position: 2% 0%;}
	a#twitter {display: inline-block; width: 39px; height: 32px;  float:none;  background:url(../images/nuevas-redes2.png); background-position: 27% 0%;}
	a:hover#twitter {background:url(../images/nuevas-redes2.png); background-position: 27% 100%;}
	a#google {display: inline-block; width: 39px; height: 32px;  float:none; background:url(../images/nuevas-redes2.png); background-position: 52% 0%; margin-right: 8px;}
	a:hover#google {background:url(../images/nuevas-redes2.png); background-position: 52% 100%;}
	a#pinterest {display: inline-block; width: 39px; height: 32px; background:url(../images/nuevas-redes2.png); background-position: 79% 0%;}
	a:hover#pinterest {background:url(../images/nuevas-redes2.png); background-position: 79% 100%;}
	a#youtube {display: inline-block; width: 42px; height: 34px;  float:none;  background:url(../images/nuevas-redes2.png); background-position: 100% 100%;}
	a:hover#youtube {background:url(../images/nuevas-redes2.png); background-position: 100% 0%;}


	.sp-advance{
		background: #fff;
	}
	.sp-advance #container {
		position:relative;
	}
	.sp-advance #nav > ul{
		background: #98b338;
	}
	.sp-advance #nav > ul > li > a{
		font-size: 1.4em;
    	line-height: 3.1em;
	}
	.sp-advance #nav > ul > li:not( :last-child ) > a{
		border-right: 0px;
	}
	.sp-advance #nav > ul > li:hover > a, .sp-advance #nav > ul:not( :hover ) > li.active > a{
		background: #adc261;
		color: #fff;
	}
	.sp-advance #nav li ul{
		background-color: #adc261;
	}
	.sp-advance #nav li ul li{
		display: block;
	}	


	.sp-advance .sp-logo{
		display: inline-block;
		width: 30%;
		vertical-align:top;
		margin-top: 15px;
   		margin-bottom: 15px;
	}
	.sp-advance .sp-logo img{
		max-width: 250px;
	}

	.sp-advance .access{
		display: inline-block;
		width: 50%;
		vertical-align:top;
		text-align:right;
		position: absolute;
		right: 0px;
		top:40px;
	}
	.sp-advance .access .icon-red{
		display: inline-block;
		vertical-align:top;
		margin-right:10px;
		width: 40px;
		height: 40px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #98b338;
		color: #fff;
		text-align: center;
		line-height: 40px;
		font-size: 17pt;
	}
	.sp-advance .access .icon-red:hover{
		background-color: #adc261;
	}
	.sp-advance .access .icon-login{
		display: inline-block;
		vertical-align:top;
		background: #f0923d;
		color: #fff;
		font-size: 12pt;
		padding: 7px 15px;
		border-radius: 6px;
		margin-left:20px;
		font-family: "Roboto", sans-serif;
	}
	.sp-advance .access .icon-login:hover{
		text-decoration: none;
		background: #ef9c51;
	}
	.sp-advance .access .icon-login i{
		display:none;
	}
	.sp-advance .sorteoscontain{
		padding:0px;
		padding-top: 50px;
		padding-bottom: 50px;
		display: -ms-flex;
        display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
    	justify-content: space-around;
	}
	.sp-advance .feat-box{
		border: 0;
		width: 28%;
		height: 450px;
		padding: 0px;
		margin: 20px 0px;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding-bottom: 25px;
	}
	.sp-advance .feat-box h2{
		color: #5d5d5d;
		font-weight: bold;
		font-size: 13pt;
		margin-top: 25px;
	}
	.sp-advance .feat-box a{
		display: block;
		margin: 0 auto;
		padding: 7px 15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #f0923d;
		text-decoration: none !important;
		color: #fff;
		font-weight: bold;
		font-size: 13pt;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 50%;
	}
	.sp-advance .feat-box a:hover{
		background: #ef9c51;
	}
	.sp-advance .feat-box img{
		width: 150px;
		height: 150px;
		display: block;
		margin: 0 auto;
		margin-top: 15px;
	}
	.sp-advance .feat-box span{
		text-align:center;
		color: #646464;
	}
	.timedout a{
		background: #c9c9c9 !important;
		width: 60% !important;
		font-size: 10pt !important;
	}
	.timedout a:hover{
		background: #bfbebe !important;
	}
	.timedout a i{
		display: inline-block; 
		margin-right: 10px;
		font-size: 12pt;
		color: #fff;
	}
	.sp-advance .timedout span{
		height: 135px;
	}
	.ruleta-box{
		display: block;
		background: rgb(155,181,62);
		background: linear-gradient(90deg, rgba(155,181,62,1) 0%, rgba(255,255,255,1) 60%);
		position: relative;
		padding: 0px;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.14);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.14);
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.14);
	}
	.ruleta-box div{
		display: block;
		background: url(https://www.sorteopremios.com/images/ruleta-QR1.png) no-repeat bottom left;
		height: 330px;
		position: relative;
	}
	.ruleta-box div span{
		display: inline-block;
		width: 45%;
		position: absolute;
		top: 55px;
		right: 30px;
		text-align:center;
		font-size: 9pt;
		color: #707070;
	}
	.ruleta-box div span h3{
		display: block;
		margin:0px;
		margin-bottom: 12px;
		font-size: 15pt;
		text-align:center;
	}
	.ruleta-box div span a{
		display: block;
		margin: 0 auto;
		padding: 7px 15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #f0923d;
		text-decoration: none !important;
		color: #fff;
		font-weight: bold;
		font-size: 13pt;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 50%;
	}
	.ruleta-box div span a:hover{
		background: #ef9c51;
	}
	.sp-advance div#subtitular{
		border-top: 0px;
	}

	.sp-advance .newsletter{
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.sp-advance .newsletter img{
		max-width: 90%;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.sp-advance .newsletter h3{
		display: block;
		margin-bottom: 20px;
		font-size: 15pt;
    	font-family: "Roboto", sans-serif;
	}
	.sp-advance .newsletter input[type="email"]{
		display: inline-block;
		vertical-align:top;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 7px 20px;
		border: 0px;
		height: 25px;
		width: 30%;
		text-align:center;
		color: #777777;
	}
	.sp-advance .newsletter input[type="submit"]{
		display: inline-block;
		vertical-align:top;
		border: 0px;
		background: #6A529E;
		padding: 7px 20px;
		font-weight: bold;
		color: #fff;
		font-size: 13pt;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 39px;
		margin-left: 10px;
		cursor: pointer;
	}
	.sp-advance .newsletter input[type="submit"]:hover{
		background: #7864AF;
	}
  
	.sp-advance .seoparrafo .seo-box{
		display: block;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
		padding: 20px;
		margin-bottom: 15px;
	}
	.sp-advance .seoparrafo .seo-box h4{
		display: block;
		cursor: pointer;
		text-align:center; 
		color: #616160;
		font-size: 11pt;
		position: relative;
	}
	.sp-advance .seoparrafo .seo-box h4 i{
		position: absolute;
		right:10px;
		top:5px;
		color: #616160;
		cursor: pointer;
	}
	.sp-advance .seoparrafo .seo-box span{
		display: block;
		color: #616160;
		margin-top:20px;
	}

	.sp-advance .footer_copyhome{
		border-top: 0px;
		font-family: inherit;
		line-height: 15px;
		padding-bottom: 45px;
	}
	.sp-advance .footer_copyhome b{
		color: #616160;
	}

	.sp-advance .corpopie{
		background: #98b338;
	}
	.sp-advance .corpopie div span b{
		color: #fff;
		font-size: 10pt;
		display: inline-block;
		margin-bottom: 6px;
		text-align: left;
		padding-bottom: 6px;
		border-bottom: 1px solid #fff;
	}
	.sp-advance .corpopie div span{
		border: 0px !important;
	}
	.sp-advance .corpopie div span a{
		display: block;
		color: #fff;
		font-family: inherit;
	}
	.sp-advance .corpopie div span a:hover{
		color: #fff;
	}
	.sp-advance .corpopie div span span{
		display: block;
		color: #fff;
	}
	.sp-advance .logospie{
		background: #fff;
	}
	.sp-advance .estadisticas{
		background: #fff;
		line-height: 19px;
		font-size: 10pt;
		color: #616160;
		margin-top: 30px;
	}
	.sp-advance .estadisticas b{
		font-size: 15pt;
		font-family: "Roboto", sans-serif;
		color: #555;
	}
	.sp-advance .ellos{
		height: 200px;
		background: rgb(244,161,133);
		background: linear-gradient(0deg, rgba(244,161,133,1) 0%, rgba(248,216,119,1) 100%);
	}
	.sp-advance .ellos b{
		padding: 35px 0px 0px 0px;
		background: transparent;
		font-size: 12pt;
		font-family: inherit;
		color: #fff;
	}
	.sp-advance .paranunciantes a{
		background: #fff url(../images/seduce-a-tus-clientes.jpg) top no-repeat;
	}
	.sp-advance .pasos{
		background: #fff;
	}
	.sp-advance .pasos h3{
		font-size: 15pt;
		font-family: "Roboto", sans-serif;
		margin-bottom: 30px;
	}
	.sp-advance .pasos h3 em{
		font-size: 14pt;
		font-family: "Roboto", sans-serif;
		margin-top: 2px !important;
		padding-top: 0px !important;
	}

	.sp-advance .pasos .step#paso_uno{
		background: url(../images/sp_step1.jpg);
	}
	.sp-advance .pasos .step#paso_dos{
		background: url(../images/sp_step2.jpg);
	}
	.sp-advance .pasos .step#paso_tres{
		background: url(../images/sp_step3.jpg);
	}
	.sp-advance #moreinfohome{
		background: #fff;
		color: #616160;
	}
	.sp-advance #moreinfohome h2, .sp-advance #moreinfohome h3{
		font-size: 12pt;
	}

	.sp-advance #ex1{
		display:block;
	}
	.sp-advance #toppanel{
		margin-bottom: 0px;
	}
	.sp-advance #toggle{
		display:inline-block;
		margin-top: 2px;
		z-index: 99999999999;
    	position: relative;
	}
	.sp-advance #panel .content{
		background: #99b438 !important;
	}
	.sp-advance #panel .content form input[type="submit"]{
		background: #f0923d !important;
		color:#fff !important;
	}

	.sp-advance .ganadoresbox{
		display:block;
		background: #fff;
		color: #616160;
		margin-top: 30px;
		line-height: 19px;
		font-size: 10pt;
		text-align:center;
	}

	.sp-advance .ganadoresbox h3{
		font-size: 20pt;
		line-height: 29px;
		color: #616160;
		text-align:center;
		margin-bottom: 30px;
	}
	.sp-advance .ganadoresbox li{
		display: inline-block;
		width:30%;
		margin: 12px;
		vertical-align:top;
	}
	.sp-advance .ganadoresbox li img{
		display:block;
		max-width: 100%;
		margin: 0 auto;
		margin-bottom:15px; 
	}
	.sp-advance .ganadoresbox li b{
		display: block;
		text-align:center;
		font-size: 15pt;
    	font-family: "Roboto", sans-serif;
	}
	.sp-advance .ganadoresbox li b em{
		font-style: normal;
		font-weight:normal;
		font-size: 14pt;
		margin-top: 10px;
		display:block;
	}

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

		#redes{
			display: block !important;
			margin-top: 0px !important;
			position: inherit !important;
			height: auto !important;
			width: 100% !important;
		}
		#redes span{
			margin: 0px !important;
			font-size: 7pt !important;
			margin-bottom: 10px !important;
		}

		.sp-advance .feat-box{
			width: 100%;
			height: auto;
			padding-top: 20px;
		}
		.sp-advance .timedout span{
			height: auto;
		}	
		.sp-advance .newsletter h3{
			font-size: 15pt;
    		margin-top: 10px;
		}
		.sp-advance .pasos .step {
			margin: 21px auto;
			width: 180px;
			height: 180px;
			display: block;
			background-size: cover !important;
		}
		.sp-advance .paranunciantes a {
			width: 100%;
			height: 200px !important;
			background-size: contain !important;
		}
		.sp-advance .ellos {
			height: 125px !important;
		}
		.sp-advance .corpopie div span {
			display: block;
			width: 100%;
			margin-bottom: 20px;
			text-align: left;
		}
		.sp-advance .corpopie div span span{
			padding: 0px;
		}
		.sp-advance h1{
			font-size: 14pt;
			line-height: 25px !important;
		}
		.sp-advance .access .icon-login{
			font-size: 10pt;
			padding: 5px 10px;
			margin-top: 10px;
			margin-left:0px;
		}
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
			bottom: -50px;
		}
		.sp-advance .sp-logo{
			display: block;
    		width: 100%;
		}
		.sp-advance .sp-logo img{
			max-width: 150px;
		}
		.sp-advance #nav{
			position: absolute;
   			top: 20px;
		}
		.sp-advance #nav > a{
			background-color: #98b338;
		}
		.sp-advance .access{
			top: 10px;
		}
		.sp-advance .access .icon-login span{
			display:none;
		}
		.sp-advance .access .icon-login i{
			display:block;
		}
		.sp-advance .access .icon-red{
			display: none;
		}
		.sp-advance .access .icon-login{
			padding: 10px;
    		margin-top: 8px;
		}
		.sp-advance .ganadoresbox li{
			display: block;
			width: 100%;
			margin-bottom: 30px;
		}
		.sp-advance .ganadoresbox li b{
			margin-top: 20px;
		}
		.ruleta-box div{
			background: url(https://www.sorteopremios.com/images/2021/ruleta-box-desktop.png) no-repeat center bottom;
			height: 670px;
		}
		.ruleta-box div span{
			display: block;
			width: 80%;
			position: inherit;
			top: inherit;
			right: inherit;
			padding: 20px;
			margin: 0 auto;
		}

	}