body {
    font-family: trebuchet MS;
    font-size: 12px;
    /*background-image: url(../images/bg_total_page.png);*/
    background-image: url(../images/bg_body.png);
    background-repeat: repeat-x;
    background-color: #8d8d8d;
}
.separator {
    clear:both;
}
.wrapper {
    width: 960px;
    margin: 0 auto;
}

.cabecera {
    height: 100px;
}

    .cabecera .flags {
        width:152px;
        height:33px;
        display: block;
        background-image: url(../images/bg_idiomes.png);
        float: right;
        margin-right: 40px;
    }
        .cabecera .flags span{
            display:block;
            margin-left:11px;
            margin-top:9px;
            float: left;
            color: #656565;
        }
        .cabecera .flags .flag1,
        .cabecera .flags .flag2{
            display:block;
            width: 27px;
            height: 18px;
            float: left;
            margin-left:14px;
            margin-top:6px;
            background-image: url(../images/bg_banderas.png);
        }
        .cabecera .flags .flag1{
            background-position: 0 0;
            
        }
        .cabecera .flags .flag1:hover,
        .cabecera .flags .flag1.selected{
            background-position: 0 -18px;
        }
        .cabecera .flags .flag2{
            background-position: -27px 0;
        }
        .cabecera .flags .flag2:hover,
        .cabecera .flags .flag2.selected{
            background-position: -27px -18px;
        }
    
    .cabecera .logoes {
        background-image:url("../images/bg_logo_vives_es.png");
        display:block;
        float:left;
        height:72px;
        margin-left:40px;
        margin-top:35px;
        width:225px;
    }
    .cabecera .logoca {
        background-image:url("../images/bg_logo_vives_ca.png");
        display:block;
        float:left;
        height:72px;
        margin-left:40px;
        margin-top:35px;
        width:225px;
    }
.menu {
    width:950px;
    height:41px;
}
    .menu ul {
        float: right;
        margin-right: 41px;
    }

        .menu ul li{
            float: left;
            height:42px;
            line-height:41px;
        }
            .menu ul li a{
                float: left;
                height:41px;
                line-height:41px;
                text-decoration: none;
                padding: 0;
                background-image:url(../images/bg_menu.png);
                background-position:-120px 0;
                display: block;
                width: 120px;
                text-align: center;
                color: white;
            }
            .menu ul li a:hover,
            .menu ul li a.selected{
                background-position:-120px -41px;
            }
            .menu ul li.first a{
                background-position:0 0;
                width: 120px;
            }
            .menu ul li.first a:hover,
            .menu ul li.first a.selected{
                background-position:0 -41px;
            }
            .menu ul li.last a{
                background-position:-240px 0;
                width: 120px;
            }
            .menu ul li.last a:hover{
                background-position:-240px -41px;
            }

.page {
    
}
    .page .startpage {
        width:952px;
        height:10px;
        display: block;
        background-image:url(../images/bg_start_page.png);
    }
    .page .endpage {
        width:952px;
        height:10px;
        display: block;
        background-image:url(../images/bg_end_page.png);
    }

    .page .content {
        width:950px;
        background-color: #e5e5e5;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
.main {
    margin: 0 30px 0 30px;
}
.main h1 {
    color:#656565;
    font-size:34px;
    padding-top: 20px;
    margin-bottom: 20px;

} 
.left {
    float: left;
    width:420px;
}

.main  p {
    color:#666666;
    font-size: 12px;
    width:420px;
    line-height: 30px;
}
.main .left p {
}

.main .right {
    float: left;
    width:420px;
    margin-left: 20px;
}

.main .right p.p1 {
    margin-bottom: 10px;
}
.main .right p.p2 {
}
    
    
.page .content .flash{
    width: 902px;
    height:310px;
    background-image:url(../images/bg_flash.png);
    margin: 0 auto;
} 
    
.page .content .inicio .flash{
    width: 912px;
    height:303px;
    background: none;
    padding-top: 10px;
    margin: 0 auto;
}

.page .content .inicio .iconos {
    padding: 0 71px;
}
.page .content .inicio .iconos div.icono.ico2{
    margin-top: 0;
}
    .ca .page .content .inicio .iconos div.icono{
        height: 150px;
        margin: 15px 40px;
        width: 110px;
        float: left;
        background-image:url(../images/btn_inicial_ca.png);
    }
    .es .page .content .inicio .iconos div.icono{
        height: 150px;
        margin: 15px 40px;
        width: 110px;
        float: left;
        background-image:url(../images/btn_inicial_es.png);
    }
    .page .content .inicio .iconos a div.icono#fred{
        background-position: -133px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#fred{
        background-position: -133px -151px; 
    }
    .page .content .inicio .iconos a div.icono#electricitat{
        background-position: -12px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#electricitat{
        background-position: -12px -151px; 
    }
    .page .content .inicio .iconos a div.icono#calefaccio{
        background-position: -254px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#calefaccio{
        background-position: -254px -151px; 
    }
    .page .content .inicio .iconos a div.icono#aigua{
        background-position: -373px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#aigua{
        background-position: -373px -151px; 
    }
    .page .content .inicio .iconos a div.icono#gas{
        background-position: -493px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#gas{
        background-position: -493px -151px; 
    }
    .page .content .inicio .iconos a div.icono#telecomunicacions{
        background-position: -611px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#telecomunicacions{
        background-position: -611px -151px; 
    }
    .page .content .inicio .iconos a div.icono#solar{
        background-position: -734px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#solar{
        background-position: -734px -151px; 
    }
    .page .content .inicio .iconos a div.icono#sistemas{
        background-position: -856px 0; 
    }
    .page .content .inicio .iconos a:hover div.icono#sistemas{
        background-position: -856px -151px; 
    } 
    
