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


@font-face {
		    font-family: Eras Demi ITC;
		    src: url('fonts/ERASDEMI.TTF') format('truetype');
		    src: url('fonts/ERASDEMI.TTF') format('truetype');
		    font-weight: normal;
		    font-style: normal;
		}
		
@font-face {
		    font-family: Eras Medium ITC;
		    src: url('fonts/ERASMD.TTF') format('truetype');
		    src: url('fonts/ERASMD.TTF') format('truetype');
		    font-weight: normal;
		    font-style: normal;
}

@font-face {
		    font-family: Eras Light ITC;
		    src: url('fonts/ERASLGHT.TTF') format('truetype');
		    src: url('fonts/ERASLGHT.TTF') format('truetype');
		    font-weight: normal;
		    font-style: normal;
}

@font-face {
		    font-family: Eras Bold ITC;
		    src: url('fonts/ERASBD.TTF') format('truetype');
		    src: url('fonts/ERASBD.TTF') format('truetype');
		    font-weight: normal;
		    font-style: normal;
}


body {
	background-color: #000;
	margin: 0px;
}

a:link {
	text-decoration: none;
	color:inherit;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#wrapper {
	width: 800px;
	height: 768px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/pad-back.jpg);
	background-repeat: no-repeat;
}

#header {
	height: 100px;
	width: 800px;
	padding-top: 40px;
}

#logo {
	width: 133px;
	height: 20px;
	background-image: url(images/logo-main.png);
	background-repeat: no-repeat;
	float: left;
}

#adriana {
	width: 229px;
	height: 38px;
	background-image: url(images/adriana.png);
	background-repeat: no-repeat;
	float: right;
	
}

#nav {
	height: 15px;
	width: 800px;
}

#navbuttons {
	width: 100%;
	padding-left: 40px;
}

#navbuttons ul{
	list-style-type: none;
	margin: 0px;
}

#navbuttons ul li{
	float: left;
	height: 15px;
	font-family: "Eras Medium ITC", Helvetica;
	font-size: 14px;
	color: #FFF;
	padding-right: 65px;
}


#maincontent {
	width: auto;
	height: auto;
	padding-top: 80px;
	padding-left: 70px;
}

#contenido {
	width: auto;
	height: auto;
	padding-top: 80px;
	padding-left: 95px;
}

#footer {
	height: auto;
	width: 800px;
	padding-top: 100px;
	padding-bottom: 40px;
	float: left;
}

#copy {
	font-family: Eras Medium ITC, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-decoration: none;
	float: left;
	width: 215px;
}

#btn {
	height: 15px;
	width: auto;
	float: right;
	font-family: "Eras Medium ITC", Helvetica;
	font-size: 12px;
	color: #FFF;
}

#fecha {
	width:35px;
	height: auto;
	font-family: Eras Demi ITC, Helvetica;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	float: left;
	padding-top: 40px;
}

#box {
	width: 200px;
	height: 120px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}

#img {
	width: 200px;
	height: 120px;
	float: left;
}

#tit {
	font-family: Eras Light ITC, Helvetica;
	font-size: 16px;
	color: #FFF;
	padding-bottom: 20px;
	padding-left: 5px;
}

#txt2 {
	height: auto;
	width: 600px;
	float: left;
}

#txt2 h2 {
	font-family: Eras Medium ITC, Helvetica;
	font-size: 14px;
	color: #FF6600;
	margin: 0;
}

#txt2 h3 {
	font-family: Eras Demi ITC, Helvetica;
	font-size: 12px;
	color: #FFF;
}

#txt2 h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FF6600;
	margin: 0;
}

#txt2 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: justify;
	margin-bottom: 0;
}

#contacto {
	height: auto;
	width: auto;
	float: left;
}

#contacto h2 {
	font-family: Eras Medium ITC, Helvetica;
	font-size: 14px;
	color: #FF6600;
	margin: 0;
}

#contacto h4 {
	font-family: "Eras Medium ITC", Helvetica;
	font-weight: normal;
	font-size: 14px;
	color: #FF6600;
	margin: 0;
}

#contacto p {
	font-family: "Eras Medium ITC", Helvetica;
	font-size:14px;
	color: #FFF;
	text-align: justify;
	margin-bottom: 0;
}

#txt {
	height: auto;
	width: 350px;
	float: left;
	padding-right: 20px;
}

#txt h2 {
	font-family: Eras Medium ITC, Helvetica;
	font-size: 14px;
	color: #FF6600;
	margin: 0;
}

#txt h3 {
	font-family: Eras Demi ITC, Helvetica;
	font-size: 12px;
	color: #FFF;
}

#txt h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FF6600;
	margin: 0;
}

#txt p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: justify;
	margin-bottom: 0;
}

#miniaturas {
	width: 320px;
	height: auto;
	padding-top: 115px;
	float: left;
}

#thumbs {
	width: 140px;
	height: 100px;
	padding-bottom: 20px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#thumb {
	float: left;
	width: 140px;
	height: 100px;
	float: right;
	background-color: #FFF;
	padding: 3px;
}

#link {
	float: right;
	width: auto;
	padding-top: 40px;
	font-family: "Eras Medium ITC", Helvetica;
	font-size: 12px;
	color: #FFF;
}

#pie {
	width: 750px;
	float: left;
}

#foto {
	float: left;
	width: auto;
	height: auto;
	padding-top: 19px;
	padding-right: 20px;
}



#content-wrap {
	margin:auto; 
	width: 640px;
}

#content-wrap::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#content-wrap {
	clear: both; 
	padding: 60px 0;
}

#slideshow {
	background: #FFF;
	height: 280px;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 640px;
}

#slideshow .wrap {
	height: 280px;
	overflow: auto;
	position: absolute;
	width: 640px;
}

#slideshow .wrap ul {
	list-style: none;
	margin: 0;
	position: absolute;
	width: 9999px;
	left: 0px;
	top: -10px;
}
#slideshow .wrap ul li {float: left; margin: 0; position: relative;}
#slideshow .wrap ul li img {float: left;}

	
		/* Next and Previous arrows */
		#slideshow .arrow-left,
		#slideshow .arrow-right {
			background-image: url('images/icons/arrows-slideshow.png');
			cursor: pointer;
			display: block;
			height: 22px;
			left: -26px;
			position: absolute;
			top: 140px;
			width: 16px;
		}
		
		#slideshow .arrow-left:hover {background-position: 0 -22px;}
		#slideshow .arrow-left:active {background-position: 0 -44px; top: 141px;}
		
		#slideshow .arrow-right {background-position: -16px 0; left: auto; right: -26px;}
		#slideshow .arrow-right:hover {background-position: -16px -22px;}
		#slideshow .arrow-right:active {background-position: -16px -44px; top: 141px;}
		
		/* Bullet Points */
		#slideshow .bullet-points {
			bottom: -20px;
			height: 15px;
			list-style: none;
			margin: 0;
			position: absolute;
			right: 10px;
		}
		
		#slideshow .bullet-points li {float: left; height: 15px; margin: 0 0 0 15px; width: 15px}
		
		#slideshow .bullet-points a {
			background: url('images/icons/nav.png') no-repeat right;
			display: block;
			float: left;
			height: 15px;
			overflow: hidden;
			text-indent: -9999em;
			width: 15px;
		}
		
		#slideshow .bullet-points .active a {background-position: left}