/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; background:#ccc; font-family: Arial, Helvetica, sans-serif;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #0000f6; color: #fff; text-shadow: none; }
::selection { background: #0000f6; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0; list-style: none/*inside*/;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* =============================================================================
   Fonts
   ========================================================================== */
/* regular */
@font-face {
    font-family: 'StradaOT';
    src: url('fonts/stradaot/stradaot.eot');
    src: url('fonts/stradaot/stradaot.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot/stradaot.woff') format('woff'),
         url('fonts/stradaot/stradaot.ttf') format('truetype'),
         url('fonts/stradaot/stradaot.svg#stradaot') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* regular bold */
@font-face {
    font-family: 'StradaOT-Bold';
    src: url('fonts/stradaot-bold/stradaot-bold.eot');
    src: url('fonts/stradaot-bold/stradaot-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-bold/stradaot-bold.woff') format('woff'),
         url('fonts/stradaot-bold/stradaot-bold.ttf') format('truetype'),
         url('fonts/stradaot-bold/stradaot-bold.svg#stradaot-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* condensed bold */
@font-face {
    font-family: 'StradaOT-CondBold';
    src: url('fonts/stradaot-condbold/stradaot-condbold.eot');
    src: url('fonts/stradaot-condbold/stradaot-condbold.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-condbold/stradaot-condbold.woff') format('woff'),
         url('fonts/stradaot-condbold/stradaot-condbold.ttf') format('truetype'),
         url('fonts/stradaot-condbold/stradaot-condbold.svg#stradaot-condbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* black italic */
@font-face {
    font-family: 'StradaOT-ROBlackIta';
    src: url('fonts/stradaot-ro-black-ita/stradaot-ro-blackita.eot');
    src: url('fonts/stradaot-ro-black-ita/stradaot-ro-blackita.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-ro-black-ita/stradaot-ro-blackita.woff') format('woff'),
         url('fonts/stradaot-ro-black-ita/stradaot-ro-blackita.ttf') format('truetype'),
         url('fonts/stradaot-ro-black-ita/stradaot-ro-blackita.svg#stradaot-ro-blackita') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* bold italic */
@font-face {
    font-family: 'StradaOT-ROBoldIta';
    src: url('fonts/stradaot-ro-bold-ita/stradaot-ro-boldita.eot');
    src: url('fonts/stradaot-ro-bold-ita/stradaot-ro-boldita.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-ro-bold-ita/stradaot-ro-boldita.woff') format('woff'),
         url('fonts/stradaot-ro-bold-ita/stradaot-ro-boldita.ttf') format('truetype'),
         url('fonts/stradaot-ro-bold-ita/stradaot-ro-boldita.svg#stradaot-ro-boldita') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* italic */
@font-face {
    font-family: 'StradaOT-ROIta';
    src: url('fonts/stradaot-ro-ita/stradaot-ro-ita.eot');
    src: url('fonts/stradaot-ro-ita/stradaot-ro-ita.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-ro-ita/stradaot-ro-ita.woff') format('woff'),
         url('fonts/stradaot-ro-ita/stradaot-ro-ita.ttf') format('truetype'),
         url('fonts/stradaot-ro-ita/stradaot-ro-ita.svg#stradaot-ro-ita') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* light italic */
@font-face {
    font-family: 'StradaOT-ROLightIta';
    src: url('fonts/stradaot-ro-light-ita/stradaot-ro-lightita.eot');
    src: url('fonts/stradaot-ro-light-ita/stradaot-ro-lightita.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-ro-light-ita/stradaot-ro-lightita.woff') format('woff'),
         url('fonts/stradaot-ro-light-ita/stradaot-ro-lightita.ttf') format('truetype'),
         url('fonts/stradaot-ro-light-ita/stradaot-ro-lightita.svg#stradaot-ro-lightita') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* semibold italic */
/*
@font-face {
    font-family: 'StradaOT-ROSemibdIta';
    src: url('fonts/stradaot-ro-semibd-ita/stradaot-ro-semibdita.eot');
    src: url('fonts/stradaot-ro-semibd-ita/stradaot-ro-semibdita.eot?#iefix') format('embedded-opentype'),
         url('fonts/stradaot-ro-semibd-ita/stradaot-ro-semibdita.woff') format('woff'),
         url('fonts/stradaot-ro-semibd-ita/stradaot-ro-semibdita.ttf') format('truetype'),
         url('fonts/stradaot-ro-semibd-ita/stradaot-ro-semibdita.svg#stradaot-ro-semibdita') format('svg');
    font-weight: bold;
    font-style: italic;
}
*/

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

#header-holder header,
div#main-wrapper,
#footer-holder footer{
    width:960px;
    margin:0 auto;
    position: relative;
    
}

#bottom-scripts{
    height:0px;
}

#header-holder{
    width:100%;
    min-width:960px;
    height:135px;
    background: url(img/top-header-bg.jpg) top center repeat-x;
    position:relative;
    z-index:3;
}

#header-holder header h1{
    width:445px;
    height:49px;
    position:absolute;
    top:10px;
    left:10px;
}

.lt-ie8 #header-holder header h1{
    top:30px;
}

#header-holder header h1 a#header-logo{
    display:block;
    width: 100%;
    height: 100%;
    background:url(img/verida-logo-slogan2.png) top left no-repeat;
    overflow: hidden;
    text-indent:1000px;
    line-height: 50px;
}

#header-holder header #top-right{
    width:220px;
    height:85px;
    position:absolute;
    top:5px;
    right:0px;
    overflow: hidden;
}

#header-holder header #top-right #top-menu{
    width:100%;
    height:25px;
    overflow: hidden;
}

#header-holder header #top-right #top-menu li{
    float:left;
    margin:9px 7px 0 0;
    border-left:1px solid #014592;
    padding-left: 7px;
    height: 15px;
    display: block;
    line-height: 11px;
}

#header-holder header #top-right #top-menu li.first{
    border: none;
}

#header-holder header #top-right #top-menu li a{
    font-size:11px;
    color:#014592;
    text-decoration: none;
    line-height: 9px;
    
}

#header-holder header #top-right #top-menu li a:hover{
    text-decoration: underline;
}

#header-holder header #top-right #numar-telefon{
    width: 187px;
    height: 42px;
    background: url(img/telefon-header-top.png) top left no-repeat;
    overflow: hidden;
    line-height: 42px;
    text-indent: 1000px;
    margin: 10px 0 0 8px;
}

/*#header-holder header a#facebook-link{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 44px;
    left: 700px;
}*/

#header-holder header a#facebook-link-round{
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 39px;
    left: 695px;
}

#header-holder header nav{
    width:100%;
    height:40px;
    position:absolute;
    top:93px;
    left:0px;
}
#header-holder header nav #main-menu{
    width:100%;
    height: 100%;    
    font-family: StradaOT, Arial;
}

#header-holder header nav #main-menu li{
    float:left;
    margin:0 0px 0 5px;
    height:31px;
    padding:0px 0px 8px 5px;
    background:url(img/menu-items-vertical-separator.png) 0 0 no-repeat;
    position:relative;
}

