html,body{
    background: url('../prueba-pattern-9.jpg') center;
  
}

.top-line,.tab-posts-box ul.nav-tabs li.active a{

	background: #FD0000;

}

.error-section a{
  border-color: #C60000;
    color: #C60000;
}

.error-section a:hover {
    color: #ffffff;
    background: #C60000;
}

.miultop li{

	border-right: thin solid white;

	padding-right: 5px;

}

.retroalimentacion {
    margin-top: 20px;
    background: #800080;
    color:white;
}

.retroalimentacion > p{
  background: #800080;
  color:white;
  padding:15px;
}

 .top-line ul.miultop li a{

	font-size: 12px;

}



.miultop li:last-child{

	border-right: none;

}

.top-line ul.social-icons li{

	margin-left: 5px;

}

.flechaRespuestaCorrecta{
    position: absolute;
    width:175px !important;
    left:-22%;
    opacity: 1 !important;
}

#container{

	/* //background: url('../img/fondo.jpg') center; */

	background: url('../prueba-pattern-9.jpg') center;


  z-index: 0;

  background-position: 0% 0% !important;

}



header nav.nav-menu ul.menu-list li a.active2, header nav.nav-menu ul.menu-list li a:hover {

  color: #FD0000;

  background: #f1f1f1;

}



.banner-section{

	padding:25px 0;

	background:#FFFFFF;

	

}



.iniciobannerhome h2,.projects-section .project-title h2,.materialdescargable .about-section h2,.contenedorconh2 h2,.contact-section h2{

	color: #FD0000;

	font-size: 16px;

}

.iniciobannerhome input[type="email"] {
    margin-left: 20px!important;
    padding: 10px 20px;
    border: 1px solid #FD0000 !important;
    margin-bottom: 10px!important;
    outline: none;
    font-size: 12px !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #666666;
    font-family: 'Montserrat', sans-serif;
}

.iniciobannerhome input[type="text"]{


  margin-left: 20px!important;

  padding: 10px 20px;

  border: 1px solid  #FD0000 !important;

  margin-bottom: 10px!important;

  outline: none;

  font-size: 12px !important;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  color: #666666;

  font-family: 'Montserrat', sans-serif;



}





.iniciobannerhome input[type="text"]:focus,#contact-form input[type="text"]:focus,#contact-form input[type="email"]:focus,#contact-form textarea:focus{

		  border: 1px solid #FD0000;

}



.iniciobannerhome input[type="submit"],.miboton,#contact-form input[type="submit"]{

  padding: 12px 30px;

  outline: none;

  border: none;

  background: #FD0000;

  color: #ffffff;

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  margin-bottom: 10px;

}

.miboton{
  text-align: center;
  margin-bottom: 15px;
}

.miboton:focus{
  color:#f3f3f3;
}

.miboton:hover{

  color:white;

  text-decoration: underline;
}

.btnsiguiente{

  float: right;

  margin-top: 25px;

}



