@charset "utf-8";
/* CSS Document */

body,td,th {
	font: normal .85em/1.3em Arial, sans-serif;
	color: #95907f;
}
body {
	background: #dce7e6;
	margin: 0;
}
h1, h2, h3 {
	color: #95907f;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;
}
#container {
	width: 900px;
	margin: 0 auto;
	padding: 92px 0 0;
	position: relative;
}
#main {
	width: 860px;
	padding: 20px 20px 40px;
	margin: 0 auto;
	background: #fff url(../images/bg-main.gif) no-repeat center top;
}
#main h1 {
	font: normal 1.4em/1.8em Arial, sans-serif;
	padding: 0 64px 0 0;
	border-bottom: 1px solid #e7e7de;
	background: url(../images/bg-h1.png) no-repeat right bottom;
	margin: 7px 0 15px;
	float: left;
	width: 796px;
}
.logo {
	float: left;
	top: 18px;
	left: 20px;
	position: absolute;
	margin: 0;
}
.logo a img {
	border: 0;
}
.homebutton {
	width: 117px;
	height: 58px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	background: url(../images/home-button.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.homebutton:hover {
	background: url(../images/home-button.png) no-repeat left -58px;
}
.language {
	position: absolute;
	z-index: 2;
	width: 22px;
	height: 26px;
	background: #fff url(../images/bg-language.png) no-repeat center top;
	top: 75px;
	left: 840px;
	padding: 2px;
	font-size: .8em;
	text-align: center;
}
.language a, #language a:visited {
	color: #89909a;
	text-decoration: none;
}
.language a:hover {
	color: #000;
}

/* -----------------------------------
	search box
-----------------------------------	*/

#search-box {
	width: 482px;
	height: 58px;
	position: absolute;
	top: 0;
	left: 418px;
	background: transparent url(../images/bg-search-box.png) no-repeat right top;
}
#search-box p {
	font: normal .8em/1.1em Arial, sans-serif;
	position: absolute;
	z-index: 0;
	left: 135px;
	top: 22px;
	margin: 0;
}
#search-box a, #search-box a:visited {
	color: #c9c9c9;
	text-decoration: none;
	margin-right: 15px;
}
#search-box a:hover {
	color: #fff;
}
fieldset.search {
	border: 0;
	width: 180px;
	height: 25px;
	position: absolute;
	z-index: 1;
	top: 16px;
	left: 300px;
	margin: 0;
	padding: 0;
}
.search input, .search button {
	border: 0;
	float: left;
}
.search input.box {
	color: #555;
	font: normal 1.1em/1.2em Arial, sans-serif;
	width: 120px;
	height: 19px;
	padding: 4px 10px 2px;
	background: url(../images/bg-field-search.png) no-repeat left top;
	margin-right: 7px;
}
.search input.box:focus {
	background: url(../images/bg-field-search.png) no-repeat left -25px;
	outline: none;
}
.search button.btn {
	width: 26px;
	height: 25px;
	margin-left: -8px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/search-button.png) no-repeat center top;
}
.search button.btn:hover {
	background: url(../images/search-button.png) no-repeat center -25px;
}

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

#menu {
	width: 99%;
	display: block;
	height: 40px;
	float: left;
	padding: 0;
	clear: both;
	position: relative;
	margin: 0;
	font-size: 1.2em;
}
#nav, #nav * { 
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: right;
	padding-left: 4px;
	margin-right: 4px;
}
#nav li ul, #nav li.current ul {
	left: 0;
	top: 32px;
	padding: 10px 0 20px 0;
}
#nav li.current-02 a {
	color: #89b9c7;
}
#nav li a { 
	display: block;
	padding: 8px 13px 12px 9px;
	text-decoration: none;
	color: #95907f;
}
#nav li:hover a, #nav li.current a {
	color: #89b9c7;
}
#nav .materiale, #nav .exemple, #nav .prelucrari {
	width: 500px;
	margin: 0 0 0 340px;
	padding: 10px 0 15px 0;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#nav li li {
	display: block;
	margin: 0 0 0 14px;
	padding: 0;
	width: 148px;
	border-bottom: dotted 1px #dadada;
	float: left;
}
#nav li li a, #nav li.current li a, #nav li:hover li a { 
	font-size: 11px;
	color: #95907f;
	padding: 3px 0;
}
#nav li li a:hover, #nav li li.current a {
	text-decoration: none; 
	color: #c00;
	background: #faf9f6;
}
#nav li ul {
	position: absolute; 
	left: 0px;
	z-index: 1001;

	display: none;
}

