@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/medina-munoz_02.png);
	background-repeat:repeat-x;
	background-color:#371018;
	width:960px;
  	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #222222;
	letter-spacing:0.1em;
}

h1, h2, h3, h4, h5, h6 {padding: 0 0 10px 0; margin:0px;}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
#phei {line-height:1.4em;}
#aleg ul li a {color:#FFF;}
#aleg ul li a:hover {color:#600;}
#fcolor {color:#600;}
#fcolor1 {color:#900;}
#slog {marging-top:200px;}
p {padding: 5px 0 5px 0;}

/*START:header*/
header.page_header{
  width:100%;
}
header#page_header #logo {padding: 16px 0px 0px 30px; width:310px;}
#banner {margin-top:0px; width:940px; height:360px; background-image:url(../images/back_12.png);}
/* article.side1 {float:left; background-color:#000; width:25%; height:48%; color:#FFF; font-size:0.8em; line-height:1.5em; padding:1.2em;}
article.side1 a:link, a:visited {color:#F30; text-decoration:none;}
article.side1 a:hover {color:#ccc; text-decoration:none;}
article.side2 {float:left; background-color:#CCC; width:41.45%; height:48%; color:#000; font-size:0.8em; line-height:1.5em; padding:1.2em;}
article.side3 {float:left; background-color:#000; width:25%; height:48%; color:#FFF; font-size:0.7em; line-height:1.5em; padding:1.2em;} */

#wrap {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:785px;
	margin-bottom:40px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}
#wrap1 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:480px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap2 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:460px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap3 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:775px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap4 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:755px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}
#wrap5 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:640px;
	margin-bottom:25px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap6 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:450px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap7 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:600px;
	margin-bottom:25px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}
#wrap8 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:540px;
	margin-bottom:25px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap9 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:910px;
	margin-bottom:25px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap10 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:700px;
	margin-bottom:25px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#wrap11 {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height:775px;
	margin-bottom:35px;
	float:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.7);
	box-shadow: 0 0 40px rgba(0,0,0,.7);
	}	
#cellwht { padding:1.2em; color:#FFF; font-size:.8em; font-weight:normal; bottom:0px;}
#cellwht ul li {font-size:.8em; line-height:1.8em; list-style-type:none;}
#cellwht a {color:#900; text-decoration:none;}
#cellwht a:hover {color:#999; text-decoration:none;}
#cellblk { padding:1.2em; color:#000; font-size:.8em; font-weight:normal;  bottom:0px;}
#cellblk a {color:#600; text-decoration:none;}
#cellblk strong {color:#600;}
footer p {
	margin: 5px 0 0 0;
	font-size: .7em;
	font-weight:normal;
	line-height: 1.6;
	color: #ccc;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0,0,0,.9);
	letter-spacing:0.2em;
	width:900px;
	float:none;
	}
footer p a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}
footer p a:hover {
	text-decoration: none;
	font-weight: normal;
	color:#F33;
	}
footer.copy {font-size:9px;}

ol#things li {
	position: relative;
	float: left;
	margin: 0 25px 0 0;
	padding: 10px;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	}
ol#things li:last-child {
	margin-right: 0;
	}
ol#things li a {
	float: left;
	width: 250px;
	height: 206px;
	background: url(file:///HD/Users/nicolassanchez/Documents/_Web/Gabriel/img/moon-137.jpg) no-repeat 0 0;
	}
ol#things li a img {
	position: absolute;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	}
ol#things li#things-1 a img {	
	width: 280px;
	top: 65px;
	left: 35px;
	}
ol#things li#things-2 a img {	
	width: 280px;
	top: 65px;
	left: 35px;
	}
ol#things li#things-3 a img {	
	width: 280px;
	top: 65px;
	left: 35px;
	}