/* ------- FONTS --------- */

@font-face {
	font-family: 'Conv_neutratext_demialt';
	src: url('../fonts/neutratext_demialt/neutratext_demialt.eot');
	src: local('☺'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.woff') format('woff'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.ttf') format('truetype'), 
		url('../fonts/neutratext_demialt/neutratext_demialt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_neutratexttf_boldalt';
	src: url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.eot');
	src: local('☺'), url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.woff') format('woff'), 
		url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.ttf') format('truetype'), 
		url('../fonts/neutratexttf_boldalt/neutratexttf_boldalt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_neutratexttf_demialt';
	src: url('fonts/neutratexttf_demialt.eot');
	src: local('☺'), url('fonts/neutratexttf_demialt.woff') format('woff'), url('fonts/neutratexttf_demialt.ttf') format('truetype'), url('fonts/neutratexttf_demialt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


::selection {
    background: #EB2929; /* Safari */
    }
::-moz-selection {
    background: #EB2929; /* Firefox */
}


/* ------------------------------- RESET CSS ------------------------------- */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, b, i, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
}

/* Always force a scrollbar in non-IE */
html { 
	overflow-y: scroll; 
}

/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }




/* ------------------------------- BASE CSS ------------------------------- */

a, a:active, a:visited { 
	color: #607890;
}

a:hover { 
	color: #036;
}

/* iphone/ipad color when a link is 'tapped' */
a:link { -webkit-tap-highlight-color: #c4edff; }

body {
	background: #161616;
	color:#fff;
	min-width:995px;
	font-family: 'ProximaNovaRegular', Helvetica, Arial;
	font-size: 14px;
	line-height: 24px;
}


/* ------------------------------- PRIMARY CSS ------------------------------- */



/* --------- HEADER ----------*/


#header {
	position:relative;
	height:150px;
	margin-top:-35px;
	/*background: #202020;*/
	/*background: rgba(0, 0, 0, 0.1);*/
}
#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
}
.logo {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
	background: url('../img/logoblk.png') no-repeat 40px 53px;
}

.logo_bg {
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:150px;
	background: url('../img/nav_bg0.png') repeat-y 0px -40px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
#logo:hover .logo_bg {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	margin-top:1px;
	margin-left: 1px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}

#nav {
	position:absolute;
	right: 25px;
	top: 35px;
}
.nav_item {
	width:210px;
	height:110px;
	float:left;
	overflow: hidden;
}
.nav_blog {
	width:225px;
}
.nav_item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	color: #fff;
}
.nav_bg {
	width:210px;
	height:150px;
	position:absolute;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.nav_item:hover .nav_bg {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.nav_item:hover .nav_content h2 {
	filter:alpha(opacity=100);
	-moz-opacity:.1;
	-khtml-opacity: 1;
	opacity: 1;
}
.nav_item:hover .nav_content .nav_line {
	background: #231F20; /* fallback */
	background: #231F20;
}
.nav_item:hover .nav_icon .color {
	top:40px;
}
.nav_item:hover .nav_icon .white {
	top:-100px;
}

.nav_bg_lookbook {
	background: url('../img/nav_bg1.png') repeat 0px -20px;
}
.nav_bg_shop {
	background: url('../img/nav_bg2.png') repeat 0px -20px;
}
.nav_bg_blog {
	background: url('../img/nav_bg3.png') repeat 0px -20px;
	width:225px;
}
.nav_icon {
	position:absolute;
}
.nav_icon img {
	position:relative;
	top:40px;
	left:21px;
}
.nav_icon .white {
	position:relative;
	top:40px;
	left:-42px;
	width:50px;
	height:75px;
	left:-34px;
}
.nav_icon .color {
	position:relative;
	width:50px;
	height:75px;
	top:-100px;
	
}
.nav_content {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 10px;
	text-transform: uppercase;
	text-align:center;
	line-height: 14px;
	width:110px;
	height:70px;
	position:relative;
	left:90px;
	top:40px;
	color:#231f20;
}
.nav_content h1 {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	letter-spacing: 0.3em;
}
.nav_content .nav_line {
	width: 110pxpx;
	height: 1px;
	margin-top:9px;
	margin-bottom:7px;
	background: #231F20; /* fallback */
	background: #231F20;
}
.nav_content h2 {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



/* --------- INTRODUCTION ----------*/


#introduction_wrapper {
	position:relative;
	height:380px;
}
#introduction {
	width:313px;
	position:absolute;
	background: url('../img/intro_wood.png') repeat -20px -20px;
	padding:46px 25px;
	top:20px;
}

#introduction h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 12px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom:35px;
	text-align: center;
	background-color: #231F20;
}
#introduction h2 {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	color: #fff;
	text-align: justify;
}