/* -----------------------------------
	banner
-----------------------------------	*/

#squarehome {
	width: 266px;
	height: 256px;
	padding: 20px 10px 20px 20px;
	float: left;
	background: #e7e7de url(../images/bg-squarehome.png) no-repeat center bottom;
}
#squarehome p {
	width: 100%;
	margin: 0 auto;
	color: #6c6559;
	font: normal 1.1em/1.4em Arial, sans-serif;
}
#squarehome .title00 {
	margin-top: 35px;
	font: 700 1.2em/1.3em Arial, sans-serif;
	color: #565147;
}
#squareproduct {
	width: 296px;
	height: 296px;
	float: left;
	background: #e7e7de;
}
.title00 strong {
	color: #c00;
}
#square {
	width: 296px;
	height: 296px;
	background: #e7e7de;
	padding: 20px;
	float: left;
}
#banner {
	width: 564px;
	height: 296px;
	float: right;
}

/* -----------------------------------
	main index
-----------------------------------	*/

ul#indexcontent {
	width: 100%;
	list-style: none;
	margin: 30px 0 0;
	float: left;
	padding: 0 0 30px 0;
	font: normal 1.3em/1.4em Arial, sans-serif;
}
ul#indexcontent li {
	width: 285px;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}
ul#indexcontent>li + li {	/* and remove the left border on all but first item in the list */
	border-left: dotted 1px #95907f;
}
ul#indexcontent a, ul#indexcontent a:visited {
	text-decoration: none;
	color: #95907f;
}
ul#indexcontent a:hover {
	color: #212121;
}
ul.lines {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
ul.lines li {
	float: left;
	border-left: none;
	border-bottom: dotted 1px #efefef;
}
ul.lines li a, ul.lines li a:visited {
	display: block;
	padding: 3px 10px;
}
ul.lines li a:hover {
	background: #faf9f6;
	padding: 3px 10px;
}
ul.lines li a.current, ul.lines li a.current:hover {
	background: #faf9f6;
	padding: 3px 10px;
}

/* -----------------------------------
	main layout
-----------------------------------	*/

ul#stones, ul#referinte {
	width: 100%;
	margin: 10px 0 15px;
	clear: both;
	float: left;
	list-style: none;
	padding: 0 0 18px;
	border-bottom: dotted 1px #e8e8e8;
}
ul#stones li img, ul#referinte li img {
	float: left;
	border: 0;
}
ul#stones li a, ul#stones li a:visited, ul#referinte li a, ul#referinte li a:visited {
	display: block;
	text-decoration: none;
	padding: 0;
	cursor: pointer;
}
.box {
	width: 40px;
	height: 40px;
	padding: 3px;
	margin: 0 4px 7px;
	border: solid 1px #efefef;
	float: left;
}
.box:hover {
	display: block;
	background: #f6f5f0;
}
.box.current, .box.current:hover {
	background: #faf9f6;
	border: solid 1px #c00;
}

/* -----------------------------------
	referinte
-----------------------------------	*/

.boxr {
	padding: 3px;
	margin: 0 10px 15px;
	border: solid 1px #efefef;
	float: left;
}
.boxr:hover {
	display: block;
	background: #f6f5f0;
}
.boxr.current, .boxr.current:hover {
	background: #faf9f6;
	border: solid 1px #c00;
}

/* -----------------------------------
	product page layout
-----------------------------------	*/

