/*****************************************************************************************
  @package     	http://www.optimizaresite.ro/
  @author      	Predrag Jivici
  @copyright   	Copyright (c) 2008, fashionprincess.ro
******************************************************************************************/

/*****************************************************************************************
*   *) CLASE GENERALE
******************************************************************************************/
img, a, div, input, p {
	behavior: url("http://www.fashionprincess.ro/iepngfix.htc")
}

body {
	background		: #fff;
	color			: #333;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 62.5%;
}
/*html, body { height			: 100%; }*/ /* tine de stiky footer */

h1, h3 {font-family: Arial, Helvetica, sans-serif;}
h1.titlu { color: #7c6446; font-size: 36px; }
h2 { color: #c3a880; font-size: 18px; }
h3.subtitlu, h3.meniu { color: #df3005; font-size: 24px; }
h4 { color: #c3a880; font-size: 18px; }
h5 { margin-bottom: .3em; width: 160px !important; }
p, blockquote, h5 {
	font-size		: 1.1em;
	line-height		: 1.4em;
	margin			: 0 0 1.5em 0;
}
p.indent { text-indent:2.5em; }
ul.lista_simpla { font-size:1.1em; padding-left:2.5em; line-height:1.4em; list-style:outside; margin-bottom:2em; }
a:link, a:visited {
	color			: #c3a880;
	outline-style	: none;
	text-decoration	: none;
}
a:hover, a:active {
	color			: #1b1107;
	outline-style	: none;
	text-decoration	: underline;
}

strong {
	font-weight		: bold;
}
em, em strong {
	font-style		: italic;
}
blockquote {
	font-size		: 1.2em;
	font-style		: italic;
}
	blockquote span {
		font-size		: 1.4em;
	} 
/*****************************************************************************************
*   *) CLASE LAYOUT
******************************************************************************************/
#wrapper_mare {
	min-height		: 100%;
	height			: auto !important;
	height			: 100%;
/*	margin-bottom	: -54px;*/ /* inaltimea footerului + borderul aferent (daca exista) */
}
	#wrapper_header {
		height			: 137px;
	}
		#header {
			background		: url(../imagini/bkg_header.jpg) no-repeat left top;
			height			: 106px;
			margin			: 0 auto;
			width			: 940px;
		}
		#header h1 {
			text-indent		: -9999px;
			visibility		: visible!important;
		}
		#header a	{
			display			: block;
			width			: 268px;
			height			: 106px;
		}
		#header a:hover	{
			background		: none;
		}
		
	#wrapper_content {}
		#content {
			background		: url(../imagini/bkg_content.jpg) no-repeat left bottom;
			_height			: 420px;
			min-height		: 420px;
			margin			: 0 auto;
			padding-top		: 5px;
			width			: 940px;
		}
		#content h1, #content h2, #content h3, #content h4, #content p, #content blockquote {
			width			: 420px;
			/*margin-right	: 15px;
			margin-left		: 15px;*/
		}
		#content h1 {
			margin-top		: 13px;
			margin-bottom	: 13px;
		}
		#content h3 {
			margin-top		: 25px;
			margin-bottom	: 15px;
			width			: 160px;
		}
		#content h3.meniu {
			font-size		: 19px;
			margin-top		: 15px;
			margin-bottom	: 10px;
			width			: 160px;
		}
		#content h4 {
			margin-top		: 25px;
			width			: 350px;
		}

/*****************************************************************************************
*   *) FOOTER
******************************************************************************************/	
#wrapper_footer {
	position		: relative;
}

#wrapper_footer, .push {
	/*height			: 50px;*/ /* inaltime fixa, posibil de editat in functie de contunut */
	margin-top			: 4px;
	_margin-top			: 3px;
}
	#footer {
		background		: url(../imagini/bkg_footer.gif) no-repeat right top;
		color			: #444;
		line-height		: 1.6em;
		margin			: 0 auto;
		padding			: 10px 0 0;
		width			: 940px;
	}
	#footer ul {
		color			: #444;
		font-weight		: bold;
		float			: left;
		margin-right	: 2em;
	}
	#footer a {
		color			: #666;
		font-weight		: normal;
		text-decoration	: none;
	}
	#footer a:hover {
		color			: #fff;
	}
	#footer a srong {
		color			: #444;
	}
		#footer #adresa {
			padding-left	: 160px;
		}
		#footer #adresa p {
			color			: #999;
			font-size		: .9em;
			padding-top		: .3em;
			text-align		: center;
		}
		#footer #adresa p span {
			color			: #b2b2b2;
			_font-size		: .7em;
		}
		#footer #adresa p a {
			color			: #999 !important;
		}

/*****************************************************************************************
*   *) TOP NAVIGATION
******************************************************************************************/
#top_nav {
	background		: url(../imagini/bkg_top_nav.gif) repeat-x left bottom;
	height			: 31px;
	width			: 940px;
	margin			: 0 auto;
}

