/*********************************************/
/*********************************************/
/**** LOGIN VESTEL OPENSPORT *****************/
/*********************************************/
/*********************************************/
/*body { background-image: url(https://imgap.opensport.es/img/lines.png); }*/

div.vestel-login {    
    display: -webkit-flex;
   	display: flex;
   	-ms-display: flex;
}
div.vestel-login > div {
    margin: 3% 4%;
    min-height: 420px;
    background: #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 2%;
}
div.vestel-login h1 {
    font-size: 3.75em;
    margin-top: 0px;
}
div.vestel-login > div.row > div:nth-child(2) > div { padding: 1.5em; }
div.vestel-login > div.row > div:nth-child(2) > div h4 { margin-top: 0px; color: #fff; }
div.vestel-login > div.row > div:nth-child(2) > div:nth-child(3) {
    padding: 1em 1.5em 0.25em;
}
div.vestel-login > div.row input { border-width: 0px; max-width: 100%; font-size: 1.4em; }
div.vestel-login > div.row button {
    width: 100%;
    margin-top: 16px;
    color: #000;
}
div.vestel-login > div.row > div:nth-child(2) > div > div.focus {
	 background: #2d2d2d;	
	 -webkit-border-radius: 4px;   
   -moz-border-radius: 4px;
	 border-radius: 4px;
}

div.vestel-login > div.row > div:first-child > h4 {
    margin-top: 20px;
    font-size:1.25em;
}
div.vestel-login > div.row > div:first-child { padding-right: 0px; }
div.vestel-login > div.row > div:nth-child(2) { padding-left: 0px; }
div.vestel-login > div.row > nth:child(3) {
    margin-top: 1em;
}


/*********************************************/
/*********************************************/
/**** CONEXION VESTEL OPENSPORT **************/
/*********************************************/
/*********************************************/
div.vestel-conexion { 
    padding: 0 6%;
    text-align: center; 
    height: 100%;
}
div.vestel-conexion > div { 
    width: 100%;
    margin: 0 auto;  
    padding: 3%;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.vestel-conexion h1 { 
	margin: 0px; 
	font-size: 3em;
}
div.vestel-conexion ul { 
    list-style: none;
    padding-left: 0px;
    margin-top: 30px;
}
div.vestel-conexion ul > li > * { display: inline; }
div.vestel-conexion ul > li:nth-child(even) { margin-bottom: 25px; }
div.vestel-conexion ul > li:last-child { margin-bottom: 0px; }
div.vestel-conexion ul > li h3 { 
	color: #fff; 
	font-size: 2em;
}
div.vestel-conexion ul > li img { vertical-align: top; margin-left: 10px; }
div.vestel-conexion hr {
 width: 55%;
    margin-top: 15px;
}


/*********************************************/
/*********************************************/
/**** MENU VESTEL OPENSPORT ******************/
/*********************************************/
/*********************************************/
div.vestel-menu { 
    padding: 0 6% !important;
    text-align: center; 
    margin-bottom: 70px;
    line-height: 2;
    height: 100%;
}
div.vestel-menu > div { 
    width: 100%;
    height: 575px;
    margin: 0 auto;  
    padding: 2%;
    padding-bottom: 4%;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.vestel-menu div.vestel-menu-secondary { margin-bottom: 3em; }
div.vestel-menu div.vestel-menu-secondary h3 > span {
    color: #fff;
    font-weight: 400;
}
div.vestel-menu div.vestel-menu-main div.focusable {
    width: 210px !important;  /* 305px */
    height: 220px !important;	/* 384px */
    margin: 5px;	/* 10px; */
    padding: 0.8em;	/* 3em; */
    display: inline-block;
    cursor: pointer;
    border: 8px solid transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.vestel-menu div.vestel-menu-main div.focus { 
    border: 8px solid #ffdb00; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.vestel-menu div.vestel-menu-main div.focusable > img {
    margin-bottom: 1.25em;
    margin-top: 0.5em;
}


/*********************************************/
/*********************************************/
/**** PERFIL VESTEL OPENSPORT ****************/
/*********************************************/
/*********************************************/
div.vestel-perfil { 
    padding: 3% 6%;
    margin-bottom: 70px;
    line-height: 2;
    height: 100%;
}
div.vestel-perfil > div { 
    width: 100%;
    margin: 0 auto;  
    padding: 3%;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.vestel-perfil > div > div:first-child > * { display: table-cell; }
div.vestel-perfil > div > div:first-child > div:first-child { vertical-align: middle; }
div.vestel-perfil > div > div:first-child h1 { font-size: 5em; }
div.vestel-perfil > div > div:first-child i { 
    font-size: 10em;
    color: #fff;
    margin-right: 0.25em;
}
div.vestel-perfil ul { 
    list-style: none;
    padding-left: 0px;
}
div.vestel-perfil ul > li { padding: 1.5em 4em; }
div.vestel-perfil ul > li > * { display: inline; }
div.vestel-perfil ul > li > img { margin-right: 15px; vertical-align: sub; }
div.vestel-perfil ul > li.active > h3 { color:#fff; font-weight: 500; }
div.vestel-perfil ul > li.focus { 
    background: #2d2d2d; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/*********************************************/
/*********************************************/
/**** INFO EVENTO VESTEL OPENSPORT ***********/
/*********************************************/
/*********************************************/
div.vestel-info {
    width: 100vw;
    height: 86vh;
    display: flex;
    -ms-display: flex;
 	display: -webkit-flex;

    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
}
div.vestel-info > div {
    background: rgba(0,0,0,0.75);
    height: 75vh;
    width: 100vw;
    align-self: flex-end;
}
div.vestel-info > div > div.row {
	background: rgba(0,0,0,0.75);
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
}
div.vestel-info > div > div.row:first-child {
    background: rgba(0,0,0,0.4);
}
div.vestel-info > div > div.row:first-child img {
    width: 250px;
    float: right;
    margin-top: -75px;
    margin-bottom: 10px;
}
div.vestel-info > div > div.row:first-child button {
    font-weight: 600;
    font-size: 1.25em;
    margin: 10px 0px;
    height: 56px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.vestel-info > div > div.row:first-child button.focus {
    outline: none;
    color: #ffdb00;
}
div.vestel-info > div > div.row:nth-child(2) > div {
    padding-right: 10em;
}
div.vestel-info > div > div.row:nth-child(2) span {
    font-weight: 500;
}
div.vestel-info > div > div.row:nth-child(2) h1 {
    font-weight: 500;
    font-size: 3em;
}
div.vestel-info > div > div.row:nth-child(2) h2 {
    font-weight: 500;
    font-size: 2.5em;
}
div.vestel-info > div > div.row:nth-child(2) hr {
    border-top: 2px solid #ffdb00;
    width: 60%;
    float: left;
    margin-top: 0px;
}
div.vestel-info > div > div.row:nth-child(2) h3 {
    clear: both;
    font-size: 1.75em;
    font-weight: 500;
}
div.vestel-info > div > div.row:nth-child(2) p {
    font-size: 1.5em;
    font-weight: 500;
}

/*********************************************/
/*********************************************/
/**** FULL CATEGORY SCREEN         ***********/
/*********************************************/
/*********************************************/
div.vestel-fullcat {
    width: 100vw;
    /* height: 86vh; */
    display: flex;
    -ms-display: flex;
 	display: -webkit-flex;

    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
}
div.vestel-fullcat > div {
    background: rgba(0,0,0,0.75);
    /* height: 75vh; */
    width: 100vw;
    align-self: flex-end;
}
div.vestel-fullcat > div > div.row {
	background: rgba(0,0,0,0.75);
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
}
div.vestel-fullcat > div > div.row:first-child {
    background: rgba(0,0,0,0.4);
}
div.vestel-fullcat > div > div.row:first-child img {
    width: 250px;
    float: right;
    margin-top: -75px;
    margin-bottom: 10px;
}
div.vestel-fullcat > div > div.row:first-child button {
    font-weight: 600;
    font-size: 1.25em;
    margin: 10px 0px;
    height: 56px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.vestel-fullcat > div > div.row:first-child button.focus {
    outline: none;
    color: #ffdb00;
}
div.vestel-fullcat > div > div.row:nth-child(2) > div {
    padding-right: 10em;
}
div.vestel-fullcat > div > div.row:nth-child(2) span {
    font-weight: 500;
}
div.vestel-fullcat > div > div.row:nth-child(2) h1 {
    font-weight: 500;
    font-size: 3em;
}
div.vestel-fullcat > div > div.row:nth-child(2) h2 {
    font-weight: 500;
    font-size: 2.5em;
}
div.vestel-fullcat > div > div.row:nth-child(2) hr {
    border-top: 2px solid #ffdb00;
    width: 60%;
    float: left;
    margin-top: 0px;
}
div.vestel-fullcat > div > div.row:nth-child(2) h3 {
    clear: both;
    font-size: 1.75em;
    font-weight: 500;
}
div.vestel-fullcat > div > div.row:nth-child(2) p {
    font-size: 1.5em;
    font-weight: 500;
}

/*********************************************/
/*********************************************/
/**** SERIEINFO EVENTO VESTEL OPENSPORT ******/
/*********************************************/
/*********************************************/
div.vestel-serieinfo {
    width: 100vw;
	height:auto;
    display: flex;
    -ms-display: flex;
 	display: -webkit-flex;

    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	background-attachment: fixed;
}
div.vestel-serieinfo > div {
    background: rgba(0,0,0,0.95);
    height: auto;
    width: 100vw;
    align-self: flex-end;
}
div.vestel-serieinfo > div > div > hr {
    border-top: 2px solid #ffdb00;
    width: 100%;
    float: left;
    margin-top: 0px;
}

/*********************************************/
/*********************************************/
/**** EPGSERIEINFO EVENTO VESTEL  ************/
/*********************************************/
/*********************************************/
div.vestel-epgserieinfo {
    width: 100vw;
	/* height:auto; */
	height:680px;
    display: flex;
    -ms-display: flex;
 	display: -webkit-flex;

    /* background-color: red; */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	background-attachment: fixed;
	
	background: -prefix-linear-gradient(left, black, #101010);
	background: linear-gradient(to right, black, #101010);	
}
div.vestel-epgserieinfo > div {
    background: rgba(0,0,0,0);
    height: auto;
    width: 100vw;
    align-self: flex-end;
}
div.vestel-epgserieinfo > div > div > hr {
    border-top: 2px solid #ffdb00;
    width: 100%;
    float: left;
    margin-top: 0px;
}

/*********************************************/

div.vestel-menu div.vestel-menu-main div.focusable h2 {
    font-size: 2.1em; /* 2.75em; */
    margin:0px;
}

#test_connection img { width: 180px; }
#do_logout img { width: 110px; }
#do_exit img { width: 110px; }