#header-holder header nav #main-menu li.home-li{
    background: none;
    padding: 0;
}

#header-holder header nav #main-menu li .primary{
    line-height: 25px;
    padding:3px 5px 7px 5px;
    margin:5px 0 0 0;
    display:block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    /*font-weight: bold;*/
    letter-spacing: 0px;
    font-family: StradaOT-Bold, Arial;
}

#header-holder header nav #main-menu li.selected .primary,
#header-holder header nav #main-menu li:hover .primary{
    color:#0084C3;
}

#header-holder header nav #main-menu li.home-li div{
    padding:1px 10px 7px 10px;
    margin-top:5px;
}

#header-holder header nav #main-menu li.home-li div:hover,
#header-holder header nav #main-menu li.home-li.selected div,
#header-holder header nav #main-menu li.selected .primary,
#header-holder header nav #main-menu li:hover .primary,
#header-holder header nav #main-menu li .primary:hover{
    background:#fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#header-holder header nav #main-menu li #home-link{
    background: url(img/logo-home-btn.png) 0px 0px no-repeat;
    width: 21px;
    height: 22px;
    text-indent: 1000px;
    overflow: hidden;
    padding:0;
    display:block;
}

#header-holder header nav #main-menu li.home-li.selected #home-link,
#header-holder header nav #main-menu li.home-li:hover #home-link,
#header-holder header nav #main-menu li #home-link:hover{
    background-position: 0px -22px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header-holder header nav #main-menu li div.hover-menu.show{
    display:block;
}

#header-holder header nav #main-menu li div.hover-menu{
    position:absolute;
    z-index:99;
    top:30px;
    left:0px;
    background: url(img/submenu-sus.png) top left no-repeat;
    width:286px;
    display:none;
}

#header-holder header nav #main-menu li div.hover-menu ul.submenu-middle{
    background:url(img/submenu-mijloc.png) top left repeat-y;
    margin-top:23px;
    
}

#header-holder header nav #main-menu li div.hover-menu ul.submenu-middle li{
    float: none;
    border-bottom: 1px solid #fff;
    margin:0px 9px;
    background: none;
    padding: 0px;
    height: auto;
    
}

#header-holder header nav #main-menu li div.hover-menu ul.submenu-middle li.last{
    border-bottom:none;
}

#header-holder header nav #main-menu li div.hover-menu ul.submenu-middle li a{
    display: block;
    width:258px;
    height:100%;
    line-height: 1.2em;
    text-decoration: none;
    color:#fff;
    text-transform: uppercase;
    font-size:12px;
    padding:5px;    
}

#header-holder header nav #main-menu li div.hover-menu ul.submenu-middle li a:hover{
    background:#fff;
    color: #024593;
}

#header-holder header nav #main-menu li div.hover-menu div.submenu-bottom{
    height:15px;
    background:url(img/submenu-jos.png) top left no-repeat;
}

/*****************************************************************/
    
#main{
    background: #F1F1F1;
    border-left: 1px solid white;
    border-right: 1px solid white;
    width: 958px;
    margin: 0 0 0 -2px;
    position:relative; 
    z-index:1;
    padding:25px 0;    
    min-height: 640px;
}


#main #left-sidebar,
#main #right-sidebar{
    float:left;
    width:200px;
    margin-left:10px;
}

#main #right-sidebar{
    float:right;
    margin-right:10px;
    margin-left: 0;
}


/*****************************************************************/

#main #middle-content{
    margin:0 225px 0px 225px; 
	display:block; 
	zoom:1;
}

#middle-content h1,
#middle-content h2{
    font-family: StradaOT-Bold, Arial;
}

#middle-content a:link{
    color:#299DDD;
    text-decoration: none;
}

#middle-content a:hover{
    text-decoration: underline;
}

#middle-content a:visited{ 
    color:#299DDD;
}


#middle-content .standard-middle-box{
    width:500px;
    margin:0px auto 20px auto;
}

#middle-content .standard-middle-box h2{
    margin:0;
    background:url(img/main-content-blue-bg.png) top left no-repeat;
    line-height: 30px;
    text-transform: uppercase;
    font-size:18px;
    color:#fff;
    height:30px;
    overflow: hidden;
    padding:0 25px;
}

#middle-content .standard-middle-box .content{
    background:#fff url(img/main-content-shadow-bg.jpg) top left no-repeat;
    border:1px solid #CCCCCC;
    border-top:none;
    color:#666666;
    font-size:12px;
    line-height:1.3em;
    padding:15px 0 0 0;
    margin-top:0px;    
    
    -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;      
}

#middle-content .standard-middle-box .content p{
    margin:0px 10px 10px 10px; 
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content{
    height:150px;
    
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content div.left{
    width:50%;
    float:left;
    margin-top:15px;
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content div.right{
    width:50%;
    text-align: left;
    float:right;
    margin-top:15px;
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content ul {
    margin-left:15px;
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content ul li{
    line-height: 13px;
    height:16px;
    margin-bottom:15px;
    margin-left: 10px;
    padding-top: 3px;
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content .bulina{
    display:block;
    float:left;
    margin-right:10px;
    height:16px;
    width:16px;
    background: url(img/pasi-bull.png) top left no-repeat;
    line-height:16px;
    font-size: 11px;
    font-weight:bold;
    text-align: center;
    color:#fff;
}

#middle-content .standard-middle-box.credit-pas-cu-pas .content a.parcurge-pasii{
    display:block;
    width:170px;
    height:16px;
    background: url(img/btn-parcurge-pasii.png) top left no-repeat;
    line-height: 16px;
    color:#fff;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    text-align:center;
    margin-left:20px;
}

#middle-content .standard-middle-box.credit-pas-cu-pas ul li a{
    text-decoration: none;
    color:#666666;
}

#middle-content .standard-middle-box.credit-pas-cu-pas ul li a:hover{
    color: #00ACEC;
}

/* homepage slider */
#homepage-slider {
    width: 500px;
    height: 272px;
    position: relative;
    overflow:hidden;
    margin:0 auto 20px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #F1F1F1;
}
#homepage-slider .content
{
    overflow:hidden;
    width: 500px;
    height: 272px;
}
#homepage-slider .content ul
{
    list-style-type: none;
    position: relative;
    margin:0;
    padding:0;
}
#homepage-slider .content ul li
{
    display: block;
    float:left;
    width: 500px;
    height:272px;
}
#homepage-slider .content ul li img
{
 -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#homepage-slider .btns {
    position: absolute;
    bottom: 0;
    height: 72px;
    width: 100%;
    margin: 0 1px 1px 1px;
}
#homepage-slider .btns .btn {
    float: left;
    height: 72px;
    background-image: url(img/slider-btns-sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
#homepage-slider .btns .left, #homepage-slider .btns .right {
    width: 165px;
}
#homepage-slider .btns .left
{
    background-position: 0px -163px;
}
#homepage-slider .btns .right
{
    background-position: -333px -163px; 
}
#homepage-slider .btns .middle {
    background-position: -165px -163px;
    width: 168px;
}
#homepage-slider .btns .left:hover
{
    background-position: 0px 0px;
}
#homepage-slider .btns .right:hover
{
    background-position: -333px 0px; 
}
#homepage-slider .btns .middle:hover {
    background-position: -165px 0px;
}

