/*diseño de plataforma para certifiacion digital 07/10/2019 Elaborado por Aryvet Lugo*/

body{
	margin:0;
	width:100%;
	height:100%;
	font-size: 100%;
	background:#1a1d1b;
	background-image:url('../img/fondo.png');
	
}


.caja-1{
	width:940px;
	height:100%;
	margin:auto;	
	padding:10px;
	padding-top:0;
}
.caja-2{
	float:left;
	width:60%;
	height:100%;
	margin:auto;
	padding:1%;	
}
.caja-2 p{
	text-align:right;
}

.caja-21{
	float:left;
	width:40%;
	height:100%;
	margin:auto;
}
.caja-3{
	float:left;
	width:35%;
	height:100%;
	margin:auto;
	padding:1%;		
	
}
.caja-31{
	float:right;
	width:55%;
	height:100%;
	margin:auto;
	padding:1%;		
}



.btn{
    display: inline-block;
    padding: 2px 2px;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
  }
  
  .btn2{
    display: inline-block;
    padding: 6px 7px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 9px;
    text-decoration: none;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
	font-family: 'Montserrat';
}

.btn2:hover{ background-color: #484747; }


.btn3{
    display: inline-block;
    padding: 6px 7px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 9px;
    text-decoration: none;
    color: #000000;
    background-color: #fcfd6d;
    border-color: #fcfd6d;
	font-family: 'Montserrat';
}

.btn3:hover{ background-color: #484747; color:#FFF; }



.form-fondo{
	border: 1px solid transparent;
    border-radius: 4px;
	width:300px;
	height:375px;
	background-color: rgba(252, 253, 110, 0.5);
	padding:5px;	
}


.divform{
	width:95%;
	padding:2%;
	padding-top:2%;
	margin:auto;	
	font-family: sans-serif;
	overflow:auto;
	text-align:left;
}

.divform label{
	font-family: sans-serif;
	font-size: 0.93em;	
	display:block;
	width:250px;
	padding:5px;
	color:#FFF;
}

.divform input{
	height:20px;
	border:1px solid #ccc;
	border-radius:6px;
	background:rgb(225,225,225);
	font-family: sans-serif;
	font-size: 0.93em;
	padding:5px;
	width:95%;
}
.btnregistro{ 
	height: 40px;
    cursor: pointer;
    background: #0c9eb5;
    color: #FFF;
    font-weight: 600;
    border: 2px solid #ccc;
}

.divform input:invalid, select:invalid{
	height:20px;
	border:1px solid #ccc;
	border-radius:6px;
	background:#e8baba;
	font-family: sans-serif;
	font-size: 0.93em;
	padding:5px;
}

.divform input:required{ background:#f5e6e6; }

.divbox1{
	width:100%;
	float:left;
	margin-bottom:5px;
}



/*espacios*/
.space10{
	padding-top:10px;
}
.space40{
	padding-top:40px;
}
.space70{
	padding-top:70px;
	padding-left:10px;
}
.alinear{
    text-align: right;
}





/*Galeria*/
.galery{
	width:570px;
	height:300px;
	font-family:'Montserrat';
	color:#FFF;
	font-size:13px;
}

.galery img{
		width:570px;
		height:auto;
	}


.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: #000000;
  z-index: 1002;
  overflow: auto;
  font-family:Montserrat;
  color:#f2f2f2;
 text-align:center;
}

.white_content2 {
  display: none;
  position: absolute;
  top: 10%;
  left: 15%;
  width: 60%;
  height: 60%;
  padding: 12px;
  border: 16px solid orange;
  background-color: #000000;
  z-index: 1002;
  overflow: auto;
  font-family:Montserrat;
  color:#f2f2f2;
 text-align:center;
}



@media only screen and (max-width: 600px){
	p{
		margin:0;
	}
	
	.caja-1{ 
		width:100%;	
		padding:0;	
	}
	.caja-2, .caja-3{
		width:96%;
		padding:1%;
		
	}
	.caja-2 p{
		text-align:justify;	
	}
	
	.caja-21, .caja-31{
	width:96%;
	}
	.caja-31 div{
		text-align:left;
	}
	.caja-31 img{
		width:100%;
		height:auto;
	}
	
	.space10{
		padding-top:0px;
	}
	.space40{
		padding-top:10px;
	}
	.space70{
		padding-top:5px;
		padding-left:0;
	}
	.btn2 {
    padding: 4px 5px;
    margin-bottom: 0;
    font-size: 11px;
    min-height: 21px;
    line-height: 2;
	}
	
	.form-fondo{
		border: 1px solid transparent;
		border-radius: 4px;
		width:100%;
		height:375px;
		background-color: rgba(252, 253, 110, 0.5);
		padding:5px;	
	}


	.divform{
		width:95%;
		padding:2%;
		padding-top:2%;
		/*border: 1px solid #ccc;*/
		margin:auto;	
		font-family: sans-serif;
		overflow:auto;
	}
	
	.galery{
		width:100%;
		height:auto;
		font-family:'Montserrat';
		color:#FFF;
		font-size:13px;
	}
	.galery img{
		width:100%;
		height:auto;
	}
	
	
}