/*.left {
    width: 550px;
}
    
    
.left p{
    margin-top: 10px;
    color: #666666;
    line-height: 18px;
} */

ul.submenu{
    height:57px;
    /*border-bottom: 1px solid #cccccc;*/
}
ul.submenu li{
    float: left;
    height: 48px;
    line-height: 57px;
    margin: 0 20px;
}
.ca ul.submenu li a{
    height: 48px;
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
    background-image: url(../images/submenu_serveis.png);
}
.es ul.submenu li a{
    height: 48px;
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
    background-image: url(../images/submenu_serveis_es.png);
}

.ca .llar ul.submenu li a {
    background-image: url(../images/submenu_sectors.png);
    display: block;
    height: 48px;
    
}

.es .llar ul.submenu li a {
    background-image: url(../images/submenu_sectors_es.png);
    display: block;
    height: 48px;
    
}

.llar ul.submenu li a.aigua {
    width: 80px;
}

.llar ul.submenu li a.aigua:hover,
.llar ul.submenu li.selected a.aigua {
    background-position: 0 -46px;
}

.llar ul.submenu li a.gas {
    width: 90px;
    background-position: -80px 0;
}

.llar ul.submenu li a.gas:hover,
.llar ul.submenu li.selected a.gas {
    background-position: -80px -47px;
}
.botones {
    float:left;
    margin-left:10px;
    margin-top:20px;
    margin-bottom:20px;
    width:230px;
}
.es .botones #btn_industrial {
    width: 96px;
    height: 30px;
    background-image: url(../images/btn_cambiar_flash_es.png);
    display: block;
    float: left;
    margin-right: 20px;
}
.ca .botones #btn_industrial {
    width: 96px;
    height: 30px;
    background-image: url(../images/btn_cambiar_flash_ca.png);
    display: block;
    float: left;
    margin-right: 20px;
}
.botones #btn_industrial:hover {
    background-position: 0px -30px;
}

.es .botones #btn_manteniment {
    width: 96px;
    height: 30px;
    background-image: url(../images/btn_cambiar_flash_es.png);
    background-position: -104px 0;
    display: block;
    float: left;
}

.ca .botones #btn_manteniment {
    width: 96px;
    height: 30px;
    background-image: url(../images/btn_cambiar_flash_ca.png);
    background-position: -104px 0;
    display: block;
    float: left;
}
.botones #btn_manteniment:hover {
    background-position: -104px -30px;
}
.ca .botones #btn_manteniment:hover {
    background-position: -104px -30px;
}

ul.submenu li a#icone_aigua{
    background-position: 0 0;
    width: 38px;
}
ul.submenu li a#icono_gas{
    background-position: -81px 0;
    width: 25px;
}
ul.submenu li a#icono_calefaccion{
    background-position: -158px 0;
    width: 80px;
}
ul.submenu li a#icono_electricitat{
    background-position: -276px 0;
    width: 80px;
}
ul.submenu li a#icono_fred{
    background-position: -399px 0;
    width: 29px;
}
ul.submenu li a#icono_energia{
    background-position: -479px 0;
    width: 89px;
}
ul.submenu li a#icono_sistemas{
    background-position: -609px 0;
    width: 146px;
}
ul.submenu li a#icono_telecomunicacions{
    background-position: -786px 0;
    width: 130px;
}




ul.submenu li a:hover#icone_aigua,
ul.submenu li a#icone_aigua.selected{
    background-position: 0 -49px;
}
ul.submenu li a:hover#icono_gas,
ul.submenu li a#icono_gas.selected{
    background-position: -81px -48px;
    width: 25px;
}
ul.submenu li a:hover#icono_calefaccion,
ul.submenu li a#icono_calefaccion.selected{
    background-position: -158px -49px;
    width: 80px;
}

ul.submenu li a:hover#icono_electricitat,
ul.submenu li a#icono_electricitat.selected{
    background-position: -276px -49px;
    width: 80px;
}
ul.submenu li a:hover#icono_fred,
ul.submenu li a#icono_fred.selected{
    background-position: -399px -49px;
    width: 29px;
}
ul.submenu li a:hover#icono_energia,
ul.submenu li a#icono_energia.selected{
    background-position: -479px -49px;
    width: 89px;
}
ul.submenu li a:hover#icono_sistemas,
ul.submenu li a#icono_sistemas.selected{
    background-position: -609px -49px;
    width: 146px;
}

