/*FONTS*/
	
		@font-face {
		font-family: 'Principal';
		src: url('../fonts/Sohne-Halbfett.ttf') format("opentype");
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'Secundaria';
		src: url('../fonts/Sohne-Leicht.ttf') format("opentype");
		font-weight: normal;
		font-style: normal;
	}
	
	
	
	
/*END FONTS*/


.txt1{ 
    position: absolute;
    top: 65px;
    right: 75px;
    font-size: 20px;
}
.txt2{ 
	position: absolute;
    top: 92px;
    right: 75px;
    font-size: 20px;
    /*width: 175px;*/
    text-align: right;
    line-height: 21px;
}

.txt3{ 
	position: absolute;
    top: 114px;
    right: 75px;
    font-size: 20px;
    /*width: 175px;*/
    text-align: right;
    line-height: 21px;
}

.txt4{ 
	position: absolute;
    top: 227px;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    text-align: center;
}

.txt5{ 
	position: absolute;
    top: 440px;
    font-size: 60px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: #FFF;    
	letter-spacing:20px;				 
}

.txt6{ 
	position: absolute;
    top: 553px;
    left: 383px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    width: 515px;
}




#linea0{
    margin-left:36px;
    height:46px;
    margin-right:30px; 
    width: 1194px;
    color: black;
    background: #bf9b30;
    border-radius: 12px;
}

#texto2{
    padding: 0;
    font-size: 0.85em;
    line-height: 46px;
    color: #FFF;
}

.titulosSets{
    width:329px;
    line-height: 46px;
    color: #FFF;
}

.tituloJuego{
    line-height: 46px;
    color: #FFF;
}


/*GLOBAL STYLES*/
    html,
    body {
    	font-family: 'Principal',  Arial, Helvetica, sans-serif;	
        height: 100%;
		/*line-height: 41px;*/
    }
    body {
        color: #FFF;
        font-size: 100%;
        /*background-color: white*/
		background-color: #0d2ce3;
        /*padding: 10px 0;*/
	}
    a {
        color: #fff;
    }
    a:hover, a:active, a:focus {
        color: #f90;
        text-decoration: none;
    }
    hr {
        border-top: 1px solid #ddd;
    }
    label {
        margin-bottom: 0px;
        font-weight: normal;
    }
    .align-center {
        text-align: center !important;
    }
    .align-right {
        text-align: right !important;
    }
    .align-left {
        text-align: left !important;
    }
    .align-justify {
        text-align: justify !important;
    }
    .margin-center {
        margin: auto !important;
    }
    .uppercase {
    	text-transform: uppercase;
    }
    .no-padding {
    	padding: 0 !important;
    }
/*END GLOBAL STYLES*/

