*{
padding:0px;
margin:0px;
}


.grt_2{
width:100%;
background-color: #387FA0;
margin-top:100px;
margin-left:0;
position:absolute; 
min-height:100%;   
}

.grt_3{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 35%;
  margin-bottom: 0px; 
  margin-top:10px;
   z-index:100;
    
}

.grt_3 iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index:100;
  width: 70%;
  height: 100%;
}
.grt_3 #my_video{
  position: absolute;
  top: 0;
  left: 0;
  z-index:100;
  width: 60%;
  height: 100%;
 margin-left:20%;
 border-radius:10%;
    
}


.grt_3 #video_player_box{ 

    background:#111111;
    margin:0px auto;
    z-index:100;
    
}
.grt_3 #video_controls_bar{
    position:absolute;
    background: #333;
    margin-top:150px;
    border-radius:20px;
    padding:10px;
    z-index:100;
    margin-left:15%;
    
}


.sht1{
    background-image: url(imagenes/imagen1.png);
    background-repeat: no-repeat;
    background-size: 100% 100px;
    width:100%;
    height:100px;
    margin-left:0;
    margin-top:0;
    vertical-align:center;
    position:fixed;
    z-index:100;
}
.sht1 p{
    text-align:center;
    color:white;
    font-style:bold;
    font-size:2rem;
}
.sht2{
    width:100%;
    height:250px;
    margin-top:80px;
    background-color: #33BBFF;
    border-radius: 2px;
    position:absolute;
    z-index:500;
}
.sht2 .sht5{
    width:200px;
    border-radius:8px;
    background-color: #000000;
    z-index:600;
    margin-top:40px;
}
.sht3{
    width:100%;
    min-height:100%;  
    background-color: #387FA0;
    margin-top:320px;
  padding-left: 0;
  padding-right: 0; 
    position:absolute; 
}
.sht3 .sht4  span{
    
    font-size:1rem;
    display:block;
    font-style:arial;
    color:white;
    font-style:verdana;
}
.sht4{
    width:300px;
    height:230px;
    vertical-align:center;
    margin-left:10px;
    margin-top:20px;
    padding:30px;
    display:inline-block;
    z-index:10;
    background-color: #387FA0;
}
.grt_1{
    background-image: url(imagenes/imagen1.png);
    background-repeat: no-repeat;
    background-size: 100% 100px;
    width:100%;
    height:100px;
    margin-left:0;
    margin-top:5px;
    vertical-align:center;
    position:absolute;
    z-index:100;
}
.grt_1 p{
    text-align:center;
    color:white;
    font-style:bold;
    font-size:2rem;
}

.grt4{
   margin-top:350px;
   height:200px;
  color:ffffff;
}

.grt_2 .grt_4 p{
    
    font-style:verdana;
    font-size:2rem;
    color:white;
}

.grt_2 .grt_4 r{
    
    font-style:verdana;
    font-size:1rem;
    color:black;
}
img{
max-width:100%;
width:350px;
height:250px;
z-index:0;
border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border: 0px solid #000000;
}

	
.sht4:hover {filter: opacity(.8);}

.sht2 .sht5 a{
    color:white;
    font-size:1rem;
    font-style:verdana;
    text-decoration:none;
}

.sht2 .sht5 a:hover {
    color:#037E8C;
    font-size:1rem;
    font-style:verdana;
    text-decoration:none;

	
}

footer {
    width: 100%;
    height: 50px;
    
    margin-top:100px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #4AD491;
    border-top: 2px solid #000;
   z-index:6000;

}

.grt_3:hover img {-webkit-transform:scale(1.4);transform:scale(1.4);}
.grt_3 {overflow:hidden;}



@media screen and (max-width:800px){
    
   .sht1{
    background-image: url(imagenes/imagen1.png);
    background-repeat: no-repeat;
    background-size: 100% 100px;
    width:100%;
    height:100px;
    margin-left:0;
    margin-top:5px;
    vertical-align:center;
    position:fixed;
    z-index:100;
}
.sht1 p{
    text-align:center;
    color:white;
    font-style:bold;
    font-size:1.2rem;
} 

.grt_1{
    background-image: url(imagenes/imagen1.png);
    background-repeat: no-repeat;
    background-size: 100% 100px;
    width:100%;
    height:100px;
    margin-left:0;
    margin-top:5px;
    vertical-align:center;
    position:absolute;
    z-index:100;
}
.grt_1 p{
    text-align:center;
    color:white;
    font-style:bold;
    font-size:1.2rem;
}

/**
.grt_3{
    width:60%;
    height:300px;
    vertical-align:center;
    margin-left:10px;
    margin-top:20px;
    padding:30px;
    display:inline-block;
    z-index:10;
    background-color: #387FA0;
}
**/
.sht2{
    width:100%;
    height:250px;
    margin-top:77px;
    background-color: #33BBFF;
    border-radius: 2px;
    position:absolute;
    z-index:500;
}
.sht2 .sht5{
    width:200px;
    border-radius:8px;
    background-color: #000000;
    z-index:600;
    margin-top:40px;
}

img{
max-width:100%;
width:250px;
height:200px;
z-index:0;
border-radius: 30px 30px 0px 0px;
-moz-border-radius: 30px 30px 0px 0px;
-webkit-border-radius: 30px 30px 0px 0px;
border: 0px solid #000000;
}

.grt_3:hover img {-webkit-transform:scale(1.4);transform:scale(1.4);}
.grt_3 {overflow:hidden;}   
    
.grt_2 .grt_4 p{
    
    font-style:verdana;
    font-size:1rem;
    color:white;
    margin-top:10px;
}

.grt_2 .grt_4 r{
    
    font-style:verdana;
    font-size:1rem;
    color:black;
}


.grt_3{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 35%;
  margin-bottom: 0px; 
  margin-top:20px;
   z-index:100;
    
}

.grt_3 iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index:100;
  width: 70%;
  height: 100%;
}
.grt_3 #my_video{
  position: absolute;
  top: 0;
  left: 0;
  z-index:100;
  width: 70%;
  height: 100%;
 margin-left:20%;
 border-radius:10%;
    
}


.grt_3 #video_player_box{ 

    background:#111111;
    margin:0px auto;
    z-index:100;
    
}
.grt_3 #video_controls_bar{
    position:absolute;
    background: #333;
    margin-top:10px;
    border-radius:20px;
    padding:10px;
    z-index:100;
    margin-left:5%;
    
}



    
    
}