/* Originarts v.1.0 */

/*
    Style Index
	-----------------------------------
	0. Reset
	1. Generic
    2. Layout
    3. Logo, Header and Main Navigation
    4. Content
    5. Footer
*/

/* ----------0.Reset---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus 						{ outline: 0; }
body 						{ line-height: 1; color: black; background: white; }
ol, ul 						{ list-style: none; }
/* tables still need ‘cellspacing=”0″‘ in the markup */
table 						{ border-collapse: separate; border-spacing: 0; }
caption, th, td 			{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: “”; }
blockquote, q 				{ quotes: “” “”; }

/* ----------1.Generic---------- */
body						{ font: normal 12px Arial, Helvetica, sans-serif; color: #666; margin: 0px; background: #AF7B5C url(../i/df_bg1.jpg) repeat-x left top; }
input, textarea, select		{ border: solid 1px #CCC; background-color: #FFF; padding: 2px; }
select						{ padding: 1px; }
a							{ color: #333; text-decoration: none; }
a:hover						{ color: #666; text-decoration: underline; }
legend, .hidden, hr, button span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }
ol, ul						{ list-style: none; }

/* ----------2.Layout---------- */
#main {
	background: url(../i/df_bg2.png) repeat left top;
	margin: 40px 0 0 0;
}
#box_main {
	width: 948px;
	background: url(../i/main_bg1.gif) repeat-y center top;
	padding: 0 6px;
	margin: 0 auto;
}
#main #container {
	background: url(../i/df_i1.jpg) no-repeat center top;
}
#header {
	clear: both;
	overflow: hidden;
	padding: 0 20px;
	position: relative;
}
#footer {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding-top: 10px;
	height: 60px;
	background: url(../i/df_bg1_footer.png) repeat-x left top;
	overflow: hidden;
}
#footer #container {
	width: 948px;
	padding: 0 6px;
	margin: 0 auto;
}

/* ----------3.Logo, Header and Main Navigation---------- */
#logo {
	float: left;
	margin-top: 25px;
}
#menu {
	float: right;
	margin-top: 35px;
}
#menu li {
	float: left;
	text-align: center;
	margin: 0 10px;
}
#menu li.last {
	margin-right: 0;
}
#menu li a {
	font: 18px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #FFF;
}
#menu li a:hover {
	color: #714138;
	text-decoration: none;
}
#menu li a.active {
	color: #714138;
}       
h1 {
	float: right;
	clear: both;
	background: url(../i/df_t1.png) no-repeat center;
	width: 350px;
	height: 60px;
	margin-top: 100px;
}
#header .txt_intro {
	float: right;
	clear: both;
	width: 330px;
	margin-top: 20px;
	font: 18px cham_and_lim_700, Verdana, Geneva, sans-serif;
	text-align: right;
	color: #FFF;
	line-height: 140%;
}
#header .txt_intro span {
	font: 12px cham_and_lim_700, Verdana, Geneva, sans-serif;
	display: block;
	margin-top: 5px;
}
#brands {
	background: url(../i/df_brands_bg1.png) no-repeat center;
	height: 57px;
	padding-top: 4px;
	margin-top: 150px;
}
#brands li {
	float: left;
	margin: 0 75px;
	_margin: 0 72px;
}
#brands li a.active {
	background-color: #F00;
}


/* ----------4.Content---------- */
/* HOME */
#home #content #alpha h3 a {
	color: #714038;
}
#home #content #alpha h3 a:hover {
	text-decoration: none;
}
#home #content #alpha .author {
	font-size: 12px;
	line-height: 100%;
	color: #666;
	margin-top: 5px;
}
#home #content #alpha .author span {
	font-weight: bold;
}
#home #content #alpha p {
	font-size: 14px;
	line-height: 140%;
	color: #666;
	margin-top: 10px;
}
#home #content #alpha p span {
	font-weight: bold;
}



/* EMPRESA */
#empresa #content #alpha p {
	font-size: 14px;
	line-height: 140%;
	color: #666;
	margin-top: 10px;
}
#empresa #content #alpha p span {
	font-weight: bold;
}
#empresa #content #alpha ul {
	margin-top: 10px;
}
#empresa #content #alpha ul li {
	font-size: 14px;
	color: #666;
	margin-top: 5px;
	list-style-type: disc;
	list-style-position: inside;
}