.iniciobannerhome input[type="submit"]:hover{

	background:#FF3535;

	transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



.textodebajo{



    position: absolute;

  bottom: -40px;

  left: -50px;

  font-size: 10px;

  text-align: center;

  width: 100%;

}



.banner-section .registreseahora a{

	color:#3A3AFF;

	font-size: 12px;

	text-align: center;

	margin:0 auto;

  margin-top: 5px;

}	



.banner-section .registreseahora a:hover{

	text-decoration: underline;

}



.project-title,.about-section p{



	text-align: justify;



}



.page-banner-section,.separadorTop{



  margin-top: 62px;



}

.bienvenida{
    background-image: url('../img/modulo1/01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.modulo1{

    background: url('../img/modulo1/01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
}



.modulo2{

    background-image: url('../img/modulo2/02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.modulo3{

    background: url('../img/modulo3/03.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.modulo4{

  background: url('../img/modulo4/04.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

.modulo5{

    background: url('../img/modulo5/cabezote-modulo-5-cuidarse-los-dientes-nuevo.jpg') center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.modulo6{

  background: url('../img/modulo7/cabezote-modulo-8-descripcion-nuevo.jpg') center;

}

.modulo7{

    background: url('../img/modulo7/cabezote-modulo-8-descripcion-nuevo.jpg') center;

}

.matdescargable{

  background: url('../img/matdescargable/cabezote-materiales-complementarios.jpg') center;

}

.felicitaciones{

    background: url('../img/felicitaciones/05.jpg');
    background-position: center;
    background-repeat: no-repeat;

}


.submitButtonDescargas{
    border: none;
    background: none;
    width: 100%;
    padding: 0;
}


.page-banner-section:after{



  background:none;



}



.titulopag h2{



  font-size: 30px;

  color:white;

}



.titulopag h3{



  font-size: 20px;

  margin:0;

  /*color: #FD0000;*/

  color:#ffffff;

  font-weight: bold;

}



.modulo5 .titulopag h3{



   font-size: 18px;



}

p.subititulopfelicitaciones{
  text-align: center;
  color: red;
  margin: 30px 0px;
  font-size: 25px;
  font-weight: bold;
}

h4.misubtitulo{

   color: #FD0000;

  font-weight: bold;

}

h4.misubtitulonuevo{
  color: #FD0000;
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  margin: 30px 0px 30px;
}


.moxie-shim.moxie-shim-html5 {
    width: 100% !important;
    height: 50px !important;
}

.titulopag {

  border-left: 2px solid red;

  padding: 0px 10px;

}





footer {

  background:white;

}


.miclearfix{

  z-index: 999;

  width: 962px;

  right: 0;

  margin-left: -362px;


}

.modal-dialog{
  /*z-index: 26;*/
  z-index: 0;
}


.mapaCurso{

  margin-top: 35px;



}


header .guide-box {

  padding: 25px 0px 20px;

}



#home-section .tp-caption.finewide_medium_white span{

  color:#FD0000 !important;

}



.tools.logo{



  display: none !important;



}



 div.col-sm-7.five-three {

    width: 60% !important;

    }



    div.col-sm-5.five-two {

      width: 40% !important;

    }



.textofotosmodulo7{



  position: relative;

  text-align: center;

  

}





.barrainferior:hover{



  text-decoration: underline !important;



}





.textofotosmodulo7 img{



  margin:0;



}



.barrainferior{

  background:#FD0000;

  color:white;

  position: absolute;

  width: 100%;

  bottom:0;

  padding: 10px 15px;

  font-size: 12px;

  font-weight: bold;

}





.contenedor5fotos{



  margin-top: 25px;





}



.contenedor5fotos h6,.mih4colgate{
  text-align: center;

  color:#FD0000;

  font-weight:bold;

  font-size: 14px;

}



.materialdescargable{



  margin-top: 30px;



}



.materialdescargable img{

  padding-top: 100px

}



.materialdescargable h4{

  padding-bottom: 25px;

}



.mibloquedescarga{

  display: inline-block;

    width: 106px;

  height: 40px;

  padding: 5px;

  background: #f7f7f7;

  color: #222222;

  font-size: 17px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  margin: 0 0 15px;

  font-size: 10px;

  font-weight: 400;

  margin-bottom: 0;

  margin-left: 36px;

  border: 1px solid #eeeeee;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  background: #FD0000;

  color:#FFFFFF;

}



.materialdescargable .accord-title a.accord-link{

  height: 40px;



}



.bloquecito ,.bloquecito .col-md-3{

  margin: 10px 0px;

}



.materialdescargable .bloquecito .accord-title a:hover .mibloquedescarga{

  text-decoration: underline;

}



.materialdescargable .accord-title a.accord-link:after{

  content: '\f01a';

  color:#FD0000;

}



.bloqueenteropregunta{

  margin: 25px 0px;

}



.bloqueenteropregunta label{

  cursor: pointer;  

}





.bloquepreguntas{
  padding: 5px 15px;
  background: #f7f7f7;
}

.bloquepreguntas h6{

  color:#FD0000;

  font-weight: bold;

  font-size: 16px;

}

.puntuablock{

  color:#FD0000;

  font-weight: bold;

   font-size: 16px;

}



.bloquepreguntas p{

  text-align: left;

  font-size: 12px;

}



label{



  font-weight: normal;

}



.miacordeon .accord-elem.active .accord-title h2,.acordeonFaq .accord-elem.active .accord-title h2{
  border:thin solid #F1F1F1;
  background: #F1F1F1;
  color:rgba(0,0,0,.8);
  line-height: 1.3;
}

.acordeonFaq .accord-elem.active a.accord-link {

  background-color: #FD0000;

  border: 1px solid #FD0000;

  border-right: none;

}

.acordeonFaq .accord-elem.active a.accord-link:after {

  color:white;

}



.acordeonFaq .accord-title a.accord-link:after{

  color:#FD0000;

}



.miacordeon .accord-title a.accord-link{

  height: 37px;



}

.fancybox-inner{

  overflow: auto !important;



}

.miacordeon h2{

  font-size: 12px;



}



.miacordeon h4{

  font-size: 12px;

  font-weight: bold;

}



.nav-menu ul li.active2 a{



    background-repeat: no-repeat !important;

  background-image: url(../img/flecha-animada-curso-virtual-2.gif) !important;

  background-position: 1% 50% !important;

  background-size: 25px !important;



}



.miaccord-link{

  background: #FD0000;

  border: 1px solid #FD0000;

  border-right: none;

    display: inline-block;

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  position: absolute;

  width: 36px;

  height: 35px;

  top: 0;

  left: 0;

  text-align: center;
}



.miaccord-link i{

  font-size: 18px;

  line-height: 36px;

  color:white;

}



.bloqueresultados{

  display: inline-block;

  padding: 5px 15px;

  background: #f7f7f7;

  color: #222222;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  margin: 0 0 3px;

  font-size: 13px;

  font-weight: 400;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  background: #FD0000;

  color: #FFFFFF;
}

.bloqueres2{
  background: #f7f7f7;
  color:#FD0000;
  border: thin solid #D1D1D1;
  padding: 15px 15px;
}



.conteresultado{

  display: inline-block;

  padding: 17px 15px;

  background: #f7f7f7;

  color: #222222;

   font-size:12px;

  font-family: 'Montserrat', sans-serif;

  margin: 0 0 5px;


  font-weight: bold;

  border: thin solid #D1D1D1;

  color: #FD0000;

  width:100%;

}



.descargagrupito{

  background:#FD0000;

  color:white;

  padding:5px 5px;

  margin: 3px 2px;

  display: inline-block;

}



.descargagrupito:hover{

  color:white;

  text-decoration: underline;

}



.col-centered{

float: none;

margin: 0 auto;

}

.bordecentrado{
      border-bottom: 2px solid red;
    position: absolute;
    width: 100%;
    height: 50%;
}

.mapaintro{

  margin:0px 25px; 

  padding:10px;

}



.fondomapagrande{

  position: absolute;

  z-index: 1;

  margin: 0 !important;

  right: 0;

  top: -50px;

}

.nummapaintro{

  padding: 15px;

  background-image: url(../img/flecha-mapa-curso-virtual.png);

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: 50%;

  color: white;

  font-weight: bold;

  margin: 5px;

  position: relative;

  z-index: 1;

}

span.nummapaintro.ultimo {
  padding: 10px;
}


.textomapaintro{

  z-index: 1;

  color: #CD0000;

  font-weight: bold;

    position: absolute;

  bottom: -10px;

  font-size: 13px

}

span.textomapaintro.primero{

  color:white;

    bottom: 0px;

}

.treslineas{

  bottom: -30px;

}



.bloquemapa{

  margin:20px 0px;



}

.bloquemapa .finmapa{

  text-align:center;

  color:#CD0000;

  font-weight:bold;

}

.bloquemapa:hover .textomapaintro,.bloquemapa:hover .finmapa{

  text-decoration: underline;

}

.inputsubir{margin:0;}

.inputsubir input[type="file"] {

    display: none;

}

.custom-file-upload {

    width:100%;

    background: #FD0000;

    color:white;

    border: 1px solid #FD0000;

    display: inline-block;

    padding: 15px 15px;

    cursor: pointer;

    border-radius: 0px;

    transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  font-size: 12px;
}



.textoarchivos{
  background: #f7f7f7;
  border: thin solid #D1D1D1;
  text-align: center !important;
  padding: 5px 15px;
}

.custom-file-upload:hover {

  background: #CD0000;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

}

.custom-file-upload-nuevo{
  background: #A700A7;
  border: 1px solid #A700A7;
  width: 50%;
}

.custom-file-upload-nuevo i{
  font-size: 25px;
  margin-right: 5px;
}

.custom-file-upload-nuevo:hover{
  background: #C400C4;
}

.list-center{

}
.list-center li{
  display: inline-block;
  position: relative;
}
.list-center li:before{
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: red;
  top: 7px;
  left: -15px;
}

.cols{
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-top: 16px;  
}
.cols .col{
  margin-left: 16px;
  margin-right: 16px;
  background-color: #f2f2f2;
  width: 33.33%;
}

.list-red-points{
  list-style: none;
}

.list-red-points li{
  position: relative;
}
.list-red-points li:before{
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: red;
  top: 6px;
  left: -20px;
}

.list-red-points-2{
  list-style: none;
  padding: 0 20px 20px 30px;
}

.list-red-points-2--red{
  color: red;
  list-style: decimal;
}



.list-red-points-2 li{
  position: relative;
}

.list-red-points-2 li span{
  color: #666666;
}
.list-red-points-2 li:before{
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: red;
  top: 6px;
  left: -12px;
}

.list-red-points-2--red li:before{
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: transparent;
  top: 6px;
  left: -20px;
}

.list-red-points--margin li{
  margin-bottom: 13px;
}

iframe.miiframe{

  margin-top:15px;

  margin-bottom: 30px;

  width: 90%;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;

}


header nav.nav-menu ul.menu-list li a{
	
	  padding: 12px 30px;

}

header div.logo {
  padding: 30px 30px;
}

.anchorfalso{
    padding: 12px 30px;
  outline: none;
  border: none;
  background: #FD0000;
  color: #ffffff;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin:0 !important;
  margin-bottom: 10px;

}
.anchorfalso:hover{
  background: #FF3535;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.tp-simpleresponsive{
  height: 385px!important;
}

.dentroslider{
  background: #FFFFFF;
  padding:10px;
  border-radius: 5px;
}
.dentroslider input[type="text"]{
  width:85%;
  margin-top:10px;
}

.dentroslider .registreseahora {
  text-align: center;
}
.dentroslider a.anchorfalso {

    display: inline-block;
  color: white;
    margin-left: 30% !important;
}
.dentroslider .textodebajo{
  position: relative;
 
}

.contenedorsubmit{
    position: relative;
    display: inline-block;
    left: 50%;
}

.misubmithome{
      position: relative;
      left: -50%;
      margin: 0;
}

.misubmitevidencia{
  background: #FD0000;
  width:100%;

    color: white;
    border: none;
    display: inline-block;
    padding: 15px 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.misubmitevidencia:hover{
      background: #CD0000;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.descargaguia:hover{
  opacity:.75;
}

.imagenmapa{
  margin:0;
  transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.imagenmapa:hover{
  opacity:1;
  transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.about-section p.puntajegrande{
  padding-top:30px;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
}

.cajapuntos{
  border:thin solid #dddddd;
  padding: 0px 20px;
  color:red;
  /*float:right;*/
  font-size: 60px;
  font-weight: bold;
  border-radius: 30px;
}
.contenedorpuntaje{
  text-align: left;
}

.cuadrosmod1{
  border-right: thin solid #dddddd;
  margin: 15px 0px;
}

.contenedorcuadrosmod1{
  color:grey;
  background:white;
  padding:10px;
  font-size: 11px;
  min-height: 115px;
}
.contenedorcuadrosmod1 img{
  float:left;
  margin: 10px;
  margin-left:0;
  margin-top:0;
  width:65px;
}

.contenedorcuadros2mod1{
  padding: 10px 0px;
  min-height: 170px;
}


.bordeabajo{
  border-bottom: 5px solid red;
}

.mod1final{
  border:none;
}

.subtitulomodulo1{
  text-align: right;
  font-size: 30px;
  color:red;
}
.contenedorfelicitaciones1{
  padding-bottom: 5px;
}
.contenedorfelicitaciones2{
  padding:10px;
  border:thin solid #ffffff;
  display: inline-block;
  width: 100%;
      margin-bottom: 5px;
    margin-top: 5px;
}
.about-section h2.titrecuerdefelicitaciones{
  font-size: 25px;
  color:red;

}
.about-section h2.titrecuerdefelicitaciones i {
  font-size: 40px;
}

.top50vertical{
  top:10px;
}
.mirowpasos{
  padding-top: 10px;
  padding-bottom: 5px;
  background: url(../img/felicitaciones/bloque-pasos.jpg) ;
}
.subtitulomodulo1nuevo{
  margin:0;
  text-align: right;
  font-size: 70px;
  color:#ffffff;
  padding-right: 15px;
  border-right: thin solid white;
}
.about-section p.modulonuevop{
  color:#ffffff;
  margin: auto auto;
      top: 15px;
    position: relative;
    text-align: left;
}
.about-section img.modulonuevoimg{
      width: 100px;
      margin: 0;
}


header nav.nav-menu.active ul.menu-list li.drop > a{
  display:block;
}

li.drop > p{
  display:block;
}

.banslider{
  background: rgba(255,255,255,1);
  border-radius: 3px;
  padding: 10px 10px !important;
}

.banslider h2{
  font-size: 12px !important ;
}
.textodebajo{
  
  bottom: -35px !important;
}

.textodebajo p{
  color: black;
  font-size: 12px !important;
  margin: 5px 0 !important;
  margin-top: 0px !important;
}
.textodebajo a{
  color:blue;
  font-size: 10px !important;
  margin-top: 5px !important;
}

.titulologin,.titulologin p{
  color: #FD0000;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px !important;
  padding-top: 0px;
  text-align: center;
  display: inline-block;
}

.projects-section {
    padding: 30px 0;
  }

.registreseahora{
  display:inline-block;
}

.textodebajo{
  position: relative;
  bottom: 0 !important;
  display: inline-block;
      margin-top: 5px !important;
}

#contact-form select,#contact-form input[type="email"]{
      width: 100%;
    padding: 10px 20px;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #666666;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
.banslider2{
      display: none;
    }

.mirowhome{
  background: rgba(241,241,241,1);
  padding: 10px 0px;
}

.row.mirowhome {
    width: 100%;
    margin: 0 !important;
}

.titulotophome{
  font-weight: bold;
}

.logoslider{
  width:150px !important;
      height: 38px !important;
}
#mipropioantispam {
    display: none;
}



.rowcaja2{
  display:none;
}

.trozoizquierdo{
  padding-right:0;
}
.trozoderecho{
  padding-left:0;
}

#content{
  z-index: 0;
}
header{
  z-index: 2;
}

.miaccordlinkdescargas{
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 0;
    text-align: center;
    background: #f1f1f1;
    border: 1px solid #eeeeee;
    border-right: none;
}
.miaccordlinkdescargas:hover, .miaccordlinkdescargas:focus{
  text-decoration: none;
}
.materialdescargable .accord-title a.miaccordlinkdescargas:after {
    font-family: 'FontAwesome';
    font-size: 18px;
    content: '\f01a';
    color: #FD0000;
    line-height: 36px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.respuestaerrada{
	background:#FDF10B;
}
.respuestaerrada h6{
	color:red;
	font-size:14px;
}

.miiframepdf{
  width:100%;
  height: 500px;
}

.mibotondescargamodal{
      background-color: red;
    color: white;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 18px;

}

.bloqueresultados{
   
    width: 100%;
  }

.subida-disabled{
  background: grey;

}

div#myModalsubida {
    z-index: 0;
}

.invisible{
  display:none;
}

.visible{
  display:block;
}
.fotofelicitacionespequena{
  border-left: thin solid grey;
  padding-left: 15px;
}

.felicitacionesejemplos{
  background: #e5e5e5;
}

.felicitacionesejemplos h4{
 font-size: 25px;
 margin-top:25px;
 margin-bottom:25px;
 padding-left: 15px;
 color:grey;
}

.nuevofechaevidencia{
  background: url(../img/felicitaciones/bloque-fecha.jpg);
  text-align: center;
}

.titulofooterfelicitacionesnuevo h3{
  color: white;
}

.textoadicionalfooternuevo{
  margin: 15px 5px;
}

.textoadicionalfooternuevo p{
  text-align: center;
  color: #ffffff;
  font-size: 12px;
}

.inputevidencianuevo{
   margin: 25px 5px;
}

.inputevidencianuevo input[type="text"]{
  background: none;
  border:thin solid #ffffff;
  color: #ffffff;
  padding: 5px 0px;
  font-size: 30px;
  text-align: center;
  font-weight: normal;

}

.about-section p.textofotoejemplofelicitaciones{
  text-align: center;
  margin: 10px 0;
  font-size: 16px;
}

@media (min-width: 1200px){
    .banslider{
          margin-left: 0px !important;
          margin-top: -25px !important;
          
    }
    .iniciobannerhome input[type="text"],.iniciobannerhome input[type="email"]{
      margin:0px !important;
      width: 100%;
    }
    span.contenedor-input{
      display: inline-block;
      width: 100%;
    }

    .textodebajo{
    left: 0px;
    }

    
}

@media (max-width: 1200px){

.trozoizquierdo{
  padding-right:15px;
}
.trozoderecho{
  padding-left:15px;
}

  .rowcaja1{
    display: none;
  }

.rowcaja2{
  display:block;
}

  .tp-simpleresponsive {
      height: 400px!important;
    }

  .textodebajo{
    left: 0 ;
  }

  .iniciobannerhome input[type="submit"]{
    width: 100% !important;
  }

  .titulologin{
    margin-bottom: 5px !important;

  }

  .contenedor-input{
    display: inline-block;
    width:100%;
    margin: 5px 0px !important;

  }

  .iniciobannerhome input[type="text"],.iniciobannerhome input[type="email"]{
    margin:0 !important;    
    width:100%;
  }

  .miclearfix{

    width: 750px;

    margin-left: -250px;

  }



  .top-line ul.miultop li a,.top-line p{

    font-size: 10px;

  }

  img.fondomapagrande{

      width: 65% !important;

      left: 0;

    }

    .banslider{
      margin-left: 130px !important;
      margin-top: -45px !important;
      
    }
    .textodebajo p{
      display: none;
    }
    .textodebajo a{
      margin:5px 0;
    }

    .row.mirowhome {
      width: auto;
      padding: 10px 10px !important;
    }

}

@media (max-width: 1000px){

    .page-banner-section{
      margin-top: 0;
    }

    .miclearfix{

    width: 100%;

    margin-left: 0px;

  }

  .banslider {
    margin-left: 145px !important;
    margin-top: -55px !important;
  }

  .iniciobannerhome input[type="submit"] {
    margin-bottom: 0 !important;
  }

  .miboton{
    margin-bottom: 15px;
  }


}

@media (max-width: 992px){

  .top-line ul.miultop li a,.top-line p{

    font-size: 14px;

  }



  .miclearfix .container .col-md-6{

    margin-top: 5px;

    margin-bottom: 15px;

    }

    img.fondomapagrande{

      width: 50% !important;

      left: 0;

    }

    iframe.miiframe{

    height:360px;

    }

    .contenedorpuntaje,.about-section .contenedorfelicitacionestextopuntaje p,.about-section p.puntajegrande{
      text-align: center;
    }
    

}

@media (max-width: 800px){
  .banslider {
    display: none;
  }
  .banslider2{
    display: block;
  }

  .tp-simpleresponsive {
      height: 285px !important;
    }
}


@media  (max-width: 767px) {

  .bloqueresultados{
    margin:10px 0px;
    width: 100%;
  }

  .fotofelicitacionespequena{
    margin:0 auto;
    width:auto !important;
    border:none;
    border-left: none;
  }

  .especialinput{
    padding-left: 15px;
    margin-top: 10px;
  }

  img.fondomapagrande{

      width: 170px !important;

      left: 0;
    }

}
@media  (max-width: 600px) {
  .logoslider {
      width: 110px !important;
      height: 31px !important;
      margin-left: -10px;
  }
  .miboton{
    width:100%;
    text-align: center;
  }

  .about-section p.modulonuevop{
     top: 0px;
     font-size:12px;
     text-align: left;
  }
  .custom-file-upload-nuevo,.inputevidencianuevo input[type="text"]{
    width: 100%;
  }

}

.countries-login{
  display: flex;
}

.country{
  padding: 0 8px;
  width: 50%;
}
.country:first-child{
  border-right: 1px solid #D1D1D1;
}

.country__flag{
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center center;
  display: block;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
}
.country__flag--ecuador{
  background-image: url('../img/ecuador.png');
}
.country__flag--colombia{
  background-image: url('../img/colombia.png');
}

.country__name{
  margin: 8px 0;
}

.country .miboton{
  margin: 8px 0 16px;
  padding: 10px;
}