@charset "utf-8";

/**
 * @author       Michael KNAUER
 * @copyright    2009-2010 Deuxeos - All rights reserved
 */

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #000000;
    background: #FFFFFF;
}

h1 {
    margin: 15px 0 13px 0;
    line-height: 1.00em;
    /*font-size: 2.10em;*/
    font-size: 24px;
    color: #136CA7;
    font-weight: bold;
}
h2 {
    margin: 15px 0 10px 0;
    padding-left: 10px;
    height: 1.80em;
    line-height: 1.80em;
    background-color: #379ECC;
    font-size: 1.00em;
    color: #FFFFFF;
}
h3 {
    color: #000000;
    font-size: 1.40em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
h4 {
    color: #000000;
    font-size: 1.20em;
    font-weight: normal;
    margin: 10px 0 20px 0;
}
h5 {
    color: #333333;
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.headline {
    margin: 15px 0 13px 0;
    line-height: 1.00em;
    font-size: 2.10em;
    color: #136CA7;
    font-weight: bold;
}
.subheadline {
    margin: 15px 0 10px 0;
    padding-left: 10px;
    height: 1.80em;
    line-height: 1.80em;
    background-color: #379ECC;
    font-size: 1.00em;
    color: #FFFFFF;
}
.introduction {
    color: #000000;
    font-size: 1.40em;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
.quote {
    color: #000000;
    font-size: 1.20em;
    font-weight: normal;
    margin: 10px 0 20px 0;
}
.paragraph {
    color: #333333;
    font-size: 0.85em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}
.caption {
    color: #333333;
    font-size: 0.75em;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

ul { margin: 0 0 10px 10px; }
li { margin-bottom: 3px; padding-left: 10px; background: url(../img/minisite/puce-1.gif) top left no-repeat; }


p { margin: 0 0 7px 0; }
a:link, a:visited { color: #136CA7; text-decoration: underline; }
a:hover { text-decoration: none; }

img { vertical-align: middle; }
    img.left { float: left; margin: 0 10px 0 0; }
    img.right { float: right; margin: 0 0 0 10px; }

.txtBlue { color: #136CA7; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    padding: 0 7px 0 7px;
    width: 932px;
    background-color: #005FA8;
}

#header {
    width: 927px;
    height: 153px;
    color: #FFFFFF;
}

#menu {
    padding: 9px 0 0 195px;
    width: 732px;
    height: 46px;
    background: #6ABCE1 url(../img/minisite/menu-bg.gif) top left repeat-x;
}

#main {
    width: 927px;
    background: url(../img/minisite/main-bg.gif) top left repeat-y;
}
#content {
    margin-left: 195px;
    padding: 15px;
}

#sidebar {
    float: left;
    width: 195px;
    color: #FFFFFF;
}

#footer {
    clear: both;
    width: 927px;
    height: 30px;
    color: #FFFFFF;
}

#bottomFooter {
    clear: both;
    width: 927px;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 200px 7px 0 7px;
}

#subdomain {
    clear: both;
    width: 927px;
    margin: 0 auto;
    padding: 20px 7px 0 7px;
}


/* Header
-----------------------------------------------------------------------------*/
#header div.image { float: right; width: 316px; }
#header div.electrician { padding: 7px 0 0 14px; width: 580px; }

#header p { margin: 0; }
#header p.company { font-size: 2.10em; }
#header p.name { margin-bottom: 7px; font-size: 1.60em; }
#header p.phone { font-weight: bold; }
#header p.mobile { line-height: 10px; font-size: 1.00em; }
#header p.fax { font-size: 1.00em; }
#header p.website a:link, #header p.website a:visited { color: #FFFFFF; text-decoration: none; }
#header p.website a:hover {}


/* Menu
-----------------------------------------------------------------------------*/
#menu ul { margin: 0; padding: 0; height: 46px; }
#menu li { margin: 0; padding: 0; display: inline; float: left; height: 46px; line-height: 46px; margin-right: 25px; }
#menu li a { display: block; width: auto !important; width: 0.1em; white-space: nowrap; height: 46px; line-height: 44px; background: no-repeat; background-position: 0 0; font-size: 1.10em; color: #006699; font-weight: bold; text-decoration: none; }
#menu li.active a { background-color: #FFFFFF; background-position: 0 -46px; }

#menu li.home a { padding: 0 30px 0 50px; background-image: url(../img/minisite/menu-home.gif); }
#menu li.photos a { padding: 0 30px 0 50px; background-image: url(../img/minisite/menu-photos.gif); }
#menu li.map a { padding: 0 30px 0 50px; background-image: url(../img/minisite/menu-map.gif); }
#menu li.contact a { padding: 0 30px 0 50px; background-image: url(../img/minisite/menu-contact.gif); }


/* Footer
-----------------------------------------------------------------------------*/
#footer div.hager { float: right; margin: 5px 15px 0 0; font-size: 0.90em; }
    #footer div.hager img { margin-left: 5px; }

