* { margin: 0; padding: 0; outline:0; }

body {
	font-size: 12px;
	line-height: 1.3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #DFD1B9;
	background-image: url(images/bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

a {
	text-decoration: none;
	cursor:pointer;
	color: #DFD1B9;
}
a:hover {
	text-decoration: none;
	color: #FF3;
	transition: all 1s ease 0s;
}
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#fff; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display:none; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h1 {
	font-family:Georgia, Serif;
	font-size:44px;
	font-weight:bold;
	text-shadow: 0 2px 0px #000;
	color:#CBB99A
}
h2 {
	font-weight:normal;
	color:#B9AA81;
	text-shadow: 0 2px 0px #000;
}
h3 {
	font-size:19px;
	font-weight:bold;
	color:#B9AA81;
	line-height:16px;
}
h4 {
	font-size:15px;
	font-weight:bold;
	color:#B9AA81;
	line-height:16px;
}

.shell { width:960px; padding:0 10px; margin:0 auto; }
.shell .menujos {
	float: left;
	width: 550px;
	color: #D2C9AE;
}
.shell .autor {
	float: right;
	width: 400px;
	text-align: right;
	line-height: 14px;
	padding: 7px 0 0 7px;
	color: #D2C9AE;
}

#header {
}
#header .shell { position:relative; padding-bottom:27px; }

#navigation { display:block; width:100%; height:32px; padding-bottom:65px; }
#navigation ul { list-style:none; }
#navigation ul li { float:left; display:inline; padding-right:6px; }
#navigation ul li a {
	float:left;
	display:inline;
	font-weight:bold;
	color:#CBC0A9;
	padding:0 6px;
	line-height:26px;
	text-align:center;
	text-decoration:none;
	background:url('images/navigation-bg.gif') no-repeat 0 0;
	padding-bottom:1px;
	font-size:13px;
	text-transform: uppercase;
}
#navigation ul li a.active,
#navigation ul li a:hover { line-height:19px; background-position:0 bottom; line-height:31px;  }


#contact { width:240px; position:absolute; right:10px; z-index: 100; top: 0; }
#contact form { height: 100%; color:#fff; } 

#contact .slide-area { background:#000; padding-top:25px; padding-bottom:17px; display: none; }
#contact .field-left { float:left; width:265px; padding-left:30px; }
#contact .field-row { margin-bottom:5px;}

#contact label { display:block; color:#fff; font-size:11px; line-height:18px; }
#contact .field-row label em { font-style:normal; color:#a1a1a1; }
#contact .field-row span { width:266px; display:block; background:url('images/input-bg.gif') no-repeat 0 0; }
#contact .field-row span.textarea-bg { width:266px; height:57px;  float:left; background:url('images/textarea-bg.gif') no-repeat 0 0; }
#contact .field-row span.textarea-bg textarea { width:266px; height:57px; background:transparent; border:0; }
#contact .field-row input { background:transparent; border:0; width:266px; padding:1px 0; }

.field-right { float:left; width:266px; padding-left:30px; }

