/* CSS Document */

@import "br.css";

html {
	height:100%;
}

body {
	background:url(../img/back.jpg) repeat-x left top #fff;
	font-family:"Arial";
	font-size:11px;
	color:#555;
	overflow-y:scroll;
	#overflow-y:auto;
	padding:0;
}
* { outline:none; }
#developer {
	display:none;
}
a {
	color:#000;
}
p+h2 {
	margin-top:10px;
}
.paginare a, h3 a, p a,span a {
	padding:3px;
	color:#000;
	text-decoration:underline;
	width:auto;
	height:auto;
	line-height:auto;
	display:inline;
}
.paginare a:hover, h3 a:hover, p a:hover,span a:hover {
	background:#ff0;
	color:#000;
	text-decoration:none;
}
#frankstyle .paginare a:hover, #frankstyle h3 a:hover, #frankstyle p a:hover, #frankstyle span a:hover {
	background:#f93;
	color:#fff;
	text-decoration:none;
}
#wrapper {
	width:960px;
	margin:0 auto;
}
#meniu { height: 100px;width:599px;display:block; float:left;z-index: 3; }
#meniu #navigare { margin: 0; padding: 0; }
#meniu #navigare li { display: inline;}
#meniu #navigare li a { float: left; height: 0px; padding-top: 100px; overflow: hidden; }
#meniu #navigare li a {
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
}

/* BUTTONS */
#meniu #navigare li#link1 a { background-position: 0 0; width:75px; }
#meniu #navigare li#link2 a { background-position: -75px 0; width:103px; }
#meniu #navigare li#link3 a { background-position: -178px 0; width:83px; }
#meniu #navigare li#link4 a { background-position: -261px 0; width:88px; }
#meniu #navigare li#link6 a { background-position: -349px 0; width:86px; }
#meniu #navigare li#link5 a { background-position: -435px 0; width:82px; }
#meniu #navigare li#link7 a { background-position: -517px 0; width:82px; }


/* OVER STATES */
#meniu #navigare li#link1 a:hover { background-position: 0 -100px; }
#meniu #navigare li#link2 a:hover { background-position: -75px -100px; }
#meniu #navigare li#link3 a:hover { background-position: -178px -100px; }
#meniu #navigare li#link4 a:hover { background-position: -261px -100px; }
#meniu #navigare li#link6 a:hover { background-position: -349px -100px; }
#meniu #navigare li#link5 a:hover { background-position: -435px -100px; }
#meniu #navigare li#link7 a:hover { background-position: -517px -100px; }

/* ON STATES */
#meniu.pag1 #navigare li#link1 a { background-position: 0 -100px !important; }
#meniu.pag2 #navigare li#link2 a { background-position: -145px -100px !important; }
#meniu.pag3 #navigare li#link3 a { background-position: -295px -100px !important; }
#meniu.pag4 #navigare li#link4 a { background-position: -445px -100px !important; }
#meniu.pag6 #navigare li#link6 a { background-position: -595px -100px !important; }
#meniu.pag5 #navigare li#link5 a { background-position: -745px -100px !important; }
#meniu.pag7 #navigare li#link7 a { background-position: -745px -100px !important; }

/* insert content nou acilea */
#sidebar {
	width:250px;
	margin-right:10px;
	float:left;
}
#center {
	width:700px;
	display:block;
	float:left;
}
.boxed {
	border:1px solid #ccc;
	margin-bottom:10px;
}
.boxed p {
	padding:3px 10px;
}
#minush1 h1,
#frankstyle #produsekarcher h1,
h1 {
	padding:5px 5px 5px 15px;
	background:#ff0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-bottom:7px;
}

