/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */
	
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 10002;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	font-family: 'PT Sans Narrow', sans-serif;
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -400px;
	min-width: 300px;
	width: 800px;
	max-width: 800px;
	background-color: #000;
	position: absolute;
	z-index: 10003;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
	-box-shadow: 0 0 10px rgba(0,0,0,.8);
	overflow:hidden;
}

.reveal-modal.small 		{ width: 250px; margin-left: -120px;top: 50px; }
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	z-index:20000;
	} 



.reveal-modal.pink .foto {border:solid 1px #FFF;}
.reveal-modal h1 {font-size:2em;color:#448be1;font-weight:400;}
.reveal-modal h2 {font-size:29px;}
.reveal-modal .url{float:right;color:#AAA;}
.reveal-modal .url a{color:#AAA;text-decoration:none;}
.reveal-modal h1, .reveal-modal h2 {margin:0;line-height:110%;}
.reveal-modal .clearer{clear:both;height:0px;width:99%;margin:15px auto 5px;border-top:solid 1px #000;border-bottom:solid 1px #FFF;opacity:.2;}

.reveal-modal span {color:#c02016;}
.reveal-modal.pink , .reveal-modal.pink span, .reveal-modal.pink a{color:#FFF;}

.reveal-modal #formulario { padding:10px;}
.reveal-modal .formrow{display:block;width:100%;margin:10px 0; clear:both;}

.reveal-modal .columns {width:780px;}
.reveal-modal .column {width:390px;float:left;padding:0;margin:0;padding:5px;}
.reveal-modal .column:first-child {border-right:solid 1px #448be1;}
.reveal-modal .column ul {list-style: none;}
.reveal-modal .column ul li:before { content: "+ \0020";}
.reveal-modal  iframe{width:100%;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.reveal-modal {
		top: 50px; 
		margin-left: -150px;
		width: 300px;
		
	}
	.reveal-modal#modal-image img {
		width:100%;
		
	}
	.reveal-modal#modal-html {
		height:350px;
	}
	.reveal-modal .close-reveal-modal {
		right: 0;
	} 
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.reveal-modal {
		top: 0; 
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}