@charset "utf-8";
/* ERZ */

/*

---------------------------------*/


html, body {
    color: #246C73;
	
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'stroke7pixeden';
	src:url('fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');
	src:url('fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
		url('fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),
		url('fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),
		url('fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open_sans/opensans-regular-webfont.eot');
    src: url('../fonts/open_sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/open_sans/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/open_sans/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/open_sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}






.delay_1{	
	-webkit-animation-delay: .8s; /* Chrome, Safari, Opera */
    animation-delay: .8s;
	}
	
.delay_2{	
	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */
    animation-delay: 1.6s;
	}
	
.delay_3{	
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
	}

.delay_4{	
	-webkit-animation-delay: 2.4s; /* Chrome, Safari, Opera */
    animation-delay: 2.4s;
	}

.delay_5{	
	-webkit-animation-delay: 2.8s; /* Chrome, Safari, Opera */
    animation-delay: 2.8s;
	}

.delay_6{	
	-webkit-animation-delay: 3.2s; /* Chrome, Safari, Opera */
    animation-delay: 3.2s;
	}

.delay_7{	
	-webkit-animation-delay: 3.6s; /* Chrome, Safari, Opera */
    animation-delay: 3.6s;
	}

.delay_8{	
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;
	}

.delay_9{	
	-webkit-animation-delay: 4.4s; /* Chrome, Safari, Opera */
    animation-delay: 4.4s;
	}

.delay_10{	
	-webkit-animation-delay: 4.8s; /* Chrome, Safari, Opera */
    animation-delay: 4.8s;
	}
	
.delay_11{	
	-webkit-animation-delay: 5.2s; /* Chrome, Safari, Opera */
    animation-delay: 5.2s;
	}
	
.delay_12{	
	-webkit-animation-delay: 5.6s; /* Chrome, Safari, Opera */
    animation-delay: 5.6s;
	}

.delay_13{	
	-webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
    animation-delay: 6s;
	}

.delay_14{	
	-webkit-animation-delay: 6.4s; /* Chrome, Safari, Opera */
    animation-delay: 6.4s;
	}	


.delay_s1{	
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
	}

.delay_s2{	
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;
	}

.delay_s3{	
	-webkit-animation-delay: 8s; /* Chrome, Safari, Opera */
    animation-delay: 8s;
	}
	
.colBase {
    color: #6D6E71!important;
}

.colorBase {
    background-color: #333333 !important;
}


.color0 {
    background-color: #00515C !important;
}

.color1 {
    background-color: #125E68 !important;
}


.color2 {
    background-color: #246C73 !important;
}


.color3 {
    background-color: #37797F !important;
}


.color4 {
    background-color: #49868A !important;
}

.color5 {
    background-color: #5B9396 !important;
}


.color6 {
    background-color: #6DA1A1 !important;
}


.color7 {
    background-color: #7FAEAC !important;
}


.color8 {
    background-color: #B2DFDB !important;
}


.color9 {
    background-color: #92BBB8 !important;
}

.color10 {
    background-color: #A4C9C3 !important;
}

.color11 {
    background-color: #B6D6CF !important;
}

.color12 {
    background-color: #E14543 !important;
}


.color14 {
    background-color: #00515C !important;
	border: solid 3px #6DA1A1;
}
.color15 {
    background-color: #C62828 !important;
	border: solid 3px #F37271;
}


.color13 {
    background-color: rgba(255, 255, 255, .5)!important;
}

.color_1{ background: rgba(73, 180, 170, 0.7); !important;
}
.color_2{ background: rgba(127, 174, 172, 0.7); !important;
}
.color_3{ background: rgba(247, 144, 145, 0.7); !important;
}
.color_4{ background: rgba(182, 214, 207, 0.7); !important;
}
.color_5{ background: rgba(0, 83, 115, 0.7); !important;
}
.color_6{ background: rgba(154, 56, 103, 0.3); !important;
}
.color_7{ background: rgba(135, 84, 150, 0.3); !important;
}
.color_8{ background: rgba(95, 117, 155, 0.3); !important;
}
.color_9{ background: rgba(80, 147, 178, 0.3); !important;
}
.color_10{ background: rgba(37, 147, 169, 0.3); !important;
}


.color_11{ background: rgba(239, 83, 80, 0.3); !important;
}


.retroBien {
    background-color: rgba(18, 94, 104, 0.95);
  }

.visto {
    background-color: rgba(188,177,181,0.0) !important;
}
element.style {
    display: block;
    opacity: 1;
}

.modal {
    background-color: rgba(0, 81, 92, .98);
  
}

.modal-content {
	  background-color: rgba(0, 81, 92, .9);
   /* background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;*/
}

.active1:active {
	background-color:white !important; }
	

.icoTablaCont {
   
    border-radius:100px;
    height:100px;
     width: 100px;
}


.pdf-1 {
    width: 100px;
    height: 100px;
    background-image: url(../images/interfaz/pdf.svg);
    background-size: cover;
    position: absolute;
    top: -50px;
    right: -30px;
}



.activo:hover {
    opacity: 1;
}
/*Cajas*/

.contenedor-erz-2 {
  min-height: 100%; 
  min-height: 75vh;
  margin-bottom:0px; 
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  -webkit-box-align : center;
  -webkit-align-items : center;
  -moz-box-align : center;
  -ms-flex-align : center;
   align-items : center;
  
  
  width: 100%;
  

         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.caja-inicial {
	display:flex;
	-webkit-display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;		
	height:100%;	
	justify-content: center;	
	align-items: center;			
  	}



	
.caja-izq{
  	text-align:center;
	width:750px;
	flex-grow:1;
	padding:0 60px 0 60px;
	}
	
.caja-der{
	flex-grow:2;
	padding:0 60px 0 60px;
	}
	
.caja-estructura {	
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;	
	padding:120px 60px 0 60px;
  	}

.caja-menu {
	
	display:flex;
	flex-wrap:no-wrap;
	flex-direction: column;
	min-height:350px;
	text-align: center;	
	flex-basis:100%;
	padding:10px;
    
  	}

 .caja-ima-text{
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;
	height:100%;
	justify-content: space-between;
	
	}
	
	
.caja-interior-1 {
    flex: 1 1;
	flex-basis:50%;
	text-align:center;
	

}

.caja-interior-2 {
     flex-basis:50%;
	 align-self: center;
	 padding:0px 100px 0px 100px;
}

.caja-interior-3 {	
	 flex-basis:50%;
	 align-self: flex-start;
	 padding:10px 100px 10px 0 ;
}

.caja-interior-4 {
    flex: 1 1;
	flex-basis:50%;
	text-align:center;
}

.caja-interior-5 {
     flex-basis:50%;
	 align-self: center;
	 padding-left:50px;
}

.caja-interior-6 {
    flex: 1 1;
	flex-basis:40%;
	text-align:center;
	margin:10px;
	padding:15px;
}

.caja-ima-text-rev{
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;
	height:100%;
	justify-content:center;
}

.caja-simple {	
	display:flex;
	-webkit-display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;		
	height:100%;	
	align-items: flex-start;			
}

.caja-simple-col {	
	display:flex;
	-webkit-display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-wrap:no-wrap;
	flex-direction: column;		
	align-items: flex-start;			
}

.caja-modular {	
	display:flex;
	-webkit-display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-wrap:wrap;
	flex-direction:row;		
	height:100%;
	justify-content: space-around;
	align-self: center;	
}

.caja-modular-2 {	
	display:flex;
	-webkit-display:flex;
	-ms-display:flex;
	-moz-display:flex;
	flex-wrap:wrap;
	flex-direction:row;		
	height:100%;
	justify-content: space-around;
}

.caja-modular-5 {	

	flex-wrap:wrap;
	flex-direction:row;		
	height:100%;
		
}
.caja-modal{
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;
	height:100%;
	justify-content: center;
	margin-top:70px;	
	}

.caja-fancy-1 {
    flex: 1 1;
	flex-basis:50%;
	text-align:center;
}

.caja-fancy-2 {
     flex-basis:50%;
	 align-self: center;
	 padding:0 ;
}

.caja-ima-fancy-3{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	height:100%;
	justify-content:center;
}

.caja-actividad {	
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;		
	height:100%;	
	align-items: center;			
}

.caja-video{
    display:flex;
	flex-wrap:no-wrap;
	flex-direction: column;		
	height:100%;	
	justify-content: flex-start;
	padding:0 100px 0 100px;
	}

.caja-subvideo{
	text-align:center;
	}

/*Fin cajas*/




/*Generales*/

h30 {
    font-family: 'open_sansregular';
    font-size: 3.5em;
    line-height: 1.2em;
	text-align: left;
	color: #6E7A74;	
	}

header {padding:20px 50px 0px 50px; text-align:center;}

.titulo-1 {
   font-family: 'open_sansregular';
   font-weight: 600;
   font-size: 3em;
   line-height: 1em;
 }


.imagen-full {
	width:100%;
	height:auto;
	margin:0 auto;
}

.imagen-boton {
	width:120px;
	height:auto;
	background:rgba(182, 214, 207, .8);
    border:4px solid #C62828; border-radius:120px; padding:5px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
	cursor:pointer;
	
}


.imagen-boton:hover {
	background-color:#37797F;
	
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	box-shadow:#848282 ;
	border: solid 1px #555; background-color: #eed; box-shadow: 10px 10px rgba(0,0,0,0.6); -moz-box-shadow: 10px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 10px 10px rgba(0,0,0,0.6); -o-box-shadow: 10px 10px rgba(0,0,0,0.6); border-radius:100px; 
			
}



.imagen-caja-txt {
	width:90%;
	height:auto;
	margin-top:3%;
}

.imagen-der {
	width:90%;
	height:auto;
	margin-top:5%;
}

.ima-interactiva{
	width:80%;
	height:auto;
}



.imagen-fancy-1 {
	width:95%;
	height:auto;

}

.imagen-fancy-sola {
  	width: 80%;
}

.espacio-1{
  	padding:10px;
	margin-bottom:10px;
}

.color-10{
	background-color: rgba(0, 69, 106, 0.9); }

.tituloPortada {
	max-width:550px;
	min-width:250px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
		/*width:8em;*/
}

 
@media (max-width: 768px)
{
#miga {
	width:100%;
	position:relative;
	left:0;
	text-align:center;
    background-color: rgba(7, 122, 149, 0.3);
	margin-bottom:0px;
	padding:10px 0 10px 0;
	top:0; 
}
}
 
.portadaCentral {
    height: 480px;
    left: 32%;
    margin: -240px;
    position: absolute;
    top: 37%;
    width: 480px;
    z-index: 10;
}

@media (max-width: 768px)
{
.informacion {
    width:65% ;
}
}

@media (max-width: 768px)
{
.derecho {
    min-height: 0vh;
}


}



/*Fin generales*/




/*Media queries*/

@media(max-width:768px){
 .caja-inicial { flex-wrap: wrap; align-items:; height: auto;}
 .imagen-full {width:50%; height:auto;}
 .caja-der{ align-self:flex-start; text-align:center; font-size:.8em; padding-top:20px;}
 .caja-izq{ align-self:flex-start; padding-top:20px;}



 .caja-interior-3 {padding:0; flex-basis:100%; align-self: flex-start;}
 .caja-interior-5 { padding-left:70px; flex-basis:100%; align-self:flex-start;}
 .caja-ima-text-rev { flex-wrap: wrap-reverse; height: auto;}
 .ima-interactiva{width:90%;}
 .imagen-fancy-1 {width:90%; margin-top:0;}
 .caja-fancy-2 {padding:0; margin-bottom:20px; flex-basis:100%; align-self: flex-start;}
 .caja-video{padding:0 20px 0 20px;	}
}

@media(max-width:800px){


}

@media(max-width:900px){
 .caja-ima-text { flex-wrap: wrap; height: auto;}
 .caja-simple{ align-content:flex-start; -webkit-align-content:flex-start; height:auto; padding-top:0px;}
 .menu-1 { flex-wrap: wrap; align-items:; height: auto; padding-top:20px;}
 .caja-in-1 { display:flex; flex-wrap:no-wrap;	flex-direction: column;	text-align: center; flex-basis:100%; padding:10px; align-items: stretch; height:24%; margin-bottom:10px;}
 .imagen-caja-txt {width:40%;}
 .caja-interior-2 {padding:50px; flex-basis:100%; align-self: flex-start;}
 .caja-modal { flex-wrap: wrap; height: auto;}
 

}

@media(max-width:1080px){
 .caja-simple{ align-content:flex-start; align-content:flex-start; -webkit-align-content:flex-start;  height:auto;}
  .caja-estructura { flex-wrap: wrap; align-items:; height: auto; padding-top:20px;}
   .caja-menu { margin-top:10px;}
}




/*Fin media queries*/

/*Actividad arrastre*/

.matrizPregunta .tabla-3 div div.texto {
    background: #0D7D71;
}


.matrizPregunta .tabla-3 div.drag, .matrizPregunta .tabla-3 div div.drop {
    background: #A34C97;
 }
 
/* modal desbloqueo*/
 
.modal {

	overflow:auto;
	
}



/* Bootstrap */

.contenedor-erz {
   min-height: 100%; 
  min-height: 75vh;
  margin-bottom:0px; 
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  

}



/*.portfolio-modal .close-modal .lr .rl {
    background-color: #3A3A3A;
	width: 4px;
}



.portfolio-modal .close-modal .lr {
   background-color: #3A3A3A;
   width: 4px;

}

.pagina {
    border: 3px solid rgba(0, 0, 0, 0.5);
    border-radius: 70px;    
    height: 70px;   
    width: 70px;
	padding-top: 16px;
}
*/


@media(max-width:920px){
.contenedor-erz {

}

}