#top_nav ul {
	height			: 31px;
}
#top_nav ul li {
	display			: inline;
	float			: left;
}
#top_nav ul li a {
	display			: block;
	height			: 31px;
	margin			: 0 2em 0 0;
	padding			: 0;
	text-indent		: -9999px;
}
#top_nav ul li.apasat a {
	background-position: 0 0!important;
}
#mcolectia_2012 a {
	background		: url(../imagini/buton_top_nav_colectia_2012.gif) no-repeat 0 -31px;
	width			: 89px;
}
#mcolectia_2011 a {
	background		: url(../imagini/buton_top_nav_colectia_2011.gif) no-repeat 0 -31px;
	width			: 89px;
}
#mcolectia_2010 a {
	background		: url(../imagini/buton_top_nav_colectia_2010.gif) no-repeat 0 -31px;
	width			: 89px;
}
#mcolectia_2009 a {
	background		: url(../imagini/buton_top_nav_colectia_2009.gif) no-repeat 0 -31px;
	width			: 89px;
}
#mcolectia_2008 a {
	background		: url(../imagini/buton_top_nav_colectia_2008.gif) no-repeat 0 -31px;
	width			: 89px;
}
#maccesorii a {
	background		: url(../imagini/buton_top_nav_accesorii.gif) no-repeat 0 -31px;
	width			: 58px;
}
#mdespre_noi a {
	background		: url(../imagini/buton_top_nav_despre_noi.gif) no-repeat 0 -31px;
	width			: 71px;
}
#mevenimente a {
	background		: url(../imagini/buton_top_nav_evenimente.gif) no-repeat 0 -31px;
	width			: 79px;
}
#mcontact a {
	background		: url(../imagini/buton_top_nav_contact.gif) no-repeat 0 -31px;
	width			: 50px;
}

#mcolectia_2012 a:hover, #mcolectia_2011 a:hover, #mcolectia_2010 a:hover, #mcolectia_2009 a:hover, #mcolectia_2008 a:hover, #maccesorii a:hover, #mdespre_noi a:hover, #mevenimente a:hover, #mcontact a:hover {
	background-position: 0 0;
}

/*****************************************************************************************
*   *) COLOANA STANGA
******************************************************************************************/
#coloana_stanga {
	float			: left;
	width			: 160px;
}
#coloana_stanga ul {
	font-family		: Trebuchet MS;
	font-size		: 1.4em;
	margin			: 1em 0;
	/*margin-left		: 4em;*/
}
#coloana_stanga ul li { 
	background		: url(../imagini/bullet.gif) no-repeat left 5px;
	line-height		: 2em;
	/*padding		: .5em 2em .2em 0;*/
	width			: auto;
}
#coloana_stanga ul li.curent a {
	color			: #1B1107;
}
/*#coloana_stanga ul li span {
	background-color: #fefefe;
}*/
#coloana_stanga ul ul {
	font-size		: 1em;
	margin-bottom	: 0;
	margin-left		: 2em;
}
#coloana_stanga ul ul li { 
	background		: url(../imagini/bullet2.gif) no-repeat left 7px;
	padding			: 0 1.5em;
}
/* #coloana_stanga ul li a {
	border-bottom	: 2px solid #DDD7C7;
	color			: #A89574;
	display			: block;
	line-height		: 2.2em;
	padding			: 1px;
	text-decoration	: none;
}
#coloana_stanga ul li a:hover, #coloana_stanga ul li a.apasat {
	border-bottom-color: #D2B37D;
	color			: #333333;
}*/
#coloana_stanga .post {
	background		: url(../imagini/spacer_col_stanga_simplu.jpg) no-repeat top center;
	margin-bottom	: 3em;
	padding-top		: 2em;
}
.img_float_right {
	float			: right;
	margin			: 5px 15px;
}

/*****************************************************************************************
*   *) COLOANA STANGA - EVENIMENTE
******************************************************************************************/
p.titlu_evenimente, p.titlu_magazine {
	font-family		: Trebuchet MS;
	font-size		: 1.4em;
	margin-bottom	: .3em;
	width			: 160px !important;
}
p.titlu_evenimente a {
	color			: #DF3005;
}
p.detalii_evenimente, p.detalii_magazine {
	margin-bottom	: 1.3em;
	width			: 160px !important;
}
p.detalii_evenimente span, p.detalii_magazine span {
	color			: #000 /*#DF3005*/;
}

/*****************************************************************************************
*   *) COLOANA DREAPTA
******************************************************************************************/
#coloana_dreapta {
	/*background-color: pink;*/
	float			: right;
	position		: relative;
	width			: 780px;
}

#coloana_dreapta #sidebar, #coloana_dreapta #sidebar_despre {
	width			: 360px;
	position		: absolute;
	right			: 0;
	top				: 0;
}
#coloana_dreapta #sidebar_despre {
	width			: 350px;
}

/*****************************************************************************************
*   *) COLOANA DREAPTA - MAGAZINE
******************************************************************************************/
p.titlu_magazine {
	font-weight		: bold;
	padding-left	: 27px;
	width			: 330px !important;
}
p.detalii_magazine {
	padding-left	: 27px;
	width			: 330px !important;
}
p.detalii_magazine span {
	color			: #df3005;
}

