@charset "utf-8";


body, html { margin: 0; padding: 0; background: url(../images/bg.png) repeat; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
img { border:none; }
a, input { outline: none; }
h1 { font-size: 18px; margin: 0 0 20px; }
h2 { font-size: 14px; margin: 0 0 5px; }
a { color: #5f78a4; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 15px; line-height: 16px; }
ul { margin: 10px 0 30px 30px; padding: 0; }

.clear { clear: both; }
.mt { margin-top: 10px; }
.mb { margin-bottom: 10px; }
.textcenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.divider { background: url(../images/dotssep.png); width: 152px; height: 3px; margin: 15px auto; }
.ui-widget { font-size: 0.73em; }
.ui-state-active { background: #6684b3 !important; }

#wrap { position: relative; width: 980px; margin: auto; }

/* HEADER */
#header { position: relative; height: 166px; background:url(../images/headbg.png) repeat-x; margin-bottom: 15px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
#logo { position: absolute; width: 214px; height: 67px; left: 30px; top: 42px; }
#suport { position: absolute; width: 174px; height: 89px; top: 30px; right: 35px; }
#butsuport { position: absolute; width: 94px; height: 41px; bottom: 0; right: 25px; }
#menu { position: absolute; left: 25px; bottom: 0; }
#menu a { display: inline-block; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; padding: 0 12px; }
#menu a:hover, #menu a.sel { background: #5f78a4; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

/* SIDEBAR */
.sidebar, #middle, #bottom, .box { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.sidebar { min-height: 660px; }

.sidebar { background: #dededd; width: 177px; padding: 15px 10px; color: #5a7099; }
.sidebar ul { margin: 0; list-style: none; }
.sidebar ul li a { display: block; padding: 5px 10px 3px; border-bottom: 1px solid #ccc; }
.sidebar ul li a:hover { background: #e4e4e4; text-decoration: none; }
.sidebar input[type="text"] { width: 125px; }
#reclama { width: 177px; height: 306px; }
#rca { width: 177px; height: 119px; }
#harta { width: 177px; height: 150px; }
#accident { margin-bottom: 15px; }
#accident a { background: url(../images/accident.png) top center no-repeat; display: block; width: 177px; height: 137px; text-indent: -9999px; }
#accident a:hover { background: url(../images/accident.png) bottom center no-repeat; }
#rca a { background: url(../images/rca.png) top center no-repeat; display: block; width: 177px; height: 119px; text-indent: -9999px; }
#rca a:hover { background: url(../images/rca.png) bottom center no-repeat; }
#harta a { background: url(../images/harta_romania.png) no-repeat; display:block; width:177px; height:150px; text-indent: -9999px; }
#harta a:hover { background: url(../images/harta_romania.png) 0 -151px no-repeat; }

/* MAIN */
#main { width: 768px; float: left; margin-left: 15px; }
#middle { width: 556px; float: left; margin: 0 15px; }
.box { background-color: #eee; padding: 15px; color: #5a7099; }
.bg-box { background-image: url(../images/bottom.png); background-position: bottom center; background-repeat: no-repeat; }
.spacer { height: 20px; }

/* FOOTER */
#logouri { background: #fff; margin: 15px 0; }
#footer { background:url(../images/headbg.png) repeat-x; font-size: 10px; color: #ddd; padding: 20px 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }

#contactForm { width: 350px; height: 400px; overflow: hidden; margin: 0 auto; }


.button { background: #6684b3; color: #fff; border: 0; padding: 5px 15px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button:hover { background: #5f78a4; }
.terms_content { width: 900px; height: 395px; padding: 15px; color: #5A7099; word-wrap: break-word; }
.red { color: #f00; font-weight: bold; }

.input { line-height: 24px; text-align: left; overflow: hidden; margin-bottom: 5px; }
.den { float: left; }
.input input[type="text"], .input textarea { float: right; }
input[type="text"], textarea { width: 146px; border: 1px solid #ccc; padding: 3px 5px; margin: 0; }