#produsekarcher, #produsefrank {
	border:1px solid #ccc;
	background:#f9f9f9;
}
#produsekarcher ul li a, #produsefrank ul li a {
	padding:3px 5px 3px 17px;
	border-top:1px solid #ddd;
	display:block;
	color:#000;
	background:url(../img/li.jpg) no-repeat 3px 1px #f9f9f9;
	text-decoration:none;
}
#produsekarcher ul li a:hover, #produsefrank ul li a:hover {
	color:#000;
	background:url(../img/li-hover.jpg) no-repeat 3px 1px #ccc;
}
#produsefrank ul li,
#produsekarcher ul li {
	display:inline;
}
#produsekarcher ul li a.headerShown {
	color:#000;
	background:url(../img/li-active.jpg) no-repeat left 5px #ccc;
}
#produsekarcher ul li ul li a {
	background:url(../img/subli.jpg) no-repeat 22px 8px #fff;
	padding:3px 5px 3px 34px;
	font-size:10px;
}
#produsekarcher ul li ul li a.active,
#produsekarcher ul li ul li a:hover {
	background:url(../img/subli-hover.jpg) no-repeat 21px 7px #ff0;
}
#produsekarcher ul li ul {
	display:none;
}
#produsefrank {
	margin-top:10px;
}
#produsefrank h1 {
	background:#f93;
	color:#fff;
}

.widebox {
	width:318px;
	display:block;
	float:left;
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:10px;
	margin:10px;
	margin-top:0px;
}
.box-service { margin-left:0px; }
.box-consultanta { margin-right:0px; }

.widebox h3 {
	margin-bottom:7px;
}
.widebox h3 a {
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
#leftimg, #rightimg {
	height:35px;
	padding-top:200px;
	display:block;
	float:left;
}
#imagine { margin-bottom:10px; }
#leftimg {
	width:250px;
	background:url(../img/leftimg.jpg);
	text-align:center;
	line-height:35px;
}
#rightimg {
	background:none;
	width:700px;
	height:235px;
	padding-top:0px;
	margin-left:10px;
}
#leftimg input {
	background:url(../img/cautare.jpg);
	font-size:12px;
	color:#aaa;
	border:none;
	padding:4px 4px 5px 4px;
	width:225px;
	margin-top:6px;
}
#leftimg input:active,
#leftimg input:focus {
	color:#333;
}
#logo {
	display:block;
	float:left;
	width:295px;
	padding-right:66px;
	height:100px;
}
#logo h2 a {
	background:url(../img/logo.jpg) no-repeat;
	width:295px;
	height:0px;
	display:block;
	overflow:hidden;
	padding-top:100px;
}
.widebox a img {
	float:right;
}
.widebox p {
	padding-bottom:7px;
}
.widebox span a {
	font-weight:bold;
}
#mailok, #harta {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/semi.png);
	position:fixed;
	left:0;
	top:0;
	z-index:99999;
	display:none;
	cursor:pointer;
	text-align:center;
}
#harta img {
	margin:0 auto;
	padding-top:50px;
}
#mailok p {
	font-size:18px;
	text-align:center;
	padding-top:28%;
	color:#fff;
}
#mailok span {
	font-size:10px;
}
b, strong { font-weight:bold; }
.right {
	float:right;
}

img.right {
	margin:10px;
}
.categorie,
.accesoriu,
.listitem {
	padding:10px 0;
	margin:0 10px;
	border-bottom:1px solid #eee;
}
#hartacontact a img,
.categorie a img,
.accesoriu a img,
.pozemodel a img,
.listitem a img {
	float:right;
	border:3px solid #fff;
}
#hartacontact a img,
.categorie a img,
.accesoriu a img,
.pozemodel a img {
	margin:5px;
}
#hartacontact a:hover img,
.categorie a:hover img,
.accesoriu a:hover img,
.pozemodel a:hover img,
.listitem a:hover img {
	border:3px solid #ff0;
}
#frankstyle .pozemodel a:hover img,
#frankstyle .listitem a:hover img {
	border:3px solid #f93;
}
.categorie p,
.accesoriu p,
.listitem p {
	padding:5px 3px;
}

h3 {
	font-size:14px;
	font-weight:bold;
}
#minush1 h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	background:none;
}
#minush1 p img {
	float:right;
	margin-left:7px;
}
#dotari {
	padding-top:10px;
}
.descript li,
#dotari li {
	padding:3px 3px 3px 5px;