/*****************************************************************************************
*   *) COLOANA DREAPTA - FORM CONTACT
******************************************************************************************/
input, select, textarea {
	background		: #fff;
	border			: 1px solid #D0CBB5;
	color			: #526C91;
	font-family		: verdana;
	font-size		: 1.1em;
	margin			: 3px 0;
	padding			: 3px 4px;
}
input:focus, textarea:focus {
	border-color	: #7c6446;
	color			: #333333;
}

#form_box_contact {}
	#form_box_contact div {
		margin-bottom	: .5em;
	}
#form_box_contact input {
	width			: 25%;
}
#form_box_contact input#security_code {
	text-align		: center;
	width			: 20%;
}
#form_box_contact input, #form_box_contact textarea {
	position		: relative;
	top				: 1px;
}
#form_box_contact textarea {
	font-size		: 1.1em;
	height			: 8em;
	overflow		: hidden;
	width			: 50%;
}
#form_box_contact label {
	padding-bottom	: 2px;
}
#form_box_contact img {
	margin			: 6px 0;
}

/*****************************************************************************************
*   *) EVENIMENTE
******************************************************************************************/
#evenimente_2012,
#evenimente_2011,
#evenimente_2010,
#evenimente_2009,
#evenimente_2008 {
	float			: left;
	width			: 260px;
}
#evenimente_2012 p,
#evenimente_2011 p,
#evenimente_2010 p,
#evenimente_2009 p,
#evenimente_2008 p { width:auto !important; }

#colectia_2009 a.group,
#colectia_2010 a.group,
#colectia_2011 a.group,
#colectia_2012 a.group { float:left; margin:0 1px 1px 0; }

/*****************************************************************************************
*   *) MESAJE LA FORM
******************************************************************************************/
.messageBox1 ul li {
	background		: url(/imagini/btn_alert_icon.gif) no-repeat center left;
	color			: #DE3333;
	font-weight		: bold;
	padding-left	: 2em;
}
input.error, input:focus error {
	border			: 1px solid #DE3333;
}
span.mesaj {
	border-top		: 1px solid #C3A880;
	color			: green;
	font-size		: 14px;
	padding-top		: 8px;
}
span.error {
	border-top		: 1px solid #C3A880;
	color			: red;
	font-size		: 14px;
	padding-top		: 8px;
}
/*****************************************************************************************
*   *) BUTON
******************************************************************************************/
.b01 {
	border			: none;
	color			: #fff !important;
	cursor			: pointer;
	font-size		: 11px;
	padding			: 2px 0pt 3px;
	text-align		: center;
	text-transform	: capitalize;
	width			: 60px !important;
}
.b_normal {
	background		: url(/imagini/btn_default.gif) no-repeat !important;
}
.b_hover {
	background		: url(/imagini/btn_default_hover.gif) no-repeat !important;
}

/*****************************************************************************************
*   *) ADMIN SECTION
******************************************************************************************/
#myForm {
	padding-bottom	: 1em;
}
#myForm fieldset {
	margin-top		: 0;
	margin-bottom	: 1.5em;
}
#myForm fieldset label {
	display			: block;
	font-size		: 1.1em;
	margin-top		: 1em;
	padding-bottom	: 0;
}
#myForm fieldset input, #myForm fieldset textarea {
	width			: 98%;
}
#myForm fieldset textarea {
	height			: 15em;
	overflow-y		: scroll;
}


div.succes { 
	background		: #F5FDE9 url(../imagini/btn_ok_icon.gif) no-repeat 1em center;
	border			: 1px dashed #A0E17A;
	margin			: 1.5em 0 0;
	padding 		: 3px;
}
div.succes p {
	color			: #69B83A;
	margin			: .5em 0 .5em 3em;
}

/*****************************************************************************************
*   *) SPACER
******************************************************************************************/
div.spacer, div.spacer_numere {
	clear			: both;
	height			: 1px;
	margin			: 1.5em 0 1em;
	padding			: 0pt;
}
div.spacer {
	background		: url(../imagini/bkg_spacer.gif) no-repeat top left;
}
div.spacer_numere {
	background		: url(../imagini/bkg_spacer_numere.gif) no-repeat top left;
	margin			: 0 !important;
}

/*****************************************************************************************
*   *) CLEAR
******************************************************************************************/
.clear {
  clear		: both;
  height	: 1px;
  _height	: 0;
  overflow	: hidden;   /* prevent IE expanding the container */ /* daca comentam randul asta se va afisa bine in DREAMWEAVER */
  margin	: 0;        /* keep flush with surrounding blocks */
}



.item_model {
	width				: 155px;
	min-height			: 100px;
	border				: none;
	background-color	: none;
}

.ticker { 
	position			: relative; /* So we can absolute the .items */
	width				: 155px;
	height				: 100px;
	overflow			: hidden;
	margin				: 0px;
	/*border				: 1px dashed #666666;*/
}
.items {
	position			: absolute;
	top					: 200px;
	margin				: 0;
}