/*2011Estilos.css*/



@charset "utf-8";body{/*font:85%/1.0 Tahoma, Geneva, sans-serif;*/font-family: 'Montserrat', sans-serif;margin:0;padding:0;color:#000; overflow-x: hidden;}

ul, ol, dl{padding:0;margin:0;}

h1, h2, h4, h5, h6, p{margin-top:0;padding-right:15px;padding-left:15px;}

h1{font-size:18px;color:#44A246;}

h1{border-bottom:2px solid #44A246;margin-bottom:15px; margin-top: 15px;width:100%;}

a img{border:none;}

a:link{color:#000000;text-decoration:underline;}

a:visited{color:#000000;text-decoration:underline;}

a:hover, a:active, a:focus{text-decoration:underline;}

.container{width:100%;background:#FFF;margin:0 auto;}

.cuerpo-principal{width: 68%; background: #FFF; margin: 0 auto;}

.header{width: 68%; margin: 0 auto; margin-bottom: 20px;}

.menu{background:#EEEEEE;}

a.elemento_menu{color:#222222;text-decoration:none;font-weight:bold;}

a.cuadromaquinas{font-size:10px;}

a.texto_idioma{font-size:12px;}

a.menupie{font-size:14px;color:#FFFFFF;}

.content{padding:10px 0;}

.footer{font-size:14px;color:#FFFFFF;padding-top:10px;background:#44A246;padding-bottom: 20px;}

.fltrt{float:right;margin-left:8px;}

.fltlft{float:left;margin-right:8px;}

.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}

table.lista th{background:#DDDDDD;font-weight:bold;}

table.lista tr:nth-child(even){background:#EEEEEE}

table.lista tr:nth-child(odd){background:#FFFFFF}

.verde{color:#44A246;}

.idioma{margin-top:5px;}

.redes{float:left;width:55%;text-align:right;padding-top:2px;}

.listlangs{float:left;width:49%;padding-left:10px;}

.slspecialmos{display:none;}

.respmostrar{display:none;}

.posicion2{display: inline-block; margin: 30px;}

.posicion3{float:left;width:33%;}

.posicion4{float:left;width:25%;}

.posicion-logos{float: left;width: 15%;}

.posicion5{float:left;width:17%;}

.salto{clear:both;}

.barra{overflow-y:auto;_overflow:auto;}

.especialslmos{display:none;}

img{webkit-border-radius:20px;-moz-border-radius:20px;/*border-radius:20px;*/}

.cantosRedondos{webkit-border-radius:20px;-moz-border-radius:20px;/*border-radius:20px;*/}



@media screen and (max-width:760px){.especialslmos{display:none;}

.respocultar{display:none;}

.respmostrar{display:block;}

.redes{float:none;width:100%;text-align:center;}

.listlangs{float:none;width:100%;padding-left:0;text-align:center;padding-bottom:10px;padding-top:5px;}

.posicion2{position: relative;

    padding-bottom: 100%;

    height: 0;

    overflow: hidden;

    margin: 0;

    display: block;

}

.posicion3{float:none;width:100%;text-align:center;margin-bottom:50px;}

.posicion4{float:none;width:100%;text-align:center;margin-bottom:50px;}

.posicion5{float:none;width:100%;text-align:center;margin-bottom:50px;}

}

@media (max-width:480px){table{width:100%;}

.posicion-logos{
  width: auto !important;
}


.boton-formacion{
  width: 80% !important;
  display: block !important;
  margin: 10px !important;
  transform: translateX(30px);
}


.boton-contacta{
  font-size: 15px !important;
}

.boton-contacta2{
  font-size: 12px !important;
}


.container{width:100%;}



.certificados{

  transform: translateX(10%) !important;

}



.imgcertificados{

  width: auto !important;

}



.foto img{

  width: 90%;

}



.legal{

  display: none;

}



.header{

  width: 100%;

}





#orbeleu{

    display: none !important;

}



#orbeleu-peque{

    display: block !important;

}

}



.logos{

    font-size: 25px;

    color: black;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    border: 2px solid gray;

    padding: 6px;

    margin-left: 10px;

    margin-right: 10px;

    text-align: center;

}



.logos:hover{

    border: 2px solid black;

}



.idioma{

    margin-top: 25px;

}



/*Empresa.asp*/



#zonaEditable { /*

  border: 3px solid #119C49;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  width: 175px;

  font-family: "Bradley Hand ITC", fantasy;

  font-weight: bold;

  color: black;

  magin-left: 40px;

  text-align:center;

  padding: 5px; */

}



.formacion{

  /*transform: translateX(10%);*/

margin-top: 50px;

margin-bottom: 20px;

}



.foto img{

  border-radius: 0;



  -webkit-box-shadow: 14px 15px 5px -7px rgba(153,153,153,1);

-moz-box-shadow: 14px 15px 5px -7px rgba(153,153,153,1);

box-shadow: 14px 15px 5px -7px rgba(153,153,153,1);



  /*border: 1px solid green;

  width: 400px;

  height: 600px;

  margin: 0 auto;*/

}



.cuerpo-principal{

  width: 68%;

  background: #FFF;

  margin: 0 auto;

  text-align: center;

}





.imgcertificados {display: block; text-align: center; cursor: pointer; width: 80px; height: 120px;}

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

.imgcertificados {display: block; text-align: center; cursor: pointer; width: 80%; margin:auto;}

}



@media (max-width: 480px) {



.resp{

  transform: translateX(0) !important;

}



.formacion{

  transform: translate(0) !important;

}



}



/*Contacto.asp*/



.especial2 {

	float: left;

}



.posicion3foto{

  float: left;

  width: 33%;

}



.cajas{

  display: inline-block;

  /*width: 200px;

  height: 200px;

  border: 1px solid #090;*/

}



.contacto{

  border-bottom: 2px solid #44A246;



margin-bottom: 15px;



margin-top: 15px;



width: 97%;

font-size: 18px;



color: #44A246;

}



.cajas img{

  border-radius: 0;

  margin: 20px;

}



td input{

  width: 100%;

}



.cuerpo-principal{

    width: 68%;

background: #FFF;

margin: 0 auto;

text-align: center;

  }



  .posicion3Cont{

    float: none;

    width: auto;

    display: block;

  }



  .posicion3 p{

    display: inline-block;

    margin: 20px;

  }



  .tablaContacto p{

    display: block;

    margin: 0;

  }



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

.especial2 {

	float:none;

    margin-bottom:50px;	

}

}



@media (max-width: 480px) {

  #form-cont-cont{
    width: 100% !important;
    transform: translateX(0%) !important;
  }

  .cajas img{

    margin-bottom: 20px;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;



    width: 70% !important;

  }



  .cuerpo-principal{

    margin-left: 0px;

  }



  .posicion4{

    margin-left: 30px;

  }



  .resp .posicion4{

    margin-left: 0;

  }



  .formacion .posicion4{

    margin-left: 0;

  }



  .cursos hr{

    margin-bottom: 0;

  }





  .contactonum{

    font-size: 21px !important;

  }

}



/*index.asp*/



#barracookies {

	left: 0px;

	right: 0px;

	top: 0px;

	width: 100%;

	height: 30px;

	background: #333;

	color: #ddd;/*z-index: 99999;*/

}

.textocookies {

	width: 100%;

	padding-left: 5px;

	padding-top: 10px;

	font-size: 11px;

	top: 30%;

	text-align: center;

}

.textocookiesboton {

	padding: 4px;

	background: #fff;

	text-decoration: none;

	color: #000;

}

.textocookiesenlace {

	background: none;

	text-decoration: underline;

}



.aula-virtual{



  padding: 20px;

  font-size: 20px;

  border-radius: 20%;

  color: #44A246 !important;

  position: relative;

  top: 20px;



}



.fechaTitulo{

  font-size: 14px;

}



.fecha{

  color: #1da34a;

  font-size: 17px;

  margin-bottom: 5px;

  padding-left: 10px;

  padding-right: 10px;

  

}



.mayuscula{

  text-transform: uppercase;

}



.contenido{ 

  margin-left: 32px; 

}

  	.cursos{ 

		font-weight: bold;

		width: 30%;

		height: 500px;

		font-size:12px;

		float: left;

		position: relative;

		margin-right: 2%;

		margin-bottom: 30px;

    background-color: #e7e7e8;
    
    transform: translateX(8%);

		/*-webkit-border-radius: 20px; 

		-moz-border-radius: 20px; 

    border-radius: 20px;*/

    /*border: 1px solid #44A246;*/

  }



  .subvencionados{

    text-decoration: none !important; 

    font-size: 35px;

    text-transform: uppercase;

    top: 30%;

    position: relative;

    line-height: 40px;

  }

  

  .boton-inscribete{

    padding: 10px;

    color: white !important;

    font-size: 25px;

    text-transform: uppercase;

    text-decoration: none !important;

    width: 95%;

    background-color: #1da34a;

    bottom: 0px;

    position: absolute;

    transform: translateX(-50%);

  }



  .boton-contacta{

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 10px;

    padding-bottom: 10px;

    color: white !important;

    font-size: 20px;

    text-decoration: none !important;

    background-color: #1da34a;

    top: 42%;

    position: relative;


  }

  

  .calendario{

    color: #44A246;

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #44A246;

    width: 200px;

    margin: 0 auto;

    margin-bottom: 20px;

    

  }



	.fechas { 

		font-size:15px;

		color: #C22027;

		position: relative;

	}

	.saltoLinea { clear:both; }

	h2 { text-align: center; }

	

	.text {

  font-size:28px;

  font-family:helvetica;

  font-weight:bold;



}



.dia-semana{

  text-transform: capitalize;

  text-decoration: none;

  font-size: 14px;

  display: inline-block;

}



.minuscula{

  text-transform: lowercase;

}



.num-dias{

  text-decoration: none;

  font-size: 14px;

  display: inline-block;

}





.parpadea {

  animation-name: parpadeo;

  animation-duration: 1s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;



  -webkit-animation-name:parpadeo;

  -webkit-animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

}



@-moz-keyframes parpadeo{  

  0% { opacity: 1.0; }

  50% { opacity: 0.0; }

  100% { opacity: 1.0; }

}



@-webkit-keyframes parpadeo {  

  0% { opacity: 1.0; }

  50% { opacity: 0.0; }

   100% { opacity: 1.0; }

}



@keyframes parpadeo {  

  0% { opacity: 1.0; }

   50% { opacity: 0.0; }

  100% { opacity: 1.0; }

}

	

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

		.cursos {

			width:100%;

		}

		.contenido { 

      margin: 10px;

  }

  

  }



  @media (max-width:480px){

    .boton-inscribete{

      padding-left: 4px;

    }

  }



/*Centros.asp*/



.zonaEditable { 

  border: 3px solid #44A246;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  text-align:center;

  width: 250px;

  margin:10px auto;

  height: 90px;

  padding-top: 20px;





}



.cuerpo-principal{

  width: 68%;

background: #FFF;

margin: 0 auto;

text-align: center;

}



.banner{

  color: #44A246 !important; 

  text-align: center; 

  margin-top: 40px; 

  margin-bottom: 40px; 

  display: block; 

  border: 1px solid #44A246; 

  border-radius: 20px; 

  width: 33%; 

  padding: 20px; 

  transform: translateX(90%);

  background-color: #f0f0f0;

}



.colaboradoras{

  margin-top: 20px;

  margin-bottom: 20px;

}



.zonaEditable u{

  color: #44A246 !important;

  font-weight: bold;

}

.externo {

float: left; 

overflow:hidden; 

text-align: center; 

margin:auto; 

width:33%;  

}

.imagene {

  /*-webkit-border-radius: 20px;

-moz-border-radius: 20px;

  border-radius: 20px;*/

}



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

.zonaEditable {

border: 3px solid #44A246; 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

  border-radius: 20px;

float:none;

width:80%;

text-align:center;

margin-left:0;

margin-bottom:50px;		

}

.externo {

float: none; 

text-align: center; 

margin:auto; 

width:100%;  

}

}

@media (max-width: 480px) {

table {

width: 100%;

}

.container{

width:100%;

}



.banner{

transform: translateX(0%);

width: 85%;

}



.centros{

width: 90%;

}



.zonaEditable{

width: 80%;

padding-left: 20px;

padding-right: 20px;

}





}



/*Curos.asp*/



.texto {

  margin:20px;

}

p {

  line-height: 20px;

}



.resp{

  display: none;

}



.no-movil{

  display: block;

}

.imagen3 {

  width: 18.3%; 

  margin-left: 1.2%;

}



.cuerpo-principal{

  width: 80%;

  background: #FFF;

  margin: 0 auto;

}



.boton {

-moz-box-shadow: 3px 4px 0px 0px #44A246;

-webkit-box-shadow: 3px 4px 0px 0px #44A246;

box-shadow: 3px 4px 0px 0px #44A246;

background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44A246), color-stop(1, #A6D9A7));

background:-moz-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-webkit-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-o-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-ms-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:linear-gradient(to bottom, #44A246 5%, #A6D9A7 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A246', endColorstr='#A6D9A7',GradientType=0);

background-color:#44A246;

-moz-border-radius:18px;

-webkit-border-radius:18px;

border-radius:18px;

border:1px solid #44A246;

display:inline-block;

cursor:pointer;

color:#ffffff;

font-family:Arial;

font-size:17px;

padding:7px 25px;

text-decoration:none;

/*text-shadow:0px 1px 0px #810e05;*/

}

.boton:hover {

background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A6D9A7), color-stop(1, #44A246));

background:-moz-linear-gradient(top, #A6D9A7 5%, #44A246 100%);

background:-webkit-linear-gradient(top, #A6D9A7 5%, #44A246 100%);

background:-o-linear-gradient(top, #A6D9A7 5%, #44A246 100%);

background:-ms-linear-gradient(top, #A6D9A7 5%, #44A246 100%);

background:linear-gradient(to bottom, #A6D9A7 5%, #44A246 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6D9A7', endColorstr='#44A246',GradientType=0);

background-color:#A6D9A7;

}

.boton:active {

position:relative;

top:1px;

}

.izqprime{

  float:left; 

  width:82%;

}

.derprime {

  float:left; 

  text-align:center;  

  width:18%;

}

.tipos{

  width:50%; 

  float:left;

}





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

img {

  margin:0;

}

.imagen3 {

  width: 100%; 

  margin: 0;

}

}

@media (max-width: 480px) {

img {

  margin:0;

}



.imagen3 {

  width: 100%; 

  margin: 10px 0;

  }



table {

         width:88%;

     }

   .cuerpo-principal{

     

     width:100%;

     

     }

   td{

     

     width:100%

     }

     thead {

         display: none;

     }

     tr:nth-of-type(2n) {

         background-color: inherit;

     }

     tr td:first-child {

         /*background: #f0f0f0;*/

         font-weight:bold;

         font-size:1.3em;

     }

     tbody td {

         display: block;

         text-align:center;

     }

     tbody td:before {

         content: attr(data-th);

         display: block;

         text-align:center;

     }



   table tr .DP{

     display: none !important;    

   }



   .tituloCurso{

     

     font-size: 20px !important;

     background-color:#e0e0e0 !important;

     

     }

   .tituloCurso p a{



     color: #1da34a !important; 

     

     }

  .tituloCurso p{



     color: #1da34a !important; 

     

   }



}





.boton1 {	-moz-box-shadow: 3px 4px 0px 0px #44A246;

-webkit-box-shadow: 3px 4px 0px 0px #44A246;

box-shadow: 3px 4px 0px 0px #44A246;

background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44A246), color-stop(1, #A6D9A7));

background:-moz-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-webkit-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-o-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:-ms-linear-gradient(top, #44A246 5%, #A6D9A7 100%);

background:linear-gradient(to bottom, #44A246 5%, #A6D9A7 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A246', endColorstr='#A6D9A7',GradientType=0);

background-color:#44A246;

-moz-border-radius:18px;

-webkit-border-radius:18px;

border-radius:18px;

border:1px solid #44A246;

display:inline-block;

cursor:pointer;

color:#ffffff;

font-family:Arial;

font-size:17px;

padding:7px 25px;

text-decoration:none;

}

.izqprime1 {		float:left; 

  width:82%;

}

.izqprime1 {		float:none;

  width:100%;

}

.texto1 {		margin:20px;

}

.texto1 {		margin:0;

}



/* desplegable*/



.collapsible {

        background-color: white;

        color: black;

        cursor: pointer;

        padding: 18px;

        width: 100%;

        border: none;

        text-align: left;

        outline: none;

        font-size: 15px;

        padding-bottom: 25px;

      }

      

      .active, .collapsible:hover {

        color: #1da34a;

        

      }

      

      .content {

        padding: 0 18px;

        max-height: 0;

        overflow: hidden;

        transition: max-height 0.2s ease-out;

        background-color: white;

      }



      .colapso{

          width: 60%;

          display: inline-block;

          position: relative;



          margin-bottom: 50px;

          margin-top: 15px;

          margin-left: 0;

          margin-right: 0;

      }



      .conjunto{

          margin-bottom: 100px;

      }



      .boton2{

          position: absolute;

          right: 2%;

          border: 1px solid rgba(0,0,0,0.08);

          padding: 5px;

          border-radius: 50%;

      }



      .descripcion-colapso{

          width: 29%;

          float: right;

          position: relative;

          right: 7%;

          top: 20px;

      }



      .titulo{

          font-weight: bold;

          display: block;

          text-align: left;

          font-size: 16px;

          color: #0a0a0a;

          text-align: left;

          font-family:Roboto;

          font-weight:700;

          font-style:normal;

          margin-bottom: 10px;

      }



      .descripcion-curso{

          text-align: left;

          font-size: 16px;

          color: rgb(103, 103, 103);

          text-align: left;

          line-height: 28px;

          margin-bottom: 10px;

      }



      .boton-inscribeme{

          padding-left: 50px;

          padding-right: 50px;

          padding-top: 10px;

          padding-bottom: 10px;

          color: white !important;

          font-size: 20px;

          text-decoration: none !important;

          background-color: #1da34a;

          position: absolute;

          margin-top: 10px;

      }

  .botonDP{

    

    display:none;

    

  }



/*temario_curso.asp*/



#orbeleu{

  height: auto !important;

}



.banner-titulo .texto{

  top: 40%;

}



.tituloPrincipal{

  color: #44A246;

  margin-top: 50px;

  margin-bottom: 50px;

  width: auto;

  text-align: center;

  font-size: 50px;

  text-transform: uppercase;

  line-height: 65px;

}



hr{

  width: 35%;

  color: #44A246;

  margin-bottom: 5px;

}



.descripcion{

  text-align: center;

  color: rgb(103, 103, 103);

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 400; 

  margin-left: 5%;

  margin-right: 5%;

  line-height: 30px;

  margin-bottom: 60px;

}



.banner-titulo{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/home-almacen.jpg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

  margin-bottom: 90px;

}

.banner-titulo2{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/PRL.jpg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

  margin-bottom: 90px;

}

.banner-titulo3{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/logistica.jpeg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

  margin-bottom: 90px;

}

.banner-titulo4{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/robotica.jpg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

  margin-bottom: 90px;

}

.banner-titulo5{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/sepe.jpg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

  margin-bottom: 90px;

}


.banner-titulo-promocion{

  position: relative;

  top: 0px; 

  background-image: url(../imagenes/Fotos/home-almacen.jpg);

  height: 250px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 60%;

  margin-bottom: 90px;

}



.texto{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.texto h6{

  color: rgba(255, 255, 255, 0.7);

font-family: Roboto;

font-size: 27px;

font-style: normal;

font-weight: 500;

letter-spacing: 0px;

line-height: 36px;

margin-bottom: 8px;

}



.texto h2{

  color: rgb(255, 255, 255);

font-family: 'Montserrat', sans-serif;

font-size: 55px;

font-style: normal;

font-weight: 400;

letter-spacing: 0px;

line-height: 98px;

margin-bottom: 7px;

font-weight: bold;

}



.boton-contacta{

  padding-left: 50px;

  padding-right: 50px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: white !important;

  font-size: 18px;

  text-decoration: none !important;

  background-color: #1da34a;

  top: 80%;

  position: relative;

}







.inscribirse{text-decoration:none;}



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



.descripcion-colapso{

  float: none !important;

  width: 70% !important;

  right: 0 !important;

  top: 0 !important;

}



.conjunto{

  transform: translateX(20%);

}



h2{

  font-size: 25px !important;

}



.titulo-curso, .descripcion-cursos{

  width: 90% !important;

}



.titular a{

  position: relative !important;

  top: 0 !important;

  transform: none;

  left: 0 !important;

}



.allCursos{

  height: 270px !important;

}





}



.collapsible {

  background-color: white;

  color: black;

  cursor: pointer;

  padding: 18px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 15px;

  padding-bottom: 25px;

}



.active, .collapsible:hover {

  color: #1da34a;

  

}



.content {

  padding: 0 18px;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

  background-color: white;

  border-bottom: 2px solid rgba(0,0,0,0.08);

}



.colapso{

    width: 60%;

    display: inline-block;

    position: relative;



    margin-bottom: 50px;

    margin-top: 15px;

    margin-left: 0;

    margin-right: 0;

}



@media (max-width:480px){



  .colapso{

    width: 100%;

  }



  .conjunto{

    transform: translateX(0%);

  }



  .descripcion-colapso{

    width: 100% !important;

  }



  .titular{

    width: 85%;



    transform: translateX(-10%);

  }



}





.conjunto{

    margin-bottom: 100px;

}



.boton2{

    position: absolute;

    right: 2%;

    border: 1px solid rgba(0,0,0,0.08);

    padding: 5px;

    border-radius: 50%;

}



.descripcion-colapso{

    width: 29%;

    float: right;

    position: relative;

    right: 2%;

    top: 20px;

}



.titulo{

    font-weight: bold;

    display: block;

    text-align: left;

    font-size: 16px;

    color: #0a0a0a;

    text-align: left;

    font-family:Roboto;

    font-weight:700;

    font-style:normal;

    margin-bottom: 10px;

}



.descripcion-curso{

    text-align: left;

    font-size: 16px;

    color: rgb(103, 103, 103);

    text-align: left;

    line-height: 28px;

    margin-bottom: 10px;

}



.boton-inscribeme{

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 10px;

    padding-bottom: 10px;

    color: white !important;

    font-size: 20px;

    text-decoration: none !important;

    background-color: #1da34a;

    position: absolute;

    margin-top: 10px;

    left: 20%;

    bottom: -20%;

}



.content p{

  font-size: 16px;

  color: rgb(103, 103, 103);

  text-align: left;

  line-height: 28px;

  margin-bottom: 10px;

}



.allCursos{

  background-color: green;

  height: auto;

}



.titular{

  position: relative;

  left: 20%;

  padding-top: 30px;

}



.titulo-curso{

  color: white;

  font-size: 30px;

  width: 30%;

  line-height: normal !important;

}



.descripcion-cursos{



  color: white;

  font-size: 20px;

  width: 30%;

  margin-bottom: 0;

  padding-bottom: 30px;



}



.allCursos a{

  padding-left: 50px;

  padding-right: 50px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: white !important;

  font-size: 20px;

  text-decoration: none !important;

  background-color: #1da34a;

  position: absolute;

  top: 50%;

  transform: translate(-50%,-50%);

  left: 50%;

}



.titulo-marcas{



  color: rgb(63, 147, 29);

font-family: 'Montserrat', sans-serif;

font-size: 50px;

font-style: normal;

font-weight: bold;

letter-spacing: -1px;

line-height: 60px;

text-align: center;

margin-top: 100px;

margin-bottom: 50px;



}



.marcas{

  margin-bottom: 30px;

}



.banner-final{

  position: relative;

  top: 20px; 

  background-image: url(../imagenes/Fotos/home-almacen.jpg);

  height: 500px;

  text-align: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  background-position-x: 50%;

  background-position-y: 50%;

}



.banner-final p{

  font-size: 60px;

  color: white;

  text-align: center;

  font-family: Lovelo, sans-serif;

  font-weight: bold;

  top: 50%;

  transform: translateY(-50%);

  position: relative;

  line-height: normal !important;

}



.boton-sabermas{

  padding-left: 50px;

  padding-right: 50px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: white !important;

  font-size: 20px;

  text-decoration: none !important;

  background-color: #1da34a;

  position: absolute;

  margin-top: 10px;

  top: 80%;

  transform: translate(-50%,-50%);

  left: 50%;

}



/*.boton-todoscursos{

  padding-left: 50px;

  padding-right: 50px;

  padding-top: 10px;

  padding-bottom: 10px;

  color: white !important;

  font-size: 20px;

  text-decoration: none !important;

  background-color: #1da34a;

  position: absolute;

  margin-top: 10px;

  top: 50%;

  transform: translate(-50%,-50%);

  left: 50%;

}*/





/*AEI_MENU.asp*/



#contenedor{

  height:35px;

  width:100%;

  /*border:solid 1px #DEDEDE;

  border-radius:5px;*/

  /*background:-moz-linear-gradient(#44A246 0%, #A6D9A7 100%);

  background:-ms-linear-gradient(#44A246 0%, #A6D9A7 100%);

  background:-o-linear-gradient(#44A246 0%, #A6D9A7 100%);

  background:-webkit-linear-gradient(#44A246 0%, #A6D9A7 100%);

  background:linear-gradient(#44A246 0%, #A6D9A7 100%);*/

  background: #1da34a;

  }

 #principal {

 background:#DEDEDE;

 width:100%;

 transform: translateX(32%);

 

 }

 #principal ul {

 list-style: none;

 }

 #principal li {

 float:left;

 list-style:none;

 cursor: pointer;

 display:block;

 border-right:0px solid #333;

 }

 #principal li:hover {

 background: #44A246;

 }

 #principal a, #principal a:visited {

 margin: 0px;

 padding:10px /*30px*/;

 font-weight:bold;

 color:#FFF;

 display:block;

 text-decoration: none;

 }

 #principal a:hover {

 text-decoration:none;

 display:block;

 }

 #principal li {

 float: left;

 margin: 0px;

 padding: 0px;

 }

 #principal li li {

 float: left;

 margin: 0px;

 padding: 0px;

 width: 95px;

 text-transform:none;

 }

 #principal li li a, #principal li li a:link, #principal li li a:visited {

 background:#77C679;

 width: 195px;

 float: none;

 margin: 0px;

 padding: 10px 10px 10px 18px;

 border: 0px;

 position: relative;

 z-index: 1000;

 }

 #principal li li a:hover, #principal li li a:active {

 background:-moz-linear-gradient(#CCCCCC 0%, #77C679 100%);

 background:-ms-linear-gradient(#CCCCCC 0%, #77C679 100%);

 background:-o-linear-gradient(#CCCCCC 0%, #77C679 100%);

 background:-webkit-linear-gradient(#CCCCCC 0%, #77C679 100%);

 background:linear-gradient(#CCCCCC 0%, #77C679 100%);

 padding: 5px 10px 5px 18px;

 color:blue;

 border:solid 1px #DEDEDE;

 position: relative;

 z-index: 1000;

 }

 #principal li ul {

 position: absolute;

 width: 10em;

 left: -999em;

 }

 #principal li:hover ul {

 left: auto;

 display: block;

 }

 #principal li:hover ul, #principal li.sfhover ul {

 left: auto;

 }

 a{ text-decoration:none; }



 /*AEI_MENURESP*/



 #navbar{

  width:100%;

  

  }

  /*Strip the ul of padding and list styling*/

  .dust {

    list-style-type:none;

    padding-bottom:10px;

    width:100%;	

    

  }

  

  /*Create a horizontal list with spacing*/

  .dust .dist {

    display:inline-block;

    float: left;

  

  }

  

  /*Style for menu links*/

  .dist a {

    display:block;

    min-width:130px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    color:#fff;

  background:-moz-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-ms-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-o-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-webkit-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:linear-gradient(#44A246 0%, #A6D9A7 100%);

    text-decoration: none;

  }

  

  /*Hover state for top level links*/

  .dist:hover a {

  background: #44A246;

  }

  

  /*Style for dropdown links*/

  .dist:hover .dust a {

  background:-moz-linear-gradient(#CCCCCC 0%, #F90 100%);

  background:-ms-linear-gradient(#CCCCCC 0%, #F90 100%);

  background:-o-linear-gradient(#CCCCCC 0%, #F90 100%);

  background:-webkit-linear-gradient(#CCCCCC 0%, #F90 100%);

  background:linear-gradient(#CCCCCC 0%, #F90 100%);

    color: #fff;

    height: 40px;

    line-height: 40px;	

  }

  

  /*Hover state for dropdown links*/

  .dist:hover .dust a:hover {

  background: #44A246;

    color: #fff;

    font-weight:bold;

  }

  

  /*Hide dropdown links until they are needed*/

  .dist .dust {

    display: none;

  }

  

  /*Make dropdown links vertical*/

  .dist .dust .dist {

    display: block;

    float: none;

  }

  

  /*Prevent text wrapping*/

  .dist .dust .dist a {

    width: auto;

    min-width: 100px;

    padding: 0 20px;

  }

  

  /*Display the dropdown on hover*/

  .dust .dist a:hover + .hidden, .hidden:hover {

    display: block;

  }

  

  /*Style 'show menu' label button and hide it by default*/

  .show-menu {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-decoration: none;

    color: #fff;

   background:-moz-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-ms-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-o-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:-webkit-linear-gradient(#44A246 0%, #A6D9A7 100%);

   background:linear-gradient(#44A246 0%, #A6D9A7 100%);

  text-align: center;

    padding: 10px 0;

    display: none;

    

  }

  

  /*Hide checkbox*/

  input[type=checkbox]{

      display: none;

  }

  

  /*Show menu when invisible checkbox is checked*/

  input[type=checkbox]:checked ~ #navbar{

      display: block;

  }

  

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

  /*Make dropdown links appear inline*/

  .dust {

    position: static;

    display: none;

  }

  /*Create vertical spacing*/

  .dist {

    margin-bottom: 1px;

  }

  /*Make all menu links full width*/

  .dust .dist, .dist a {

    width: 100%;

  }

  /*Display 'show menu' link*/

  .show-menu {

    display: block;

  }

  }

  

  .show-menu1 {

    display: block;

  }