@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {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:'';}
abbr,acronym {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}

/* IQON */
body {font-family: arial; font-size: 12px; line-height: 16px; color: #4c4c4c}
#line {position: absolute; width: 100%; height: 1px; background-color: #fbc100; top: 163px}
.line-homepage {top: 501px !important;}

#wrapper {width: 960px; margin: auto auto;}
#header {width: 960px; height: 120px; position: relative;}
#logo {position: absolute; top: 16px; left: 0px;}
#language-selector {position: absolute; bottom: 0px; right: 0px; height: 20px; width: 530px; background-color: #c2c2c2; display: none;}
#menu {width: 960px; height: 40px; position: relative; background-color: #fbc100; background-image: url('/wp-content/themes/iqon/images/bg-menu.png'); background-repeat: no-repeat; background-position: top left; }
#menu a {display: block; height: 40px; line-height: 40px; float: left; padding: 0px 30px; font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 15px; color: #000000; text-decoration: none;}
#menu a:hover, #menu a.active {background-image: url('/wp-content/themes/iqon/images/bg-menu-active.png'); background-repeat: repeat-x; background-position: top left;}
#header-image-home {width: 960px; height: 335px; margin-top: 3px;}
#header-image {width: 960px; height: 190px; margin-top: 10px;}
#menu-services {margin-top: 12px;}
#menu-services a {display: block; float: left; width: 160px; height: 93px; background-color: #e5e5e5; margin-left: 10px; background-image: url('/wp-content/themes/iqon/images/submeniu-inactive.png'); background-repeat: no-repeat; background-position: top left; font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 20px; color: #000000; text-decoration: none; padding: 15px 10px 0px 10px; line-height: 20px;}
#menu-services a:hover, #menu-services a.active {background-color: #fbc100; margin-left: 10px; background-image: url('/wp-content/themes/iqon/images/submeniu-active.png'); background-repeat: no-repeat; background-position: top left; }
#linie-interior {width: 100%; height: 1px; background-color: #fbc100;}
#content {padding: 0px 10px; margin: 30px 0px; position: relative;}
#content p {padding: 7px 0px;}
#content h1 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 23px; color: #000000; line-height: 26px; margin-bottom: 15px;}
#content h1 a {color: #000000;}
#content h2 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 16px; color: #000000; line-height: 20px; margin-bottom: 30px;}
.contentleft {float: left; width: 240px; position: relative;}
.contentleft a {font-family: arial; text-decoration: none; color: #4c4c4c; line-height: 16px; height: 20px;}
.contentleft a.active {font-weight: bold; color: black;}
.submeniu {margin-bottom:10px;}
.submeniuLeft {float:left; width:16px;}
.submeniuRight {float:left; width:200px;margin-top:2px;}
.contentright {float: right; width: 700px;}
.contentright ul { list-style-image:url('/wp-content/themes/iqon/images/icon-arrow.png') !important;list-style-position:outside; }
.contentright ol { list-style-type:decimal !important;list-style-position:outside; }
.contentright ul, ol {margin:0 0 15px 25px;}
.contentright li {margin-bottom:4px;}
.contentright strong {color:#000;}
.clear {clear: both;}

.homeleft {float: left}
.homeright {float: right; width: 700px;}
#content-footer {padding: 0px 30px; margin: 40px 0px; position: relative;}
#content-footer div.cf {float: left; width: 279px; border-right: 1px solid #b2b2b2; margin-right: 20px; position: relative; min-height: 160px;}
#content-footer div.cf h3 {font-family: 'HelveticaNeueLTPro45LtRegular'; font-size: 18px; color: #000000; text-decoration: none; margin-bottom: 20px;}
#content-footer div.cf a {font-family: arial; text-decoration: none; color: #4c4c4c; line-height: 20px; height: 20px;}
#content-footer-bottom {padding: 0px 10px; margin: 35px 0px; position: relative;font-family: arial; font-size: 11px; line-height: 18px; color: #444444}
#content-footer-bottom a {font-family: arial; font-size: 11px; line-height: 18px; color: #444444}
#logo-bottom {position: absolute; right: 0px; top: 0px;}
.iconite-contact {position: absolute; bottom: -10px; left: -2px;}
#breadcrumb {width: 950px; height: 27px; padding-left: 10px; padding-top: 3px}
#breadcrumb a {text-decoration: none; line-height: 30px; color: #4c4c4c}
#linie-punctata {line-height: 1px; height: 1px; border-top: 1px dotted black; width: 200px; margin: 5px 0px}

#download_brosura {display: block; margin-top: 35px; margin-left: 10px;}
.container_imagine {border: 5px solid #cccccc; padding: 1px; width: 208px; height: 142px;}
#content p {font-family: arial; font-size: 12px; line-height: 16px; color: #4c4c4c}
h2 a {text-decoration: none; color: black;}
.caseStudyRow h2 {margin-bottom: 15px!important}
.caseStudyRow {margin-bottom: 40px; position: relative;}
.readCaseStudy {position: absolute; bottom: 0px; left: 240px;}
.imagine_study_interior {float: right; margin-left: 20px; margin-bottom: 20px;}
.timp {position: absolute; top: -52px; right: 10px;}
h1.single {font-size: 32px!important; line-height: 34px!important; margin-bottom: 40px!important}
h2.single {color: #4c4c4c!important;}
.download_case_file {width: 960px; height: 50px; background-color: #ededed; margin-bottom: 20px; font-size: 14px; font-style: italic; color: black; line-height: 50px;}
.download_case_file .link {margin-left: 10px; margin-top: 10px; float: left; width: 200px;}
.disclaimer {font-size: 10px; font-style: italic; margin-top: 50px; line-height: 12px;}
.rowInput {float: left; width: 350px; margin-bottom: 25px;}
.rowInput label, .rowTextarea label {display: block; font-style: italic}
.rowInput input {border: 0px; margin: 0px; height: 30px; width: 320px; border: 1px solid #dcdcdc; background-color: #ececee; color: black;}
.rowTextarea textarea {border: 0px; margin: 0px; height: 210px; width: 670px; border: 1px solid #dcdcdc; background-color: #ececee; color: black;margin-bottom: 25px;}
.submitMessage {border: 0px; margin: 0px;background-image: url('/wp-content/themes/iqon/images/send_message.png');background-repeat: no-repeat; width: 140px; height: 30px; margin-top: 0px; cursor: pointer}
#search {position: absolute; right: 0px; top: 28px;}
#search input {border: 0px; margin: 0px; background-color: white; border: 1px solid #feaf31; height: 25px; font-size: 11px; padding: 0px 10px}

.noborder {border: 0px !important}
.lineheight14 {line-height: 14px !important}
.fontsize20 {font-size: 20px!important}
.marginbottom20 {margin-bottom: 20px!important}
.margintop10 {margin-top:10px!important}
.margintop40 {margin-top:40px!important}
.floatleft {float: left;}
.marginright20 {margin-right: 20px;}
.notCompleted {color: red!important}

html {-webkit-text-size-adjust: 100%;}
img, iframe {max-width: 100%;}
.skip-link {
    position: absolute;
    left: -999px;
    top: 8px;
    z-index: 100000;
    background: #fbc100;
    color: #000;
    padding: 8px 12px;
}
.skip-link:focus {left: 8px;}
a:focus, input:focus, textarea:focus {
    outline: 2px solid #fbc100;
    outline-offset: 2px;
}

@media (max-width: 980px) {
    body {min-width: 0;}
    #wrapper, #header, #menu, #header-image-home, #header-image, #breadcrumb, .download_case_file {
        width: auto;
        max-width: 960px;
    }
    #wrapper {margin: 0 12px;}
    #header {height: auto; min-height: 112px;}
    #search {position: static; float: right; margin: 28px 0 12px;}
    #flags_language_selector {clear: both;}
    #menu {height: auto; overflow: hidden; background-repeat: repeat-x;}
    #menu a {padding: 0 16px;}
    #header-image-home, #header-image {height: auto;}
    #header-image-home img, #header-image img {width: 100%; height: auto;}
    #menu-services a {width: 27%; margin-bottom: 10px;}
    .contentleft, .contentright, .homeleft, .homeright {
        float: none;
        width: auto;
    }
    .contentright {margin-top: 20px;}
    #content-footer {padding: 0; margin: 30px 0;}
    #content-footer div.cf {
        width: 30%;
        margin-right: 3%;
    }
    .download_case_file {height: auto; line-height: 20px; padding: 12px 0;}
    .download_case_file .link {float: none; width: auto;}
    .rowInput {width: 48%;}
    .rowInput input {width: 90%;}
    .rowTextarea textarea {width: 96%;}
}

@media (max-width: 640px) {
    #line {display: none;}
    #wrapper {margin: 0 10px;}
    #logo, #search {
        position: static;
        float: none;
    }
    #logo {padding-top: 16px;}
    #search input[type="text"] {width: 68%;}
    #menu a {
        float: none;
        height: 36px;
        line-height: 36px;
        padding: 0 12px;
        border-bottom: 1px solid rgba(0,0,0,.12);
    }
    #menu-services a {
        float: none;
        width: auto;
        margin-left: 0;
    }
    #content {padding: 0; margin: 22px 0;}
    #breadcrumb {height: auto; line-height: 18px; padding: 8px 0;}
    .rowInput, .rowTextarea {float: none; width: auto!important;}
    .rowInput input, .rowTextarea textarea {width: 96%!important;}
    #content-footer div.cf {
        float: none;
        width: auto;
        border-right: 0;
        border-bottom: 1px solid #b2b2b2;
        margin: 0 0 20px;
        padding-bottom: 20px;
        min-height: 0;
    }
    #content-footer div.cf.noborder {border-bottom: 0;}
    #content-footer-bottom {padding: 0 0 70px;}
    #logo-bottom {left: 0; right: auto; top: auto; bottom: 0;}
}