#pagewrap {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0;
}
#pagewrap h2 {
	font: 500 1.3em/1.3em Arial, sans-serif;
	padding: 3px 15px 3px 0;
	margin: 1em 0;
	border-bottom: 1px solid #cac7bf;
	border-top: 1px solid #cac7bf;
	border-right: 1px solid #cac7bf;
	color: #89b8c7;
	float: left;
	width: 98%;
	background: #faf9f6;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-radius-topright: 7px;
	-webkit-border-radius-bottomright: 7px;
}
.name-01 {
	background: #cac7bf;
	color: #fff;
	font: normal .95em/1.1em Arial, sans-serif;
	padding: 6px 10px 5px;
	margin-right: 15px;
}
#description {
	width: 500px;
	float: left;
}
ul#gallery, ul.gallery-contact {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.gallery-contact {
	margin-bottom: 20px;
}
ul#gallery {
	width: 410px;
}
ul.gallery-contact {
	width: 100%;
}
ul#gallery li, ul.gallery-contact li {
	padding: 4px;
	float: left;
	margin: 0 4px 4px 0;
	display: inline;
}
ul#gallery li a img, ul.gallery-contact li a img {
	border: solid 1px #efefef;
	cursor: pointer;
	display:  block;
	padding: 4px;
}
ul#gallery li a:hover img, ul.gallery-contact li a:hover img {
	background: #f6f5f0;
	border: solid 1px #efefef;
	padding: 4px;
}
#left-side {
	width: 400px;
	float: left;
	padding: 0 15px 0 0;
	margin: 10px 5px 0 0;
	font: normal 1em/1.4em Arial, sans-serif;
}
ul.pdf {
	width: 100%;
	list-style: none;
	float: left;
	margin: 20px 0 0; 
	padding: 0;
}
ul.pdf li {
	width: 100%;
	float: left;
	display: inline;
}
ul.pdf li a, ul.pdf li a:visited {
	color: #95907f;
	background: url(../images/pdf.gif) no-repeat left 50%;
	padding: 4px 0 4px 22px;
	font: normal .9em Arial, sans-serif;
	text-decoration: none;
	display: block;
	cursor: pointer;
	border-bottom: dotted 1px #efefef;
}
ul.pdf li a:hover {
	color: #c00;
	background: #f6f5f0 url(../images/pdf.gif) no-repeat left 50%;
}
ul.pdf li.detalii {
	margin: 0;
	padding: 4px 0;
	font: normal 1.1em/1.1em Arial, sans-serif;
	background: #cac7bf url(../images/more.gif) no-repeat left 50%;
	text-indent: 15px;
	display: block;
}
ul.pdf li.detalii a, ul.pdf li.detalii a:visited {
	font: 400 1.1em/1.3em Arial, sans-serif;
	color: #fff;
	border-bottom: none;
	background: #cac7bf url(../images/more.gif) no-repeat 2px 2px;
}
ul.pdf li.detalii a:hover {
	color: #099;
	background: #cac7bf url(../images/more.gif) no-repeat 2px 2px;
}

/* -----------------------------------
	intrebari frecvente
-----------------------------------	*/

ul#faq {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul#faq li {
	width: 100%;
	float: left;
	display: inline;
	border-top: solid 1px #d9eaef;
	padding: 20px 0;
}
ul#faq li:first-child {
	border-top: 0;
}
ul#faq ul {
	margin: 0;
	padding: 0;
}
ul#faq li li {
	border-top: 0;
	margin-top: -12px;
	float: left;
	width: 80%;
	height: 5px;
}
ul#faq li li a, ul#faq li li a:visited {
	color: #990;
	font: normal .85em/1em Arial, sans-serif;
	text-decoration: none;
}
ul#faq li li a:hover {
	color: #09c;
}
ul#faq h3 {
	font: 700 1.25em/1.1em Arial, sans-serif;
	color: #89b8c7;
	margin: 0 0 3px 0;
	padding: 0;
}
ul#faq p {
	margin: 0;
	padding: 0;
}
ul#faq .linkes {
	width: 100%;
	float: left;
	margin: 5px 0 0;
	font: normal .85em/1em Arial, sans-serif;
	font-family: Arial, sans-serif;
}
ul#faq .linkes a, ul#faq .linkes a:visited {
	color: #990;
	text-decoration: none;
}
ul#faq .linkes a:hover {
	color: #09c;
}

/* -----------------------------------
	forms
-----------------------------------	*/