/* MARCAS */
#marcas #content #alpha {
	background: url(../i/df_ln1.gif) no-repeat right top;
	margin-bottom: 0 !important;
	#padding-bottom: 0 !important;
}
#marcas #content #alpha .win_brands {
	position: relative;
	overflow: hidden;
	width: 560px;
	height: 535px;
}
#marcas #content #alpha .win_brands ul {
	position: absolute;
	width:3000px;
	list-style: none;
	top: 0;
	left: 0;
}
#marcas #content #alpha .win_brands ul li {
	float: left;
	width: 560px;
	height: 535px;
	font-size: 14px;
	color: #666;
}
#marcas #content #alpha .win_brands ul li#tistyle {
	background: url(../i/tistyle_f1.jpg) no-repeat right bottom;
}
#marcas #content #alpha .win_brands ul li#labiosthetique {
	background: url(../i/labiosthetique_f1.jpg) no-repeat right bottom;
}
#marcas #content #alpha .win_brands ul li#kodigo4 {
	background: url(../i/kodigo4_f1.jpg) no-repeat right bottom;
}
#marcas #content #alpha .win_brands ul li#fanola {
	background: url(../i/fanola_f1.jpg) no-repeat right bottom;
}
#marcas #content #alpha .win_brands ul li#kv1 {
	background: url(../i/kv1_f1.jpg) no-repeat right bottom;
}
#marcas #content #alpha p {
	font-size: 14px;
	line-height: 140%;
	color: #666;
	margin-top: 10px;
}
#marcas #content #alpha p span {
	font-weight: bold;
}
#marcas #content #alpha .link {
	margin-top: 20px;
}
#marcas #content #alpha .facebook {
	background: url(../i/fb_ico1.gif) no-repeat right center;
	padding: 5px 27px 5px 0;
}



/* NOVEDADES */
#novedades #content #alpha {
	min-height: 500px;
}
#novedades #content #alpha h3 {
	cursor: pointer;
}
#novedades #content #alpha ul li {
	border-top: solid 1px #BF9880;
	margin-top: 15px;
}
#novedades #content #alpha ul li.first {
	border-top: none;
	margin-top: 0;
}
#novedades #content #alpha #novedad_2, #novedades #content #alpha #novedad_3 {
	display: none;
}
#novedades #content #alpha .box .author {
	font-size: 12px;
	line-height: 100%;
	color: #666;
	margin-top: 5px;
}
#novedades #content #alpha .box .author span {
	font-weight: bold;
}
#novedades #content #alpha .box p {
	font-size: 14px;
	line-height: 140%;
	color: #666;
	margin-top: 10px;
}
#novedades #content #alpha .box p span {
	font-weight: bold;
}


/* CONTACTO */
#contacto #content #alpha .maps {
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #BF9880;
	margin-top: 15px;
}
#contacto #content #alpha .address {
	margin-top: 15px;
}
#contacto #content #alpha .address p {
	font-size: 13px;
	line-height: 135%;
	color: #666;
	margin-top: 10px;
	display: block;
}
#contacto #content #alpha .address p span {
	font-weight: bold;
}




/* DEFAULT */
#content {
	background: url(../i/df_bg3.png) repeat left top;
	padding: 0;
	overflow: hidden;
	position: relative;
	_left: 2px;
}
#content .bg_bottom {
	background: url(../i/df_bg1_bottom.png) no-repeat center;
	position: absolute;
	display: block;
	width: 345px;
	height: 25px;
	bottom: 0;
	right: 0;
}

#content #alpha {
	background: url(../i/df_ln1.gif) repeat-y right top;
	float: left;
	width: 560px;
	margin: 30px 0 25px 20px;
	_margin: 30px 0 0 10px;
	padding-right: 25px;
	#padding-bottom: 25px;
}
#content #alpha h2 {
	font: 32px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #B27153;
}
#content #alpha h3 {
	font: 24px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #714038;
	margin-top: 10px;
}

#content #gamma {
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
}
#home #content #gamma {
	margin: 30px 0 0 0;
}
#content #gamma h4 {
	font: 24px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #B27153;
	margin-top: 5px;
}
#content #gamma .gallery {
	background: url(../i/df_photos_bg1.png) no-repeat center top;
	padding:  0;
	overflow: hidden;
	height: 330px;
}
#content #gamma .gallery .crearte {
	float: left;
	margin-top: 55px;
	margin-left: 50px;
	_margin-left: 25px;
}
#content #gamma .gallery .cdistefano {
	float: left;
	margin-top: 35px;
	margin-left: 5px;
}
#content #gamma .contact {
	background: url(../i/df_contact_bg1.png) no-repeat center bottom;
	padding: 0 20px 70px 20px;
}
#content #gamma .contact p {
	font-size: 12px;
	line-height: 140%;
	color: #666;
	margin-top: 15px;
}
#content #gamma .contact p span {
	font-weight: bold;
}
#content #gamma .contact .email {
	font: 18px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #714038;
	margin-top: 20px;
}
#content #gamma .contact .email a {
	color: #333;
}
#content #gamma .contact .telf {
	font: 18px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #714038;
	margin-top: 5px;
}
#content #gamma .contact .telf span {
	color: #333;
}
#content #gamma .contact .fb {
	font: 14px cham_and_lim_700, Verdana, Geneva, sans-serif;
	color: #714038;
	margin-top: 15px;
}
#content #gamma .contact .fb span { float: left; margin-top: 10px; margin-right: 10px; }

#content #gamma .blog {
	background: url(../i/df_blog_bg1.png) no-repeat center bottom;
	padding: 0 20px 90px 20px;
}
#content #gamma .blog p {
	font-size: 12px;
	line-height: 140%;
	color: #666;
	margin-top: 15px;
}


/* ----------5.Footer---------- */
#footer a {
	color: #FFF;
}
#footer .left {
	float: left;
	width: 450px;
}
#footer .right {
	float: right;
	width: 450px;
	text-align: right;
}