/*	background:url(../img/subli-hover.jpg) no-repeat 11px 8px;*/
}
#frankstyle h2 {
	background:#f93;
	color:#fff;
}
.pozemodel {
	display: block;
	width: 300px;
	float: right;
}
#succes,
#eroare {
	background:pink;
	color:#000;
	text-align:center;
	border:1px solid red;
	padding:5px;
	margin:10px;
}
#succes {
	background:#f9f9f9;
	border:1px solid #ddd;
	color:#333;
}
#succes p,
#eroare p {
	font-weight:bold;
}
.pozemodel a img.multiple  {
	height:75px;
}
#veziaccesorii {
	padding-top:24px;
	height:0px;
	width:106px;
	display:block;
	overflow:hidden;
	background:url(../img/accesorii.jpg) no-repeat;
	margin:5px;
}
#pedefeu {
	padding-top:24px;
	height:0px;
	width:117px;
	display:block;
	overflow:hidden;
	background:url(../img/pedefeu.jpg) no-repeat;
	margin:5px;
}
p br:first-child {
	display:none;
}
.paginare {
	text-align:center;
	margin:15px 0;
}
.paginare a {
	padding:5px;
	text-decoration:none;
	border:1px solid #ddd;
	background:#f9f9f9;
	margin:3px;
}
.paginare a:hover {
	border:1px solid #cc0;
}
.listitem a img {
	margin-left:15px;
}

.pozemodel a img {
	height:auto;
}
.descript  {
	padding-bottom:7px;
}
.datecontact strong {
	width:60px;
	display:block;
	float:left;
}
#hartacontact a img {
	float:right;
}
#contactform {
	padding:10px 5px;
}
#succes #eroare,
#contactform #eroare {
	margin:10px 0px;
}
#contact label {
	width:340px;
	float:left;
	display:block;
	padding:5px 0;
}
#contact label input {
	width:200px;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
}
#contact label strong {
	padding-right:10px;
}
#service .labelmare,
#contact .labelmare {
	width:688px;
	float:left;
	display:block;
	padding:5px 0;
}
#service textarea,
#contact textarea {
	width:680px;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
	font-family:Arial;
}
#service,
#promotii {
	padding:7px 5px;
}

#service label,
#promotii label {
	width:206px;
	float:left;
	display:block;
	padding:5px 0;
}
#service label input,
#promotii label input {
	width:130px;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
}
#service label strong,
#promotii label strong {
	padding-right:10px;
}
.formsubmit {
	padding:5px 0;
	display:block;
	float:left;
}
.formsubmit input {
	width:60px;
	padding:0;
	display:block;
	overflow:hidden;
	padding-top:19px;
	height:0px;
	#height:19px;
	cursor:hand;
	cursor:pointer;
	border:none;
	background:url(../img/send.gif) no-repeat;
}
#service label .phon ,
#promotii label .phon {
	width:120px;
}



#service .formsubmit input ,
#contactform .formsubmit input {
	margin:0 auto;
}
#service .formsubmit ,
#contactform .formsubmit {
	width:688px;
	text-align:center;
}

span.highlight {
	font-weight:bold;
	font-size:12px;
	background-color:#FFFF00;
}

#error404 {
	text-align:center;
	padding:50px 0 20px 0;
	font-size:14px;
	height:100px;
	width:500px;
	margin:auto;
	line-height:20px;
}
h1.inchide {
	cursor:pointer;
	cursor:hand;
	margin-bottom:5px;
	background:url(../img/inchide.jpg) no-repeat right top #ff0;
}
h1.deschide {
	cursor:pointer;
	cursor:hand;
	margin-bottom:5px;
	background:url(../img/inchide.jpg) no-repeat right bottom #ff0;
}
.boxed h2 {
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}
#dev {
	margin:10px auto;
	width:100px;
}
.boxed ol,
.boxed ul {
	list-style-type:square;
	list-style-position:outside;
	padding-left:25px;
}
.boxed ol {
	list-style-type:decimal;
}
.boxed li {
	padding-bottom:3px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */