/* CSS Document */

@import "br.css";

html {
	height:100%;

}

body {
	background:url(../img/back.jpg) repeat left top #fff;
	font-family:"Calibri", "Tahoma";
	font-size:11px;
	color:#555;
	padding:0;
}
#wrapper {
	margin:0 auto;
	width:700px;
	padding:0 30px;
	background:#fff;
}
#wrapper-bottom,
#wrapper-top {
	margin:0 auto;
	width:760px;
	height:20px;
}

#termeni,
#developer,
#feedback {
	margin:0 auto;
	width:560px;
	padding:0px 100px;
	height:280px;
	display:none;
	background:url(../img/feedback.gif) no-repeat center top; 
}
#termeni {
	overflow-x:hidden;
	overflow-y:scroll;
	padding:15px;
	width:530px;
	height:250px;
}
#developer {
	text-align:right;
	margin-top:7px;
	display:block;
	background:none;
	height:15px;
}
#wrapper-top { 		margin-top:60px; background:url(../img/wrapper-top.gif) no-repeat left top;  }
#wrapper-bottom { 	background:url(../img/wrapper-bottom.gif) no-repeat left top;  }


#feedback input {
	border:1px solid #ccc;
	font-size:11px;
	width:400px;
	display:block;
	float:left;
	margin:0;
}
#feedback label {
	padding-top:10px;
	display:block;
	float:left;
}
#feedback strong {
	width:100px;
	line-height:21px;
	font-weight:bold;
	display:block;
	float:left;
}
#feedbackform {
	padding:15px 20px;

}
#feedback textarea {
	width:400px;
	padding:2px;
	border:1px solid #ccc;
	font-size:11px;
	height:90px;
	font-family:Arial;
	color:#777;
}
#formsubmit {
	width:520px;
	float:left;
	padding-top:10px;
	text-align:center;
}
#formsubmit input {
	width:100px;
	margin:0 auto;
	float:none;
	height:0px;
	padding:0px;
	padding-top:23px;
	#height:23px;
	border:none;
	cursor:pointer;
	cursor:hand;
	background:url(../img/trimite.jpg) no-repeat left top;
}
.thx {
	text-align: center;
	line-height: 235px;
	font-weight:bold;
}
#formsubmit input:hover {
	background:url(../img/trimite-hover.jpg) no-repeat left top;
}
* { outline:none; }
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#c00;
	text-decoration:underline;
}
#logo {
	width:394px;
	padding-top:94px;
	height:0px;
	overflow:hidden;
	display:block;
	background:url(../img/logo.gif) no-repeat left top;
}
#footer {
	text-align:center;
	margin-top:25px;
}

#sugest {
	padding:7px;
}
input {
	font-size:20px;
	width:687px; 
	margin:22px 0 0px 7px;
	padding:3px; 
	border:2px solid #ccc;
	color:#666;
}
#sugest {
	width:710px;
	text-align:center;

}
#results {
	text-align:center;
	margin:0px auto;
	padding:20px 0;
	line-height:36px;
	height:36px;
	display:none;
}
.result {
	display:table;
	cursor:pointer;
	cursor:hand;
	margin:0 auto;
	color:#444;
	height:36px;
	line-height:36px;
	font-size:12px;
}
.result b, .result span {
	display:block;
	float:left;
	background:url(../img/cautam.jpg) no-repeat;
}
.result b { 	background:url(../img/cautam.jpg) no-repeat left top; width:15px;}
.result span { 	background:url(../img/result-repeat.jpg) repeat left top; padding:0 10px; }
.result b.last { 	background:url(../img/cautam.jpg) repeat right top; }

.result.liber b { 	background:url(../img/cautam.jpg) no-repeat left -36px; }
.result.liber span { 	background:url(../img/result-repeat.jpg) repeat left -36px; color:#317a32;}
.result.liber b.last { 	background:url(../img/cautam.jpg) repeat right -36px; }

.result.nueliber b { 	background:url(../img/cautam.jpg) no-repeat left bottom; }
.result.nueliber span { 	background:url(../img/result-repeat.jpg) repeat left bottom; }
.result.nueliber b.last { 	background:url(../img/cautam.jpg) repeat right bottom; }


#spinner {
	width:710px;
	text-align:center;
	height:20px;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
}
.liber { background:url(../img/liber.jpg) no-repeat; color:#fff}
.nueliber { background:url(../img/nueliber.jpg) no-repeat; color:#fff; }
#rightlinks {
	float:right;
	font-size:14px;
	line-height:90px;
}
#rightlinks a {
	color:#777;
}
.small {
	font-size:10px;
	padding:7px;
	color:#999;
	text-align:center;
}
#saved {
	text-align:center;
	display:none;
	font-size:14px;
	/*background:url(../img/salvate.gif) no-repeat center top; */
	padding-top:30px;
	padding-bottom:20px;
}
h2 {
	margin:15px 0;
	font-size:16px;
	font-weight:bold;
}
h2 a {
	color:#c00;
}
#rightlinks {
	display:none;
}
.input_error {
	background:#c00;
	color:white
}
h3 {
	font-size:14px;
	font-weight:bold;
}
h4 {
	font-size:12px;
	padding-top:7px;
	font-weight:bold;
}
#termeni p {
	padding-top:4px;
}
#termeni ul {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:20px;
}
.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 */