#dealers {
	width: 100%;
	margin: 20px auto 0;
	position: relative;
}
#dealers select {
	width: 160px;
	margin-bottom: 15px;
}
.searchbtn {
	width: 80px;
	height: 25px;
	cursor: pointer;
	text-transform: uppercase;
	color: #43484f;
	text-align: center;
	font: 700 .95em/1.9em Arial, sans-serif;
	position: absolute;
	left: 164px;
	top: 35px;
	text-decoration: none;
}
.searchbtn:hover {
	color: #c00;
}
#down {
	width: 100%;
	float: left;
	clear: both;
}
#question {
	width: 100%;
	float: left;
	font: normal 1.1em/1em Arial, sans-serif;
	margin: 20px 0 30px;
}
#question tr, #question td {
	padding: 0px;
}
#question input {
	background: #f9f4e9;
	width: 250px;
	border: solid 1px #ebe4c8 ;
	padding: 4px;
	color: #999;
	margin: 0;
	font: normal 1.1em/1em Arial, sans-serif;
}
#question input:focus, #question textarea:focus {
	background: #fefaf5;
}
#question label {
	display: block;
	margin: 7px 0;
	color: #706e67;
	width: 100%;
	float: left;
	padding-left: 3px;
}
#question label .error {
	color: #c00;
	font: normal .8em/1em Arial, sans-serif;
	margin-left: 20px;
}
#question textarea {
	background: #f9f4e9;
	width: 90%;
	line-height: 1.2em;
	border: solid 1px #ebe4c8;
	padding: 4px;
	color: #999;
	margin: 0;
	font: normal 1.1em/1em Arial, sans-serif;
}
#question strong {
	font: 700 1.2em/1em Arial, Helvetica, sans-serif;
	color: #c00;
}
.button-01 {
	width: 120px;
	float: left;
	clear: both;
	margin: 25px 0 0;
	height: 25px;
	cursor: pointer;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background: transparent url(../images/button-01.png) no-repeat center top;
	font: 700 1.12em/1.8em Arial;
	border: 0;
	text-decoration: none;
}
.button-01:hover {
	background: transparent url(../images/button-01.png) no-repeat center -25px;
	color: #fff;
}
.contact-data {
	width: 470px;
	float: left;
	font: normal .95em/1.3em Arial, sans-serif;
}
.contact-data h3 {
	margin: 0;
	border-bottom: solid 1px #95907f;
	display: inline;
}
.contact-data p {
	margin: 7px 0 20px;
}

/* -----------------------------------
	footer
-----------------------------------	*/

#footer {
	width: 860px;
	height: 30px;
	padding: 20px 0 0;
	margin: 0 auto;
	color: #212121;
	font: normal .8em/1.1em Arial, sans-serif;
}
#footer a, #footer a:visited {
	color: #212121;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
}
ul#submenu {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	width: 400px;
}
ul#submenu li {
	display: inline;
	float: right;
	margin-left: 20px;
}
.sw {
	background: transparent url(../images/sw.gif) no-repeat left top;
	margin-left: 5px;
	width: 240px;
	padding-left: 18px;
}
.btt {
	text-indent: -9999px;
	background: transparent url(../images/bg-btt.png) no-repeat center top;
	width: 20px;
	height: 17px;
	cursor: pointer;
	float: right;
	clear: both;
}
.btt:hover {
	background: transparent url(../images/bg-btt.png) no-repeat center -17px;
}

/* -----------------------------------
	pagination
-----------------------------------	*/

.pagination {
	width: 98%;
	clear: both;
	float: left;
	margin: 20px 0 0;
	font: 700 1.1em/1.3em Arial, sans-serif;
}
div.pagination {
	padding: 3px;
	margin: 0 3px 0;
	text-align:center;
}	
div.pagination a {
 	border: 1px solid #dedfde;
	margin-right: 3px;
	padding: 2px 6px;
	background-position: bottom;
	text-decoration: none;
	color: #95907f;		
}
div.pagination a:hover, div.meneame a:active {
	border: 1px solid #fff;
	background-color: #89b8c7;
	color: #fff;
}
div.pagination span.current {
	margin-right: 3px;
	padding: 2px 6px;
	font-weight: bold;
	color: #89b8c7;
}
div.pagination span.disabled {
	margin-right: 3px;
	padding: 2px 6px;
	color: #95907f;
}

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix { height: 1%; }

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.clear { 
	clear: both; 
}


/* -----------------------------------

    extra

----------------------------------- */

.tooltip {
    display:none;
    background-color: #81bfca;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    font-size: 11px;
}