@media(min-width: 200px){
	.showOnlyLarge{
		display: none;
	}
	.showOnlySmall{
		display: block;
	}
	.sorteosVigentes{
		font-size: 20px;
	}
	
	.numeroSorteo{
        font-size: 30px; color: white; font-weight: bolder;
    }
    
    .subtitulo{
        text-align:center;font-size: 20px;color: #000;
    }
    
    .hazClick{
        font-size: 25px;color: #fff;
    }
    .flecha1{
        width:25px;
    }
    
    .flecha2{
        width:25px;
    }
    
    .textowhat{
        color:white;
        font-size:23px;
    }
    .desarrolladopor{
        color:white;
        font-size:20px;
    }
    
    .misBotonesLeft{
        text-align: center !important;
    }
    
    .misBotoneRight{
        text-align: center !important;
    }


    .redesSocialesText{
        font-size: 12px !important;
    }

    .imagenSorteo{
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
    }

    .StylePaginaDos{
        margin-top: -490px !important;
    }
    .marginTopPagarUno{
        margin-top: 153px;
    }
    .marginTopPagar{
        margin-top: 15px;
    }

    .containerAux{
        padding-right: 0px !important;
        padding-left: 0px !important;;
    }
		
}
@media(min-width: 767px){
    .containerAux{
        padding-right: 15px !important;
        padding-left: 15px !important;;
    }
	.redesSocialesText{
        font-size: 20px !important;
    }
    .marginTopPagar{
        margin-top: 153px;
    }
    .StylePaginaDos{
        margin-top: -450px !important;
    }

}
@media (min-width: 992px){
	
}	
	
@media (min-width: 1200px){
	.showOnlyLarge{
		display: block;
	}
	.sorteosVigentes{
		font-size: 50px;
	}
	.showOnlySmall{
		display: none;
	}
	
	.numeroSorteo{
        font-size: 60px; color: white; font-weight: bolder;
    }
    
    .subtitulo{
        text-align:center;font-size: 35px;color: #000;
    }
    
    .hazClick{
        font-size: 49px;color: #fff;
    }		
    .flecha1{
        width:50px;
    }
    
    .flecha2{
        width:50px;
    }
    
    .textowhat{
        color:white;
        font-size:30px;
    }
    .desarrolladopor{
        color:white;
        font-size:20px;
    }
    
    .misBotonesLeft{
        text-align: right !important;
    }
    
    .misBotoneRight{
        text-align: left !important;
    }


     .imagenSorteo{
        width: 100% !important;
        
        height: auto !important;;
    }
	
}








/*
 * 
Thanks to Lea Verou's geniusness: http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/
*
*/

.tixContainer {
    position: relative; 
    margin: 5px; 
    display:inline-block;
      
    
  }
  
  .tix {
      font-size: 16px;
      display: table;
      z-index: 2;
      width: 103px; 
      height: 52px;
      
    
      /*grey*/
      background:
           -webkit-radial-gradient(0 100%, circle, rgba(204,204,204,0) 14px, #ccc 15px),
           -webkit-radial-gradient(100% 100%, circle, rgba(204,204,204,0) 14px, #ccc 15px),
           -webkit-radial-gradient(100% 0, circle, rgba(204,204,204,0) 14px, #ccc 15px),
           -webkit-radial-gradient(0 0, circle, rgba(204,204,204,0) 14px, #ccc 15px);
  }
  
  .tix:before {
    content: "";
    display: block;
    width: 100px;
    height: 50px;
    position: absolute;
    left: 0px;
    z-index: 0;
    background: 
      -webkit-radial-gradient(0 100%, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(100% 100%, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(100% 0, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(0 0, circle, rgba(165,172,185,0) 14px, #a5acb9 15px);
  }
  
  .tixInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  
  .tixInner:before {
      z-index: 0;
      content: "";
      display: block;
      width: 93px;
      height: 43px;
      position: absolute;
      left: 4px; 
      top: 4px;
          
      background:
           -webkit-radial-gradient(0 100%, circle, rgba(255,255,255,0) 14px, white 15px),
           -webkit-radial-gradient(100% 100%, circle, rgba(255,255,255,0) 14px, white 15px),
           -webkit-radial-gradient(100% 0, circle, rgba(255,255,255,0) 14px, white 15px),
           -webkit-radial-gradient(0 0, circle, rgba(255,255,255,0) 14px, white 15px);
  }
  
  .tixInner:after {
      z-index: 0;
      content: "";
      display: block;
      width: 91px; 
      height: 41px;
      position: absolute;
      left: 5px; 
      top: 5px; 
          
      background:
           -webkit-radial-gradient(0 100%, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(100% 100%, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(100% 0, circle, rgba(165,172,185,0) 14px, #a5acb9 15px),
           -webkit-radial-gradient(0 0, circle, rgba(165,172,185,0) 14px, #a5acb9 15px);
  }
  
  
  .tix,
  .tix:before,
  .tix:after,
  .tixInner:before,
  .tixInner:after {
      background-position: bottom left, bottom right, top right, top left;
      -webkit-background-size: 50% 50%;
      background-size: 50% 50%;
      background-repeat: no-repeat;
  }
  
  .tixInner {
    span {
       z-index: 10;
       position: relative;
       color:#0e1f72 !important;
    }
  }