/*CONTENT*/

    .logos_top div{
        max-height: 120px;
        line-height: 100px;
		
	 
				 
  
					 
					 
							   
				  
    }
    img.logo_main,
	    img.logo_add {
/*    	width: 100%;*/
        /*width: 250px;*/
        vertical-align: middle;
        margin: 0;
		
    }
    img.logo_add1 {
/*    	width: 100%;*/
        width: 150px;
        vertical-align: middle;
        margin: 0;
    }
     img.logo_add2 {    	
	    /*width: 100%;
        width: 500px;*/
        vertical-align: middle;
        /*! margin-top: -5px; */
    }
	 img.logo_add3 {    	
	    width: 100%;
        width: 220px;
        vertical-align: middle;
        margin-top: 0px;
    }
    .tournament {
        font-size: 46px !important;
        text-transform: uppercase;
        /*line-height: 1em !important;*/
		line-height:50px !important;
        padding-top: 1px;
        text-align: center;
		margin-top:50px;
		color:#69DFE2;
    }
    
     .point_name 
     {
             color: #00aafe !important;
     }
     .sets {
        font-size: 30px;
        text-align: center;
        text-transform: uppercase;
        padding: 0px 0 0px;
        /*border-bottom: 2px solid #FFF;*/
		/*margin-top:3%;*/
		/*background-color: #22356D;*/
    }
    .sets .set {
        font-size: 30px;
        text-align: left !important;
    }
	.sets .set2 {
        font-size: 30px;
    }
    .team {
		color:#FFF;
        min-height: auto;
		/*border: 4px solid #69DFE2;*/
		/*border-top: 2px solid #eee;*/
		/*border-bottom: 4px solid #22356D;*/
		/*border-bottom: 2px solid #bf9b30;*/
		/*border-top: 2px solid #69DFE2;*/
		margin-left:50px;		   
		margin-right:30px;
    }
    .team .players div{
        border: none;
		
    }
    .team .players .name{
		height:130px;
		/*background-color:#22356D;*/
    	/*! font-family: 'PoppinsBold'; */
        font-size: 36px;
		/*font-size: 3.5em;*/
        /*text-transform: uppercase;*/
        padding-right: 5px;
		/*margin-left: 5px;	*/	
		  /*  border: 4px solid #69DFE2;*/	
			/*border-top: 4px solid #69DFE2;*/
			/*border-left: 4px solid #69DFE2;*/
			/*border-right: 4px solid #FFF;*/
    }
	
   .team .players	.name span:first-letter {
   font-size: 300%;
   font-weight: bold;
   }
	
    .team .players .name div{
		
        line-height: 48px;
		/*line-height: 1.2;*/
        width: 100%;
        /*margin-top: 10px;*/
    }
    .team .players .name .serve_dott {
        width: 30px !important;
        height: 30px;
        background-color: #E9F955;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin: 0 0 0 0px;
        display: inline-block;
        position: relative;
        left: 10px;
        bottom: -2px;
    }
	
	
	
	
	
	
	
	
	
    .team .set{
		height: 130px;
        /*border-left: 7px double #eee;/*
        /*border-right: 1px solid #eee;*/	
    }
    .team .set,
    .team .point {
		
        color: #22356D;
        font-size: 72px;
		text-align: center;
        padding: 0;
		/*padding-left: 5px;*/
    }
    .team .set div {
		/*border-right: 4px solid #69DFE2;*/
		color: #FFF;
		/*background-color: #22356D;*/
   }
   
   .team .set .set_on , .team .set div{
        line-height: 120px;
		height: 130px;
		font-size: 105px;
    }
	
    .team .set .set_on{
        /*color: #22356D;*/
        /*text-shadow: 0px 0px 20px rgba(255,255,255,0.3);*/
		/*background-color: #69DFE2;*/
		/*height : 130px;		  */
    }
    .team .point {
		line-height: 120px;
		height: 130px;
		font-size:90px;
		width : 130px;
		color: #bf9b30;
        /*text-shadow: 0px 0px 20px rgba(255,255,255,0.2);*/
		/*border: 4px solid #69DFE2;*/
		/*border-right: 4px solid #22153f;*/
    }
    .logos_bott {
        margin-top:20px; 
    }
	.divReloj{
		/*! margin-top:9px; */
		/*border-right: 2px solid #FFF;*/
		padding-top: 0px;
	}
	.divReloj2{
		/*! margin-top:9px; */
	}
	.logos_bott .time {
font-size: 86px;
float: left;
margin-left: 10px;
position: absolute;
margin-top: -15px;
/*color: #bf9b30;*/
    }
	
	.logos_bott .time_txt {
		text-transform: uppercase;
        position: relative;
        color: #ffffff;
        width: 137px;
        float: left;
    }
    
    .time_txt{
        font-size: 18px;
        text-align: right;
        line-height: 18px;
        margin-top: 22px;
     }
    /*.logos_bott .time {
        font-size: 5.9em;
        border: 2px solid #fff;
        padding: 0px 5px;
		margin-left:20px;
		
    }*/
    /*.logos_bott .time_txt {
        font-size: 3.5em;
        text-transform: uppercase;
	    margin-left: 1px;
	    position: relative;
	    top: 1px;
	    display: inline-block;
    }*/
    .logos_bott img.logo_add {
        max-width: 150px;
    }
    .front_cover {
	width: 1280px;
	height:720px;
	top: 0;
	left: 0;
	z-index: 10;
	background: #377cbd;
	/*border-radius: 25px;*/
	border: 5px solid #bf9b30;
    }

	#txtTitulo1{
		font-size: 23px;
		line-height: 23px;
		height: unset;
		font-family: 'Secundaria';
		color:#FFF;
		display:;
	}

	#txtTitulo2{
		font-size:75px;
		line-height:1em;
		height:unset;
		color:#FFF;
		display:;
	}







    .front_cover .cover_content {
	  /*  position: absolute;
	    top: 50%;
	    margin-top: -25%;*/
    }
    .front_cover .cover_txt,
    .front_cover .cover_txt2 {
    	color: #fff;
        font-size: 4.5em;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0px 2px 7px #000;
        margin: 5% 0;
    }
    .front_cover .cover_txt2 {
        font-size: 5em;
    }
    .front_cover .cover_logo {
        text-align: center;
    }
    .front_cover .cover_logo img{
       /* width: 25%;*/
    }
	
	
			/*RELOJ2 y TIEMPO*/
	.divReloj2{
    
    /*! width: 160px; */
    /*! margin-top: 5%; */
    /*! height: 130px; */
    /* padding-bottom: 2%; */
    top: 0;
    /*! text-align: center; */
    float: left;
    font-size: 10em;
     /*! margin-bottom: 18px; */ 
    /* background-color: #22356D;*/
	    /*! margin-left: 30px; */
    /*! margin-left: 16px; */
    /*! padding-top: 6px; */
    /*color: #8fffcf;*/
	}
	
	.time_txt2{
		font-size: 21px;
		text-transform: uppercase;
		/*! margin-top: 6px; */		
	}
