@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-------------------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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------END RESET----------------------*/


/*---------------------BODY----------------------*/
body{
	background-image:url("/img/bkg.jpg");
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
}
/*---------------------END BODY----------------------*/


/*---------------------HEADER----------------------*/
#header{
	background:url("/img/dark_leather.png") repeat left top;
	height: 132px;
}
.stitching{
	width:100%;
	background:url("/img/stitching.png") repeat left top;
	position:relative;
	top:5px;
	height:14px;
}
.header-container{
	width:900px;
	margin:auto;
	position:relative;
	bottom:25px;
}
.site-logo{
	background:url("/img/site-logo.png") no-repeat left top;
	height:89px;
	width:456px;
	float:left;
	position:relative;
	top:42px;
}
.site-logo a{
	display:block;
	font-size:0px;
	text-indent:-9999px;
	text-decoration:none;
	height:89px;
	width:456px;
}
.header_bottom_border{
	max-width:1440px;
	height:1px;
	background-color:#020202;
	margin:auto;
}
.header_spacer_13px{
	max-width:1440px;
	height:13px;
	margin:auto;
	background-color:#0a0a0a;
	border-top:1px solid #3f3f3f;
}
/*---------------------HEADER----------------------*/



#container{
	width:900px;
	height:1350px;
	margin:auto;
}
#main{
	width:630px;
	height:1350px;
	float:left;
	position:relative;
}
.transparent{
	width:100%;
	height:100%;
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position:absolute;
	left:0px;
	z-index:10;
}
#main-content{
	width:100%;
	height:98%;
	z-index:100;
	position:absolute;
	top:25px;
	left:0;
}
#content{
	width:100%;
	height:100%;
	z-index:100;
	position:absolute;
	top:25px;
	left:0;
}
#footer{
	height:350px;
	background: url("/img/black_paper.png") repeat left top;
	border-top:1px solid #000;
	margin:auto;
	padding:0;
}
#footer-container{
	width:900px;
	margin:auto;
}
#menu{
	background:url("/img/black_paper.png") repeat left top;
	width:246px;
	height:800px;
	float:right;
	border-top:1px solid #000;
	-webkit-box-shadow: 0px  5px 25px  #0a0a0a;
	-moz-box-shadow: 0px  5px 25px #0a0a0a;
	box-shadow: 0px  5px 25px #0a0a0a;
}
#menu-holder{
	max-height:600px
}
#header-logo{
	width:900px;
	margin:auto;
	height:53px;
	padding-top:48px;
}
#header-logo a img{
	text-decoration:none;
	border-width:0px;
}
#header-links{
	width:900px;
	margin:auto;
	height:40px;
	padding-top:10px;
}
#contact-form{
	display:inline;
}
#contact-form-holder{
	text-align:center;
}
.logo{
	height:53px;
	width:215px;
	float:right;
}
.small-links{
	float:right;
	width:246px;
	text-align:center;
	font-size:11px;
	color:#FFF;
}
.small-links a{
	text-decoration:none;
	color:#FFF;
}
.small-links a:hover{
	text-decoration:none;
	color:#FD8E3D;
}
.footer_links{
	background:url("/img/black_paper2.png") repeat left top;
	height:50px;
	padding-top:26px;
	color:#eee;
	font-size:14px;
	line-height:22px;
}
.footer-links-container{
	width:900px;
	margin:auto;
}
.footer_links a{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	text-decoration:none;
	color:#eee;
	text-shadow: #000 1px 1px 1px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	transition-property: display, color, background-color, opacity;
	-moz-transition-property: display, color, background-color, opacity; /* Firefox 4 */
	-webkit-transition-property: display, color, background-color, opacity; /* Safari and Chrome */
	-ms-transition-property: display, color, background-color, opacity; /* IE */
	-o-transition-property: display, color, background-color, opacity; /* Opera */
}
.footer_links a:hover{
	color:#fd8e3d;
}
.footer_text{
	color:#d1d1d1;
	width:900px;
}
.copyright{
	font-family:'BebasNeueRegular', Arial, sans-serif;
}
.links{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	margin-right:27px;
	font-size:14px;
	text-align:left;
	float:left;
	padding-top:15px;
}
.links h2{
	color:#d1d1d1;
	font-weight:normal;
	font-size:17px;
	text-shadow: #000 1px 1px 1px;
}
.links a{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	transition-property: display, color, background-color, opacity;
	-moz-transition-property: display, color, background-color, opacity; /* Firefox 4 */
	-webkit-transition-property: display, color, background-color, opacity; /* Safari and Chrome */
	-ms-transition-property: display, color, background-color, opacity; /* IE */
	-o-transition-property: display, color, background-color, opacity; /* Opera */
	
	text-decoration:none;
	color:#d1d1d1;
}
.links a:hover{
	color:#fd8e3d;
}
.title{
	background-image:url("/img/title-bkg.jpg");
	background-repeat:no-repeat;
	height:67px;
}
.title_text{
	font-weight:bold;
	padding:15px 0 0 25px;
	font-size:18px;
	color:#222222;
}
h1{
	margin-top:0;
	margin-bottom:0;
	font-size:22px;
}
.title_text h1{
	color:#222222;
	float:left;

}
.title_text a{
	text-decoration:none;
	color:#222222;
	float:left;
}
.title_text a:hover{
	color:#000;
}
.content_text, .titlu-gama a{
	font-size:11px;
	color:#222222;
	padding:15px;
	text-align:justify;
	line-height:1.5em;
	text-decoration:none;
}
.content-overflow{
	width:630px;
	height:1080px;
	overflow:auto;
	margin-top:25px;
}
.titlu-gama a{
	padding: 0 0 0 15px;;
}
.titlu-gama a:hover{
	color: #fd8e3d;
}
.agende_container{
	width:576px;
	margin:auto;
	padding-left:42px;
	height:200px;
}
.agenda-2012, .agende-mici, .agende-foarte-mici, .pixuri, .pixuri-mici, .brichete{
	display:block;
	height:180px;
	float:left;
	margin-right:24px;
	margin-bottom:10px;
	text-align:center;
	font-size:9px;
}
.pixuri-mici p.available{
	color:#fd8e3d;
	line-height:12px;
}
.agende-mici{
	width:70px;
}
.pixuri-mici p, .pixuri p{
	line-height:25px;
}
.agende-mici p:nth-child(3){
	font-size:8px;
}
.pungi-cadouri-mici{
	height:145px;
	width:70px;
}
.agende-foarte-mici{
	width:50px;
	height:90px;
}
.brichete {
    height: 167px;
    margin: 25px 26px 30px 20px;
    width: 50px;
}
#container .brichete div.gallery ul.images li.image a img{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.brichete div.gallery ul.images li.image a {
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: block;
    line-height: 0;
    text-decoration: none;
}
.brichete div.gallery ul.images li.image a:hover {
	-webkit-box-shadow: 0px  0px 10px  #777777;
	-moz-box-shadow: 0px  0px 10px #777777;
	box-shadow: 0px  0px 10px #777777;
}
.brichete-text {
    color: #222222;
    float: left;
    font-size: 10px;
    height: 167px;
    line-height: 1.5em;
    margin-right: 15px;
    padding-top: 65px;
    text-align: left;
    width: 180px;
}
.agenda-2012 p, .agende-mici p, .agende-foarte-mici p, .brichete p{
	margin:0;
	padding:1em 0;
}
.calendar-2012 {
    display: block;
    float: left;
    font-size: 9px;
    height: 150px;
    margin-bottom: 60px;
    margin-left: 45px;
    text-align: center;
}
.calendar-2012 p{
	margin-top:15px;
}
.calendare-individuale-text {
    color: #222222;
    font-size: 11px;
    line-height: 1.5em;
    padding-bottom: 5px;
	padding-right:25px;
    padding-left: 310px;
    text-align: left;
}
.content_text a, .agende_container a{
	text-decoration:none;
	color:#4169e1;
}
.content_text a:hover, .agende_container a:hover{
	color:#fd8e3d;
}
#container img{
	border:none;
	-webkit-box-shadow: 0px  0px 10px  #777777;
	-moz-box-shadow: 0px  0px 10px #777777;
	box-shadow: 0px  0px 10px #777777;
	-webkit-border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	border-radius: 4px 4px;
}
#cautare{
	display:block;
	height:160px;
	width:246px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