#homepage-slider .btns .active{
    /*background-color:#005799;*/
}

#homepage-slider .btns .left.active
{
    background-position: 0px -81px;
}
#homepage-slider .btns .right.active
{
    background-position: -333px -81px; 
}
#homepage-slider .btns .middle.active {
    background-position: -165px -81px;
}

#homepage-slider .btns .title,
#homepage-slider .btns .subtitle{
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin:3px 7px 0 7px;
    line-height: 1.2em;
}

#homepage-slider .btns .title{
    font-weight: bold;
    font-size: 11px;
    margin-top:10px;
}

#homepage-slider .btns .active .title,
#homepage-slider .btns .active .subtitle{
    color: #005799;
}

#homepage-slider .btns .btn:hover .title,
#homepage-slider .btns .btn:hover .subtitle{
    color: #005799;
}

#main #middle-content.homepage .home-extra .content{
	padding:10px 20px;
}
/*****************************************************************/



/*****************************************************************/

#main #middle-content.produse{
    margin-right: 10px;
    padding-bottom:20px;
}


#main #middle-content.produse h1{
    margin: 0;
    color: #104B8D;
    background: url(img/h1-bg-produsele-verida.png) no-repeat left top;
    font-size: 15px;
    width: 226px;
    height: 30px;
    line-height: 30px;
    text-indent: 45px;
}

#main #middle-content.produse div#descriere{
    margin:20px 10px;
    line-height: 1.35em;
    font-size: 12px;
    color: #333333;
}

#main #middle-content.produse #lista-produse li.produs{
    width:715px;
    height:137px;
    background:url(img/main-produse-box-bg-sprite.png) no-repeat left top;
    position:relative;
    margin-bottom:20px;    
}

#main #middle-content.produse #lista-produse li.produs:hover{
    background-position: 0px -142px;
}

#main #middle-content.produse #lista-produse li.produs h2{
    color:#024593;
    width: 365px;
    position: absolute;
    margin: 0;
    height: 35px;
    top: 4px;
    line-height: 35px;
    left: 0px;
    text-indent: 15px;
    font-size: 17px;
}

#main #middle-content.produse #lista-produse li.produs:hover h2{
    color:#fff;
}

#main #middle-content.produse #lista-produse li.produs .descr-produs{
    position: absolute;
    top: 50px;
    right: 5px;
    width: 575px;
    height: 45px;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 12px;
    margin: 0;
    color:#333333;
}

#main #middle-content.produse #lista-produse li.produs:hover .descr-produs{
    color:#fff;
}


#main #middle-content.produse #lista-produse li.produs .variante-produs{
    width: 360px;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 3px;
}

#main #middle-content.produse #lista-produse li.produs .variante-produs li{
    float:right;
    margin-left:10px;
}

#main #middle-content.produse #lista-produse li.produs .variante-produs li a.var-prod{
    background:url(img/main-produs-optiune-btn-sprite.png) 0px -30px no-repeat;
    width:166px;
    height:30px;
    display:block;
    text-align: center;
    line-height:30px;
    font-size:13px;
    color:#0CAEE3;
    text-decoration:none;
}

#main #middle-content.produse #lista-produse li.produs .variante-produs li a.var-prod:hover{
    background-position:0px 0px;
    color:#fff;
}

/*575x25*/
#main #middle-content.produse #lista-produse li.produs .optiuni-navi{
    position:absolute;
    height: 25px;
    width:575px;
    bottom:6px;
    right:5px;
}

#main #middle-content.produse #lista-produse li.produs .optiuni-navi li{
    width:190px;
    height:25px;
    float:left;
}

/*136x25*/
#main #middle-content.produse #lista-produse li.produs .optiuni-navi li .btn-opt-nav{
    display:block;
    width:136px;
    height: 25px;
    background:url(img/btn-optiuni-produs-sprite-bg.png) no-repeat left top;
    text-decoration: none;
    text-align:center;
    color:#666666;
    font-size: 12px;
    line-height: 20px;
    margin-left:25px;
}

#main #middle-content.produse #lista-produse li.produs .optiuni-navi li .btn-opt-nav:hover{
    color: #fff;
    background-position:0px -30px;
}


#main #middle-content.interior{
    color:#666666;
    padding-bottom: 20px;
}
#main #middle-content.interior .expandable-content{
    background: url(img/interior-middle-content-top-bg.png) no-repeat left top;
    width:500px;
    padding-top:9px;
    font-size: 12px;
    text-align: justify;
    line-height: 1.35em;
}

#main #middle-content.interior .expandable-content h1{
    margin:0 20px;
    line-height: 30px;
    font-size: 17px;
    height:43px;
    color:#0068B4;
}

#main #middle-content.interior .expandable-content .side-borders-content{
    background-color:#fff;
    border-left:1px solid #D0D0D0;
    border-right:1px solid #D0D0D0;
    padding:5px 15px 15px 15px;
    width:468px;
    margin:0 auto;    
}

#main #middle-content.interior .expandable-content p{
}

#main #middle-content .standard-middle-box.home-extra .content ul,
#main #middle-content.interior .expandable-content ul{
    margin:10px 15px 10px 0px;
}

#main #middle-content .standard-middle-box .content ul{
    margin-left:10px;
}


#main #middle-content .standard-middle-box.home-extra .content ul li,
#main #middle-content.interior .expandable-content ul li{
    background: url(img/gt-bull3.png) 0px 0px no-repeat;
    margin-bottom:8px;
    padding-left:25px;
}

#main #middle-content.interior .expandable-content .expandable-bottom{
    background: url(img/interior-middle-content-bottom-bg.png) no-repeat left top;
    width:500px;
    height:13px;
}


#main #middle-content.produs-detaliu .top-description{
    width:500px;
    height:147px;
    background: url(img/produs-detaliu-descriere-bg.png) no-repeat left top;
    overflow: hidden;
}

#main #middle-content.produs-detaliu .top-description h1{
    margin:0 20px;
    font-size: 18px;
    color: #0069B5;
    height:40px;
    line-height:45px;
}

#main #middle-content.produs-detaliu .top-description #descriere{
    width:345px;
    height:65px;
    margin:20px 0 0 120px;
    line-height:1.4em;
    font-size:13px;
    color:#333333;
}

#main #middle-content.produs-detaliu ul.section-links{
    height:15px;
    width:100%;
    margin: 20px 0 20px 20px;
}
#main #middle-content.produs-detaliu ul.section-links li{
    float:left;
    margin-left:15px;
}

