body {

background:#398AB5;
height: 100%;

}

html{

height: 100%;

}

h6 { margin-top: 0px;
     margin-bottom: 0px;

}


h4 { margin-top: 2px;
     margin-bottom: 1px;

}

img{ 
      width: 80%;
      border-radius:5%;
      


}




#bgventana3{
position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
top: 0px;
left:0px;
z-index:10;
visibility: hidden;
}

#ventana3{
position: fixed;
background-color: #D3DCE3;
border: solid #FFF 10px;
width: 45%;
height: 430px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
text-align: center;
border-radius: 5%;

}

#bgventana4{
position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
top: 0px;
left:0px;
z-index:10;
visibility: hidden;
}


#ventana4{
position: fixed;
background-color: #D3DCE3;
border: solid #000000 5px;
width: 250px;
height: 350px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;

}

#bgventana5{
position: fixed;
background: rgba(0,0,0,0.7);
top: 0px;
left:0px;
z-index:1;
visibility: hidden;
}

#ventana5{
position: fixed;
background-color: #D3DCE3;
border: solid #000000 5px;
width: 250px;
height: 450px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;

}




.boton{

background-color: #2948B9;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 80%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-bottom: 2%;
border-radius:8px;
}

.boton2{

background-color: #2948B9;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 8px;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-top:2%;
margin-right:2%;


}

.boton3{

background-color: #2948B9;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 8px;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-top:3%;


}


.boton6{

background-color: #848B8B;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 70%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);

}

.boton7{

background-color: #848B8B;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 70%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);

}

.boton8{

background-color: #848B8B;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 70%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);

}


.boton14{

background-color: #848B8B;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 80%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);

}


.boton15{
display:none ;

}


#bgventana10{
position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
top: 0px;
left:0px;
z-index:200;
visibility: hidden;
}

#ventana10{
position: absolute;
background-color: #D3DCE3;
border: solid #FFF 10px;
width: 250px;
height: 450px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;

}



#gwd-reCAPTCHA_2{
    
                        transform: scale(0.84);
                        transform-origin: -10 0;
    
}


.iframeidcur{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 70%;
  margin-bottom: 0px; 
    
}

.iframeidcur iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
  width: 70%;
  height: 100%;
    
    
}


.iframeidcur #my_video{
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
  width: 70%;
  height: 100%;
    
    
}


.iframeidcur #video_player_box{ 

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

.iframeidcur .iframeidcured{
background-color: #848B8B;    
position: absolute;
  top: 0;
  left: 71%;
  z-index:1;
  width: 28%;
  height: 98%;  
border: solid #000000 3px;
}


.iframeidcur .iframeidcured nav{
    font:bold 12px "Trebuchet MS"; 
    font-size:2rem;


    
    
}


    


.iframeidcur .iframeidcured p{
    font-family: "arial", serif;
    font-size:0.8rem;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em; 

    
    
    
}

.iframeidcur .iframeidcured li{
    font-family: "arial", serif;
    font-size:1.2rem;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em; 
    list-style:none;

    
    
    
}



.iframeidcur .iframeidcured  img{
  position: absolute;
  top: 65%;
  left: 0;
  z-index:3;
  width: 80%;
  height: 20%;
  margin-left:10%;
  border: solid #000000 2px;
    
    
}

#bgventana10 #ventana10 .iframeidcured nav{
    
    font:bold 12px "Trebuchet MS"; 
    font-size:1.5rem;
    text-align:center;
}

#bgventana10 #ventana10 .iframeidcured p{
    
    font-family: "arial", serif;
    font-size:0.6rem;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em; 
}

#bgventana10 #ventana10 .iframeidcured li{
    
    font-family: "arial", serif;
    font-size:0.6rem;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em; 
    list-style:none;
}

#bgventana10 #ventana10 .iframeidcured img{
    
  position: absolute;
  top: 70%;
  left: 0;
  z-index:3;
  width: 80%;
  height: 20%;
  margin-left:10%;
  border: solid #000000 2px; 
}



#bgventana10 #ventana10 .iframeidcured ul{
    
text-align:justify;
font-size:1.2rem;
color:#000000;
text-decoration:none;
}



#bgventana10 #ventana10 .iframeidcured ul:hover{
    
text-align:justify;
font-size:1.2rem;
color:#ffffff;
text-decoration:none;
    
}



#Fboton{
    
  background-color: #007bdf;
  border: none;
  color: white;
  width:120px;
  height:50px;

  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  margin: 4px 2px;
  border-radius:10px;
  cursor: pointer;;

    
    
}




.iframeidcur .iframeidcured ul{
    
text-align:center;
font-size:1.2rem;
color:#ffffff;
text-decoration:none;
    
}





.iframeidcur .iframeidcured ul:hover{
    
text-align:center;
font-size:1.2rem;
color:#000000;
text-decoration:none;
    
}


.lecmata{
background: #ffffff;
display:inline-block;
width:100%;

    
}

.lecmata .lecmata_a{
    
background: #ffffff;
width:72%;

border-radius:2px;
border: 2px solid #000000;
    
}

.lecmata .lecmata_b{
position:absolute;    
background: #ffffff;
margin-left:57%;
margin-top:-410px;
width:20%;
border-radius:2px;
border: 2px solid #000000;
height: 400px;
z-index:1;
background-color: #CCC;
overflow: scroll;
background:#187376;

}


.lecmata .lecmata_b p{
    
margin-left:10px;
color:black;
text-align: center;
font-size: 1.5rem;
    
}

.lecmata .lecmata_a p{
    
margin-left:10px;
color:black;
font-size: 1rem;

    
    
}