#cautare a:hover{
	color:#FD8E3D;
}
#cautare p{
	margin-top:5px;
	margin-bottom:5px;
}
.search-choice, .search-choice-datare, .search-choice-pret{
	display:block;
	width:238px;
	margin:auto;
	height:60px;
	margin-top:3px;
	color:#FD8E3D;
}
.search-choice-datare{
	height:40px;
}
.search-choice a{
	display:block;
	height:30px;
	width:30px;
	float:left;
	margin-left:1px;
	margin-right:1px;
	border:solid 1px #fff;
}
.search-choice-datare a{
	color:#fff;
	text-decoration:none;
	margin-right:5px;
}
.preturi{
	display:block;
	height:50px;
	width:240px;
	margin:auto;
	text-align:center;
}
.preturi a{
	display:block;
	width:120px;
	float:left;
	color:#eee;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	transition-property: display, color, background-color, opacity;
	-moz-transition-property: display, color, background-color, opacity; /* Firefox 4 */
	-webkit-transition-property: display, color, background-color, opacity; /* Safari and Chrome */
	-ms-transition-property: display, color, background-color, opacity; /* IE */
	-o-transition-property: display, color, background-color, opacity; /* Opera */
}
.search-result-holder{
	width:630px;
	height:1220px;
	overflow: auto;
	margin-top:15px;
}
.clear{
	clear:both;
}
.agende-individuale-holder{
	width:630px;
	height:200px;
	margin-top:20px;
}
.img-right{
	float:right;
	margin-right:35px
}
.img-left{
	float:left;
	margin-left:35px;
}
.agende-individuale-text{
	font-size:11px;
	color:#222222;
	padding:15px 0 15px 35px;
	text-align:left;
	line-height:1.5em;
}
.agende-individuale-text strong{
	color: #F00;
}
.agende-individuale-container{
	padding-left:35px;
}
.sub-cateorie-titlu{
	margin-left:35px;
}
.culori-agende{
	display:block;
	width:77px;
	height:90px;
}
.culori-agende-mici{
	display:block;
	width:50px;
	height:70px;
}
#contact-agenda a{
	background:url("/img/comanda-acum-buton.png") no-repeat left top;
	display:block;
	width:142px;
	height:36px;
	margin:auto;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:35px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	transition-property: display, color, background-color, opacity;
	-moz-transition-property: display, color, background-color, opacity; /* Firefox 4 */
	-webkit-transition-property: display, color, background-color, opacity; /* Safari and Chrome */
	-ms-transition-property: display, color, background-color, opacity; /* IE */
	-o-transition-property: display, color, background-color, opacity; /* Opera */
}
#contact-agenda a:hover{
	background:url("/img/comanda-acum-buton.png") no-repeat left bottom;
	color:#dddddd;
}
.super-oferta{
	margin-top:10px;
	color:#F00;
	font-size:16px;
	font-weight:bold;
}
#map-holder{
	width:425px;
	margin:auto;
	margin-bottom:20px;
	border:solid 1px #222222;
	background-color:#f2efe9;
}
p a img{
	border-width:0px;
}
.reclame{
	display:block;
	float:left;
	margin-right:5px;
}
.reclame img{
	border-width:0px;
}
.reclame a{
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.space{
	display:block;
	width:100%;
	height:25px;
}
table{
	text-align:center;
	font-size:11px;
	font-weight:normal;
}
td{
	padding:5px;
	border:1px dotted #222222;
	background-color:#FD8E3D;
	text-align:center;
	vertical-align:middle;
}

/*---------Brelocuri----------*/
.breloc{
	float:left;
	margin:10px 0 30px 50px;
}
.titlu-breloc h2{
	font-weight:normal;
	padding-top:5px;
	color:#222;
}
#container .breloc img {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px #ccc;
}
/*-------End Brelocuri--------*/