#main #middle-content.produs-detaliu ul.section-links li a{
    font-size:12px;
    color:#00ADEE;
    text-decoration: none;
    display:block;
    padding-left:17px;
    background: url(img/gt-bull5.png) top left no-repeat;
    line-height: 12px; 
    font-weight: bold;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder {
    width:500px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit{
    width:100%;
    height:30px;
    background: url(img/produs-detaliu-variante-bg-sprite.png) top left no-repeat;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li{
    width:50%;
    float:left;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li a{
    background-repeat: no-repeat;
    display: block;
    width:100%;
    height:35px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #0F4A8E;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li.selected a,
#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li a:hover{
    background-image: url(img/produs-detaliu-variante-bg-sprite.png);
    color:#fff;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li a.left-version-link:hover{
     background-position:left -36px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li a.right-version-link:hover{
    background-position:right -36px;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li.selected a.left-version-link{
     background-position:left -73px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder .variante-credit li.selected a.right-version-link{
    background-position:right -73px;
}


#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta{
    border-left:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
    /*background-color: #fff;*/
    padding:20px 0;
    color:#333333;
    background:#fff url(img/main-content-shadow-bg.jpg) top center no-repeat;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section{
    margin:20px;
    line-height: 1.24em;
    margin-bottom: 30px;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .go-top-link{
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    color:#0069B5;
    float:right;
    
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .go-top-link:hover{
    text-decoration: underline;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section h2{
    margin:0 0 10px 0;
    font-size: 18px;
    color: #024593;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content{
    font-size:12px;
    text-align:justify;
    line-height: 1.5em;
    margin-bottom:10px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content.condensed{
    height: 8.5em;
    overflow: hidden;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content p{
    text-indent: 20px;
    margin:0;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content ul{
    margin:10px 20px 10px 0px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content ul li{
    background:url(img/gt-bull3.png) 0px 0px no-repeat;
    padding-left:30px;
    line-height:1.4em;
    margin-bottom:10px;
    
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content a{
    text-decoration: none;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .section-content a:hover{
    text-decoration: underline;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .expand-contract-btn{
    background:url(img/detalii-toggle-btn-bg-sprite.png) bottom left no-repeat;
    width:107px;
    height:16px;
    display:block;
    line-height: 16px;
    color:#666666;
    text-indent: 22px;
    text-decoration: none;
    font-size: 9px;
}
#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta .section .expand-contract-btn.expand{
    background-position:top left;
}

#main #middle-content.produs-detaliu #detalii-varianta-holder #detalii-varianta-holder-bottom{
    background: url(img/main-content-box-bottom-bg.png) top left no-repeat;
    height: 7px;
    margin-bottom: 20px;
}


#main #middle-content.unde-ne-gasesti{
    margin-right: 10px;
    padding-bottom:20px;
}
#main #middle-content.unde-ne-gasesti .contact-wide-box{
    width:715px;
    height:342px;
    overflow: hidden;
    background: url(img/contact-locatie-box-bg.png) top left no-repeat;   
    margin-bottom: 20px;
    position: relative; 
}
#main #middle-content.unde-ne-gasesti .contact-wide-box h2{
    font-size: 17px;
    color:#014592;
    line-height: 48px;
    padding:0 20px;
    margin: 0;
}
#main #middle-content.unde-ne-gasesti .contact-wide-box .left-content{
    width: 300px;
    margin: 10px 0px 0px 15px;
    height: 275px;
    position: relative;
}
#main #middle-content.unde-ne-gasesti .contact-wide-box .left-content h3{
    font-size: 16px;
    color:#014592;
    margin:5px 0 20px 0;
}
#main #middle-content.unde-ne-gasesti .contact-wide-box .left-content p{
    margin:10px 0;
    font-size: 12px;
}

#main #middle-content.unde-ne-gasesti .contact-wide-box .left-content p.harta-mare-link{
    position: absolute;
    bottom: 10px;
    left:0px;
    width:300px;
    margin: 0;
}

#main #middle-content.unde-ne-gasesti .contact-wide-box .right-content{
    position:absolute;
    width:364px;
    height:259px;
    top: 61px;
    right: 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding:1px 0 0 1px;
}


#main #middle-content.contact{
    margin-right: 10px;
    padding-bottom:20px;
    min-height: 800px;
}

#main #middle-content.contact .top-boxes{
    height:255px;
}

#main #middle-content.contact .contact-small-box{
    width:345px;
    height:252px;
    background: url(img/contact-box-mic-bg.png) top left no-repeat;
    float:left;
    overflow: hidden;
    margin:0 8px;
}

#main #middle-content.contact h2{
    font-size: 17px;
    color:#014592;
    line-height: 48px;
    padding:0 20px;
    margin: 0;
}

#main #middle-content.contact h3{
    font-size: 16px;
    color:#014592;
    margin:5px 15px 15px 15px;
}

#main #middle-content.contact p{
    margin:10px 15px;
    font-size: 12px;
}

#main #middle-content.contact a{
   color:#0CADE3;
   text-decoration: none; 
}

#main #middle-content.contact a:hover{
   text-decoration: underline;
}

#main #middle-content.contact .formular-contact-wide{
    margin: 20px 0;
    background: url(img/contact-formular-wide-bg715.png) top left no-repeat;
    font-size: 11px;
    width: 715px;
    height: 269px;
}

#main #middle-content.contact .formular-contact-wide .left-content,
#main #middle-content.contact .formular-contact-wide .right-content{
    width:240px;
    height:205px;
    float:left;
    margin:10px 0 0 10px;
}

#main #middle-content.contact .formular-contact-wide .right-content{
    width:450px;
    margin-left:0px;
}

#main #middle-content.contact .formular-contact-wide label{
    display:block;
    float:left;
    width:60px;
    height:20px;
    line-height: 20px;
    color: #666666;
}



#main #middle-content.contact .formular-contact-wide input[type="text"]{
    display:block;
    /*float:left;*/
    width:152px;
    height:22px;
    padding:0 10px;
    background: url(img/contact-text-field-bg-sprite.png) top left no-repeat;
    outline: none;
    border: none;
}

#main #middle-content.contact .formular-contact-wide input[type="text"].error{
    background-position: 0px -23px;
}

#main #middle-content.contact .formular-contact-wide input[name="human"]{
    display: none;
}

#main #middle-content.contact .formular-contact-wide .disclaimer{
    margin-top:5px;
}

#main #middle-content.contact .formular-contact-wide .right-content label{
    width:35px;
}

#main #middle-content.contact .formular-contact-wide textarea{
    width:377px;
    height:130px;
    background: url(img/contact-textarea-bg-sprite.png) top left no-repeat;
    border: none;
    outline:none;
    padding: 10px;
    resize: none;
}

#main #middle-content.contact .formular-contact-wide textarea.error{
    background-position: bottom left;
}

#main #middle-content.contact .formular-contact-wide .eroare{
    width:150px;
    height:15px;
    margin-left: 70px;
    color:#cc0000;
    line-height: 13px;
    text-indent: 10px;
    font-size: 10px;
    background: none;
}

#main #middle-content.contact .formular-contact-wide .eroare.activ{
    background: url(img/contact-eroare-bg.png) 0px 2px no-repeat;
}

#main #middle-content.contact .formular-contact-wide .grup-camp-mesaj .eroare{
    margin-left:45px;
}