.lecmata .lecmata_a d{
position:absolute;    
margin-left:100px;
margin-top:-34px;
color:black;
font-size: 1.4rem;

    
    
}

.lecmata .lecmata_b .cursos_xl{

    width: 300px;
	height: 230px;
	display: inline;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 20px;
    color: #4a4a4a;
    padding: 40px;
    z-index:10;


}



.lecmata .lecmata_b .cursos_xl img{
	width: 300px;
	height: 200px;
	margin: 1px;
	border-radius: 5%;
	-webkit-box-shadow: 0px 0px 10px rgba(74, 74, 74, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(74, 74, 74, 0.75);
	box-shadow:         0px 0px 10px rgba(74, 74, 74, 0.75);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	z-index:5;
}



.cur_prem {

background:#ffba42;    
width:50%;
height:40px;
margin-left:25%;
border-radius:2px;
border: 2px solid #000000;

    
}


.cur_prem p{
    
  font-size: 2rem;
  margin-top:-3px;
  font-family: "Times New Roman", Georgia, Serif;
  color:white;
  text-align: center;
    
}


@media screen and (max-width:800px){

#ventana3{
position: fixed;
background-color: #D3DCE3;
border: solid #FFF 10px;
width: 45%;
height: 200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;
}





.boton3{

background-color: #2948B9;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 4px;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-top:4%;


}

.boton2{

background-color: #2948B9;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 4px;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-top:4%;
margin-right:2%;


}


#gwd-reCAPTCHA_2{
    
                    transform: scale(0.5);
                    transform-origin: 0 0;
    
}

.iframeidcur{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 79%;
  margin-bottom: 0px; 
    
}

.iframeidcur iframe{
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
  width: 100%;
  height: 100%;
    
    
}

.iframeidcur #my_video{
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
  width: 100%;
  height: 100%;
  
}

#video_player_box{ 
background:#111111;
margin:0px auto;
z-index:10;
    
}


.iframeidcur #video_controls_bar{
    position:absolute;
    background: #333;
    margin-top:40px;
    margin-left:70%;
    border-radius:20px;
    z-index:10;
    
}

.iframeidcur .iframeidcured{
display:none;
}


.iframeidcur .iframeidcured nav{
display:none;

    
    
}

.iframeidcur .iframeidcured p{
display:none;
    
    
    
}

.iframeidcur .iframeidcured ul{
display:none;
    
    
}


.iframeidcur .iframeidcured  img{
display:none;
    
}


.boton15{

background-color: #848B8B;
-webkit-border-radius: 5%;
-moz-border-radius: 40%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
}

#Fboton{
    
  background-color: #007bdf;
  border: none;
  color: white;
  width:80px;
  height:30px;
  text-align: center;
  text-decoration: none;
  font-size: 0.6rem;
  margin: 4px 2px;
  border-radius:6px;
  cursor: pointer;;

    
    
}




.lecmata{
background: #ffffff;
display:inline-block;
width:100%;

    
}

.lecmata .lecmata_a{
    
background: #ffffff;
width:100%;
height:50px;
border-radius:2px;
border: 2px solid #000000;
    
}

.lecmata .lecmata_b{
display:none;

}


.lecmata .lecmata_b p{
    
display:none;
    
}

.lecmata .lecmata_a p{
    
margin-left:8px;
color:black;
font-size: 0.6rem;
text-align:justify;
    
    
}

.lecmata .lecmata_a d{
position:absolute;    
margin-left:78px;
margin-top:-25px;
color:black;
font-size: 0.5rem;
 word-wrap: break-word;
 overflow:hidden

    
    
}

.lecmata .lecmata_b .cursos_xl{

display:none;


}



.lecmata .lecmata_b .cursos_xl img{
display:none;
}



.cur_prem {

background:#ffba42;    
width:80%;
height:40px;
margin-left:10%;
border-radius:2px;
border: 2px solid #000000;

    
}


.cur_prem p{
    
  font-size: 1.1rem;
  margin-top:10px;
  font-family: "Times New Roman", Georgia, Serif;
  color:white;
  text-align: center;
    
}


}








   <style type="text/css">
    <!--
        .boton2{
            background:red;
        }
        .boton2:hover{
            background:blue;
        }
        .boton2:active{
            background:white;
        }
    -->
    </style>
	
	   <style type="text/css">
    <!--
        .boton3{
            background:red;
        }
        .boton3:hover{
            background:blue;
        }
        .boton3:active{
            background:white;
        }
    -->
    </style>


    <style type="text/css">
    <!--
        .boton{
            background:red;
        }
        .boton:hover{
            background:blue;
        }
        .boton:active{
            background:white;
        }
    -->
    </style>
	
	    <style type="text/css">
    <!--
        .boton6{
            background:red;
        }
        .boton6:hover{
            background:blue;
        }
        .boton6:active{
            background:white;
        }
    -->
    </style>
	
	    </style>
	
	    <style type="text/css">
    <!--
        .boton7{
            background:red;
        }
        .boton7:hover{
            background:blue;
        }
        .boton7:active{
            background:white;
        }
    -->
    </style>
	
	    </style>
	
	    <style type="text/css">
    <!--
        .boton8{
            background:red;
        }
        .boton8:hover{
            background:blue;
        }
        .boton8:active{
            background:white;
        }
    -->
    </style>
    
    	    <style type="text/css">
    <!--
        .boton14{
            background:red;
        }
        .boton14:hover{
            background:blue;
        }
        .boton14:active{
            background:white;
        }
    -->
    </style>