@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

:focus, :active {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

body,html {
	width: 100%; 
	height: 100%;
	margin:							0px;
	padding:						0px;
	color:							white;
	font-family: 					'Ubuntu Condensed', 'sans-serif';
}

body {
	background-color: white !important;
}

body.colored {
	background-color: #2d58ae !important;
	-webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

a, a:visited {
	color:							white;
	text-decoration: 				none;
}
a:hover {
	color:							#c5c5c5;
}

.container {
	height: 100%;
}

#stage > div {
	cursor: pointer !important;
}

.intro {
	margin-left: -20px;
	-webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.intro.done {
	height: 262px !important;
}

.blueimp-gallery {
	background-color: white !important;
}

.container > .row{
	display: none;
}

.container > .row.intro{
	display: block;
	margin-top: 40px;
}

.container, .container .intro, .container .intro div {
	height: 100%;
}

/* 		NAVIGATION ITEMS 		*/
.menu {
	margin-top: 30px;
}
.menu > a {
	display: inline-block;
	width: 96px;
	height: 96px;
	margin: 5px;
	background: transparent url(images/navigation.png) no-repeat;
	opacity: .6;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}
.menu > a:hover, .menu > a:focus, .menu > a.active {
	opacity: 1 !important;
}
#distribution {
	background-position:			0px 0px;
}
#products {
	background-position:			-110px 0px;
}
#contact-us {
	background-position:			-330px 0px;
}
#legals {
	background-position:			-220px 0px;
}
#specials {
	background-position:			-442px 0px;
}
.products, 
.distributor {
	display: none;
	margin-top: 30px;
	margin-bottom: 30px;
}
.products > a,
.distributor > a {
	display: inline-block;
	width: 78px;
	height: 78px;
	margin: 5px;
	opacity: .6;	
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}
.products > a {
	/*background: transparent url(images/navigation.png) no-repeat;*/
}
.distributor > a {
	background: transparent url(images/specials-navigation.png) no-repeat;
}
.products > a:hover, 
.distributor > a:hover, 
.products > a:focus, 
.distributor > a:focus {
	opacity: 1;
}
#clothing {
	background-position:			0px 0px;
}
#accessories {
	background-position:			-96px 0px;
}
#jewelry {
	background-position:			-192px 0px;
}
#backpacks {
	background-position:			-288px 0px;
}
#sunglasses {
	background-position:			-384px 0px;
}
#watches {
	background-position:			-480px 0px;
}
#beachwear {
	background-position:			-576px 0px;
}
#sportswear {
	background-position:			-672px 0px;
}
#perfumes {
	background-position:			-768px 0px;
}
#wines {
	background-position:			-864px 0px;
}
#smail {
	background-position:			-960px 0px;
}
#inmediostatvirtus {
	background-position:			0px 0px;
}
#fuxmas {
	background-position:			-80px 0px;
}
#fuxtyle {
	background-position:			-158px 0px;
}
#oxtyle {
	background-position:			-236px 0px;
}
#fuckoff-org {
	background-position:			-316px 0px;
}
#fuckoff-net {
	background-position:			-396px 0px;
}
#vaffanculo {
	background-position:			-478px 0px;
}
.dimm {
	opacity: .2 !important;
}
.popover img {
	width: 250px !important;
}
.footer {
	text-align: center;
	color: #dddddd;
	font-size: 12px;
	margin: 30px 0;
}
.footer a, .footer a:visited {
	color: #dddddd;
	text-decoration: underline;
}
.footer a:hover {
	color: white;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	.menu {
		margin-top: 0px;
	}
	.intro.done {
		margin-top: -40px;	
		margin-bottom: -40px;	
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
	.menu {
		margin-top: 0px;
	}
	.intro.done {
		margin-top: -40px;	
		margin-bottom: -40px;	
	}
}