@import url(http://fonts.googleapis.com/css?family=Arvo);
/**{border:0;margin:0;padding:0;outline:0}
html{background-color:#fdfcfb}
body{height:100%;min-height:100%;position:relative;margin:50px auto 20px auto}*/
ul{list-style:none}
a{color:#e94439;text-decoration:none}
a:hover{color:#ee6f67;text-decoration:underline}
h2{font-family:Arvo,Arial,sans-serif;font-size:20px;line-height:25px;font-weight:400;text-transform:uppercase;color:#fff;letter-spacing:1px}
h1{font-family:Arvo,Arial,sans-serif;font-size:40px;line-height:75px;font-weight:400;color:#e94439;}
/*p{font-family:Georgia,Arial,sans-serif;font-size:15px;line-height:15px;font-weight:100;color:#fff}*/
header{min-width:100%;width:100%;text-align:center;min-height:150px}
header p{font-family:Arvo,Arial,sans-serif;font-size:15px;line-height:25px;font-weight:400;color:#e94439;text-transform:uppercase}
header figure{width:250px;background-color:#e94439;box-shadow:1px 1px 5px;position:absolute;right:-60px;top:0;overflow:hidden;padding:5px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
header figure a{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;font-weight:400;color:#fff}
header figure a:hover{color:#fff;text-decoration:none}
header figure:hover{background-color:fadeout(#e94439, 25%)}
article{width:100%;min-width:100%;text-align:center;margin:0 0 30px 0}
article:first-child{margin:0}
article h2{font-family:Arvo,Arial,sans-serif;font-size:20px;line-height:25px;font-weight:400;color:#e94439;text-transform:uppercase}
article h3{font-family:Arvo,Arial,sans-serif;font-size:15px;line-height:25px;font-weight:400;color:#e94439;text-transform:uppercase;margin:15px 0 0 0}
article p{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;font-weight:300;color:#000;display:inline-block;margin:15px 0 0;max-width:650px}
article a#button{background-color:#e94439;max-width:150px;color:#fff;display:block;margin:20px auto 0 auto;padding:15px 30px;border-radius:8px;font-family:Helvetica,Arial,sans-serif;font-size:20px;line-height:20px;font-weight:300;-webkit-transition:background-color 0.5s linear;-moz-transition:background-color 0.5s linear;-ms-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear}
article a#button:hover{text-decoration:none;background-color:fadeout(#e94439, 25%)}
article a#twitter{font-family:Arvo,Arial,sans-serif;font-size:30px;line-height:45px;font-weight:400;color:#000;position:relative;top:30px}
article a#twitter:before{content:'#';display:inline-block;color:#e94439;margin:0 5px 0 0}
article #adsense{display:block;margin:55px auto 0 auto}
article strong{font-weight:600}
article figure{max-width:960px;margin:25px auto 0 auto}
section{min-width:100%;
	width:100%;
	min-height:100%;
	text-align:center;
	padding:30px 0;
	margin-bottom:30px;
	background-image:url(../imagenes/fondo_transp.png);
	background-repeat:repeat;
	/*background-color:#333;*/
	box-shadow:0 0 10px;
	border-radius: 5px}

section #fullPreview{
	background-color:#A3937B;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:50px 0 30px 0;display:none;
	border-radius: 5px}

section #fullPreview img,section #fullPreview .fullCaption{max-width:960px;width:100%;margin:0 auto;display:block}
section #fullPreview .fullCaption{font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:15px;font-weight:300;color:#fff;margin:15px auto 0 auto}
section #fullPreview figure{background-image:url("../img/effects/close.png");background-size:100%;width:30px;height:30px;position:absolute;top:10px;right:20px;cursor:pointer}
section li{display:inline-block;vertical-align:top;position:relative}
section li:hover .overLayer{-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-ms-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;opacity:0.6;display:block;background:gray}
section li:hover .infoLayer{-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-ms-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;opacity:1;display:block}
section li a{display:block;width:240px;height:150px;position:absolute;top:10px;left:0;z-index:6}
section li img{border:none;margin:10px 10px 0 0}
section li .overLayer,section li .infoLayer{-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-ms-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;width:240px;height:150px;position:absolute;text-align:center;opacity:0;top:10px;left:0;z-index:4}
section li .overLayer ul,section li .infoLayer ul{padding:20px 0 0 0}
section li .overLayer ul li,section li .infoLayer ul li{display:block;margin:0 auto;width:200px;padding:0 0 5px 0}
section li .overLayer ul li:first-child,section li .infoLayer ul li:first-child{border-bottom:2px #fff solid}
section li .overLayer ul li:last-child,section li .infoLayer ul li:last-child{padding:5px 0 0 0;text-transform:lowercase}
section li .overLayer ul li h2,section li .infoLayer ul li h2{font-size:15px}
section li .projectInfo{display:none}
footer{min-width:100%;width:100%;text-align:center;margin:50px 0 0 0}
footer p{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:300;color:#000;display:block}
footer span{display:inline-block;color:#e94439;font-size:20px;margin:0 3px;-webkit-transition:color 0.5s linear;-moz-transition:color 0.5s linear;-ms-transition:color 0.5s linear;-o-transition:color 0.5s linear;transition:color 0.5s linear}
footer span:hover{color:#ee6f67}footer a{color:#e94439}
footer a:hover{color:#ee6f67;text-decoration:underline}