#main #middle-content.contact .formular-contact-wide input[type="submit"]{
    width:170px;
    height:29px;
    margin:0 0 0 17px;
    padding:0;
    outline: none;
    border:none;
    background: url(img/contact-btn-trimite-mesaj-bg-sprite.png) top left no-repeat;
    line-height: 29px;
    text-indent: 200px;
    overflow: hidden;
    float: left;
}
#main #middle-content.contact .formular-contact-wide input[type="submit"]:hover{
    background-position: bottom left;
}

#main #middle-content.contact .formular-contact-wide .grup-camp-antispam{
    width:245px;
    height: 44px;
    float: left;
}

#main #middle-content.contact .formular-contact-wide .grup-camp-antispam label{
    width:140px;
    line-height: 14px;
}


#main #middle-content.contact .formular-contact-wide .grup-camp-antispam input[type="text"]{
    background: url(img/contact-text-field-spam-bg-sprite.png) top left no-repeat;
    width:23px;
    margin:4px 0 0 5px;
    display:block;
    float:left;    
}


#main #middle-content.contact .formular-contact-wide .grup-camp-antispam input[type="text"].error{
    background-position:bottom left;
}


#main #middle-content.contact .formular-contact-wide .grup-camp-antispam #suma-antispam{
    display:block;
    height:30px;    
    float:left;
    line-height:30px;
    width:35px;
    overflow: hidden;
}
#main #middle-content.contact .formular-contact-wide .grup-camp-antispam .eroare{
    clear: both;
    margin-left: 185px;
}

#main #middle-content.contact .formular-contact-wide p.succes{
    margin: 30px;
    font-size: 17px;
    color: #333;
    text-align: center;
    line-height: 2em;
}

#main #middle-content.oferta-rapida-credit .content{
    background: url(img/oferta-credit-main-bg.png) top left no-repeat;
    width:496px;
    height:495px;
    margin:0 auto;
}
#main #middle-content.oferta-rapida-credit h1{
    margin:0;
    color:#fff;
    font-size: 18px;
    text-align: center;
    padding: 8px;
    text-transform: uppercase;
}
#main #middle-content.oferta-rapida-credit .descr{
    margin:25px;
    color:#104B8C;
    font-size: 17px;
    line-height: 1.2em;
}
#main #middle-content.oferta-rapida-credit form{
    width:365px;
    margin:20px auto;
    font-size: 12px;
    color:#666666;
}

#main #middle-content.oferta-rapida-credit form .fieldset{
    height:35px;
}

#main #middle-content.oferta-rapida-credit form .fieldset.interval-contact{
    margin:10px 0 15px 0;
    height:50px;
}

#main #middle-content.oferta-rapida-credit form label{
    display:block;
    width:95px;
    height:22px;
    float:left;
    
}

#main #middle-content.oferta-rapida-credit form .interval-contact label{
    width:220px;
    height:50px;
}

#main #middle-content.oferta-rapida-credit form input[type="text"]{
    width: 238px;
    height:22px;
    padding:0 10px;
    background: url(img/oferta-rapida-text-field-bg-sprite.png) top left no-repeat;
    border:none;
    outline: none;
}

#main #middle-content.oferta-rapida-credit form input[type="text"].error{
    background-position: bottom left;
}

#main #middle-content.oferta-rapida-credit form input[name="human"]{
    display: none;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita input[type="text"]{
    width:164px;
    background: url(img/oferta-rapida-text-field-small-bg-sprite.png) top left no-repeat;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita input[type="text"].error{
    background-position: bottom left;
}

#main #middle-content.oferta-rapida-credit form textarea[name="observatii"]{
    width:238px;
    height:77px;
    padding: 10px;
    background: url(img/oferta-rapida-textarea-bg.png) top left no-repeat;
    border:0px;
    outline:0px;
    resize: none;
}

#main #middle-content.oferta-rapida-credit form .fieldset.observatii{
    height:100px;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni{
    position:relative;
    width:62px;
    height:22px;
    float:right;
    margin-right:12px;
    z-index: 1;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-usd,
#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-euro{
    width:31px;
    height:22px;
    position:absolute;
    top:0px;
    left:0px;
    background: url(img/box-oferta-rapida-moneda-sprite-bg.png) top left no-repeat;
    z-index: 1;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-euro:hover,
#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-euro.selected{
    background-position:bottom left;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-usd:hover,
#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-usd.selected{
    background-position:bottom right;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni .moneda-usd{
    background-position:top right;
    right: 0px;
    left:auto;
}

#main #middle-content.oferta-rapida-credit form .suma-dorita .monede-optiuni input[type="radio"]{
    visibility: hidden;
}

#main #middle-content.oferta-rapida-credit form select{
    width:260px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color:#999999;
}

#main #middle-content.oferta-rapida-credit form input[type="submit"]{
    width:194px;
    height:29px;
    display: block;
    margin:10px auto;
    line-height: 28px;
    overflow: hidden;
    text-indent: 200px;
    border:none;
    outline: none;
    background: url(img/oferta-rapida-submit-bg-sprite.png) top left no-repeat;
}

#main #middle-content.oferta-rapida-credit form input[type="submit"]:hover{
    background-position:bottom left;
}

#main #middle-content.oferta-rapida-credit form .fieldset .eroare{
    margin-left: 100px;
    font-size: 11px;
    color: #C00;
    line-height: 11px;
    text-indent: 15px;
}

#main #middle-content.oferta-rapida-credit form .fieldset.judet .eroare{
    float:left;
}

#main #middle-content.oferta-rapida-credit form .fieldset .eroare.activ{
    background: url(img/contact-eroare-bg.png) 0px 2px no-repeat;
}

#main #middle-content.oferta-rapida-credit .succes{
    text-align: center;
    font-size: 17px;
    line-height: 1.4em;
    margin: 190px 0;
}

#main #middle-content.documente{}

#main #middle-content.interior.documente h2{
    margin: 0 0 20px 0;
    color: #104B8D;
    background: url(img/h1-bg-produsele-verida.png) no-repeat left top;
    font-size: 15px;
    width: 226px;
    height: 30px;
    line-height: 30px;
    text-indent: 45px;
}

#main #middle-content.interior.documente h1{
    line-height: 43px;    
}

#main #middle-content.documente .expandable-content{
    margin-bottom: 20px;
    padding: 0;
}

#main #middle-content.documente .expandable-content .side-borders-content{
    padding:2px;
    width: 494px;
}

#main #middle-content.documente .lista-docs{
    margin:5px auto;
    width: 100%;    
}

#main #middle-content.interior.documente .lista-docs li{
    background: none;
    padding:15px 20px;
    border-bottom: 1px solid #F1F1F1;
    margin:0;
}

#main #middle-content.interior.documente .lista-docs li.last{
    border-bottom: none;
}

#main #middle-content.documente .lista-docs li:hover{
    background: #F1F1F1;
}

#main #middle-content.documente .titlu-doc{
    color:#014592;
    font-size: 15px;
}

#main #middle-content.documente .download-doc .titlu-doc-down{
    font-weight: bold;
}

#main #middle-content.documente .descriere-doc{
    padding: 0px 25px;
}