p input { display:block; float:right; border: 0; background:0; color:#CBB99A; text-decoration:underline; cursor:pointer; padding:8px 30px 0 0;  }

.slide-area-info { float:right; display:inline; background:#000 url('images/panel-left.gif') no-repeat 0 0; padding-left:6px; }
.green { float:left; display:inline; }
.slide-area-info img { float:left; padding-right:4px; }
.slide-area-info p { float:left; display:inline; font-weight:bold; line-height:28px; color:#a6a6a7; }
.slide-area-info p strong { color:#b9ff00; padding-right:9px; padding-left:4px; }
.slide-area-info a { float:left; display:inline; width:27px; height:28px; background:url('images/slide-button.gif') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.slide-area-info a.active { background:url('images/slide-button-active.gif') no-repeat 0 0; }

#intro { position:relative;}

.info { width:425px; float:left; }
.info h2{
	font-family:Georgia, Serif;
	font-size:40px;
	font-weight:bold;
	text-shadow: 0 2px 0px #000;
	color:#CBB99A
}
.info h3 {
	padding-top:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.29em;
	font-size: 17px;
	font-weight: normal;
}
.info p { font-family:Georgia, Serif; ; font-style:italic; }
.info p.quote {
	color:#B9AA81;
	padding-top:25px;
	font-size:23px;
}
.info p.author {
	color:#B0A07B;
	text-align:right;
	font-size:22px;
	padding-right:20px;
}

.slider { float:right; position:relative; z-index:50;  }
#big-slider { padding-right:3px; background:url('images/slider-carousel-bg.gif') no-repeat 0 0; }
.jcarousel-clip,
.slider-carousel { width:475px; height:235px;  padding:1px 2px 0 1px; }

.slider-carousel ul { list-style:none; }
.slider-carousel ul li { height:234px; }
.slider-carousel img { width:474px; border:1px solid #000; }

.slider-navigation { position:absolute; bottom:6px; right:0;  }
.slider-navigation ul { list-style:none; }
.slider-navigation ul li { float:left; display:inline; padding-left:11px; }
.slider-navigation ul li a { float:left; display:inline; color:#939393; font-size:11px;  }
.slider-navigation ul li a.active { color:#f72c95; }

.jcarousel-prev { width:36px; height:110px; background:url('images/prev.gif') no-repeat 0 0; position:absolute; top:63px; left:-36px; cursor:pointer; } 
.jcarousel-next { width:36px; height:110px; background:url('images/next.gif') no-repeat 0 0; position:absolute; top:63px; right:-38px; cursor:pointer; }

ul.buttons { list-style:none; padding-top:8px; }
ul.buttons li { float:left; display:inline; padding-right:6px; }
ul.buttons li a.button {
	display:block;
	width:150px;
	height:24px;
	background:url('images/button-bg.gif') no-repeat 0 0;
	font-size:12px;
	font-weight:bold;
	color:#B9AA81;
	line-height:24px;
	text-align:center;
	padding-right:20px;
	text-decoration:none;
	border-radius: 10px;
	border: 1px solid #B9AA81;	
}
ul.buttons li a.button: hover {
	color:#E0D585;
	text-decoration: none;
}
#main,
#main-in {
	background-image: url(images/bkintro.png);
	background-repeat: no-repeat;
	background-position: center 0;
}
#main-in { width: 980px; margin: 0 auto; }
#main .shell {
	padding-top:5px;
	padding-bottom:10px;
	background-image: url(images/bkintrojos.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#works { width:480px; float:left; display:inline; }
#works h3 { width:142px; height:17px; float:left; background:url('images/selected-works.gif') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#works a.red { padding-left:3px; line-height:16px; }
#works ul.buttons li { padding-right:11px; }

a.red { font-size:11px; color:#f9399c; text-decoration:underline; }
a:hover.red { text-decoration:none; }

.project { padding-bottom:22px; float:left; position:relative; background:url('images/slider-project-bg.gif') no-repeat 0 0; padding-right:2px; }

.head { padding-bottom:33px; }

.project .slider-carousel .jcarousel-clip,
.project .slider-carousel { width:465px; height:150px; }
.project .slider-carousel img { width:464px;  }
.project .slider-navigation { position:absolute; bottom:28px; right:9px; }
.project .jcarousel-prev, .project .jcarousel-next { background:none; display:none; width:1px; height:1px; }
.project .slider-carousel ul li { position:relative; }
.slider-carousel span.project-info { display:block; width:455px; height:34px; background:url('images/project-span-bg.png'); position:relative; bottom:37px; left:0; line-height:34px; font-weight:bold; font-size:14px; color:#fff; padding-left:12px; margin-left:1px; }


#blogroll { width:440px; float:left; padding-left:40px; }
#blogroll h3 { width:72px; height:19px; float:left; background:url('images/blogroll.gif') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
a.rss { padding-left:10px; width:16px;  }

.box { float:left; padding-bottom:31px; }
.box .comment { font-size:11px; line-height:16px; color:#94b0d2; padding-bottom:2px;  }
.box .comment span { float:left; }
.box p.text-right { text-align:right; color:#fff; }
.box p.text-right a { color:#fff; text-decoration:underline; }
.box .content { padding-bottom:2px; line-height:16px; }

#footer {  }
#footer .shell { padding:18px 0; }
#footer p, #footer a { text-align:left; font-size:11px;  }

.post {position: relative; padding-bottom: 29px; }
.post h3 ,.post h2{ margin-bottom: 6px; padding-left: 4px; }
.post h4 {
	padding: 17px 0 8px;
}
.post h5 { padding: 13px 0 9px; }
.post p { padding: 0 3px 8px; }
.post.left {
	float: left;
	display: inline;
	width: 290px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #55443A;
	box-shadow: 0 0 40px #804820 inset;
	transition: all 0.5s linear 0s;
	background-attachment: scroll;
	background-image: url(images/bkintromic.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 15px;
}
.post.left h2 {
	color: #CCC;
}
.post.left h3 {
	font-size: 22px;
	border-bottom: none;
	border-bottom: 1px solid #DADADA;
	font-size: 29px;
    line-height: 46px;
	text-shadow:Intrebari Frecvente
}
.post h3, .post h2 {
    margin-bottom: 6px;
    padding-left: 4px;
}
.post.right {
	float: right;
	display: inline;
	width: 600px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 1.4;
}
.post.right h1 {
	border-bottom: 1px solid #DADADA;
	font-size: 29px;
	line-height: 35px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.post.right h2 {
	font-size: 20px;
	line-height: 23px;
	margin-top: 10px;
}
.post.right h3 {
	font-size: 17px;
	line-height: 23px;
	font-style: italic;
	margin-top: 10px;
}
.post.right ul {
	margin-left: 30px;
}


.post .btn { position: absolute; bottom: 0; height: 29px; line-height: 29px; padding: 0 10px; background: #0f2d55; font-size: 16px; color: #fff; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.post .btn:hover { text-decoration: none; color: #228ac8; }



.list-1 {
	border-radius: 10px 10px 10px 10px;
	margin-top: 5px;
	transition: all 0.5s linear 0s;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 15px;
	margin-bottom: 20px;
}

.oferta {
	border-radius: 10px 10px 10px 10px;
	margin-top: 5px;
	transition: all 0.5s linear 0s;
	background-attachment: scroll;
	background-image: url(images/oferta.jpg);
	background-repeat: repeat;
	background-position: 0 bottom;
	overflow: hidden;
	height: 180px;
	opacity: 0.7
}
.oferta:hover {
	opacity: 1;
}

#Form1 {
	color: #886D57;
}
#Form1 .input {
	border: 1px solid #B9AA81;
	background-image: url(images/bkfoot.png);
	background-position: center top;
	background-color: transparent;
	color: #B9AA81;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 25px;
	height: 25px;
}
#Form1 .oblig {
	color: #B9AA81;
}
#Form1 .textarea {
	border: 1px solid #B9AA81;
	background-image: url(images/bkintro.png);
	background-position: center top;
	background-color: transparent;
	color: #B9AA81;
	padding: 5px;
	width: 460px;
}
#Form1 .select {
	border: 1px solid #B9AA81;
	background-image: url(images/bkintro.png);
	background-position: center top;
	background-color: transparent;
	color: #B9AA81;
	padding: 5px;
	width: 450px;
	line-height: 50px;
	height: 25px;
}
#Button1 {
	background-image: url(images/bktrimite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	opacity:1;
	border:0px;
	height: 30px;
	width:93px;
	color:#FAE2BC;
	font-weight: bold;
}
.lang {
	height: 45px;
	width: 100px;
	margin-left: 125px;
}
.fcb {
	float: left;
	width: 60px;
}
.sori img {
	float: left;
	padding-right: 10px;
}
.sori {
	height:45px;
}
.burgen {
	position: absolute;
	z-index: 1000;
	left: 438px;
	top: -55px;
}