/*-----------------------------------------------------------------------------------*/
/* CSS Reset & Clearfix
/*-----------------------------------------------------------------------------------*/

* {
    outline-color:-moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}
html {
    height: 100%;
    width: 100%;
}
body {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    border:0;
}
img {
    border: none;
}
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}
p {
    margin: 0;
    padding: 0;
}
.clearfix {
    clear: both;
    overflow: hidden;
    display: block;
    height: 0;
}

/*-----------------------------------------------------------------------------------*/
/* Document Setup
/*-----------------------------------------------------------------------------------*/

body {
    background: #ffffff url(../images/body-bg.png);
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 13px;
    color: #222222;
}
.wrap {
    width: 940px;
    margin: 0 auto;
}
a {
    color: #ea412b;
    text-decoration: none;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------------------------------*/

.top {
    background: #323232 url(../images/top-bg.png);
    height: 4px;
}
.top-phone {
    background-color: #ea412b;
    border-bottom: 1px solid #ee6755; 
    height: 29px;
}
.top-phone div {
    color: #ffffff;
    padding: 6px 0 0 20px;
}
.container {
    background: transparent url(../images/container-img.png) top center no-repeat;
}
.homepage-container {
    background: transparent url(../images/homepage-banner.png) top center no-repeat;
}
.about-us-container {
    background: transparent url(../images/about-us-banner.png) top center no-repeat;
}
.services-container {
    background: transparent url(../images/services-banner.png) top center no-repeat;
}
.energy-container {
    background: transparent url(../images/energy-banner.png) top center no-repeat;
}
.pram-container {
    background: transparent url(../images/pram-banner.png) top center no-repeat;
}
.electric-install-container {
    background: transparent url(../images/electric-install-banner.png) top center no-repeat;
}
.automat-container {
    background: transparent url(../images/automat-banner.png) top center no-repeat;
}
.sanitary-install-container {
    background: transparent url(../images/sanitary-install-banner.png) top center no-repeat;
}
.licences-container {
    background: transparent url(../images/licences-banner.png) top center no-repeat;
}
.cariera-container {
    background: transparent url(../images/cariera-banner.png) top center no-repeat;
}
.faqs-container {
    background: transparent url(../images/faqs-banner.png) top center no-repeat;
}
.contact-container {
    background: transparent url(../images/contact-banner.png) top center no-repeat;
}
#header {
    background: #dfdfdd url(../images/header-bg.png) repeat-x;
    height: 110px;
}
#logo {
    float: left;
    padding: 18px 0 0 20px;
}
#logo a {
    display: block;
    width: 184px;
    height: 67px;
}

/*-----------------------------------------------------------------------------------*/
/* Navigation menu
/*-----------------------------------------------------------------------------------*/

#nav {
    float: right;
    padding: 50px 13px 0 0;
}
#nav ul li {
    float: left;
    position: relative;
    padding: 0 7px 0 7px;
    border-right: 1px solid #c1c1c1;
}
#nav ul li.last {
    border-right: 0 none;
}
#nav ul li a {
    color: #222222;
    font-size: 13px;
}
#nav ul li a:hover {
    color: #ea412b;
    text-decoration: none;
}
#nav ul li ul {
    background: #323232 url(../images/top-bg.png);
    display: none;
    padding: 10px 0;
    position: absolute;
    z-index: 1000;
 
    -webkit-box-shadow: 0 1px 2px #000000;
    -moz-box-shadow: 0 1px 2px #000000;
    -o-box-shadow: 0 1px 2px #000000;
    box-shadow: 0 1px 2px #000000;
}
#nav ul li ul li {
    float: none;
    border: 0 none;
}
#nav ul li ul li a {
    display: block;
    padding: 0 10px;
    line-height: 30px;
    color: #ffffff;
}
#nav ul li ul li a:hover {
    padding-left: 20px;
    color: #ee6755;
}
#nav ul li ul.about-us {
    width: 150px;
}
#nav ul li ul.services {
    width: 220px;
}

/*-----------------------------------------------------------------------------------*/
/* Content
/*-----------------------------------------------------------------------------------*/