/*---------Insigne----------*/
.insigne{
	margin-left:18px;
	margin-bottom:30px;
	text-align:center;
}
.titlu-breloc h2{
	font-weight:normal;
	padding-top:5px;
	color:#222;
}
#container .insigne img {
    border-radius: none;
    box-shadow: none;
}
.insigne .gallery ul.images li.image a {
    border-radius: none;
    box-shadow: none;
}
.insigne .gallery ul.images li.image a:hover {
    border-radius: none;
    box-shadow: none;
}
/*-------End Insigne--------*/

/* start stylescroll css*/
#content, .section{
	padding:0;
	margin:0;
	list-style:none;
}
#content{
	overflow:hidden;
	position:relative;
	float:left;
	width:630px;
	height:670px;
	z-index:100;
	top:15px;
	left:0;
}

	#content a{
		text-decoration:none;
	}
	#content a span{
		border-bottom: dotted 1px #000;
	}
	#content a span:hover{
		border-bottom: dotted 1px #fff;
		color:#222;
	}

#menu-agende {
	width:246px;
}
#menu-agende a.head {
	display:block;
	cursor:pointer;
	background:url("menu-btn-large.png") no-repeat;
	width:200px;
	height:30px;
	text-align:center;
	color: #eee;
	font-size:12px;
	line-height:2.4em;
	outline:none;
	margin:auto;
	text-decoration:none;
}
#menu-agende a.head:hover {
	background-position:0 -30px;
	color:#FD8E3D;
}
#menu-agende a.selected {
	color:#fd8e3d;
	background-position: 0 -30px;
}
#menu-agende ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	max-height:840px;
}
#menu-agende li {
	  list-style:none outside none; display:inline;
}
#menu-agende li li a, #menu-agende li li span{
	display:block;
	background-image:url("menu-btn-small.png");
	background-repeat:no-repeat;
	width:180px;
	height:30px;
	font-size:10px;
	outline:none;
	text-align:center;
	line-height:2.4em;
	text-decoration:none;
	color: #fff;
	margin:auto;
}
#menu-agende li li a:hover {
	background-position:0 -30px;
	color:#990E0E;

}	
#menu-agende li li a.selected {
	color:#000;
	background-position: 0 -30px;
}		
#navigation, #navigation-small{
	float:left;
    margin-bottom: 10px;
	margin-top:20px;
    text-align: center;
	width:595px;
	margin-left:35px;
	height:395px;
}

	#navigation li{
		display:block;
		width:70px;
		height:120px;
		text-align:center;
		float:left;
		margin:0 10px 15px 0;
	}
	#navigation-small li{
		display:block;
		width:50px;
		height:90px;
		text-align:center;
		float:left;
		margin:0 13px 18px 0;
	}
	#navigation li a, #navigation-small li a{
		color: #222222;
		font-size:9px;
		line-height:1.2em;
		outline:none;
		text-decoration: none;
	}
	
	#navigation li a:hover, #navigation-small li a:hover{
		color:#a50021;
		border-bottom:dotted 1px #a50021;
	}


