@CHARSET "UTF-8";

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

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

/* Container */
#simplemodal-container {
	
	padding:12px;
	padding-bottom: 5px;
	position: absolute;
	background-color: #FFF;
	border: 2px solid #36B399;
	border-radius: 0px;
	color: #232323;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
	
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: inherit !important;
	max-width: 550px !important;
	height: auto !important;

	font-size: 25px;
	text-align: center;
}


#simplemodal-container .content{
	
	padding: 5px 10px 5px 0px; 

}

#simplemodal-container .simplemodal-data {
	padding:0px;
}

#simplemodal-container code {
	background:#141414; 
	border-left:3px solid #65B43D; 
	color:#bbb; 
	display:block; 
	font-size:12px; 
	margin-bottom:12px; 
	padding:4px 6px 6px;
}

#simplemodal-container a {
	color:#ddd;
}

#simplemodal-container a.modalCloseImg {
	display:block; 
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 48px;
	height: 38px;
	border-radius: 0px;
}

#simplemodal-container a.modalCloseImg::before{
	content: none;
}



#simplemodal-container  h3 {
	font-size: 20px;
	font-weight: bold;
	color: #323B4D;
	margin: 0px;
	border-bottom: 2px solid #36B399;
	line-height: 42px;
	text-align: center;	
}




#simplemodal-container.error {
	border: 4px solid #cc4940;
}


#simplemodal-container.error  h3 {
	border-bottom: 2px solid #dd0000;
	color:#8c2323;
	background: url('imgs/error.png') no-repeat 0, 0;
	padding-left: 30px;
	padding-right: 28px;
}

#simplemodal-container.error a.modalCloseImg{
	background: url('imgs/bt_close_error.png') no-repeat;
}

#simplemodal-container.error a.modalCloseImg:hover,
#simplemodal-container.error a.modalCloseImg:active,
#simplemodal-container.error a.modalCloseImg:focus{
	background: url('imgs/bt_close_error_over.png') no-repeat;
}


#simplemodal-container.success {
	border: 4px solid #02c277;
}


#simplemodal-container.success h3 {	
	color:#78a44c;
	background: url('imgs/success.png') no-repeat 0, 0;
	padding-left: 30px;
}

#simplemodal-container.success a.modalCloseImg{
	background: url('imgs/bt_close_success.png') no-repeat;
	border-radius: 0px;
}

#simplemodal-container.success a.modalCloseImg::before{
	content: none;
}

#simplemodal-container.success a.modalCloseImg:hover,
#simplemodal-container.success a.modalCloseImg:active,
#simplemodal-container.success a.modalCloseImg:focus{
	background: url('imgs/bt_close_success_over.png') no-repeat;
}


#simplemodal-container.instrucciones {
	border: 4px solid #a520db;
}


#simplemodal-container.instrucciones h3 {	
	color:#78a44c;
	background: url('imgs/instrucciones.png') no-repeat 0, 0;
	padding-left: 30px;
}

#simplemodal-container.instrucciones a.modalCloseImg{
	background: url('imgs/bt_close_instrucciones.png') no-repeat;
	border-radius: 0px;
}

#simplemodal-container.instrucciones a.modalCloseImg::before{
	content: none;
}

#simplemodal-container.instrucciones a.modalCloseImg:hover,
#simplemodal-container.instrucciones a.modalCloseImg:active,
#simplemodal-container.instrucciones a.modalCloseImg:focus{
	background: url('imgs/bt_close_instrucciones_over.png') no-repeat;
}




#simplemodal-container .btn-container{
	text-align:  center;
	margin-top: 30px;
}


#simplemodal-container .content button {
	
	max-width:  45%;
	min-width: 80px;
	min-height: 40px;
	display: inline-block;
	
	font-size:25px;
	font-family: "sf_cartoonist_handregular",Arial,Helvetica,sans-serif;
	font-weight: bold;
	-moz-user-select: none;

	cursor: pointer;
	margin: 10px;
	padding: 3px 5px 3px 5px;
	
	background-color: #b8f0da;
	border: 3px solid #02c277;
	color: #000;
	box-shadow: 6px 6px 0 #99c7cd;
}



#simplemodal-container .content button:hover,#simplemodal-container .content button:focus,#simplemodal-container .content button:active {
	background-color: #02c277;
	border: none;
	color: #FFF;
	box-shadow: 6px 6px 0 #b5d1d8;
}

#simplemodal-container .content .btn-siNo{
	background-color: #e8b2af;
	border: 3px solid #cc4940;
	box-shadow: none;
}
#simplemodal-container .content .btn-siNo:hover,#simplemodal-container .content .btn-siNo:focus{
	background-color: #cc4940;
	border: none;
	color: #FFF;
	box-shadow: none;
}