#main #middle-content.documente .download-doc{
    display: block;
    background:url(img/gt-bull3.png) 0px 0px no-repeat;
    text-indent: 20px;
    height:20px;
    width: 100%;
    text-decoration: none;
    line-height: 16px;
}

#main #middle-content.documente .download-doc:hover{
    text-decoration: underline;
}

#main #middle-content.documente .file-size{
    
}

#main #middle-content.documente .file-extension{
    text-transform: uppercase;
}


#main #middle-content.oferta-rapida-credit.calculator-ipotecar{}
#main #middle-content.oferta-rapida-credit.calculator-ipotecar .descr{
    margin-top:10px;
}
#main #middle-content.oferta-rapida-credit.calculator-ipotecar form{
    width: 314px;
    margin-bottom: 0px;
}
#main #middle-content.oferta-rapida-credit.calculator-ipotecar label{
    width:135px;
}
#main #middle-content.oferta-rapida-credit.calculator-ipotecar input[type="text"]{
    background:url(img/calculator-ipotecar-text-input-bg-sprite.png) top left no-repeat;
    width:148px;
}

#main #middle-content.oferta-rapida-credit.calculator-ipotecar select{
    width: 170px;
}

#main #middle-content.oferta-rapida-credit.calculator-ipotecar .rezultat-box{
    width:314px;
    height: 100px;
    background: url(img/calculator-ipotecar-rezultat-box-bg.png) top left no-repeat;
    margin:10px auto;
    font-size: 12px;
    color:#666666;
    padding-top: 1px;
}


#main #middle-content.oferta-rapida-credit.calculator-ipotecar .rezultat-box ul{
    margin:10px;
}


#main #middle-content.oferta-rapida-credit.calculator-ipotecar .rezultat-box li{
    line-height: 20px;
}

#main #middle-content.oferta-rapida-credit.calculator-ipotecar input[type="submit"]{
    background: url(img/calculator-ipotecar-trimite-btn.png) top left no-repeat;
    padding: 0;
    width: 176px;
    margin-top:5px;
}


#main #middle-content.oferta-rapida-credit .content{
    background: none;
    height: auto;
}
#main #middle-content.oferta-rapida-credit .content .top-content{
    background: url(img/oferta-credit-main-bg.png) top left no-repeat;
    height: 60px;
}
#main #middle-content.oferta-rapida-credit .content .bottom-content{
    background: url(img/oferta-credit-main-bg.png) bottom left no-repeat;
    height:7px;
}

#main #middle-content.oferta-rapida-credit .content .side-borders-content{
    width:494px;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    background:#fff;
    padding:1px 0 1px 0;
}

#main #middle-content.oferta-rapida-credit.calculator-ipotecar .content .disclaimer{
    margin:10px 30px 0 30px;
    color: #666;
    font-size: 12px;
}

#main #middle-content.testimoniale .testi{
	margin:20px 15px;
	background: url(img/testi-open-quote.png) top left no-repeat;
    padding-top: 2px; 
    text-indent: 20px;
}

#main #middle-content.testimoniale .tes-content{
	background: url(img/testi-close-quote.png) bottom right no-repeat;
}

#main #middle-content.testimoniale .tes-meta{
	margin-top:10px;
    padding-right: 10px;
    text-indent: 0;
    font-weight: bold;
	color: #999;
	text-align:right;
}

#main #middle-content.aparitii-in-presa{
    margin-right: 5px; 
}
#main #middle-content.aparitii-in-presa .expandable-content{
    background: none;
    width:713px;
    padding-top:0;
}

/* Articol */
#main #middle-content.aparitii-in-presa .expandable-content h2.articol{
	font-size:18px;margin:10px;
}
.articol-holder{margin:0 10px;padding-bottom:10px;}
.articol-holder img{width:100%;}
span.articol-date{margin-left:10px;color:#aaa;font-size:11px;}

.aparitii-in-presa .articol-autor-pic{
    float:right;
    width:200px;
    height:260px;
    margin:0 0 10px 15px;
}
/* Articol */

#main #middle-content.aparitii-in-presa .expandable-content h1{
    line-height: 44px;
}

#main #middle-content.aparitii-in-presa .expandable-content .expandable-top{
    background:url(img/aparitii-in-presa-middle-wide-bg-top-bottom.png) top left no-repeat; 
    height:61px;
}
#main #middle-content.aparitii-in-presa .expandable-content .side-borders-content{
    width: 705px;
    padding: 1px 3px;
}
#main #middle-content.aparitii-in-presa .expandable-content .expandable-bottom{
    background:url(img/aparitii-in-presa-middle-wide-bg-top-bottom.png) bottom left no-repeat; 
    height:8px;
    width:713px;
}

#main #middle-content.aparitii-in-presa #lista-aparitii{
    margin:0;
    border-top: 1px solid #f1f1f1; 
}

#main #middle-content.aparitii-in-presa #lista-aparitii li{
    background-position: 10px 15px;
    border-bottom: 1px solid #f1f1f1;
    margin: 0; 
}

#main #middle-content.aparitii-in-presa #lista-aparitii li:hover{
    background-color:#f1f1f1;
}

#main #middle-content.aparitii-in-presa #lista-aparitii li a{
    color:#333;
    padding:15px 10px 15px 10px;
    display: block;
}

#main #middle-content.aparitii-in-presa #lista-aparitii li a:hover{
    text-decoration: none;
}

#main #middle-content.aparitii-in-presa #lista-aparitii li a .titlu{
    color: #333;
}

#main #middle-content.aparitii-in-presa #lista-aparitii li a .sursa{
    color: #014592;
}
#main #middle-content.aparitii-in-presa #lista-aparitii li a .meta{
    color:#2294D4;
    margin-top: 5px;
}

.intrebari-frecvente #main #middle-content .intrebare{
    cursor: pointer;
}

.intrebari-frecvente #main #middle-content .intrebare:hover{
    color:#2294D4;
}


#main #middle-content.oferta-rapida-credit.calculator-ipotecar form .fieldset .eroare{ 
    margin-left:138px;
}
/*****************************************************************/


.sidebar-box{
    width:200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
    position:relative;    
    margin-bottom:20px;
    overflow: hidden;
}

.sidebar-box h4{
    text-transform:uppercase;
    font-size:17px;
    margin:6px 0 0 0;
    text-align: center;
    letter-spacing: 0px;
    font-weight: normal;
    font-family: StradaOT-CondBold, Arial;
}

#calculator-ipotecar-box{
    background:url(img/box-calculator-bg-sprite.png) top left no-repeat;
    height:155px;
}

#calculator-ipotecar-box:hover{
    background-position:bottom left;    
}

#calculator-ipotecar-box .link-calculator{
    display:block;
    width:125px;
    height: 41px;
    background:url(img/calculeaza-creditul-btn.png) no-repeat top left;
    line-height: 41px;
    text-indent: 130px;
    overflow: hidden;
    position:absolute;
    top:60px;
    left:10px;
}

#calculator-ipotecar-box .description{
    width:190px;
    height:30px;
    position:absolute;
    top:110px;
    left:6px;
    line-height:1.3em;
    font-size: 12px;
    margin: 0px;
}


