body
{
    font-family:Arial;
	font-size:12px;
	margin:0;
}

div
{
    position: absolute;
}

/*
VPAID ads are served in an iframe that is set to 100% width and height of the video player's dimensions. This template is meant to adapt this iframe's size so the default width and height its' top most container are set to 100%. We recommend you use the 100% values but if your ad has fixed pixel dimensions you can change the #adContainer styles to suit your needs.
*/
#adContainer
{
    width:100%;
    height:100%;
    border:0px solid red;
   
}
#imageGallery {display: none;
z-index: 100;
position: absolute;
}
#logo
{
    width: 79px;
    height: 65px;
    position: absolute;
    right: 15px;
z-index: 999;
	
}
#botonRoad {width: 25%;



position: absolute;

z-index: 200;

bottom: 1%;

left: 3%;

cursor: pointer;}

#botonUrban2 {width: 25%;



position: absolute;

z-index: 200;

bottom: 1%;

left: 3%;

cursor: pointer;
display: none;
opacity: 0;
}

#cortinilla {    width: 10%;
    height: 10%;
    background-color: #9d2326;
    z-index: 105;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
  
    top: 50%;
    bottom: 50%;
}
#closeVideo {
    position: absolute;
top: 4%;
left: 4%;
display: none;
opacity: 0;
z-index: 250;
cursor: pointer;
    width: 6%;
}

#closeVideo img {
    width: 100%;}
#posterEnd {position: absolute;
    top: 0;
    z-index: 50;
    display: none;

}
#botonUrban {width: 25%;



position: absolute;

z-index: 200;

bottom: 1%;

left: 35%;
cursor: pointer;}

#botonUrban img, #botonRoad img, #botonGallery img, #botonDiscover a img, #botonUrban2 img, #botonGalleryClose img {width: 100%;}


#botonGallery {width: 20%;
height: 35px;
position: absolute;
z-index: 200;
bottom: 20%;
right: 8%;
cursor: pointer;}
#botonGalleryClose {
  width: 25%;
    /* height: 35px; */
    position: absolute;
    z-index: 200;
    bottom: 2%;
    right: 4%;
    cursor: pointer;
    display: none;

}
#swipe {
  width: 80px;
height: 91px;
position: absolute;
z-index: 200;
bottom: 50%;
right: 0;
left: 0;
top: 50%;
margin: auto;
opacity:0;
display: none;

}

#botonDiscover {width: 20%;
height: 35px;
position: absolute;
z-index: 200;
bottom: 6%;
right: 8%;
cursor: pointer;}


#basebottom { 
width: 100% !important;
background-color: rgba(0,0,0,0.4);
position: absolute;
bottom: 0;
height: 15%;
left: 0;
right: 0;
margin: auto;
z-index: 190;
}

.displayVideo {display: block !important;}
.hideVideo {display: none !important;}

#discoverRoad {    display: none;
    position: absolute;
    width: 40%;
 /*   height: auto;*/
     bottom: 3%;
    z-index: 400;
     right: 5%;
    opacity: 0;
}

#discoverRoad a img, #discoverUrban a img {
/*right: 0;
    position: absolute;
    bottom: 5%;*/
    width: 100%;
    }

#discoverUrban { display: none;
    position: absolute;
     width: 40%;
  /*  height: 113px;*/
      bottom: 3%;
    z-index: 400;
      right: 5%;
    opacity: 0;}

.videoSecundario {
width: 100% !important;
z-index:100;
position: absolute;
top: 0px;
left: 0;
right: 0;
margin: auto;
display: none;
}
/*
In certain environments clicks on the player's video element are not possible.
This overlay is meant to simulate a click on the player's video element.
 */
#videoClickOverlay
{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#buttons
{
   /* right: 15px;*/
    top: 15px;
    z-index: 10;
}

.button
{
  background-color: rgba(0,0,0,0.2);
color: rgba(255,255,255,0.6);
/*font-weight: bold;*/
padding: 8px;
margin-bottom: 7px;
/*border: 1px solid white;*/
/*border-radius: 2px;*/
cursor: pointer;
position: relative;
text-align: center;
text-transform: uppercase;
font-size: 2vw;
}

.button:hover
{
    color: white;
	/*background-color:#004EC1;
	border: 1px solid #faf000;*/
}

#skipBtn
{
    margin-top: -37px;
    display: none !important;
}

#closeBtn
{
    margin-top: -37px;
    display: none !important;
}

#togglePlaybackBtn {
 

}