#footer div.legals { margin-left: 10px; padding-top: 7px; font-size: 0.90em;  }
    #footer div.legals a:link, #footer div.legals a:visited { color: #FFFFFF; text-decoration: none; }
    #footer div.legals a:hover { text-decoration: underline; }

/* Bottom Footer
-----------------------------------------------------------------------------*/
#bottomFooter ul { margin: 0 0; list-style: none; }
    #bottomFooter ul li { float: left; font-size: 0.90em; margin: 0 15px 0 0; }

/* Subdomain Footer
-----------------------------------------------------------------------------*/
#subdomain a { margin: 0 auto; display: block; text-align: center; }

/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar div.box-static-pages { margin: 20px 20px 50px 15px; }
    #sidebar div.box-static-pages ul { margin: 0; padding: 0; }
    #sidebar div.box-static-pages li { margin-bottom: 5px; padding: 0; font-weight: bold; background: none; }
    #sidebar div.box-static-pages a:link, #sidebar div.box-static-pages a:visited { color: #FFFFFF; text-decoration: none; }
    #sidebar div.box-static-pages a:hover {}
    #sidebar div.box-static-pages li.active a { color: #136CA7; }

#sidebar div.box-contacts { margin: 0 20px 50px 15px; }
    #sidebar div.box-contacts p { margin: 0; }
    #sidebar div.box-contacts p.phone { font-weight: bold; }
    #sidebar div.box-contacts a:link, #sidebar div.box-contacts a:visited { color: #FFFFFF; text-decoration: underline; }
    #sidebar div.box-contacts a:hover { text-decoration: none; }


/* Content
-----------------------------------------------------------------------------*/
#content div.box-specialities { float: right; padding-left: 10px; width: 220px; margin-top: 10px; margin-bottom: 10px; background-color: #FFFFFF;  }
    #content div.box-specialities div.title {
        margin: 5px 0 3px 0;
        padding-left: 15px;
        height: 24px;
        line-height: 24px;
        background-color: #379ECC;
        color: #FFFFFF;
        font-weight: bold;
    }

    #content div.box-specialities div.item { margin-bottom: 3px; padding: 5px; background-color: #70BADA; }
        #content div.box-specialities div.item div.speciality { height: 60px; }
        #content div.box-specialities div.item div.speciality a { font-size: 1.30em; color: #FFFFFF; text-decoration: none; }
            #content div.box-specialities div.item div.speciality div.img { float: left; margin-right: 5px; width: 60px; height: 60px; }
            #content div.box-specialities div.item div.speciality div.label {
                float: left;
                width: 142px;
                height: 45px;
                /*line-height: 60px;*/
                padding-top: 15px;
                background: url(../img/minisite/specialites-close.gif) center right no-repeat;
                color: #FFFFFF;
                font-weight: bold;
            }
            #content div.box-specialities div.item div.speciality div.close { background: url(../img/minisite/specialites-close.gif) center right no-repeat; }
            #content div.box-specialities div.item div.speciality div.open { background: url(../img/minisite/specialites-open.gif) center right no-repeat; }

        /*#content div.box-specialities div.item div.marketing { height: 60px; }
        #content div.box-specialities div.item div.marketing a { font-size: 1.30em; color: #FFFFFF; text-decoration: none; }
            #content div.box-specialities div.item div.marketing div.img { float: left; margin-right: 5px; width: 60px; height: 60px; }*/
        #content div.box-specialities div.item-marketing {}
            #content div.box-specialities div.item-marketing div.marketing { width: 220px; background-color: #d8eaf8; }
            #content div.box-specialities div.item-marketing div.img { padding: 5px;  }

        #content div.box-specialities div.item div.description { padding: 7px 5px 3px 3px; line-height: 12px; font-size: 0.90em; color: #FFFFFF; }


#content ul.staticmenu {
    float: right;
    padding: 5px 10px 5px 7px;
    margin: 0 0 5px 5px;
    background-color: #70BADA;
}
#content ul.staticmenu li {
    padding-left: 10px;
    margin-bottom: 3px;
    background: url(../img/minisite/puce-3.gif) top left no-repeat;
    font-weight: bold;
}
#content ul.staticmenu li a { color: #FFFFFF; }


/* Form
-----------------------------------------------------------------------------*/
div.form {
    width: 696px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #005FA8;
    border-right: 1px solid #005FA8;
    border-bottom: 3px solid #005FA8;
    border-left: 1px solid #005FA8;
}

