@font-face {
    font-family: 'write_demibdregular';
    src: url('../fonts/write_demibold-webfont.eot');
    src: url('../fonts/write_demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/write_demibold-webfont.woff') format('woff'),
         url('../fonts/write_demibold-webfont.ttf') format('truetype'),
         url('../fonts/write_demibold-webfont.svg#write_demibdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'write_regregular';
    src: url('../fonts/write_reg-webfont.eot');
    src: url('../fonts/write_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/write_reg-webfont.woff') format('woff'),
         url('../fonts/write_reg-webfont.ttf') format('truetype'),
         url('../fonts/write_reg-webfont.svg#write_regregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: 'write_regregular';
	background-color:#F2EFE7;
	background-image: url('../img/bg-band.gif');
	background-repeat:repeat-x;
}
a:hover { color:#FFF; }

header {
	position: relative;
	z-index: 1;
	margin-bottom: 25px;
}
header h2 {
	font-family: 'write_demibdregular';
	float:left;
	font-size:35px;
	font-weight:normal;
	margin:60px 20px 0 10px;
	color:#FFF;
}
#main-nav {
	font-family: 'write_demibdregular';
	font-size:22px;
	float:right;
	margin:60px 0 0 0;
}
#sub-nav {
	font-family: 'write_demibdregular';
	font-size:22px;
	clear: right;
	margin: 110px 0 0 0;
}
#sub-nav li.active a:before {
	font-family: 'write_regregular';
	font-size: 16px;
	content: 'x';
	margin-right: 7px;
	position: relative;
	top: -2px;
}
.logo {
	float:left;
	margin:13px 0 0 0;
}
p.titular {
	font-family: 'write_demibdregular';
	font-size: 32px;
	color: #000;
	text-align: center;
	position: absolute;
	margin-top: 45px;
	line-height: 1.2em;
	width: 300px;
}
.slide_picker {
	float:left;
	background-image: url('../img/slide-picker-trim.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color:#FFF;
	border-right:3px solid #D7D8D7;
	overflow: hidden;
	width:605px;
	height:595px;
	margin:0 25px 50px 0;
}
.slides {
	position:relative;
	overflow: hidden;
	width:6010px;
	margin: 15px 0 0 0;
}
.slides li {
	float:left;
	background-color:#F2EFE7;
	background-repeat: no-repeat;
	background-position: center center;
	list-style-type:none;
	margin:0 15px;
	width:571px;
	height:529px;
}

.slide_picker nav {
	float:right;
	margin:10px 15px 0 0;
}
.slide_picker nav ul {overflow: hidden; margin:0;}
.slide_picker nav ul li {
	float:left;
	background-image:url('../img/slides-nav-background.gif');
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	width:17px;
	height:18px;
	margin:0 3px;
}
.about_container {
	background-image:url('../img/slide-picker-trim.gif');
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#FFF;
	border-right:3px solid #D7D8D7;
	width:100%;
	position:relative;
	top: -57px;
	padding: 60px 0 50px 0;
}
.about_container p {
	font-size: 18px;
	letter-spacing: .08em;
	margin-left: 50px;
	max-width: 835px;
}
.about_container ul {
	margin-top: 20px;
	margin-left: 50px;
}
.about_container ul li {
	list-style-type: none;
}
.about_container a {
	font-size: 18px;
	color: #333;
	border-bottom: 1px #333 dotted;
}
.about_container a:hover, .about_container a:active {
	text-decoration: none;
	border-bottom: 1px #333 solid;
}

.slide_picker nav ul li.active {
	background-position: bottom left;
}
.slide_picker nav ul li:active, .slide_picker nav ul li:hover {
	background-position: bottom left;
}

.description { height: 475px; font-size: 18px; letter-spacing: .08em; }

.archives_nav {
	overflow: hidden;
}
.archives_nav a {
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	color:#00AEEF;
	text-align:center;
	line-height: 2.4em;
}
.archives_nav a:active {
	top:1px;
}
.archives_nav a#previous {
	background-image:url('../img/previous-post-nav.gif');
	width:148px;
	height:36px;
	margin:0 10px 0 0;
	/*width: 108px;*/
	/*padding:0 0 0 40px;*/
}
.archives_nav a#next {
	background-image:url('../img/next-post-nav.gif');
	width:149px;
	height:36px;
	/*width: 119px;*/
	/*padding:0 0 0 30px;*/
}
.disabled {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=75);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.75;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.75;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.75;
}
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
.archives_nav a.disabled:hover {
	text-decoration: none;
}
.archives_nav a.disabled:active {
	top:0px;
}