.about-banner {
  position:relative;
	width:300px;
	height:110px;
	padding: 0px;
	left:40px;
	bottom: 10px;
}
.about-banner a {
  -webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.about-banner a:hover {
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* --------- INTRODUCTION TEXT 2----------*/


#introduction2 {
	width:313px;
	position:absolute;
	background: url('../img/intro_wood.png') repeat -20px -20px;
	padding:25px 25px;
	right: 363px;
	top:20px;
}

#introduction2 h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 15px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	line-height: 28px;
	margin-bottom:35px;
	text-align: center;
	background-color: #231F20;
	padding-top: 3px;
}
#introduction2 h2 {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	color: #fff;
	text-align: justify;
}

.carthage-banner {
  position:absolute;
	width:300px;
	height:110px;
	padding: 0px;
	bottom:10px;
	left:40px;
}
.carthage-banner a {
  -webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.carthage-banner a:hover {
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/* --------- FEATURED ----------*/


#featured {
	height: 625px;
	position:relative;
	background: url('../img/wood.png') repeat -30px -19px; 
}
#featured #title {
	position:relative;
	background: url('../img/featured_line.png') no-repeat center 111px;
	padding: 100px 0px 50px 0px;
	margin: 0px 40px;
	text-align: center;
}
#featured #title h1 {
	display:inline-block;
	width:270px;
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 15px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin:0 auto;
}
#featured #items {
	width:810px;
	margin: 0 auto;
	position:relative;
	top:-5px;
}
#featured #items .item {
	display: inline-block;
	position: relative;
	margin-right:16px;
	width:810px;
	height:350px;
}
#featured #items .item a {
	text-decoration:none;
	color: #fff;
}
#featured #items .item3 {
	margin-right:0px;
}
#featured #items .item .description {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	position: absolute;
	bottom: 0px;
	width:791px;
	background: #231f20; /* fallback */
	background: #231f20;
	padding: 10px 10px 10px 10px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#featured #items .item .description .arrow {
	position: absolute;
	bottom:10px;
	right:20px;
	height: 100%;
	width: 5px;
	background: url('../img/arrow_small.png') repeat-x center 18px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#featured #items .item .tworows .arrow {
	background: url('../img/arrow_small.png') repeat-x center 15px;
}
#featured #items .item:hover .description {
	background: #bf362f; /* fallback */
	background: #bf362f;
	padding: 10px 10px 20px 10px;
}
#featured #items .item:hover .description .arrow {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	background: url('../img/arrow_small.png') repeat-x center 18px;
}
#featured #items .item:hover .tworows .arrow {
	background: url('../img/arrow_small.png') repeat-x center 30px;
}



/* --------- TOPIMAGE --------*/
#topimage {
	position: absolute;
	top: -85px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height:580px;
	min-width:995px;
	overflow: hidden;
	}
#topimage #image {
	z-index: -1;
	width:100%;
	}

/* --------- BOTTOMIMAGE --------*/
#bottomimage {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height:425px;
	padding: 0px;
	min-width:990px;
	overflow: hidden;
	}
#bottomimage #image {
	z-index: -1;
	width:100%;
	}

/*--------- ABOUTH -----------*/

#abouth {
	height: 400px;
	position:relative;
	background: url('../img/wood.png') repeat -30px -19px; 
}
#abouth #title {
	position: absolute;
	top: 355px;
	height: 400px;
	right: 20px;
	margin: 0 auto;
}
#abouth #title h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size:15em;
	letter-spacing:-3px;
	color:#ccc;
}

#ache {
	background: url('../img/ache.png')  no-repeat -45px 0px;
	height: 400px;
	height:400px;
	width:500px;
	z-index: 100;
}

/*--------- ACERCA DE --------*/
#acercade {
	width: 950px;
	margin: 0 auto;
	position: relative;
	top: -400px;
	margin-top: -10px;
	margin-bottom: -235px;
	padding-bottom:190px;
}

#aboutext {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	color: #231f20;	
	width:460px;
	float:left;
	padding-right:25px;
	border-right: 1px solid #333;
}
#aboutext .materiales h1 {
	color:#bf362f;
	font-size:19px;
	text-shadow: 1px 1px 1px #A8A8A8;
}
#aboutext .materiales h2 {
	color:#231f20;
	font-size:15px;
	line-height: 15px;
	text-align: justify;
	margin-top: 5px;
}
#aboutext .materiales img {
	display: none;
	float:left;
}

.losdetalles {
	border-top: 1px solid #333;
	margin-top: 20px;
}
#aboutext .losdetalles h1 {
	color:#bf362f;
	font-size:19px;
	clear:both;
	margin-bottom: 7px;
	padding-top: 17px;
	text-shadow: 1px 1px 1px #A8A8A8;
}
#aboutext .losdetalles h2 {
	color:#231f20;
	font-size:15px;
	line-height: 15px;
	margin-bottom: 12px;
	text-align: right;
}
#aboutext .losdetalles img {
	display: none;
	float:left;
	margin-top: -10px;
}


