﻿body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 10pt;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    background: #2c3236;
}

img {border: 0;}

/* sistema form */
form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input {margin: 0 10px 0 0; color: #5e5e5e; vertical-align: middle; font-size: 9pt;}
textarea {border: 1px solid #bebebe; color: #666667; vertical-align: middle; height:175px; font-size: 9pt;}
select {margin: 0 10px 0 0; padding: 2px; border: 1px solid #bebebe; color: #5e5e5e; vertical-align: middle; font-size: 9pt;}

input:focus {background: #dbe4e4}

.textfield {border: 1px solid #bebebe; padding: 3px; background: #fff;}
.inputMicro {width: 20px !important;}
.inputXxs {width: 30px !important;}
.inputSmall {width: 50px !important;}
.inputMedium {width: 100px !important;}
.inputBig {width: 310px !important;}
.inputXxl {width: 100% !important;}
.inputDataTime {width: 75px !important;}
.inputEmail {width: 155px !important; font-size:9px !important;}
.inputSearch {width: 100px !important;}


input.btnGen {
    outline: none;
    border: none;
    color: #323232;
    text-transform: uppercase;
    cursor: pointer;
}
input.btnSearch {
    width: 80px;
    height: 18px;
    text-align: left;
    padding: 0 10px;
    background: url(../images/bot-search.png) no-repeat center;
}


.nocompiled {border: 1px solid #f00 !important; background: url(../images/ico_input_warning.png) center right no-repeat #fff !important;}
.nocompiled2 {padding: 0 17px 0 0; color: #f00; background: url(../images/ico_input_warning.png) center right no-repeat !important;}

/**/

table {    border-collapse: collapse; border: 0px solid #FFF;}
td { border-collapse: collapse; border: 0px solid #FFF; padding: 2px 10px;}
th { border-collapse: collapse; border: 0px solid #FFF;}

a {color: #000; text-decoration: none; outline: none}
a:hover {text-decoration: underline;}

p {margin: 0 0 1em 0;}


h1,h2,h3,h4,h5,h6 {color: #000; margin: 0 0 0.5em 0; padding:0; clear: both;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #005bab; text-decoration: none;}

h1{font-size: 18pt; font-weight: normal;}
h2{font-size: 16pt; font-weight: normal;}
h3{font-size: 14pt; font-weight: normal;}
h4{font-size: 12pt; font-weight: normal;}
h5{font-size: 11pt;}
h6{font-size: 10pt;}

.corporateColor {color: #000 !important;}

ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}


.noborder {border: 0px solid #FFF !important;}
.marginclear {margin-right: 0px !important;}
.marginclear-bottom {margin-bottom: 0px !important;}
.paddingclear {padding-right: 0px !important;}
.bgclear {background: none !important;}
.clear {clear: both !important;}

.sSmall {font-size: 8pt !important;}
.alignDx {text-align: right;}
.alignCenter {text-align: center}
.uppercase { text-transform: uppercase }


.floatSx {float: left; }
.floatDx {float: right; }
.genClear {clear: both;}


.color-frp {color: #0a5851;}
.color-emma {color: #0c4f85;}
.color-clws {color: #f1884c;}
.color-vps {color: #349d37;}


/****************************/
/* Contenitore Generale */
/****************************/
 
#container{
    width: 100%;
}


/* Logo + Menu + info orari */
/****************************/

/*header*/
#header {
    width: 100%;
    height: 125px;
}
#header .wrapper{
    width: 960px;
    padding: 20px 0;
    margin: 0 auto;
}

    #logo{
        width: 215px;
        float: left;
    }
    #nav {
        width: 690px;
        float: right;
        margin: 65px 0 0 0;
    }

    /*menu*/
    ul.mainMenu {
        list-style: none;
        float: right;
    }
        ul.mainMenu li {
            display: block;
            float: left;
            line-height: 23px;
            padding: 0 14px;
            background: url(../images/bg-mainmenu.png) center right no-repeat;
        }
        ul.mainMenu li.last {
            padding: 0 0 0 14px;
            background: none;
        }
        ul.mainMenu li a {
            text-transform: uppercase;
            font-size: 10pt;
            font-weight: bold;
            color: #fff;
        }
        ul.mainMenu li a:hover {
            color: #000;
            text-decoration: none;
        }


/* Content - Contenitori */
/****************************/
/****************************/

/*contenuti*/
/****************************/

#content {
    width: 100%;
    float: left;
    background: url(../images/bg-content.png) top center no-repeat #e9e9e9;
}

#content .wrapper {
    width: 100%;
    float: left;
    background: url(../images/bg-content-gradient.png) bottom center repeat-x;
}

#content .inner {
    width: 930px;
    min-height: 400px;
    height: auto !important;
    height:400px;
    margin: 0 auto;
    padding: 35px 15px 35px 15px;
}

    .main {
        width: 640px;
        float: left;
        margin: 0 0 50px 0;
    }
    .sidebar {
        width: 270px;
        float: right;
        margin: 0 0 50px 0;
    }



/*visualizzazione logo prodotti*/
    ul.brand {list-style: none}
    ul.brand li {
        display: block;
        float: left;
        height: 24px;
        margin: 0 85px 0 0;

    }
    ul.brand li a {
        display: block;
        float: left;
        width: 100%;
        height: 24px;
        text-indent: -9999px;
    }
    ul.brand li.frprofile {width: 80px; background: url(../images/logo-frprofile.png) no-repeat; }
    ul.brand li.emmafloor {width: 120px; background: url(../images/logo-emmafloor.png) no-repeat; }
    ul.brand li.clws {width: 50px; background: url(../images/logo-clws.png) no-repeat; }
    ul.brand li.vacucarb {width: 96px; background: url(../images/logo-vacucarb.png) no-repeat; }
    ul.brand li.vps {width: 38px; background: url(../images/logo-vps.png) no-repeat; }

    .bwWrapper {
	    position:relative;
	    display:block;
    }



/* Home ***************************/
/*************************************************/

.box-single {
    width: 535px;
    height: 195px;
    padding: 30px 25px 35px 25px;
    margin: 0 0 20px 0;
    background: url(../images/bg-mod-single.png) no-repeat;
}

    .box-single .leftImg {
        width: 330px;
        float: left;
        margin: 0 10px 0 0;
    }
    .box-single .inside {
        float: left;
    }

/*link generali con icona*/
.iconLink {
    display: block;
    padding: 0 0 0 20px;
    text-transform: uppercase;
    background: url(../images/ico-logo.png) center left no-repeat;
}

/*Punti elenchi generali con icona*/
.iconList {
    list-style: none;
    margin: 0 0 1em 0;
}
.iconList li {margin: 4px 0 4px 0; border-bottom: 1px dotted #969696}
.iconList li.lock {background: url(../images/ico-lock.png) center right no-repeat;}
.iconList li a {
    display: block;
    padding: 0 10px 5px 20px;
    font-size: 9pt;
    line-height: 12pt;
    text-transform: uppercase;
    background: url(../images/ico-logo.png) 0px 2px no-repeat;
}



/* PAGINE ***************************/
/*************************************************/

/*blocco contenitore strutture con BG*/
.box-content {width: 100%; float: left; margin: 0 0 10px 0}
.box-1-2 {width: 45%}

.module-big-top {background: url(../images/bg-mod-big-top.png) left top no-repeat; float: left; width: 100%; height: 30px;}
.module-big-bottom {background: url(../images/bg-mod-big-bottom.png) left top no-repeat; float: left; width: 100%; height: 35px;}
.module-big-body {
    float: left; 
    width: 590px; 
    padding: 0 25px 0 25px;
    background: url(../images/bg-mod-big-body.png) left top repeat-y; 
}
.module-big-body ul {list-style: none; margin: 0 0 1em 0;}
.module-big-body ul li {border-bottom: 1px solid #969696; padding: 5px 0 5px 0;}

.module-small-top {background: url(../images/bg-mod-small-top.png) left top no-repeat; float: left; width: 100%; height: 30px;}
.module-small-bottom {background: url(../images/bg-mod-small-bottom.png) left top no-repeat; float: left; width: 100%; height: 35px;}
.module-small-body {
    float: left; 
    width: 220px; 
    padding: 0 25px 0 25px;
    background: url(../images/bg-mod-small-body.png) left top repeat-y; 
}
.module-small-body .iconList {margin: 1em 0 1em 0; clear: both;}
.module-small-body .topdist {padding-top: 3em;}

.module-small-body ul.brand li {
    width: 100% !important;
    margin: 0 0 0 0;
}


/****************************/
/* Footer di pagina */
/****************************/

#footer {
    width: 100%;
    float: left;
    color: #9eaab2;
    background: url(../images/bg-footer.png) center 105px no-repeat
}

#footer .wrapper {
    width: 960px;
    height: 120px;
    margin: 0 auto;
    padding: 30px 0px;
}

#footer .wrapper ul { list-style: none;}
#footer .wrapper floatDx ul { float: right;}
#footer .wrapper ul li { display: inline;}
#footer .wrapper ul li a  {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    color: #9eaab2;
 }

    .logos {
        width: 590px;
        clear: both;
        margin: 0 auto;
        padding: 50px 0;
    }


#inlineCredits {
    border: 5px solid #B0B0B0;
    height: 120px;
    overflow: auto;
    padding: 20px;
    text-align: center;
    width: 180px;
}


/*JQUERY JCAROUSEL >>> http://sorgalla.com/projects/jcarousel*/
/*skin carousell gallery product*/
.jcarousel-skin-gallery_product .jcarousel-container, .jcarousel-skin-gallery_product .jcarousel-container-horizontal, .jcarousel-skin-gallery_product .jcarousel-clip-horizontal {width:590px;height:340px; margin-bottom:20px;}
.jcarousel-skin-gallery_product .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-gallery_product .jcarousel-item {width:590px;height:340px;}
.jcarousel-skin-gallery_product .jcarousel-item-horizontal {margin:0;}
.jcarousel-skin-gallery_product .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:0;}
.jcarousel-skin-gallery_product .jcarousel-next-horizontal {position: absolute;top:140px;right:0px;width:60px;height:60px;cursor: pointer;background:url(../images/gallery_arrow.png) 60px 0px;display:block;}
.jcarousel-skin-gallery_product .jcarousel-next-horizontal:hover {background-position:60px -60px;}
.jcarousel-skin-gallery_product .jcarousel-next-horizontal:active {background-position:60px -60px;}
.jcarousel-skin-gallery_product .jcarousel-next-disabled-horizontal,
.jcarousel-skin-gallery_product .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-gallery_product .jcarousel-next-disabled-horizontal:active {cursor: default;background-position:60px -120px;}
.jcarousel-skin-gallery_product .jcarousel-prev-horizontal {position: absolute;top:140px;left:0px;width:60px;height:60px;cursor: pointer;background: url(../images/gallery_arrow.png) 0px 0px;display:block;}
.jcarousel-skin-gallery_product .jcarousel-prev-horizontal:hover {background-position: 0px -60px;}
.jcarousel-skin-gallery_product .jcarousel-prev-horizontal:active {background-position: 0px -60px;}
.jcarousel-skin-gallery_product .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-gallery_product .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-gallery_product .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position:0px -120px;}