div.form div.fieldset { margin: 15px 10px 10px 10px; }
div.form div.fieldset div.legend { padding-left: 10px; font-size: 1.10em; color: #005FA8; font-weight: bold; }

div.form p {
    clear: right;
    display: block;
    margin: 0 0 2px 0;
    padding: 0;
    line-height: 32px;
    min-height: 32px;
    background-color: #F0F0F0;
}
div.form label {
    float: left;
    display: block;
    width: 220px;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 1.10em;
}
    div.form label span { color: #FF0000; }

div.form input.text {
    width: 350px;
    padding: 1px 5px 2px 5px;
    margin: 5px 0 5px 0;
    border: 1px solid #005FA8;
    font-size: 1.10em;
    color: #005FA8;
}
div.form input.file {
    margin: 5px 0 5px 0;
    border: 1px solid #005FA8;
}
div.form select {
    width: 363px;
    margin: 5px 0 5px 0;
    border: 1px solid #005FA8;
    color: #005FA8;
}
div.form textarea {
    width: 350px;
    height: 100px;
    padding: 1px 5px 2px 5px;
    margin: 5px 0 5px 0;
    border: 1px solid #005FA8;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #005FA8;
}

div.form span.info {
    display: block;
    overflow: hidden;
    padding: 7px;
    line-height: 20px;
}
div.form span.errorMessage {
    display: block;
    width: 360px;
    line-height: 14px;
    margin: 0 0 0 250px;
    padding: 0 0 5px 0;
    color: #FF0000;
}
div.form span.block {
    display: block;
    overflow: hidden;
    padding-top: 5px;
    width: 360px;
    line-height: 20px;
}
    div.form span.block label { float: none; display: inline; width: auto; margin: 0 15px 0 0; text-align: left; color: #005FA8; }
    div.form span.block img { margin: 5px 0 5px 0; }

div.form img.help {
    position: absolute;
    margin-top: 7px;
    margin-left: 10px;
}
div.form img.ecmaValidation {
    position: absolute;
    margin-top: 7px;
    margin-left: 40px;
}

div.form .hidden { display: none; }

div.actions { /*height: 80px;*/ margin: 20px 0 30px 0;}
div.actions .hidden { display: none; }
div.actions input.submit {
    float: right;
    height: 40px;
    margin-right: 10px;
    padding: 0 35px 0 35px;
    background: #005FA8 url(../img/creaform/form-actions-right.gif) top left no-repeat;
    cursor: pointer;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
}
div.actions input.return {
    /*float: left;*/
    height: 40px;
    margin-left: 10px;
    padding: 0 35px 0 35px;
    background: #7FAFD3 url(../img/creaform/form-actions-left.gif) top left no-repeat;
    cursor: pointer;
    text-align: left;
    color: #005FA8;
    font-weight: bold;
}

ul.errorMessage {
    margin: 10px;
    min-height:40px;
    padding-top: 3px;
    padding-left: 45px;
    background: url(../img/creaform/form-error-message.gif) top left no-repeat;
}
ul.errorMessage li { background: url(../img/minisite/puce-2.gif) top left no-repeat; }
ul.successMessage {
    margin: 10px;
    min-height:40px;
    padding-top: 3px;
    padding-left: 45px;
    background: url(../img/creaform/form-valid-message.gif) top left no-repeat;
    color: #758C17;
}
ul.successMessage li { background: url(../img/minisite/puce-4.gif) top left no-repeat; }

div.form-tabs { height: 49px; }
div.form-tabs ul { height: 49px; margin: 0; padding: 0; }
div.form-tabs li {
    display: inline;
    float: left;
    height: 49px;
    margin: 0;
    padding: 0;
}
div.form-tabs li span {
    display: block;
    width: auto !important;
    width: 0.1em;
    white-space: nowrap;
    height: 49px;
    line-height: 49px;
    margin: 0 7px 0 0;
    padding: 0 30px 0 50px;
    background-color: #B2CFE5;
    color: #005FA8;
    text-decoration: none;
}
div.form-tabs li.step1 span { background: #B2CFE5 url(../img/creaform/form-tabs-step1.gif) top left no-repeat; }
div.form-tabs li.step1-active span { background: #005FA8 url(../img/creaform/form-tabs-step1-active.gif) top left no-repeat; color: #FFFFFF; }
div.form-tabs li.step2 span { background: #B2CFE5 url(../img/creaform/form-tabs-step2.gif) top left no-repeat; }
div.form-tabs li.step2-active span { background: #005FA8 url(../img/creaform/form-tabs-step2-active.gif) top left no-repeat; color: #FFFFFF; }
div.form-tabs li.step3 span { background: #B2CFE5 url(../img/creaform/form-tabs-step3.gif) top left no-repeat; }
div.form-tabs li.step3-active span { background: #005FA8 url(../img/creaform/form-tabs-step3-active.gif) top left no-repeat; color: #FFFFFF; }

div.form div.step { display: none; }
div.form div.step-active { display: block; padding: 1px; }


/* Tooltip
------------------------------------------------------------------*/
div.tooltip {
    padding: 5px;
    background-color: #B2CFE5;
    border: 1px solid #005FA8;
    color: #005FA8;
}