ul.submenu li a:hover#icono_telecomunicacions,
ul.submenu li a#icono_telecomunicacions.selected{
    background-position: -785px -49px;
    width: 130px;
}

ul.submenu li a:hover,
ul.submenu li a.selected{
}
.separatorlinemenu {
    height: 2px;
    background-image: url(../images/bg_line_separator_submenu.png);
}

.pasadorimagenes{
    background-image: url(../images/bg_pasador_imagenes.png);
    width:892px;
    height:263px;
    margin: 50px auto 0 auto;
}

.right ul.lista1 {
    float: left;
    margin-left: 25px;
}
.right ul.lista1 li{
    color:#666666;
    line-height:25px;
    list-style-type:disc;
}

.teleco .pasadorimagenes{
    background-image: url(../images/bg_pasador_imagenes_telecos.png);
    width:892px;
    height:263px;
    margin: 50px auto 0 auto;
}

.contacte .datos {
    float: left;
    margin-top: 15px;
    text-align: right;
    margin: 40px 20px 0 70px;
}

.contacte .datos h2 {
    color: #A31D1D;
}

.contacte .datos p {
    color: #666;
    line-height: 20px;
}

.contacte .mapa {
    float: left;
    border: 10px solid #fff;
    margin-top: 15px;
}
.contacte h1 {
    color: #a31d1d;
    font-size: 14px;
    margin: 20px 30px;
}

.contacte img {
    margin:10px 20px 0 70px;
}

.contacte table {
    margin: 5px 0px 0px 70px; 
    
}

.contacte table tr{
    
}

.contacte table tr th{
    padding: 10px 10px;
    color: #666666;
    vertical-align: middle;
    
}

.contacte table tr td{
    padding: 10px 10px;
}

.contacte table tr td .normal{
    width: 284px;
    height:38px;
    background: none;
    background-image:url(../images/bg_input_normal.png);
    border: none;
}
.contacte table tr td .normal_error{
    width: 280px;
    height:34px;
    background: none;
    background-color:#ffdfdf;
    /*background-image:url(../images/bg_input_normal_error.png);*/
    border: 2px solid #ffb5b5;
}

.contacte table tr td .extramini{
    width: 97px;
    height:38px;
    background: none;
    background-image:url(../images/bg_input_extramini.png);
    border: none;
}
.contacte table tr td .extramini_error{
    width: 93px;
    height:30px;
    background: none;
    background-color:#ffdfdf;
    /*background-image:url(../images/bg_input_normal_error.png);*/
    border: 2px solid #ffb5b5;
}

.contacte table tr td .mini{
    width: 97px;
    height:38px;
    background: none;
    background-image:url(../images/bg_input_mini.png);
    border: none;
}
.contacte table tr td .mini_error{
    width: 93px;
    height:30px;
    background: none;
    background-color:#ffdfdf;
    /*background-image:url(../images/bg_input_normal_error.png);*/
    border: 2px solid #ffb5b5;
}

.contacte table tr td textarea{
    width: 429px;
    height:120px;
    background: none;
    background-image:url(../images/bg_input_textarea.png);
    border: none;
}
.contacte table tr td textarea.error{
    width: 425px;
    height:116px;
    background: none;
    background-color:#ffdfdf;
    /*background-image:url(../images/bg_input_normal_error.png);*/
    border: 2px solid #ffb5b5;
}
.contacte .enviar {
    width: 97px;
    height: 31px;
    background: none;
    border: none;
    background-image: url(../images/btn_enviar.png);
    cursor: pointer;
}
.contacte .enviar:hover {
    background-position: 0 -30px;
}

.footer {
    width:910px;
    height:116px;
    background-image:url(../images/bg_footer.png);
    padding: 10px 20px;
    margin: 20px 0;
}

.footer .cajas {
    float: left;
    /*width:200px;*/
    padding-right: 40px;
}

.footer .cajas h2 {
   font-size:13px;
   color:#fff;
   float: left;
   margin-right: 10px;
   margin-top: 10px;
}
.footer .cajas h2 a {
   font-size:11px;
   color:#fff;
   float: left;
   text-decoration: none;
}

.footer .cajas .verticalseparator {
    height: 100px;
    /*border-left: 1px solid #d63241;
    border-right: 1px solid #b5272b;*/
    width: 2PX;
    background-image: url(../images/linia_footer.png);
    float: left;
}

.footer .cajas ul {
   float: left;
   margin-left: 10px;
   margin-top: 12px;
    
}

.footer .cajas ul li{
    margin-bottom: 10px;
    
}

.footer .cajas ul li a{
    text-decoration: none;
    color: #fff;
    
}

.liniahome {
    width:820px;
    margin: 20px auto 0 auto;
    height:2px;
    background-image: url(../images/liniahome.png);
}
.liniahome.segunda {
    width:820px;
    margin: 10px auto 0 auto;
    height:2px;
    background-image: url(../images/liniahome.png);
}
.liniahome.tercera {
    margin-bottom: 10px;
    clear: both;
}
.lineseparator {
    height: 20px;
}