/*** Add your styles here **/


/*=============================================
=    Pantalla de escritorio grande-Large(lg)            =
=============================================*/
@media (min-width: 1200px) {

.col-lg-12{width: 100%;}
.col-lg-11{width: 91.66666667%;}
.col-lg-10{width: 83%;}
.col-lg-9{width: 75%;}
.col-lg-8{width: 66.66666667%;}
.col-lg-7{width: 58.33333333%;}
.col-lg-6{width: 50%;}
.col-lg-5{width: 41.66666667%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-3{width: 25%;}
.col-lg-2{width: 16.66666667%;}
.col-lg-1{width: 8.33333333%;}	
}
/*=============================================
=    Pantalla de escritorio mediano-Medium(md)            =
=============================================*/
@media (max-width: 1199px) and (min-width:992px ) {
	
.col-md-12{width: 100%;}
.col-md-11{width: 91.66666667%;}
.col-md-10{width: 83%;}
.col-md-9{width: 75%;}
.col-md-8{width: 66.66666667%;}
.col-md-7{width: 58.33333333%;}
.col-md-6{width: 50%;}
.col-md-5{width: 41.66666667%;}
.col-md-4{width: 33.33333333%;}
.col-md-3{width: 25%;}
.col-md-2{width: 16.66666667%;}
.col-md-1{width: 8.33333333%;}	
}
/*=============================================
=    Pantalla de escritorio mediano-SMALL(sm)            =
=============================================*/
@media (max-width: 991px) and (min-width:768px ) {
	
.col-sm-12{width: 100%;}
.col-sm-11{width: 91.66666667%;}
.col-sm-10{width: 83%;}
.col-sm-9{width: 75%;}
.col-sm-8{width: 66.66666667%;}
.col-sm-7{width: 58.33333333%;}
.col-sm-6{width: 50%;}
.col-sm-5{width: 41.66666667%;}
.col-sm-4{width: 33.33333333%;}
.col-sm-3{width: 25%;}
.col-sm-2{width: 16.66666667%;}
.col-sm-1{width: 8.33333333%;}	
}
/*=============================================
=    Pantalla de escritorio mediano-EXTRA SMALL(xs)            =
=============================================*/
@media (max-width: 767px) {
	
.col-xs-12{width: 110%; height: 200px;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}	
}

label{
color: white;
position: left;
}
.slider{
	background: blue;
	height: auto;
}

.hola{
	padding: 10px;
}
i:not(:last-child){
	/*margin-right: 20px;*/ 
}
i::before{
	/*font-size: 20px;*/
	position: center;
	
}

#mover{
	float:right;
}

/*DISEÑO DEL CADA CURSO*/
.contenido{
	/*background: yellow;*/
	max-width: 1120px;
     margin: 0 auto;
     display: flex;
}
#letra{
    color:#fff;
}

.precio{
    font-size: 25px;
    text-align: center;
    color: red;
}
.far{
    padding: 5px;
}
.center-content{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-top: 25px;
}
title{
    text-align: center;
}
#certifica{
    width: 160px;
    height: auto;
}
/*diseño del boton*/
.diseñoformu{
    padding: 10px;
}

.fuente{
    font-family: 'Roboto', sans-serif;
}

#diseñobut{
        display: inline-block;
        padding: 10px 28px;
        height: 44px;
        line-height: 24px;
        font-size: 14px;
        text-transform: uppercase;
        color: #ffffff;
        background: #53953f;
        border: 2px solid #53953f;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        -moz-border-radius: 2px;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
#bolsa{
    padding: 10px;
}
#cajas{
    border-bottom:1px solid #e6f3ff;

}
.bordesito{
    background: #0f1845;
}

#camvir:active {
    color: black;
}
img #tama{
    width: 70px;
}