.section{
	width:20000px !important;
	position:relative;
}
	.section .sub{
		position:relative;
		float:left;
		width:630px;
		max-width:720px;
		height:670px;
		list-style-type:none;
		font-size:12px;
		color:#222222;
		text-align:justify;
		padding:0;
		margin-right:20px;
	}
	.section ul{
		padding:0;
		margin:0;
	}
	.prevnext{
		padding-bottom:30px;
	}
	.section .next, .section .prev{
			font-size:12px;
			letter-spacing:-1px;
			position:absolute;
			text-decoration:none;
			color:#222222;
		}
		.section .next{
			right:35px;
		}
		.section .prev{
			left:35px;
		}
	.section .next span, .section .prev span{
		color:#222222;
	}	

/*-----------menu style---------------*/


/*-----------end menu style---------------*/


/* Gallery Styling */
.gallery .image-title,
.gallery .image-description,
.gallery .image-author,
.gallery .image-link {
	display:none;
}

.gallery
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.gallery ul.images
{
	list-style-type: none;
	border: none;
	padding: 0;
}

.gallery ul.images li.image
{
	display: block;
	line-height: 0;
}

.gallery ul.images li.image a
{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	display: block;
	line-height: 0;
	-webkit-border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	border-radius: 4px 4px;
	-moz-box-shadow: 0px 0px 8px #AAA;
	-webkit-box-shadow: 0px 0px 8px #AAA;
	box-shadow: 0px 0px 8px #AAA;
	-webkit-transition: -webkit-box-shadow 0.1s ease-out;
	-moz-transition: -webkit-box-shadow 0.1s ease-out;
	-o-transition: -webkit-box-shadow 0.1s ease-out;
	transition: -webkit-box-shadow 0.1s ease-out;
}

.gallery ul.images li.image a img
{
	border: none;
	padding: 0;
	-webkit-border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	border-radius: 4px 4px;
}

.gallery ul.images li.image a:hover
{
	-moz-box-shadow: 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 8px #222;
	box-shadow: 0px 0px 8px #222;
}


@media print {
	#menu-agende ul{
		display: block !important;
		height: auto !important;
	}
}


/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font-size: 12px; font-family:Verdana, Geneva, sans-serif; text-align:left; width:450px; height:600px;}
#contact-container .contact-content {background-color:#333333; color:#fff; height:40px;}
#contact-container h1 {color:#fff; font-size:14px; font-weight:normal; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:12px; font-weight:normal; line-height:1.3em; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:normal; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:Verdana, Geneva, sans-serif; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:12px; vertical-align:top;}
#contact-container .contact-top {background-color:#333333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-radius:3px 3px 0 0;}
#contact-container .contact-bottom {background-color:#333333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-radius:0 0 3px 3px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#FD8E3D; border:0; color:#fff; cursor:pointer; font-size:12px; font-weight:normal; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}