.time_txt2b{
		/*background-color: #22153f;*/
				   
		color: #22356D;						
		background-color:#69DFE2;
		/*padding: 0.5%;*/
		font-size: 12px;
		text-transform: uppercase;
		border: 1px solid #22356D;	 
		line-height:14px;			
				  
				   
					
	}	
	
	.time2{
		line-height: 64px;
		
		font-size: 64px;
		float: left;
		margin-top: -7px;
		margin-left: 12px;
		color:#bf9b30;		 
	}
	/*FIN RELOJ2 Y TIEMPO*/	
	
/* 	.time3{
		font-size:10em;
		margin-left:30px;
		/*border: 3px solid #69DFE2;*/
		background: #69DFE2;
		border-radius:0%;
		width:108px;
		height:66px;
		float:left;
		position:absolute;
		line-height:1.1;
		padding-left:2px;
		text-align:center;
	}
	.time_txt3{
		background:#69DFE2;
		font-size:2em;
		text-transform:uppercase;
		margin-top:63px;
		display:inline-block;
		padding-left:30px;
		padding-right:30px;
		color:#22153F;
		float:left;
		margin-left:30px;
	} */
	
	.divReloj3{
		margin-top:1px;
	}
	
	
	.sancionP1, .sancionP2{
		position: absolute !important;
		margin-left: 610px !important;
		width: 77px !important;
		margin-top: 44px !important;
		font-size: 0.5em !important;
		line-height: 26px !important;
		text-align: center !important;
		border-radius: 10px;
		padding-bottom: 3px !important;
		padding-top: 3px !important;
		height: 30px !important;
	}
	
	.pre{
    background:yellow;
    color:black;
}

.adv{
    background:orange;
    color:black;
}

.adp{
    background:red;
    color:white;
}

.adg{
    background:DarkSlateBlue;
    color:white;
}

.adm{
    background:black;
    color:white;
}


.border3{
	border-left: 3px solid #bf9b30;
	position: relative;
	left: -3px;
	height: 245px;
	bottom: 120px;
}

.border2{
	border-right: 3px solid #bf9b30;
	position: absolute;
	top: 0%;
	bottom: 0;
	left: -3px;
	height: 245px !important;
}

.border1{
	border-right: 3px solid #bf9b30;
	position: absolute;
	top: 0%;
	bottom: 0;
	left: -3px;
	height: 245px !important;
}

#linea1{
	width: 1154px;border-bottom: 3px solid #bf9b30;
}
	
	
/*END CONTENT*/

/*RESPONSIVE STYLES*/

@media(max-width:1920px) and (min-width:1920px) {
		body {
    zoom: 1.5!important;
}
	}	


@media(max-width:1919px) and (min-width:1851px) {
		body {
    zoom: 1.45!important;
}
	}	

@media(max-width:1850px) and (min-width:1801px){
		body {
    zoom: 1.4!important;
}
	}	


@media(max-width:1800px) and (min-width:1701px) {
		body {
    zoom: 1.30!important;
}
	}	

@media(max-width:1700px) and (min-width:1601px) {
		body {
    zoom: 1.25!important;
}
	}	
	
@media(max-width:1600px) and (min-width:1501px) {
		body {
    zoom: 1.18!important;
}
	}		
	
	@media(max-width:1500px) and (min-width:1401px) {
		body {
    zoom: 1.10!important;
}
	}	

@media(max-width:1400px) and (min-width:1281px) {
		body {
    zoom: 1.02!important;
}
	}		

	@media(max-width:1280px) and (min-width:1280px) {
		body {
    zoom: 1!important;
}
	}	


	@media(max-width:1279px) and (min-width:1201px) {
		body {
    zoom: 0.9!important;
}
	}	
	
	@media(max-width:1200px) and (min-width:1101px) {
		body {
    zoom: 0.925!important;
}
    }

	@media(max-width:1100px) and (min-width:1001px) {
		body {
    zoom: 0.78!important;
}
    }
	
@media(max-width:1000px) and (min-width:961px) {
		body {
    zoom: 0.76!important;
}
    }	

