/* Overlay */
#simplemodal-overlay { background-color:#000; }

.simplemodal-body { padding: 10px;  height: 100% !important;}

.simplemodal-container {
	width: 100%  !important;  
	margin: auto ; 
	background-color:   ; 
	padding: 15px 0px;
}

.modal {
	display: none;
	width: 100% !important;
	margin: 0 auto;
	background-color:  ;
	position: relative;
}


.cuadro { 
	width: 90%; 
	max-width: 500px;
	position: relative;
	margin: 0 auto;
	font-size: .8em;
	line-height: 1.3em;
	text-align: justify;
	background-color:#FFFFFF; 
	border:1px solid #AAB7CE; 
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
}

.cuadromed { 
	width: 90%; 
	max-width: 750px;
	position: relative;
	margin: 0 auto;
	font-size: 2em;
	line-height: 1.2em;
	background-color:#FFFFFF; 
	border:1px solid #AAB7CE; 
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
}

.cuadrobig { 
	width: 90%; 
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
	background-color:#FFFFFF;  
	border:1px solid #AAB7CE; 
	color: #111111;
	font-weight: 200;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
}
.cuadroextra { 
	width: 90%; 
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
	background-color:#FFFFFF;  
	border:1px solid #AAB7CE; 
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
}




img.cerrar {
	position: absolute; 
	right: -15px; 
	top: -15px;
	width: 30px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
}
 
 .modal div.padding {
 	margin: 25px 25px 25px 25px; 
 }



 



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



 }




@media screen and (max-height: 600px) {
	img.cerrar {	
		position: fixed; 
		right: 15px; 
		top: 15px;
		width: 40px;
		transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out; 
		z-index: 50; 
	}
}



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


img.cerrar {	
	position: fixed; 
	right: 15px; 
	top: 15px;
	width: 40px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; 
	z-index: 50; 
}



 }


 


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



 

 }