/*========================================================================
  ========================================================================
    CORE LAYOUT
  ========================================================================
  ========================================================================*/

body 
{
    font-size: 13px; line-height: 13px; background-color:#fff;
}


#wrapper 
{
	position:relative; width:804px; height:auto; min-height:100%; margin:0 auto; padding:0; background:#fff; margin-bottom:-83px; 
}
section, article, aside { position:relative;}

header
{
	position:relative; display:block; width:804px; height:100px; padding-top:20px; z-index:9000
}

header .logo
{
	position:relative; display:block; overflow:hidden; float:left; width:50px; height:37px; margin-right:14px; background:transparent url(../img/logo.png) 0 0 no-repeat; text-indent:-999px;
}
header nav
{
	position:relative; display:block; float:left; width:740px; height:22px; margin-top:14px;
}
	header #main-nav {position:relative; display:block; float:left; width:740px; height:22px; border-bottom:solid 1px #000;}
	header #main-nav > li{position:relative; display:block; float:left; height:22px; padding:0 17px;}
	header #main-nav > li.first{padding-left:0}
	header #main-nav > li.last{padding-right:0;}
	header #main-nav > li.selected{border-bottom:solid 1px #fff;}
	header #main-nav > li > a{position:relative; display:block; float:left; padding:0; font:500 9px/22px 'ubuntu', Arial, Helvetica, sans-serif; color:#000}
	header #main-nav > li > a{width:100%;  height:22px;}
	header #main-nav > li > a:hover{color:#a2a2a2}
	
	.sub-1 {position:absolute; top:23px; left:10px; border:0; padding-top:3px; height:20px; display:none;}
	.link-1 .sub-1 {width:664px}
	.link-2 .sub-1 {width:585px}
	.link-3 .sub-1 {width:513px}
	.link-4 .sub-1 {width:446px}
	.link-5 .sub-1 {width:376px}
	.link-6 .sub-1 {width:306px}
	.link-7 .sub-1 {width:237px}
	.sub-1 > li{position:relative; float:left; padding:0; height:20px;}
	.sub-1 > li > a{position:relative; display:block; float:left; padding:0 7px; font:500 9px/20px 'ubuntu', Arial, Helvetica, sans-serif; color:#000}
	.sub-1 > li > a:hover{color:#a2a2a2}
	
	.sub-2 {position:absolute; top:0; left:33px; height:20px; padding-left:10px; padding-top:0; border:0; width:435px; display:none}
	
	.link-1 .sub-2 {width:617px; padding-left:0;}
	.link-2 .sub-2 {width:545px}
	.link-3 .sub-2 {width:473px}
	.link-4 .sub-2 {width:406px}
	.link-5 .sub-2 {width:336px}
	.link-6 .sub-2 {width:266px}
	.link-7 .sub-2 {width:197px}
	.sub-2 > span {position:absolute; top:8px; left:5px; width:6px; height:5px; background:transparent url(../img/year-bg.png) 0 0 no-repeat; display:none}
	.sub-2  li{position:relative; float:left; padding:0; height:20px;}
	.sub-2  li  a{position:relative; float:left; padding:0 7px; font:500 9px/20px 'ubuntu', Arial, Helvetica, sans-serif; color:#000}
	.sub-2  li  a:hover{color:#a2a2a2}
	.sub-2  li.selected  a{color:#a2a2a2}
	
	.no-year {left: 11px; top: 23px; padding-top:3px}
	.first .no-year {left:-7px;}
	header #main-nav > li.selected .sub-1{display:block}
	header #main-nav > li.selected .no-year{display:block}
	header #main-nav > li.selected .only-year {width:406px}
	header #main-nav > li.selected .only-year li.selected  a{color:#a2a2a2}
	
	header #main-nav > li.first .sub-1{left:-7px}
	.sub-1 > li.selected .sub-2 {display:block;}
	.sub-1 > li.selected .sub-2 span {display:block;} 
	

.about
{
	
}
	.about figure {position:relative; display:block; width:634px; height:423px; }
	.about article {position:relative; display:block; width:634px; clear:both; padding-bottom:50px; overflow:hidden }
	.about article p{position:relative; float:left; width:47%; padding-right:3%; padding-top:10px }

footer
{
	position:relative; display:block; width:804px; height:72px; padding-top:15px; border-top:solid 1px #000;
}
	footer .vcard {position:relative; float:left; width:50%; margin:0; padding:0;}
	footer .vcard section {position:relative; float:left; padding-right:20px;}
	footer .vcard p{padding:0; line-height:1.2; font-size:9px;}
	footer .vcard .fn a{font:400 9px/1.2 'ubuntu', Arial, Helvetica, sans-serif; padding:0}
	footer nav {position:relative; float:left; width:50%; margin:0; padding:0;}
	footer nav ul{float:right;}
	footer nav li{position:relative; float:left; margin:0; padding:0; border-right:solid 1px #a7a7a7; border-left: solid 1px #cfcfcf}
	footer nav li.first{border-left:0;}
	footer nav li.last{border-right:0;}
	footer nav li a{position:relative; float:left; padding:0 10px;}
 







#slider{ font-size: 0px; position:absolute; overflow:auto; z-index:70; left: 0; width:804px; margin:0 auto; height:83px; margin-top:-83px; }
#slider a{ position:relative; width:134px;  border-top: 3px solid #000; padding:0; }
#slider a:hover img, #slider a.selected img{ opacity:1; }
#slider a img{ margin:0;  text-indent:0; width:134px; height:80px; opacity:0.7; }
#photo {max-width:804px;}


.interactive {display:none; position:relative; display:block; width:804px; overflow:hidden; padding-top:10px; height:53px}
.interactive .info-text {position:relative; display:block; width:804px; overflow:hidden; padding-bottom:7px}
.interactive .info-text li{position: relative;	margin-right:5px; padding-right:5px; z-index: 50; color: #777777; font:500 10px/12px 'ubuntu', Arial, Helvetica, sans-serif; display:block !important; float:left;}
.interactive .controller {position:relative; display:block; width:804px; overflow:hidden;}



#next, #prev {
	position:relative;
	display:block;
	float:left;
	z-index:60;
	height: 20px;
	width: 16px;
	background-image: url(../img/img-nav-bg.png);
	padding:0;
	margin:0
}

#next{
	background-position: -15px 0; 
}
#next:hover{
	background-position: -15px -20px; 
}

#prev {
	background-position: -1px 0;  
}
#prev:hover {
	background-position: -1px -20px;  
}

.sldr-branding{display:none !important;}
/*========================================================================
    PAGES FIN
  ========================================================================*/


	
/* ==========================================================================
   Media Queries
============================================================================= */

@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    #promo-layout {overflow:hidden;}
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
    #promo-layout {overflow:hidden;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.no-border {border:0 none !important;}