@media(max-width:960px) and (min-width:960px) {
		body {
    zoom: 0.75!important;
}
    }
	@media(max-width:959px) and (min-width:925px) {
		body {
    zoom: 0.73!important;
}
    }

@media(max-width:924px) and (min-width:924px) {
		body {
    zoom: 0.721875!important;
}
    }

	
	@media(max-width:923px) and (min-width:901px) {
		body {
    zoom: 0.71484375!important;
}
    }

/*
	@media(max-width:900px) and (min-width:801px) {
		body {
    zoom: 0.62!important;
}
    }


	@media(max-width:800px) and (min-width:701px) {
		body {
    zoom: 0.56!important;
}

	}

	@media(max-width:700px) and (min-width:601px) {
		body {
    zoom: 0.47!important;
}

	}	

	@media(max-width:600px) and (min-width:501px) {
		body {
    zoom: 0.4!important;
}

	}
	@media(max-width:500px) and (min-width:401px) {
		body {
    zoom: 0.3!important;
}
	}
	@media(max-width:400px)  and (min-width:360px)  {
		body {
    zoom: 0.28!important;
}
    } 

	@media(max-width:359px) and (min-width:321px)    {
		body {
    zoom: 0.25!important;
}
    }
	
	@media(max-width:320px) and (min-width:201px)    {
		body {
    zoom: 0.25!important;
}
    }

@media(max-width:200px) and (min-width:150px)    {
		body {
    zoom: 0.20!important;
}
    }

	@media(max-width:150px)    {
		body {
    zoom: 0.1!important;
}
		
	}*/
	
	.puntooro{
	/*! background-image: url('/img/puntooro23.gif'); */
	/*! height: 100%; */
	/*! width: 100%; */
	/*! background-position: right; */
	/*! background-repeat: no-repeat; */
	/*! background-size: cover; */
	color: #E9F955;
	}
			

	
	.puntooro-back{
		background-image:none;
		background-color: #ffde59;
	}



.borderwhite{
	border-bottom: 7px solid #FFF;
	position: unset;
	top: 0%;
	left: 0px;
	height: 8px;
	margin-top: -6px;
	width: 100%;
}	
.borderwhiteFondo{
	border-bottom: 4px solid #e3c962;
	position: unset;
	top: 0%;
	left: 0px;
	height: 4px;
	margin-top: -4px;
	width: 100%;
}	

#banderaP1a, #banderaP2a, #banderaP1b, #banderaP2b {
    width: 40px;
    height: 35px;
    padding-bottom: 5px;
    margin-right: 15px;
    border-radius:6px;
}


/*END RESPONSIVE STYLES*/	   
	/*						
	
.time3{
		font-size:10em;
		margin-left:10px;
		border: 3px solid #69DFE2;
		background: #69DFE2;
		border-radius:50%;
		width:140px;
		height:120px;
		float:left;
		position:absolute;
		line-height:1.1;
		padding-left:2px;
		text-align:center;
	}
	.time_txt3{
		background:#69DFE2;
		font-size:4em;
		text-transform:uppercase;
		margin-top:23px;
		display:inline-block;
		padding-left:60px;
		padding-right:10px;
		color:#22153F;
		float:left;
		margin-left:100px;
	}
	
	.divReloj3{
		margin-top:1px;
	}	
	*/
	
	
	#circuloLive{
        height: 20px;
        width: 20px;
        background: red;
        -moz-border-radius:50px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        float: left;
        margin-right: 5px;
        margin-top: 15px;
    }
	
	   #divStats{
        float: right;
        border: 2px solid #FFF;
        padding: 7px;
        height: 70px;
        line-height: 50px;
    }
    
    #divStats a:hover{
        color:#00aafe;
    }
	
	
	
	
	body {    -webkit-transform-origin-y: top;}