#content {
    padding: 178px 0 20px 0;
}
div.sections ul li {
    float: left;
    width: 172px;
    margin-left: 20px;
}
div.sections ul li.first {
    margin-left: 0;
}
.section-header {
    background: #e0e0de url(../images/section-header-bg.png) repeat-x;
    height: 54px;
    padding-left: 20px;
}
div.section-header h2 {
    font-size: 14px;
    font-weight: normal;
    padding-top: 8px;
}
.section-content {
    background-color: #ffffff;
    padding: 20px;
}
div.section-content p {
    padding-bottom: 20px;
}
a.button {
    display: block;
    background-color: #ea412b;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 8px 0;
}
a.button:hover {
    color: #000000;
}
.homepage-news {
    padding-top: 20px;
    float: left;
    width: 364px;
}
.homepage-news-header {
    background-color: #ffffff;
    padding: 0 20px;
    float: left;
}
div.homepage-news-header h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 8px 0;
}
.homepage-news-content {
    background-color: #ffffff;
    padding: 20px;
}
div.homepage-news-content ul li {
    padding-bottom: 20px;
}
div.homepage-news-content ul li.last {
    padding-bottom: 0;
}
div.homepage-news-content ul li a {
    color: #222222;
}
div.homepage-news-content ul li a:hover {
    color: #ea412b;
}
.homepage-about {
    padding-top: 20px;
    margin-left: 20px;
    float: left;
    width: 556px;
}
div.homepage-about-header h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 8px 0;
}
div.homepage-about-content p {
    padding-bottom: 20px;
}
.page-title {
    background: #e0e0de url(../images/section-header-bg.png) repeat-x;
    height: 54px;
    padding-left: 20px;
}
div.page-title h1 {
    font-size: 20px;
    font-weight: normal;
    padding-top: 11px;
}
.page-description {
    background-color: #ffffff;
    padding: 20px;
}
.page-content {
    float: left;
    width: 620px;
    padding-top: 20px;
}
div.page-content ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-bottom: 20px;
}
div.page-content ul ul {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 10px;
}
div.page-content ul li {
    line-height: 22px;
}
div.page-content p {
    padding-bottom: 20px;
    line-height: 22px;
}
#sidebar {
    float: left;
    width: 300px;
    margin-left: 20px;
    padding-top: 20px;
}
#sidebar-news, #sidebar-services {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}
div#sidebar h2 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 20px;
}
div#sidebar div ul li {
    padding-bottom: 20px;
}
div#sidebar div ul li.last {
    padding-bottom: 0;
}
div#sidebar div ul li a {
    color: #222222;
}
div#sidebar div ul li a:hover {
    color: #ea412b;
}
.post {
    padding-bottom: 20px;
}
.post-date {
    font-weight: bold;
    font-style: italic;
    background-color: #323232;
    color: #ffffff;
    padding: 8px;
    width: 75px;
}
div.post-title h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 5px 0 20px 0;
}
div.page-content ul.page-sections {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
ul.page-sections li {
    padding-bottom: 20px;
}
div.page-section-header h2 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
}
div.page-section-content p {
    padding-bottom: 5px;
}
div.page-subtitle h2 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 20px;
}
div.job-title h3 {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 10px;
}
div.job-description h4 {
    font-size: 14px;
    font-weight: normal;
}
div.job-description ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-bottom: 5px;
}
div.job-description ul li {
    margin-left: 20px;
}
form#contact-form ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
form#contact-form ul li {
    padding-bottom: 10px;
}
form#contact-form label {
    display: block;
    padding-bottom: 5px;
}
form#contact-form input[type=text] {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
    padding: 10px;
    width: 250px;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 13px;
    color: #222222;
}
form#contact-form textarea {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
    padding: 10px;
    width: 400px;
    height: 50px;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 13px;
    color: #222222;
}
.success {
    background-color: #68c133;
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
}
.error {
    background-color: #e32424;
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    background: #323232 url(../images/top-bg.png);
    padding: 20px 0;
}
#footer-nav {
    float: left;
}
#footer-nav ul {
    float: left;
    margin-right: 20px;
    width: 172px;
}
#footer-nav ul li {
    line-height: 24px;
}
#footer-nav ul li a {
    color: #ffffff;
    text-decoration: none;
}
#footer-nav ul li a:hover {
    color: #ea412b;
}
.copyright {
    float: right;
    text-align: right;
}
div.copyright p {
    color: #9e9e9e;
    font-size: 12px;
}