﻿/* CSS Document

Theme: Studio Nobilia
Theme URI: http://www.studionobilia.ro/

Author: Webright Media
Author URI: http://www.webrightmedia.ro/

*/

body { margin:0px; padding:0px; background:url(../img/bg.jpg); font: 75%/1.2 Verdana, Tahoma, Geneva, sans-serif; }
p {line-height: 17px;}
a { color:#E22219; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }
h2 { font: 1.4em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }
h3 { font: 1.3em Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; padding:0; margin:0; }

textarea {resize: none; }

/* wrappers */
#wrapper { margin:20px auto 0 auto; width:970px; /*background:url(../img/bg_wrapper_top.png) no-repeat top;*/ padding:5px 0px; }
#container { /*background:url(../img/bg_wrapper_middle.png) repeat-y;*/  background-color: #FFFFF8; border: 1px solid #4f4f4e;}


/* header */
#header { margin:0; padding: 10px 10px 10px 10px; }

/* logo */
#header h1 a { float:left; width:250px; height:100px; background:url(../img/logo.png) no-repeat top left; text-indent:-10000px; outline:none; }

/* menu */
ul.menu { position:relative; float:right; list-style:none; margin:33px 0 0 0; padding:0; z-index:48; }
ul.menu li { list-style-type:none; margin:0; padding:0; display:inline; position:relative; }
ul.menu li a { float:left; margin:0 0 0 8px;  font-size: 9px; color:#999; padding:0 0 3px 5px; line-height:8px; /*border-left:4px solid #fff;*/ border-left:4px solid #FEFFFF;}
ul.menu li a.active { border-left:4px solid #E22219; }
ul.menu li a:hover { text-decoration:none; color:#000;  }
ul.menu li a span { font-size:20px; font-weight:bold; color:#E22219;}

ul.menu li { float:left; /*background:#FFF;*/ background: #FFFFF8; }
ul.menu ul { position:absolute; top:31px; left:30px; display:block; opacity:0; list-style:none; margin:0; padding:0; z-index:999; overflow:hidden; width: 204px; }
* html ul.menu ul { t0op:32px; } /* IE6 fix */
*:first-child+html ul.menu ul { top:32px; } /* IE7 fix */
ul.menu ul li { border-left:4px solid #E22219; margin:0; padding:0; }
ul.menu ul li a { font-size:12px; float:left; position:relative; width:200px; border-bottom:1px solid #CCC; line-height:30px; margin:0; padding:0 0 0 10px; color:#000; background:url(../img/icon_arrow.gif) no-repeat 150px 10px; }
ul.menu ul li a:hover { background-color:#F5F5F5; color:#E22219; }
ul.menu ul li a.first { border-top:1px solid #CCC; margin:15px 0 0 0; }
ul.menu ul ul { top:-1px; left:215px; background:#DEDEDE; margin:0; padding:0; border-top:1px solid #CCC; }
*:first-child+html ul.menu ul ul { top:-1px; } /* IE7 fix */
ul.menu ul ul.first { top:15px; }
*:first-child+html ul.menu ul ul.first { top:15px; } /* IE7 fix */
ul.menu ul ul li { border-left:1px solid #CCC;}
ul.menu ul ul li a { border-bottom:1px solid #CCC; font-weight:normal; background-image:none;white-space:nowrap!important;}
ul.menu ul ul li a.first { margin:10px 0 0 0;border-top:1px solid #CCC;}
ul.menu ul ul li a.last { margin:0 0 0 0;}
ul.menu ul ul li.first { margin:0; border:none;}

ul.menu ul li ul li { border-left:4px solid #E22219; margin:0; padding:0; }
#filme {background:url(../img/icon_arrow.gif) no-repeat 150px;background-color: white;}


/* slider */
#slider { } 
#slider .pics { position:relative; z-index:0; height:290px; width:940px; padding:0; margin:0 0 0 12px; overflow:hidden; border-top:5px solid #E22219; border-bottom:5px solid #E22219;  }
#slider .pics img { height:290px; width:940px; top:0; left:0; border:none; }
#slider .caption { position:absolute; z-index:1; color:#FFF; height:50px; width:920px; padding:7px 10px; margin:-65px 12px 0 12px; background:url(../img/bg_caption.png) no-repeat top left; }
* html #slider .caption { background-image:none; background-color:#000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); margin-top:-69px; }/* IE6 fix */
#slider .left { float:left; width:750px; }
#slider h3 { font-weight:bold; font-size:22px; font-weight:bold; margin:5px 0 0 0; padding:0; z-index:1; }
#slider h3 span { color:#E22219; }
#slider p { margin:0; padding:0; z-index:4; font-weight:bold; }
#slider .right { float:right; width:160px; text-align:right; padding:10px 0 0 0; }

/* main */
#main {  margin:0; padding:10px 12px; }
* html #main { padding:10px 6px; } /* weird IE6 fix */

/* content */
#content { float:left; width:690px; }
#content p, #content ul li, #content ol li {color: #747067; font-size: 14px;}
* html #content { margin:0 0 0 4px; width:680px; }
#content h2 { color:#E22219; border-bottom:2px solid #E22219; float:left; padding:0 150px 0 0; }
#content h1 { color:#E22219; border-bottom:2px solid #E22219; float:left; padding-right:150px; font-size: 1.4em; font-weight:lighter;}
#content a.img, #content > img { padding:3px; margin:5px; background:#DFDFDF; border:2px solid #CCC; }
#content a.img:hover { border:2px solid #E22219; }


#content div.testimonials { margin:20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; }
#content div.testimonials blockquote { padding:10px 10px 20px 0; font-style:italic; line-height:15px; margin:0 0 20px 0; border-bottom:1px dotted #CCC; }
#content div.testimonials blockquote p { text-indent:25px; margin:0 0 10px 0; padding:0; }
#content div.testimonials blockquote span { font-size:40px; color:#999; line-height:0px; float:left; margin:-6px 0 0 0; }
#content div.testimonials blockquote span.author { font-size:11px; float:right; font-weight:bold; color:#000; line-height:14px; margin:0; }
#content div.testimonials blockquote img { margin:0 10px 0 0; background:none; border:none; }


/* products */
div#products { list-style:none; margin:20px 0 0 0; padding:0; }
div#products div.product { list-style-type:none; padding:0 0 10px 0; margin:0 10px 0 0; display:block; float:left; overflow: hidden; width:165px; text-align:center;}
* html div#products div.product { margin:0 13px 20px 0; } /* IE6 fix */
div#products div.last { margin-right:0; }
div#products div.product a.img { display: block; width: 150px; height: 84px;}
div#products div.product a { margin:0;}

/* single */
#content #photo { float:left; margin:10px 0 0 0; padding:0; }
#content #photo img { margin:0 0 10px 0; }
#content #photo ul { list-style:none; margin:0; padding:0; width:350px; }
#content #photo li { list-style-type:none; padding:0; margin:0 15px 0 0; display:inline; }

#description { margin:0 0 10px 0; }

#attributes { margin:5px 0 35px 0; font-weight:bold; list-style:none; padding:0; }
#attributes li { list-style-type:none; margin:0 0 5px 0; padding:5px 0 2px 0; border-bottom:2px dotted #E22219; }
#attributes li span.atttype { float:left; font-style:italic; width:200px; font-family:Georgia, "Times New Roman", Times, serif;  }
#attributes li span.attdesc { float:right; }

#finishes { margin:0 0 25px 0; list-style:none; padding:0; }
#finishes li { list-style-type:none; margin:0; padding:5px 0 10px 0; border-bottom:2px dotted #E22219; }
#finishes li h4 { padding:0; margin:0; text-align:center; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#finishes li ul { list-style:none; margin:0; padding:0; }
#finishes li ul li { list-style-type:none; margin:0 10px 0 0; float:left; padding:0; display:inline; width:120px; text-align:center; border:none; } 

#finishes img { border:none; padding:0; margin:0; background:none; }


/* sidebar */
#sidebar { float:right; width:243px; }
* html #sidebar { position:relative; margin:0 -6px 0 0; } /* IE6 fix */
#sidebar h3 { font-weight:bold; font-size:15px; color:#990000; }
#sidebar h3 span { font-size:24px; color:#E22219; }
#sidebar h3 a { display:block; background:url(../img/icon_clock.gif) no-repeat top left; height:38px; padding:0 0 0 50px; margin:0 0 10px 0; }
#sidebar h3 a:hover { text-decoration:none; }

div.request_quote { float:left; background:#F3F3F3 url(../img/bg_request_quote.jpg) no-repeat bottom center; border:1px solid #CCC; min-height:130px; padding:10px; }
div.request_quote ul { list-style:none; margin:10px 0 0 0; padding:0; }
div.request_quote ul li { list-style-type:none; margin:0; padding:0 0 10px 20px; line-height:15px; background:url(../img/icon_check.gif) no-repeat 0 3px; }
div.request_quote ul li a { font-size:12px; color:#000;  }
div.request_quote ul li a:hover { text-decoration:none;}
div.request_quote .form label { width:100px; }
div.request_quote .form input.input-submit { margin:0 0 0 100px; }
div.request_quote .location { margin:0 0 0 10px; }

#sidebar div.testimonials { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
#sidebar div.testimonials div.top { float:left; width:260px; margin:10px 0 0 0; background:url(../img/bg_testimonials_top.gif) no-repeat top left; height:58px; }
#sidebar div.testimonials div.top h4 { font-size:14px; color:#E22219; margin:35px 0 0 25px; padding:0; font-style:italic; }
#sidebar div.testimonials div.middle {  background:url(../img/bg_testimonials_middle.gif) repeat-y; width:243px; }
#sidebar div.testimonials div.middle blockquote { padding:10px 10px 0px 10px; font-style:italic; line-height:15px; margin:0; }
#sidebar div.testimonials div.middle blockquote p { text-indent:25px; margin:0; padding:0; color:#333; }
#sidebar div.testimonials div.middle blockquote span { font-size:40px; color:#999; line-height:0px; float:left; margin:-6px 0 0 0; }
#sidebar div.testimonials div.middle blockquote span.author { font-size:11px; float:right; font-weight:bold; color:#000; line-height:14px; margin:0; }

#sidebar div.testimonials div.bottom { float:left; background:url(../img/bg_testimonials_bottom.gif) no-repeat bottom left; width:243px; height:45px; }

#sidebar div.location img { margin: 0 0 10px 0; }

/* bottom */
#bottom { background: #DAD4CB; border-top:3px solid #747067; padding:15px 15px; /*margin:0 2px;*/ }
#bottom div.contact { float:left; background:url(../img/icon_phone.jpg) no-repeat top left; padding:0 0 0 75px; font-size:11px; color:#666; line-height:11px; }
#bottom div.contact span { font-size:30px; line-height:34px; color:#747067; } 

#bottom div.pdf { float:right; width:210px; background:url(../img/icon_pdf.jpg) no-repeat top right; text-indent: 50px; }
#bottom div.pdf ul { list-style-type: none; padding: 0; margin: 5px 0 0 50px; text-indent: 0; }
#bottom div.pdf ul li { text-align: left; margin-bottom: 4px; }
#bottom div.pdf a { font-size:11px; color:#666; line-height:11px; border-bottom: 1px dotted #333;}
#bottom div.pdf a span { font-size:30px; line-height:30px; color:#747067; }
#bottom div.pdf a:hover { color:#000; text-decoration:none; }
#bottom div.pdf a:hover span { color:#000; }

#bottom div.nav { float:right; }
#bottom div.nav ul { list-style:none; margin:0px 0 0 0; padding:0; font-size:12px; font-weight:bold; color:#666666; }
#bottom div.nav ul li { list-style-type:none; margin:0 0 0 3px; padding:0; display:inline; }
#bottom div.nav ul li a { color:#666; }
#bottom div.nav ul li a:hover { color:#E22219; text-decoration:none; }


/* footer */
#footer { background:url(../img/bg_wrapper_bottom.png) no-repeat top left; padding:5px 0 10px 0; font-size:11px; color:#999; }
* html #footer { float:left; } /* weird IE6 fix */
#copyright { float:left; }
#wrm { float:right; }
#wrm a { color:#999; }
#wrm a:hover { text-decoration:underline; }

/* button */
a.button { float:right; background:url(../img/bg_button.png) no-repeat top right; height:34px; padding:0 30px 0 0; line-height:34px; font-size:14px; font-weight:bold; color:#FFF; }
* html a.button { background:url(../img/bg_button_ie.png) no-repeat top right; } /* IE6 fix */
a.button.small { font-size:12px; }
a.button span { float:left; padding:0 0 0 11px; background:url(../img/bg_button.png) no-repeat top left; height:34px; display:block; margin:0 0 0 -15px; }
* html a.button span { width:15px; background:url(../img/bg_button_ie.png) no-repeat top left; } /* IE6 fix */
a.button:hover { background:url(../img/bg_button_over.png) no-repeat top right; text-decoration:none; }
* html a.button:hover { background:url(../img/bg_button_over_ie.png) no-repeat top right; } /* IE6 fix */
a.button:hover span { background:url(../img/bg_button_over.png) no-repeat top left; }
* html a.button:hover span { background:url(../img/bg_button_over_ie.png) no-repeat top left; } /* IE6 fix */

/* pagination */
div.pagination { color:#666; margin:20px 0 10px 0; float:right;  font-size:11px; }
div.pagination ul { list-style:none; margin:0; padding:0; }
div.pagination ul li { float:left; list-style-type:none; margin:0 0 0 5px; display:inline; padding:0; }
div.pagination ul li.current { color:#E22219; font-weight:bold; padding:0 6px; line-height:15px; }
div.pagination ul li.info { margin:0 10px 0 0; }
div.pagination ul li a { line-height:15px; padding:2px 6px; background:#DEDEDE; color:#747067; border:1px solid #ccc; }
div.pagination ul li a:hover { text-decoration:none; background:#E22219; color:#FFF;}
div.pagination ul li.next a, div.pagination ul li.previous a, div.pagination ul li.first a, div.pagination ul li.last a { background:none; color:#E22219; padding:0; border:none; }
div.pagination ul li.next a:hover, div.pagination ul li.previous a:hover, div.pagination ul li.first a:hover, div.pagination ul li.last a:hover { text-decoration:underline; color:#E22219; }

/* breadcrumbs */
#breadcrumbs { padding:0; color:#747067; font-size:11px; margin:0 0 10px 0; }


/* default form */
.form { margin:10px 0; }
.form label { font-size:12px; font-weight:bold; float:left; width:150px; line-height:26px; cursor:pointer; color:#E22219; }
.form label span { font-size:11px; color:#999; font-weight:normal; font-style:italic; }
.form input.input-text, #contact_form textarea.input-text { float:left; width:350px; background:none; border:2px solid #ccc; padding:4px 5px; margin:0 0 10px 0; font-size:12px; }
.form input.input-text.small, #contact_form textarea.input-text.small { width:135px; }
.form input.input-text:focus, #contact_form textarea.input-text:focus { border:2px solid #E22219; }
.form textarea.input-text { height:150px; font-family:Arial, Helvetica, sans-serif; }
.form input.input-submit { font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:4px 8px; background:#E22219; border:none; float:left; margin:0 0 0 150px; }
.form input.input-submit:hover { background:#9F0000; cursor:pointer; }
#contact_form img { float:left; border:none; margin:2px 10px 0 5px; padding:0; background:none; cursor:pointer; }
a img#time_handle { background:none; border:none; margin:2px 0 0 5px; padding:0; }
a:hover img#time_handle { border:none; }

/* others */
.clear { clear:both; }
.nomargin { margin:0; }
.nopadding { padding:0; }

.video {
	list-style-type: none;
	width: 670px;
	margin: 0;
	padding: 0;
	}

.video li {
	margin: 0 0 10px 0;
	width: 670px;
	}

.video li.last {
	margin: 0;
	}

#sidebar .blog-feed {
	margin: 10px 0;
	background-color: #F3F3F3;
	border: 1px solid #CCC;
	padding: 7px;
	}

#sidebar .blog-feed h3 {
	font-size: 21px;
	}

#sidebar .blog-feed h3 a {
	display:inline; background:none; padding: 0;
	}

#sidebar .blog-feed ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	}

#sidebar .blog-feed ul li p {
	margin-top: 7px;
	}

#sidebar .blog-feed ul li a {
	border-bottom: 1px dotted #E22219;
	}

#sidebar .blog-feed ul li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #E22219;
	}

#sidebar .blog-feed ul li p a {
	border-bottom: 0;
	}

#bottom ul.info {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	}

#bottom ul.info li {
	text-indent: 10px;
	margin-bottom: 8px;
	}

#bottom ul.info li a {
	font-size:11px;
	color:#666;
	line-height:11px;
	border-bottom: 1px dotted #333;
	}

#bottom ul.links li a {
	border: 0;
	}

#bottom ul.links li a img {
	border: 0;
	}

#bottom ul.info li a:hover {
	color:#000;
	text-decoration:none; 
	}

span.info {
	color: #333;
	font-size: 10px;
	line-height: 15px;
	display: block;
	width: 365px;
	}

a#programare-consultatie {
	position: absolute;
	left: 0;
	top: 250px;
	background: #222 url('../img/programare_link_bg.png') no-repeat 0 0;
	display: block;
	width: 45px;
	height: 115px;
	cursor: pointer;
	text-transform: uppercase;
	border: 2px solid #747067;
	border-left: 0;
	z-index: 100;
	}

a#programare-consultatie:hover {
	text-decoration: none;
	}

ol li, #content ul li {
	margin-bottom: 7px;
	}

dt {
	margin-bottom: 5px;
	}

dd {
	font-style: italic;
	}

ul.error {
	list-style-type: none;
	}

#description.quote span {
	font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; color:#999; float:left; margin:-35px 0 0 0;
}

#description.quote p {
	text-indent: 10px;
	}

table.feedback {
	width: 320px;
	margin-bottom: 15px;
	}

table.feedback td {
	padding: 7px;
	border-bottom: 1px solid #FFF;
	}

table.feedback td.label {
	background-color: #F3F3F3;
	color: #333;
	text-align: right;
	padding-right: 10px;
	width: 250px;
	border-right: 1px dotted #CCC;
	font-weight: bold;
	}

table.feedback td.last {
	border-bottom: 0;
	}

table.feedback td.value {
	background-color: #EEE;
	padding-left: 10px;
	color: #977067;
	}