#documente-utile-box{
    height:174px;
    background: url(img/box-documente-utile-bg-sprite.png) top left no-repeat;
}

#documente-utile-box:hover{
    background-position:0px -175px;
}

#documente-utile-box ul{
    margin: 30px 65px 0 10px;
}

#documente-utile-box ul li{
    font-size: 13px;
    list-style: inside;
}

#documente-utile-box ul li a{
    color:#fff;
    text-decoration: none;
}

#documente-utile-box ul li a:hover{
    text-decoration: underline;
}

#documente-utile-box .link-descarca-documente{
    display: block;
    height:35px;
    width:200px;
    position:absolute;
    bottom:0px;
    left:0px;
    line-height:35px;
    font-size:13px;
    text-align: center;
    text-decoration: none;
    color:#fff;
    font-weight: bold;
}

#documente-utile-box p{
    margin: 35px 55px 0 5px;
    font-size: 12px;
}

#info-financiar-box{
    height:255px;
    background:url(img/box-info-financiar-bg.png?new) top left no-repeat;
}

#info-financiar-box h4{
    margin-bottom:30px;
}

#info-financiar-box table{
    background:url(img/box-info-financiar-tabel-bg.png) top left no-repeat;
    width:192px;
    height:65px;
    margin:9px auto 0 auto;
    color:#666666;
    font-size:11px;
}

#info-financiar-box #robor{
    margin-top:3px;
}

#info-financiar-box table td{
    padding:0;
    width: 37px;
    position:relative;
}
#info-financiar-box table tr.header td{
    padding:1px 4px 0px 4px;
    height:25px;
    font-size:12px;
}

#info-financiar-box table tr.header td.arrow-down{
    background:url(img/info-financiar-arrow-down.png) right top no-repeat;
    padding-right: 15px;
}
#info-financiar-box table tr.header td.arrow-up{
    background:url(img/info-financiar-arrow-up.png) right top no-repeat;
    padding-right: 15px;
}

#info-financiar-box table tr.header td img{
    margin:-3px 0 0 5px;
    float:right;
    clear: none;
}

#info-financiar-box table.euribor{
    height:20px;
    background:url(img/box-info-financiar-euribor-bg.png) top left no-repeat;
}

#info-financiar-box table.euribor{
}

#info-financiar-box table.euribor tr.header td{
    width:auto;
    height:15px;
}

.bold{
    font-weight: bold;
}

.right{
    text-align: right;
}

.center{
    text-align: center;
}


#oferta-rapida-box{
    background:url(img/box-oferta-rapida-bg.png) top left no-repeat;
    height:371px;
}

#oferta-rapida-box form{
    margin:30px auto 0 auto; 
}


#oferta-rapida-box form input[type="text"]{
    background:url(img/box-oferta-rapida-text-field-bg.png) top left no-repeat;
    width:158px;
    height: 16px;
    border:none;
    outline: none;
    font-size:12px;
    line-height:22px;
    padding:3px 10px;
    margin:0 auto 10px auto;
    display:block;
}



#oferta-rapida-box form .judete-list{
    width:178px;
    height:22px;
    position:relative;
    margin:0 auto 10px auto;
    z-index: 3;
}

#oferta-rapida-box form .judete-list .judet-selectat{
    color:#999;
    font-size:12px;
    margin-left:10px;
}

#oferta-rapida-box form .judete-list select{
    width:100%;
    border:none;
    z-index: 3;
}

#oferta-rapida-box form .suma-dorita{
    width:178px;
    margin:0 auto 10px auto;
    height: 22px;
    position: relative;
    padding:0;
    z-index: 1;
}

#oferta-rapida-box form .suma-dorita input[type="text"]{
    background:url(img/box-oferta-rapida-text-field-mic-bg.png) top left no-repeat;
    width: 84px;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
}

#oferta-rapida-box form input[name="human"]{
    display: none !important;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni{
    position:relative;
    width:62px;
    height:22px;
    float:right;
    margin-left:12px;
    z-index: 1;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-usd,
#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-euro{
    width:31px;
    height:22px;
    position:absolute;
    top:0px;
    left:0px;
    background: url(img/box-oferta-rapida-moneda-sprite-bg.png) top left no-repeat;
    z-index: 1;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-euro:hover,
#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-euro.selected{
    background-position:bottom left;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-usd:hover,
#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-usd.selected{
    background-position:bottom right;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni .moneda-usd{
    background-position:top right;
    right: 0px;
    left:auto;
}

#oferta-rapida-box form .suma-dorita .monede-optiuni input[type="radio"]{
    visibility: hidden;
}

#oferta-rapida-box form .interval-contact{
    width:178px;
    height: 74px;
    overflow:hidden;
    margin:18px auto 8px auto;
    color:#666666;
    font-size: 10px;
    line-height:1.2em;
}

.lt-ie8 #oferta-rapida-box form .interval-contact{
    margin-bottom:2px;
}

#oferta-rapida-box form .interval-contact p{
    margin:0 0 5px 0;
}

#oferta-rapida-box form .interval-contact div{
    line-height: 12px;
    clear: both;
    height: 15px;
}
#oferta-rapida-box form .interval-contact div input{
    margin-right:5px;
}

#oferta-rapida-box form .interval-contact div input,
#oferta-rapida-box form .interval-contact div span{
    display:block;
    height:12px;
    float: left;
}

#oferta-rapida-box form input[type="submit"]{
    display: block;
    width:200px;
    height:30px;
    background:url(img/btn-trimite-sprite.png) top left no-repeat;
    overflow:hidden;
    text-indent:250px;
    line-height: 30px;
    outline: none;
    border: none;
}
#oferta-rapida-box form input[type="submit"]:hover{
    background-position:bottom left;
}


#articole-utile-box{
    background:url(img/box-articole-utile-homepage.png) top left no-repeat;
    height:237px;
    overflow:hidden;
    font-size: 12px;
    line-height:1.2em;
    
}

#articole-utile-box.interior{
    height:300px;
    background:url(img/box-articole-utile-interior.png) top left no-repeat;
}

#articole-utile-box ul{
    margin:35px 10px 0 10px;    
    color:#666666;
}
#articole-utile-box ul li{}

#articole-utile-box.interior ul li{
    margin-bottom:16px;
}

#articole-utile-box ul li .data-art{
    background:url(img/gt-bull.png) 0px 0px no-repeat;
    padding-left: 20px;
    height: 14px;
}
#articole-utile-box ul li .titlu-art{
    margin:5px 0 13px 5px;
    line-height: 1.1em;
    font-size: 11px;
}

#articole-utile-box ul li .titlu-art a{
    text-decoration: none;
    color:#299DDD;
   
}

#articole-utile-box ul li .titlu-art a:hover{
    text-decoration: underline;
}


#credite-box{
    background:url(img/credite-box-bg.png) no-repeat left top;
    height:240px;
}

#credite-box ul{
    width:191px;
    margin:17px auto 0 auto;
}

