@charset "utf-8";
/* CSS Document */
		/* Place all stylesheet code here */
		
		
		/* -------------------------------------------------- */
		
		ul.polaroids { }
		ul.polaroids li { }
		ul.polaroids a {
	background: #fff;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 30px;
	margin-bottom: 27px;
	width: auto;
	padding: 10px 10px 15px;
	text-align: center;
	font-family: "Marker Felt", sans-serif;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-webkit-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
}
		ul.polaroids img { display: block; 
		width: 190px; margin-bottom: 12px;}
		ul.polaroids a:after { content: attr(title); }
		
		ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
		ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
		ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
		ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
		ul.polaroids li:nth-child(11n) a {
	position: relative;
	left: -5px;
	top: 3px;
}
		
		ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
		
		ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }
		
		code { background: rgba(0,0,0,.5); padding: 2px 3px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.75); -webkit-border-radius: 3px; -moz-border-radius: 3px; }
		
		ol.code { background: rgba(0,0,0,.75); margin-bottom: 18px; border: solid rgba(0,0,0,.75); border-width: 1px 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5); }
		ol.code li, ol.code li code { font-size: 14px !important; }
		ol.code code { background: none; }
				div.background #videogaleria {
 margin-left:10%;
 margin-top:10%;
 border: solid 5px #FFF ;
 width: 80%;
 height: 450px;
 text-align:center;
 padding:20px;
 }
 div.background {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 height: 100%;
 width: 100%;
 text-align: center;
 background: rgba(0,0,0,0.9);
 z-index:400;
 }
 
 div.background:target {
 display: block;
 }
 /** IE no soporta :target, así que usaremos expresiones CSS */
 div.background {
 /*display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');*/
 }
 
 
div.background .close{
 display: block;
 width: 5%;
 height: 0px;
 padding:0 10px 0 0;
 position:fixed;
 color: #000;
 font-size: 18px;
 text-shadow: 0 0 4px #FFF;
 margin-right:0px;
 top:0px;
 right:30px;
 transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0.904) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.904) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.904) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.904) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.904) skew(1deg) translate(0px);
 }
 
div.background .close:hover{
 font-size: 19px;
 transform: rotate(0deg) scale(1.023) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.023) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.023) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.023) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.023) skew(1deg) translate(0px);
 }