/*	
	@media(min-width:1920px) { body {   transform:scale(2);-webkit-transform: scale(2); -moz-transform:scale(2); -webkit-transform-origin-x: left;} }
	@media(min-width:1701px) { body {   transform:scale(2);-webkit-transform: scale(2); -moz-transform:scale(2); -webkit-transform-origin-x: left;} }
	@media(min-width:1601px) { body {   transform:scale(2);-webkit-transform: scale(2); -moz-transform:scale(2); -webkit-transform-origin-x: left;} }	
	@media(min-width:1501px) { body {   transform:scale(2);-webkit-transform: scale(2); -moz-transform:scale(2); -webkit-transform-origin-x: left;} }	
	@media(min-width:1401px) { body {   transform:scale(2);-webkit-transform: scale(2); -moz-transform:scale(2); -webkit-transform-origin-x: left;} }	
	@media(min-width:1301px) { body {   transform:scale(1);-webkit-transform: scale(1); -moz-transform:scale(1); -webkit-transform-origin-x: left;} }	
	@media(min-width:1201px) { body {   transform:scale(0.7);-webkit-transform: scale(0.7); -moz-transform:scale(0.7); -webkit-transform-origin-x: left;} }
	
	
	@media(max-width:1100px) { body {   transform:scale(0.7);-webkit-transform: scale(0.7); -moz-transform:scale(0.7); -webkit-transform-origin-x: left; } }	
	@media(max-width:1000px) { body {   transform:scale(0.7);-webkit-transform: scale(0.7); -moz-transform:scale(0.7); -webkit-transform-origin-x: left; } }	
*/
	@media(max-width:900px) { body {   transform:scale(0.6);-webkit-transform: scale(0.6); -moz-transform:scale(0.6); -webkit-transform-origin-x: left;transform-origin: top left; } 	}

	@media(max-width:850px) { body {   transform:scale(0.57);-webkit-transform: scale(0.57); -moz-transform:scale(0.57); -webkit-transform-origin-x: left; transform-origin: top left;} }
	
	@media(max-width:800px) { body {   transform:scale(0.57);-webkit-transform: scale(0.57); -moz-transform:scale(0.57); -webkit-transform-origin-x: left; transform-origin: top left;} }

 /* Crambo */ 
    @media(width:768px) { body {   transform:scale(0.6);-webkit-transform: scale(0.6); -moz-transform:scale(0.6);-webkit-transform-origin-x: left; transform-origin: top left;} }
	
    /* ipad */ 
    @media(max-width:750px) { body {   transform:scale(0.57);-webkit-transform: scale(0.57); -moz-transform:scale(0.57);-webkit-transform-origin-x: left;transform-origin: top left; } }
    /* iphone 7 en wpt - horizontal */
	@media(max-width:700px) { body {   transform:scale(0.5);-webkit-transform: scale(0.5); -moz-transform:scale(0.5);-webkit-transform-origin-x: left; transform-origin: top left;} }

	@media(max-width:650px) { body {   transform:scale(0.47);-webkit-transform: scale(0.47); -moz-transform:scale(0.47);-webkit-transform-origin-x: left; transform-origin: top left;} }	

	/* Poveda */ 
	@media(width:624px) { body {   transform:scale(0.4875);-webkit-transform: scale(0.4875); -moz-transform:scale(0.4875);-webkit-transform-origin-x: left; transform-origin: top left;} }
	
	@media(max-width:600px) { body {   transform:scale(0.45);-webkit-transform: scale(0.45); -moz-transform:scale(0.45);-webkit-transform-origin-x: left; transform-origin: top left;} }
	
	@media(max-width:550px) { body {   transform:scale(0.40);-webkit-transform: scale(0.40); -moz-transform:scale(0.40); -webkit-transform-origin-x: left; transform-origin: top left;} }
	
	@media(max-width:500px) { body {   transform:scale(0.36);-webkit-transform: scale(0.36); -moz-transform:scale(0.36); -webkit-transform-origin-x: left; transform-origin: top left;} }
	
	@media(max-width:450px) { body {   transform:scale(0.32);-webkit-transform: scale(0.32); -moz-transform:scale(0.32);  -webkit-transform-origin-x: left; -webkit-transform-origin-y: top;transform-origin: top left;} }
	
	/* Android Juaco en wpt */
	@media(max-width:400px) { body {   transform:scale(0.29);-webkit-transform: scale(0.29); -moz-transform:scale(0.29);  -webkit-transform-origin-x: left; -webkit-transform-origin-y: top;transform-origin: top left;} }
	
		
	/* iphone 7 en wpt */
	@media(max-width:359px) { body {   transform:scale(0.28);-webkit-transform: scale(0.28); -moz-transform:scale(0.28);  -webkit-transform-origin-x: left; -webkit-transform-origin-y: top;transform-origin: top left;} }
	
	@media(max-width:350px) { body {   transform:scale(0.23); -webkit-transform: scale(0.23); -moz-transform:scale(0.23);-webkit-transform-origin-x: left;transform-origin: top left;} }
	@media(max-width:300px) { body {   transform:scale(0.2); -webkit-transform: scale(0.2); -moz-transform:scale(0.2);-webkit-transform-origin-x: left;transform-origin: top left;} }
	@media(max-width:250px) { body {   transform:scale(0.18); -webkit-transform: scale(0.18); -moz-transform:scale(0.18);-webkit-transform-origin-x: left;transform-origin: top left;} }
	
	
	
	
/*END RESPONSIVE STYLES*/