﻿/*************** RESET ***************/
*{ margin:0; padding:0; border:0; outline:none; }
body{background-color: #61384d; font-family: 'PT Sans Narrow', Tahoma, Arial; color: #36242d;}
li{list-style:none;}
a{text-decoration: none;}


/*************** TOP ***************/
#holderTop{background: transparent url(../images/patternTop.png) 0 0 repeat; padding: 50px 0; float: left; width: 100%; }
#top, #menu, #slide{ width: 995px; margin: 0 auto; text-align: center;}



/*************** MENU ***************/
#holderMenu{width: 100%; float: left; padding: 10px 0; }
#menu ul li a{ color: #fff; padding: 0 40px; font-size: 18px; font-family: 'PT Sans Narrow', Tahoma, Arial; }



/*************** SLIDER ***************/
#holderSlide{ width: 100%; float: left; padding: 10px 0; background-color: #fff; }
#slide h2{float: left;}



h1 { font: bold 40px; margin: 0 0 20px 0; }
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }
/* Specific to example one */
#example-one { background: #fff; width: 100%; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #36242d; -webkit-box-shadow: 0 0 5px #36242d; float: left;  text-align: center; }
.list-wrap{ background-color: #fff; margin: 0 auto; width: 995px; }
.list-wrap h2 {float: left;}
#example-one .nav { overflow: hidden; background-color: #61384d; }
.innerSld1{width: 995px; float: left;}
.innerSld1Left{width: 495px; float: left; text-align: left; }
.innerSld2Left{width: 578px; float: left; text-align: left; }
.innerSld1Right{width: 460px; float: right;}
.innerSld2Right{width: 417px; float: right;}
.innerSld1Left p{float: left; font-size: 18px; color: #36242d; margin-top: 25px; }
.list-wrap > div{margin:50px 0 0 0; display: block; float: left;}


#example-one div{text-align: left;}

#example-one .nav .navInner {  margin: 5px auto; overflow: hidden; width: 995px;  text-align: center;  }
#example-one .nav li { display: inline-block; margin: 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px 13px; color: white; font-size: 19px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #36242d; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #36242d; padding: 4px; color: #36242d; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, 
#example-one ul.home li a:hover, 
#example-one ul li.nav-two a.current, 
#example-one ul.parfumuri li a:hover, 
#example-one ul li.nav-three a.current, 
#example-one ul.jquerytuts li a:hover, 
#example-one ul li.nav-four a.current, 
#example-one ul.classics li a:hover{ color: white; }

/* Specific to example two */
#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }
#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #36242d; padding: 4px; color: #36242d; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #36242d; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}

table.comanda input{ font-family: 'PT Sans Narrow', Tahoma, Arial; font-size:14px; border: 1px solid #36242d;padding: 7px 6px; width: 350px;}
table.comanda textarea{ font-family: 'PT Sans Narrow', Tahoma, Arial; font-size:14px; border: 1px solid #36242d;padding: 7px 6px; width: 350px; height: 60px;}
table.comanda input.trimiteCom{ font-family: 'PT Sans Narrow', Tahoma, Arial; font-size:14px;  background-color: #36242d; color: #fff; cursor: pointer; padding: 7px 10px; width: 120px;}

#calcul{padding: 7px 6px; width: 20px;}
.contactTitle{width: 110px; float: left; margin-right: 7px; }
.infoContact{width: 210px; float: left; margin-right: 6px; }
.infoContact p{float: left; margin-top: 6px; font-size: 16px;}
.formFooter{ width: 660px; float: left; margin-right: 2px; margin-bottom: 30px; }
#footer{ width: 995px; margin: 0 auto; color: #fff; font-family: 'PT Sans Narrow', Tahoma, Arial; font-size: 14px; }
.formFooter form{ margin-top: 6px;}
.formFooter form > div{ width: 196px; margin-right: 13px; float: left;}
.formFooter form > div input{ width: 182px; border: 1px solid  #36242d; padding: 7px 6px; font-family: 'PT Sans Narrow', Tahoma, Arial; font-size: 14px; margin-bottom: 9px; }
.formFooter form textarea{ padding: 7px 6px; font-family: 'PT Sans Narrow', Tahoma, Arial; font-size: 14px; float: left; border: 1px solid  #36242d; width: 392px; height: 104px; margin-bottom: 8px; }
.trimiteBtn{ font-family: 'PT Sans Narrow', Tahoma, Arial; font-size:14px; border: 1px solid  #36242d; background-color: #36242d; color: #fff; cursor: pointer; padding: 7px 10px; }

.selectparfum {border: 1px solid #36242d;}



/*	UTILITY STYLES  */				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }

/* 	PAGE STRUCTURE  */
#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;
											  background: url(images/bg.png) top center; }


/*	TYPOGRAPHY  */
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*	SLIDER  */
.slider-wrap								{ width: 995px; position: relative; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 995px; height: 350px; }
.stripViewer .panelContainer					{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 995px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{  }
#movers-row div								{ float: left; }
#movers-row div a.cross-link 					{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 350px; 
											  position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: 8px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

.dscrparfum {float: left; width: 520px; height: 330px; padding-top: 20px;}
.imgparfum {float: right; width: 320px; height: 350px;}
.imgparfumdiamond {float: right; width: 420px; height: 350px;}
.imgparfumdiamond img{margin-top: 28px;}
.list-wrap ul li {padding: 0 5px;}
.list-wrap ul li a {padding: 0; margin: 0;}




#example-one .parfSubmenu{background-color: #fff; border-bottom: 1px solid #61384d; margin-bottom: 20px;}
#example-one .parfSubmenu div li {float: left; padding: 0;}
#example-one .parfSubmenu div li a{color: #000; float: left; padding: 0; margin-right: 18px; font-size: 15px;}
#example-one .parfSubmenu div li a:hover{background-color: #fff;}

#list
{
	margin-top:20px;
}
#judet
{
margin-top:10px;
}
.columns{

}
details {
    margin-left:auto;
    margin-right:auto;

    max-width: 500px;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "PT Sans Narrow", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.details h1 {
    font: 25px "PT Sans Narrow", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.details h1>span {
    display: block;
    font-size: 11px;
}
.details label {
    display: block;
    margin: 0px 0px 5px;
}
.details label>span {
    width: 20%;
    padding-right: 10px;
    margin-top: 10px;

}
.details input[type="text"], .details input[type="email"], .details textarea, {
    border: 1px solid #CCC;
    color: #888;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
     width: 30%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.details textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.details .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.details .button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
.w800-lft{
width:1000px;
float:left;
margin:20px;

}

.innerSld1Left2 p {
    color: #36242d;
    font-size: 14px;
    margin-top: 25px;
}
.box{
float:left;
margin:0px 20px 20px 20px !important;
height:auto;
overflow:hidden;

}

 .popup{width:100%;height:150%;background-image:url('/images/popup.png');position:absolute;z-index:99999;top:0;left:0;display:none;}
 .cos-popup{width:700px;height:100px;background-color:#fff;position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-350px;}
 .cos-popup iframe{border:none;width:100%;height:100%;}
 
 span.reducere {text-decoration: line-through; color: #222;} 
 span.pretnou {color: red;}