#cita {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	color: #231f20;	
	width: 445px;
	float: left;
	margin-left: 15px;
}
#cita h1 {
	color:#333;
	font-size:19px;
	clear:both;
	margin-bottom: 7px;
	padding-top: 17px;
	text-align: center;
	text-shadow: 1px 1px 1px #A8A8A8;
}
#cita h2 {
	background-image: url(../img/quotes.png);
	background-repeat: no-repeat;
	height: 230px;
	text-align: right;
	line-height: 18px;
	padding-top: 34px;
	font-size: 17px;
	font-style:italic;
	text-shadow:1px 1px 1px #A8A8A8;
}

/* --------- FOOTER ----------*/


#footer {
	height: 350px;
	width:100%;
	position:relative;
	background-color: #231f20;
	background-image: url(../img/drgnfly.png);
	background-repeat: no-repeat;
	background-position:left 20px;
	overflow:hidden;
	border-top: 5px solid #CCC;
}
#footer_bg {
	position:relative;
	right:720px;
	height:350px;
}

.img_all {
	height:450px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.img1{ background: transparent url(../img/img1.png) no-repeat 100% 30px; }
.img2{ background: transparent url(../img/img2.png) no-repeat 100% 30px; }
.img3{ background: transparent url(../img/img3.gif) no-repeat 100% 30px; }
.img4{ background: transparent url(../img/img4.png) no-repeat 100% 30px; }
.img5{ background: transparent url(../img/img5.png) no-repeat 100% 30px; }
.img6{ background: transparent url(../img/img6.png) no-repeat 100% 30px; }
.img7{ background: transparent url(../img/img7.png) no-repeat 50% 20px; }
.img8{ background: transparent url(../img/img7.png) no-repeat 63% 380px; }
.img9{ background: transparent url(../img/img7.png) no-repeat 40% 250px; }

#footer #about {
	position:absolute;
	top:70px;
	right:290px;
	width: 375px;
	height: 320px;
	line-height:22px;
}
#footer #about h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 15px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom:4px;
}
#footer #about p {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 15px;
	width: 375px;
	margin-bottom: 10px;
	text-align:justify;
	color: #C1C1C1;
}
/*-------CONTACT-------*/

#footer #contact {
	background-color:#231F20; 
	position:relative;
	top:100px;
/*	right:0;*/
	width: 620px;
	height: 50px;
	font-size: 11px;
	line-height:16px;
	margin: 0 auto;
	float:right;
	padding: 15px 14px;
}
#footer #contact #inf{
	float:left;
	width: 170px;
	padding: 0 15px;
}
#footer #contact h1 {
	font-family: 'Conv_neutratexttf_boldalt', Helvetica, Arial;
	font-size: 11px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #fff;
}
#footer #contact h2 {
	color: #575757;
}
#footer #contact p {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	margin-bottom:18px;
	margin-top:2px;
	color: #C1C1C1;
}
#footer #contact p a {
	font-size: 14px;
	text-decoration:none;
	color: #C1C1C1;
	border-bottom: solid 1px #444;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#footer #contact p a:hover {
	color: #999;
	border-bottom: solid 1px #999;
}
#footer .connect {
	display:inline-block;
	width:20px;
	height:20px;
	margin: 7px 0px 15px 1px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#footer .connect a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
#footer .facebook { 
	background:#CCC url('../img/button_facebook.png') repeat 0px 0px;
	}
#footer .facebook:hover { 
	background:#6981ad url('../img/button_facebook.png') repeat 0px 20px;
	}
#footer .twitter { 
	background:#CCC url('../img/button_twitter.png') repeat 0px 0px;
	}
#footer .twitter:hover { 
	background:#94c1d0 url('../img/button_twitter.png') repeat 0px 20px;
	}
#footer .vimeo { 
	background:#ff502e url('../img/button_vimeo.png') repeat 0px 0px;
	}
#footer .vimeo:hover { 
	background:#ff7358 url('../img/button_vimeo.png') repeat 0px 20px;
	}
#footer .skype { 
	background:#CCC url('../img/button_skype.png') repeat 0px 0px;
	width:70px;
	}
#footer .skype:hover { 
	background:#a5ce8b url('../img/button_skype.png') repeat 0px 20px;
	}	
#footer #like {
		position:absolute;
		right:0px;
		bottom:-50px;
		width:115px;
		height:50px;
		background: url('../img/like_bg.jpg') no-repeat 0px 0px;
	}
#footer #like iframe {
		position:relative;
		top:15px;
		left:20px;
	}
/*---------Copyright--------*/
#footer #copy {
	font-family: 'Conv_neutratext_demialt', Helvetica, Arial;
	font-size: 13px;
	text-align: center;
	line-height: 10px;
	position:relative;
	top: 285px;
	right: -600px;
	width: 100%;
}


/* ------------------------------- MOBILE CSS ------------------------------- */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode go here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode go here */
}

@media screen and (max-device-width: 480px) {
	/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) */
}