@charset "UTF-8";
/* CSS Document */


/*GENERALES*/

body{
padding-top:20px;
padding-left:20px;
padding-right:20px;
background-image:url(../img/fondoPuntos.png);
background-size:13px 13px;
background-repeat:repeat-x repeat-y;
min-width:300px !important;
background-color:rgba(161,158,105,0.2);
/*-moz-box-shadow:    inset 0 0 70px rgba(102,102,102,0.5);
-webkit-box-shadow: inset 0 0 70px rgba(102,102,102,0.5);
box-shadow:         inset 0 0 70px rgba(102,102,102,0.5);*/	
}


.contenedorGeneral{
border: 1px dashed rgba(102,102,102,0.5);
}


body h1, h2, h3, h4, h5, h6, p{
font-family: 'Open Sans', sans-serif;
}

a{
color:rgba(255,255,255,1.00);
text-decoration:none;
}

a:hover{
color:rgba(255,255,255,0.7);
}

li{
color:rgba(255,255,255,1.00);
	

}


.bloqueIzq{
background-color:rgba(27,216,201,0.0);
height:100%;
}

	.bloqueTitulo{
	/*background-color:pink;*/
	background-image:url(../img/candadoDesktop.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:contain;
	height:300px;
	margin-top:30px;
	}
	
	
	.pregIni{
	background-color:rgba(27,216,201,0.0);
	margin-top:20px;
	margin-left:5px;
	padding-right:25px;
	}
	
		.pregIni h6{
		font-size:20px;
		font-weight:700;	
		color:rgba(0,0,0,1.00);
		}
		
		.pregIni p{
		font-size:18px;
		line-height:22px;
		font-weight:400;	
		letter-spacing:0.2px;
		color:rgba(0,0,0,1.00);
		margin-bottom:0px;	
		}
	
	.logo{
	background-color:rgba(47,194,131,0.0);
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
	margin-top:20px;
	margin-left:20px;
	height:150px;
	border-top: 1px dashed rgba(102,102,102,0.5);
	}
	
	.logoMovil{
	display:none;
	}
	

.bloqueDer{
background-color:rgba(203,157,230,0.0);
padding-right:30px;
padding-left:30px;
padding-top:30px;
padding-bottom:30px;
}


.boton{
margin-bottom:4px;
}

	.botonesPreg{
	background-color:rgba(108,102,90,0.0);
	height:65px;	
	}
	
		.pregPeque{
		height:45px !important;	
		}
		
		.pregLargo{
		height:81px !important;	
		}
		
	
		.cajaNum{
		background-color:rgba(39,215,198,0.00);
		display:inline-block;
		height:100%;	
		border-radius: 7px 0 0 7px;
		}
		
		
			.cajaNum h6{
			color:rgba(255,255,255,1.00);
			font-size:30px;
			font-weight:300;
			margin-top:13px;
			}
			
			.pregPeque .cajaNum h6{
			margin-top:2px;
			}
			
			.pregLargo .cajaNum h6{
			margin-top:20px;
			}
			
		
		.cajaTit{
		background-color:rgba(198,205,25,0.00);
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		border:0px;
		}
		
			.cajaTit h6{
			font-size:13px;
			font-weight:700;	
			color:rgba(255,255,255,1.00);
			}
		
		.doblez1{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez1desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		
		.doblez2{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez2desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez3{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez3desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez4{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez4desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez5{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez5desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez6{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez6desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez7{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez7desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez8{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez8desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		.doblez9{
		background-color:rgba(10,201,16,0.0);
		background-image:url(../img/doblez9desktop.png);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		height:100%;	
		display:inline-block;
		padding-left:0px;
		padding-right:0px;
		}
		
		
		
			.preg1 .cajaNum{background-color:#00a0e8;}
			.preg1 .cajaTit{background-color:#00a0e8;}
			.preg1 .cajaTit h6{margin-top:14px;}
			
			
			.botonesPreg:hover{
			opacity:.7;
			}

			.preg2 .cajaNum{background-color:#ff6d5a;}
			.preg2 .cajaTit{background-color:#ff6d5a;}
			.preg2 .cajaTit h6{margin-top:14px;}
			
			
			.preg3 .cajaNum{background-color:#ffc509;}
			.preg3 .cajaTit{background-color:#ffc509;}
			.preg3 .cajaTit h6{margin-top:14px;}
			
			
			.preg4 .cajaNum{background-color:#9fc54d;}
			.preg4 .cajaTit{background-color:#9fc54d;}
			.preg4 .cajaTit h6{margin-top:14px;}
			
			
			.preg5 .cajaNum{background-color:#d4145a;}
			.preg5 .cajaTit{background-color:#d4145a;}
			.preg5 .cajaTit h6{margin-top:14px;}
			
			
			.preg6 .cajaNum{background-color:#1ab1ac;}
			.preg6 .cajaTit{background-color:#1ab1ac;}
			.preg6 .cajaTit h6{margin-top:14px;}
			
			
			.preg7 .cajaNum{background-color:#873161;}
			.preg7 .cajaTit{background-color:#873161;}
			.preg7 .cajaTit h6{margin-top:14px;}
			
			
			.preg8 .cajaNum{background-color:#33a458;}
			.preg8 .cajaTit{background-color:#33a458;}
			.preg8 .cajaTit h6{margin-top:14px;}
			
			
			.preg9 .cajaNum{background-color:#f15a24;}
			.preg9 .cajaTit{background-color:#f15a24;}
			.preg9 .cajaTit h6{margin-top:14px;}


/*respuestas*/


.reveal-modal{
background-color:rgba(255,255,255,0.00);
box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);*/
}

.reveal-modal .close-reveal-modal{
/*background-image:url(../img/cerrarDesktop.png);*/
background-size:auto;
background-repeat:no-repeat;
background-position:bottom left;
background-color:rgba(229,18,237,0.0);
height:100px;
width:100px;
top:11px;
right:11px;
}

#myModal1, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6, #myModal7, #myModal8, #myModal9 {	
height:auto;
border-radius: 7px 7px 7px 7px;
border:0px;
top:60px;
padding-top:0px;
}


.reveal-modal h2{
font-size:70px;
font-weight:300;	
color:rgba(255,255,255,1.00);
}

.reveal-modal h6{
font-size:18px;
line-height:22px;
font-weight:600;	
letter-spacing:1px;
text-transform:uppercase;
color:rgba(255,255,255,1.00);
margin-top: 30px;		
}

.reveal-modal p{
font-size:18px;
line-height:22px;
font-weight:400;	
letter-spacing:0.2px;
color:rgba(255,255,255,1.00);
margin-bottom:0px;	
}



.respuesta1{	
/*background-color:#00a0e8;*/
background-image:url(../img/fondo1desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;
}

.respuesta2{	
/*background-color:#ff6d5a;*/
background-image:url(../img/fondo2desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;	
}

.respuesta3{	
/*background-color:#ffc509;*/	
background-image:url(../img/fondo3desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;	
}

.respuesta4{	
/*background-color:#9fc54d;*/
background-image:url(../img/fondo4desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;		
}

.respuesta5{	
/*background-color:#d4145a;*/	
background-image:url(../img/fondo5desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;	
}

.respuesta6{	
/*background-color:#1ab1ac;*/
background-image:url(../img/fondo6desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;		
}

.respuesta7{	
/*background-color:#873161;*/
background-image:url(../img/fondo7desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;		
}

.respuesta8{	
/*background-color:#33a458;*/
background-image:url(../img/fondo8desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;		
}

.respuesta9{	
/*background-color:#f15a24;*/
background-image:url(../img/fondo9desktop.png);
background-position:top right;
background-size:cover;
background-repeat:no-repeat;		
}











/*====MEDIA QUERIES====*/

  /*-----movil----*/
  
  @media screen and (min-width:0px) and (max-width:420px) {
  
  
  	br{
	display:none;	
	}
	
  	.bloqueTitulo{
	background-image:url(../img/candado2.png);
	/*background-color:brown;*/
	background-position:top center
	}
	
	.bloqueDer{
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	
	}
	
	.logo{
	display:none;
	}
	
	.logoMovil{
	display:block;
	background-color:rgba(47,194,131,0.0);
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
	margin-top:20px;
	margin-left:0px;
	height:120px;
	border-top: 1px dashed rgba(102,102,102,0.5);
	}
	
	.pregIni{
	/*background-color:cyan;*/
	margin-right:0px !important;
 	}
	
	.cajaNum h6{
	color:rgba(255,255,255,1.00);
	font-size:25px;
	font-weight:300;
	margin-top:13px;
	}
	
	.pregPeque .cajaNum h6{
	margin-top:4px;
	}
	
	.pregLargo .cajaNum h6{
	margin-top:24px;
	}
	
	.cajaTit h6{
	font-size:12px;
	}
	
	
	.respuesta1, 
	.respuesta2, 
	.respuesta3, 
	.respuesta4, 
	.respuesta5, 
	.respuesta6, 
	.respuesta7, 
	.respuesta8, 
	.respuesta9 {	
	background-size:auto;
	}

   .reveal-modal{
   min-height:auto;
   }
  
	
  }
  
  
  
  
  @media screen and (min-width:421px) and (max-width:640px) {
  	
	.bloqueTitulo{
	background-image:url(../img/candadoDesktop.png);
	/*background-color:purple;*/
	background-position:center;
	height:250px;
	}
	
	.bloqueDer{
	padding-bottom:15px;
	}
	
	.logo{
	display:none;
	}
	
	.logoMovil{
	display:block;
	background-color:rgba(47,194,131,0.0);
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
	margin-top:10px;
	margin-left:0px;
	height:100px;
	border-top: 1px dashed rgba(102,102,102,0.5);
	}
	
	
	.reveal-modal{
	min-height:auto;
	}
	
	.respuesta1, 
	.respuesta2, 
	.respuesta3, 
	.respuesta4, 
	.respuesta5, 
	.respuesta6, 
	.respuesta7, 
	.respuesta8, 
	.respuesta9 {	
	background-size:auto;
	}
	
	
  }
  
  
  
  
  
  /*-----tablet----*/
  
  
  @media screen and (min-width:641px) and (max-width:700px) {
  
	.bloqueTitulo{
	height:280px;
	}
	
	.logo{
	height:100px;
	}
  }
  
  
  
  @media screen and (min-width:641px) and (max-width:800px) {
	  
	.bloqueTitulo{
	background-image:url(../img/candado2.png);
	/*background-color:brown;*/
	background-position:top center
	}
	
	.logo{
	/*background-color:red;*/
	height:90px;
	}
	
	.pregIni{
	/*background-color:cyan;*/
	}
	
		.pregIni h6{
		font-size:17px;
		font-weight:700;	
		color:rgba(0,0,0,1.00);
		}
		
		.pregIni p{
		font-size:15px;
		line-height:19px;
		font-weight:400;	
		letter-spacing:0.2px;
		color:rgba(0,0,0,1.00);
		margin-bottom:0px;	
		}
		
	
  }
  
  
   @media screen and (min-width:801px) and (max-width:1024px) {
	  
	.bloqueTitulo{
	background-image:url(../img/candado2.png);
	/*background-color:yellow;*/
	/*background-color:brown;*/
	background-position:top center
	}
	
	.logo{
	/*background-color:red;*/
	height:90px;
	}
	
	
	
  }
  
  
  
 
  
  
  
  
  
  /*-----desktop----*/
  
  
   @media screen and (max-width:900px){
	#myModal1, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6, #myModal7, #myModal8, #myModal9 {	
	width:90%px;
	}
  }
  
  
  @media screen and (min-width:900px) and (max-width:1000px) {
	#myModal1, #myModal2, #myModal3, #myModal4, #myModal6, #myModal8, #myModal9 {	
	margin-left:40%;
	width:450px;
	}
	
	#myModal5, #myModal7, #myModal9{
	margin-left:35%;			
	width:550px;
	}
  
  }
  
  
  
  @media screen and (min-width:1001px) and (max-width:3000px) {
	#myModal1, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6, #myModal8, #myModal9 {	
	margin-left:50%;
	width:450px;
	}
	
	#myModal5, #myModal7, #myModal9{
	margin-left:40%;			
	width:570px;
	}
  }