/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; overflow-x: hidden;}
body { background:#000000; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif; }
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; font-weight: bold;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

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

}

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

}	
	
.credit{ width:160px; height:20px; position:absolute; bottom:10px; right:20px; z-index: 999999; font-family:Arial, Helvetica, sans-serif; font-size:11px;}	
.credit a { color:#FFF; text-decoration:none;}	
/* Structure */
#wrapper {
	width: 100%;	
	/*max-width: 920px;*/
	margin: auto;
	/*padding: 2%;*/
	} 

	#main {
		width: 60%;
		margin-right: 5%;
		float: left;
		}		
		
	aside {
		width: 35%;
		float: right;
		}
		
#enter_music{left:-2%; position: absolute;  top: 0;  width: 33.3333%;  z-index: 2; min-height: 100%;}
.feature-main-music{ background: url("../images/music.jpg") no-repeat scroll 0 0 #F5F5F5;*/ margin-left: -4em; overflow: hidden; padding-left: 4em; transform: skew(4deg); -webkit-transform:skew(4deg);-ms-transform: skew(4deg); height: 100%;
    left: 0; position: absolute; top: 0;  width: 100%;background-color:#000;background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: auto 100%, auto;	
}	
	
/*.feature-main-documental img { background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;}	*/	

#enter_logo{position: absolute;  top: 0; z-index: 1; min-height: 100%;  width: 100%; margin: 0 auto;}
.feature-main-logo{ /*background: url("../images/documental.jpg") no-repeat scroll 0 0 #F5F5F5;*/ margin-left: -4em; overflow: hidden; padding-left: 4em; height: 100%;
    left: 0; position: absolute; top: 0; width: 100%; background-color:#000;	
}	

.logolaskimal_white{width:212px; height:212px; background-image:url(../images/logo_laskimal_white.png); background-repeat:no-repeat; position:absolute; left:50%; margin-left:-106px; top:100px; z-index:99999;}
.logolaskimal_black{width:212px; height:212px; background-image:url(../images/logo_laskimal_black.png); background-repeat:no-repeat; position:absolute; left:50%; margin-left:-106px; top:100px; z-index:99999;}
.titulo{width:212px; height:212px; position:absolute; left:50%; margin-left:-106px; top:100px; z-index:0;}
.titulo h1 {font-size:8px; color:#000; }

/*#sharing{ width:270px; height:30px; position:absolute; bottom:5px; z-index:99999; left:50%; margin-left:-128px;}
#twitter-widget-0 { margin:0  0 0 10px; position:absolute; }
#___plusone_0 {position: absolute; right: -32px !important;}*/

#sharing{position:absolute; bottom:5px; width:270px; height:30px; position:absolute;  z-index:99999; left:50%; margin-left:-128px;}
.fb_box{width:112px; height:30px; float:left;}
.tw_box{width:97px; height:30px; float:left;}
.gog_box{width:60px; height:30px; float:left;}



.docu_intro{ width:220px; height:20px; padding: 15px 10px 10px; border:1px solid #000000; position:absolute; left:50%; margin-left:-114px; bottom:32%; z-index:99999; text-align:center; font-family:"nexa_lightregular", Helvetica, sans-serif; font-size:16px; color:#000000;}
.docu_intro a {  text-decoration:none;}
.music_intro{ width:220px; height:20px; padding: 15px 10px 10px; border:1px solid #ffffff; position:absolute; left:50%; margin-left:-114px; bottom:32%; z-index:99999; text-align:center; font-family:"nexa_lightregular", Helvetica, sans-serif; font-size:16px; color:#ffffff;}
.music_intro a {  text-decoration:none; color:#ffffff;}

#enter_documental{right:0; position: absolute;  top: 0;  width: 33.3333%;  z-index: 2; min-height: 100%;}
.feature-main-documental{ background: url("../images/documental.jpg") no-repeat scroll 0 0 #F5F5F5;*/ margin-left: -4em; overflow: hidden; padding-left: 4em; transform: skew(-4deg);-webkit-transform:skew(-4deg);-ms-transform: skew(-4deg); height: 100%;
    left: 0; position: absolute; top: 0;  width: 100%;background-color:#000;background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: auto 100%, auto;	
}

/* RESPONSIVE IPAD */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.feature-main-music{ margin-left:-50px!important;}
#sharing { }
/*.fb_iframe_widget  { float:left!important;}
#twitter-widget-0 { margin:0  0 0 -155px; position:absolute; }*/
.row-fluid .span6 { width: 45%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.feature-main-music{ margin-left:-50px!important;}
#sharing { }
/*.fb_iframe_widget  { float:left!important;}
#twitter-widget-0 { margin:0  0 0 -155px; position:absolute; }*/
}


/* RESPONSIVE IPHONE */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
.logolaskimal_white{width:112px; height:112px; background-image:url(../images/logo_laskimal_white.png); background-repeat:no-repeat; position:absolute;  background-size: 112px 112px; left:50%; margin-left:-56px; top:10px; z-index:99999;}
.logolaskimal_black{display:none!important;}
#enter_documental{}
#enter_music{ left:-48px!important;}
.credit{display:none!important;}
#sharing{display:none!important;}
.music_intro{position:absolute; top:70%; margin-top:-30px;  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
body {overflow-x: hidden; }
.logolaskimal_white{width:112px; height:112px; background-image:url(../images/logo_laskimal_white.png); background-repeat:no-repeat; position:absolute;  background-size: 112px 112px; left:50%; margin-left:-56px; top:30px; z-index:99999;}
.logolaskimal_black{display:none!important;}
#enter_documental{}
#enter_music{ left:-48px!important;}
.credit{display:none!important;}
#sharing{display:none!important;}
}


		
/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

#skipTo {
	display: none;
	}
	#skipTo li {
		background: #b1fffc;
		}

/* Banner */			
#banner {
	float: left;
	/*margin-bottom: 15px;*/
	width: 100%;
	}

	#banner img {
		width: 100%;
		}


/* Media Queries */
@media screen and (max-width: 480px) {

	#skipTo {
		display: block;
		}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}			
}