#credite-box .nume-produs{
    text-decoration:none;
    color: #666666;
    background:url(img/credite-box-btn-bg-sprite.png) no-repeat 0px -3px;
    width:181px;
    height:34px;
    line-height:34px;
    font-size: 12px;
    display: block;
    text-indent: 24px;
    padding-right:10px;
}

#credite-box .nume-produs:hover{
    color:#00ACED;
    background-position: 0px -40px;
}

#credite-box .selected .nume-produs{
    background-position: 0px -75px;
    color:#fff;
}

#credite-box .selected .nume-produs:hover{}


#credite-box .nume-produs.extended{
    background:url(img/credite-box-btn-extended-bg-sprite.png) no-repeat 0px -4px;
    height:37px;
    line-height: 14px;
    padding-top:8px;
    padding-left:24px;
    width: 157px;
    text-indent: 0;
}

#credite-box .nume-produs.extended:hover{
    background-position: 0px -50px;
}


#credite-box .selected .nume-produs.extended{
    background-position: 0px -97px;
}

#credite-box .selected .nume-produs.extended:hover{}

#credite-box.variable-height{
    background: none;
    height: auto;
}

#credite-box.variable-height .box-top,
#credite-box.variable-height .box-bottom{
    background:url(img/credite-box-bg.png) no-repeat left top;
    height:50px;
    padding-top:1px;
}

#credite-box.variable-height .box-bottom{
    background-position: bottom left;
    height:10px;
}

#credite-box.variable-height .box-middle{
    background:#fff;
    width:198px;
    margin:0 auto;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

#credite-box.variable-height .box-middle ul{
    margin-top:0;
}

#oferta-rapida-mini-box{
    background:url(img/box-oferta-rapida-credite-bg.png) no-repeat left top;
    height:120px;
}

#oferta-rapida-mini-box #aplica-acum-btn{
    width:100%;
    position:absolute;
    top:83px;
    left: 0px;
    display: block;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

#credite-box.variable-height ul{
    background: #fff;
}

#testimoniale-box .box-top{
    background:url(img/box-simplu-top2.png) top left no-repeat;
    height:59px;
    padding-top:1px;
}

#testimoniale-box .box-middle{
    color:#333333;
    background:#fff;
    width:198px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    font-size: 11px;
    padding-bottom: 15px;
}

#testimoniale-box .box-middle ul{
    margin:0px 15px;
}

#testimoniale-box .box-middle ul li{
    margin-bottom:15px;
    text-align: justify;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#testimoniale-box .box-middle ul li.last{
    margin:0;
    border:none;
    padding: 0;
}

#testimoniale-box .box-middle ul li .testi-top{
    background: url(img/testi-open-quote.png) top left no-repeat;
    padding-top:2px;
    text-indent: 20px;
}

#testimoniale-box .box-middle ul li .testi-bottom{
    background: url(img/testi-close-quote.png) bottom right no-repeat;
    margin-top:5px;
    padding-right: 20px;
}

#testimoniale-box .box-middle ul li .testi-bottom .testi-meta{
    font-weight: bold;
    color: #999999;
}


#testimoniale-box .box-bottom{
    background: url(img/box-simplu-bottom.png) top left no-repeat;
    height:6px;
}
#testimoniale-box{}
#testimoniale-box{}
#testimoniale-box{}

/*****************************************************************/

#footer-holder{
    width:100%;
    min-width:960px;
    height:207px;
    background: url(img/bottom-footer-bg.jpg) top center repeat-x;
}

#footer-holder footer{
    position:relative;
    height: 207px;
}

#footer-holder footer #footer-left-side{
    width:250px;
    position:absolute;
    top:30px;
    left:215px; 
}

#footer-holder footer #footer-left-side a{
    font-size: 12px;
    color:#333;
    text-decoration: none;
}

#footer-holder footer #footer-left-side a:hover{
    text-decoration: underline;
}

#footer-holder footer #footer-left-side #footer-disclaimer{
    font-size: 10px;
    line-height: 1.2em;
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
    padding:8px 3px;
}

#footer-holder footer #footer-despre-noi{
    width:95px;
    height:140px;
    position:relative;
    top:17px;
    left:560px;
    font-size: 13px;
    line-height: 1.4em;
}

#footer-holder footer h4{
    border-bottom:1px dotted #333;
    border-top:1px dotted #333;
    margin:0 0 10px 0;
    padding:4px 0;
    font-weight: normal;
    font-size: 14px;
}

#footer-holder footer ul li{
    padding:1px 0;
}

#footer-holder footer ul li a{
    color: #333;
    text-decoration: none;
}

#footer-holder footer ul li a:hover{
    text-decoration: underline;
}

#footer-holder footer #footer-produse{
    height:140px;
    width:235px;
    position:absolute;
    top:17px;
    left:690px;
    font-size: 13px;
    line-height: 1.4em;
}

#footer-holder footer #footer-copyright{
    position:absolute;
    bottom:6px;
    left:20px;
    width:300px;
    height:30px;
    font-size: 14px;
    color:#333;
}

#footer-holder footer #developed-by{
    display:block;
    width:113px;
    height:32px;
    position:absolute;
    bottom:11px;
    right:30px;
    background: url(img/developed-by-logo.png) top left no-repeat;
    overflow: hidden;
    line-height: 32px;
    text-indent: 200px;
}


.eroare-general {color:#CC0000; font-size:12px; text-align:center;}


/****************************************************************************/

.lt-ie8 .jquery-selectbox {
    width: 181px;
}

.jquery-selectbox {
    position: relative;
    height: 22px;
    width: 178px;
    z-index: 3;
    float: left;
    display: inline;
    font-size: 12px;
    color: #333;
    padding: 0;
    background: url(img/box-oferta-rapida-select-bg.png) top left no-repeat;
}

#middle-content.oferta-rapida-credit .jquery-selectbox {
    width: 260px;
    background: url(img/oferta-rapida-select-bg.png) top left no-repeat;
}

#middle-content.oferta-rapida-credit .error .jquery-selectbox {
    background-position:bottom left;
}

#middle-content.oferta-rapida-credit.calculator-ipotecar .jquery-selectbox{
    width:170px;
    background: url(img/calculator-ipotecar-select-bg-sprite.png) top left no-repeat;
}
    
.jquery-selectbox.selecthover {
    border-color: #9F7627;
    background-color: #FFFCDF;
    z-index: 700;
}  
.jquery-selectbox .jquery-selectbox-currentItem {
    height:22px;
    line-height:22px;
    text-indent:10px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 16px;
    padding: 2px;
    left: 0px;
    background: #fff;
    width: 100px;
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    border: 1px solid #999;
}

#main #middle-content.calculator-ipotecar .jquery-selectbox .jquery-selectbox-list {
    left: 0px;
    height: 80px !important;
    width: 230px !important;
}


.jquery-selectbox .jquery-selectbox-moreButton {  
    float: right;
    width: 23px;
    height: 20px;
    cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
    background: #299DDD;
    color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: default;
}

/** ERROR classes **/
form .error .jquery-selectbox {
    color: #d00;
    border-color: #d00;
}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}