/*
Theme Name: autobroker
Theme URI: http://www.r12media.ro
Description: Noua interfata autobroker
Version: 2.0
Author: Razvan Cranganu
Author URI: http://www.r12media.ro
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
html,body{background: #fff; font-size: 12px; text-align: left; font-family: Verdana, Tahoma; margin: 0; padding: 0;}

#wrapper {width: 900px; margin: 0 auto;}

/* == header == */
.header {width: 900px; float: left; display: block; height: 137px;}
.header #seo-header {width: 620px; float: right; font-size: 11px; color: #aaa; padding: 0 5px 0 0; text-align: right;}

/* == top nav menu == */
.header .top-nav {width: 560px; float: left; display: block; text-align: right; margin: 5px 0;}
.header .top-nav ul li{float: right; display: block; padding: 0 0px 0 10px;}
.header .top-nav ul li.newsletter {background: url("images/newsletter2.png") no-repeat scroll 0% 67% transparent; margin: 0 0 0 10px;}
.header .top-nav ul li.newsletter a{padding: 0 0 0 10px; color: #1D5D26; text-decoration: none; display: block; cursor: pointer;}
.header .top-nav ul li.contact {background: url("images/contact.png") no-repeat scroll 0% 67% transparent; margin: 0 0 0 10px;}
.header .top-nav ul li.contact a {padding: 0 0 0 10px; color: #1D5D26; text-decoration: none; display: block; cursor: pointer; margin: 0 0 0 10px;}
.header .top-nav ul li.sitemap {background: url("images/sitemap.png") no-repeat scroll 0% 67% transparent; margin: 0 0 0 10px;}
.header .top-nav ul li.sitemap a {padding: 0 0 0 10px; color: #1D5D26; text-decoration: none; display: block; cursor: pointer;}
.header .top-nav ul li.home {background: url("images/home.png") no-repeat scroll 0% 67% transparent; margin: 0 0 0 10px;}
.header .top-nav ul li.home a {padding: 0 0 0 10px; color: #1D5D26; text-decoration: none; display: block; cursor: pointer;}

/* == header - logo == */
.header .logo {width: 330px; height: 75px; float: left; display: block; margin: 5px 0 0 0;}

/* == header - menu == */
.header .menu{width: 900px; float: left; background: url("images/menu-bg.png") top left no-repeat; height: 41px; display: block; margin: 1px 0 0 0;}
.header .menu ul {font-family: Arial; position: relative; z-index:3;}
.header .menu ul li{display: block; float: left; padding: 14px 0; position: relative;}
.header .menu ul li a{color: #e2e2e2; text-decoration: none; font-size: 14px; padding: 10px 15px; font-weight: bold; }
.header .menu ul li a:hover {color: #333;}
.header .menu ul li ul {display: none; position: absolute; margin: 11px 0 0 0; border-left: 1px solid #444; border-bottom: 1px solid #444; border-right: 1px solid #444; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.header .menu ul li:hover>ul {display: block; background:#27883B; width: 260px; font-size: 15px;}
.header .menu ul ul >li {width: 250px; float: left; padding: 5px; display: block;}
.header .menu ul ul >li:hover{ background: #333;}
.header .menu ul ul :hover>a{ color: #E76E10;}
.header .menu ul li ul.children .children {float: left; margin: -22px 0 0 255px; width: 340px;}
.header .menu ul li ul.children .children li {float: left; width: 330px;}

/* jQuery CAROUSEL */
/************************************************************/
#slider {width: 898px; float: left; border: 1px solid #27883b; margin: -2px 0 0 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #fff;}
#slider-inner {width: 649px; height: 267px; background: url('images/bgslider.png') top left no-repeat; padding: 8px 0 0 10px; margin: 5px 0 0 0; float: left;}
#slider .feedback {margin: 10px 0;} 
#slider .feedback a {display: block; text-align: center; text-decoration: none; color:#27883B;}
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left;  list-style: none; width: 572px; height: 220px; }
.jcarousel-item img { float: left; border-right: 30px solid #000; }
.jcarousel-item h1 { float: left; width: 355px; }
.jcarousel-item p { float: left; width: 355px; }

.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin .jcarousel-container { background: #fff; }
.jcarousel-skin .jcarousel-container-horizontal { width: 600px; padding: 15px; }
.jcarousel-skin .jcarousel-clip-horizontal { width:  600px; height: 220px; }
.jcarousel-skin .jcarousel-item { width: 600px; height: 220px; }
.jcarousel-skin .jcarousel-item-horizontal { margin-right: 0px; }
.jcarousel-skin .jcarousel-item-placeholder { background: #000; color: #FFF; }

.jcarousel-skin .jcarousel-next-horizontal { position: absolute; bottom: 10px; right: 13px; width: 32px; height: 32px; cursor: pointer; background: transparent url('images/next-horizontal.png') no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; bottom: 10px; right: 49px; width: 32px; height: 32px; cursor: pointer; background: transparent url('images/prev-horizontal.png') no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

/* == continut == */
.continut {width: 898px; float: left; display: block; background: #fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #aaa; margin: 10px 0 0 0;}
.continut .bread {width: 878px; float: left; display: block; border-bottom: 1px solid #aaa; padding: 10px;}
.continut .bread a {color: #27883b; text-decoration: none; font-weight: bold;}
.continut .bread a:hover {color: #E46E16;}
.continut .continut-pagina {width: 540px; float: left; margin: 10px;}
.continut .continut-pagina p {font-size: 12px; line-height: 18px; margin: 10px 0; text-align: justify;}
.continut .continut-pagina img {float: left; display: block; margin: 0 10px 0 0; border: 2px solid #ddd; padding: 3px;}
.continut .continut-pagina h2 {width: 530px; float: left; padding: 5px; border-bottom: 1px solid #27883B; margin: 0 0 10px 0; font-size: 22px; line-height: 30px; color: #27883B; font-weight: bold;}
.continut .continut-pagina h3 {display: block; float: left; padding: 5px; width: 530px; font-size: 18px; color: #27883b; line-height: 28px;}
.continut .continut-pagina ul {padding: 0 0 0 5px; margin:0 0 0 15px;}
.continut .continut-pagina ul li {list-style-type: circle;}


/* == sidebar == */
.sidebar {width: 318px; float: left; background: url("images/bg-sidebar.png") top left no-repeat; min-height: 100%; padding: 10px; }
.sidebar .oferta {background: url("images/pdf.png") top left no-repeat; float: left; width: 318px; height: 60px; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}
.sidebar .oferta a  {color: #E46E16; text-decoration: none; margin:  0 0 0 95px; font-weight: bold; display: block; padding: 25px 0 0 0; font-size: 14px;}
.sidebar .oferta a:hover{color: #27883b;}
.sidebar .oferta2 {width: 318px; float: left; border-bottom: 1px solid #aaa; padding: 10px 0;}
.sidebar .oferta2 img{margin: 5px 46px; text-align: center;}
.sidebar .oferta2 p {line-height: 30px; display: block; float: left; width: 318px;}
.sidebar .oferta2 p a {color: #27883b; text-decoration: none; font-size: 11px;}
.sidebar .oferta2 p a:hover{color:#e46e16;}
.sidebar .oferta2 a {color: #27883b; text-decoration: none; font-size: 12px; display: block; text-align: center; width: 318px;}
.sidebar .oferta2 a:hover{color:#e46e16;}
.sidebar .ultimele-noutati {width: 318px; float: left; padding: 10px 0;}
.sidebar .ultimele-noutati h3 {width: 318px; display: block; color: #e46e16; font-weight: bold; font-size: 16px; font-style: italic;}

/* == footer == */
.footer {width: 900px; float: left; margin: 15px 0 0 0; border-top: 1px dotted #ccc;}
.footer a {color: #27883b; text-decoration: none; font-weight: bold;}
.footer a:hover {color: #333;}
.footer .footer-left {width: 640px; float: left; color: #444; font-size: 12px; margin: 5px 0;}
.footer .footer-right {width: 250px; float: left; color: #444; font-size: 12px; margin: 5px 0; text-align: right; padding: 0 10px 0 0;}