/* ---------------------------------
			CSS ESQUELETO
----------------------------------- */


body, html {
padding:0;
margin:0;
background-color:#09018b;
/*background-image:url(../img/degradat_fondo.gif);*/
background-image:url(../img/fons_web.jpg);
background-position:top;
/*background-repeat:repeat-x;*/
background-repeat:repeat-y;
height: 100%;
}


.general_home,
.general_orange,
.general_blue,
.general_green,
.general_lila{
/*position:absolute;
width:780px;
min-height:100%;
height:auto;
margin:auto;
border:0px solid red;
background-color:#ffffff;
text-align: left;
visibility:hidden;*/
width: 780px;
margin: 0 auto; 
min-height: 100%;
background-color: #ffffff; 
text-align: left; 
}
* html .general_home {height: 100%;  }
* html .general_orange {height: 100%;  }
* html .general_blue {height: 100%;  }
* html .general_green {height: 100%;  }
* html .general_lila {height: 100%;  }





.clear{
clear:both;
}






.general_home{
background-image:url(../img/degradat_content_home.gif);
background-repeat:repeat-y;
background-position:left;
}
/*
.general_orange{
background-image:url(../img/degradat_content_orange.gif);
background-repeat:repeat-y;
background-position:left;
}*/
.general_orange{
background-image:url(../img/degradat_content_blue.gif);
background-repeat:repeat-y;
background-position:left;
}
.general_blue{
background-image:url(../img/degradat_content_blue.gif);
background-repeat:repeat-y;
background-position:left;
}
.general_green{
background-image:url(../img/degradat_content_blue.gif);
background-repeat:repeat-y;
background-position:left;
}
.general_lila{
background-image:url(../img/degradat_content_blue.gif);
background-repeat:repeat-y;
background-position:left;
}
/*
.general_green{
background-image:url(../img/degradat_content_green.gif);
background-repeat:repeat-y;
background-position:left;
}
.general_lila{
background-image:url(../img/degradat_content_lila.gif);
background-repeat:repeat-y;
background-position:left;
}
*/



.separador_10px{
height:10px;
font-size:1px;
}

#main {
padding-bottom: 80px;
border:0px solid red;
height:auto;
position:relative;
}


/* ---------------------------------
			HEADER
----------------------------------- */

.div_header{
position:absolute;
left:-20px;
width:820px;
/*height:267px; */
height:219px;
border:0px solid #FF0000; 
background-color:#ffffff;
}

.div_menu_header_logo{
position:absolute;
width:214px; 
height:267px;
background-color:#383e4e; 
background-image:url(../img/degradat_menu_logo.gif); 
background-repeat:repeat-x; 
background-position:bottom; 
border:0px solid red;
}

.sombra_right{
position:absolute;
right:20px;
top:219px;
width:207px;
height:9px;
}
.sombra_left_home{
position:absolute;
left:0px;
top:268px;
width:207px;
height:9px;
}

/* ---------------------------------
			MENU HEADER
----------------------------------- */

.div_icon_menu_header{
position:relative;
width:186px;
height:auto;
padding-top:12px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
z-index:999;
border:0px solid red;
}
.div_icon_menu_header a{
color:#FFFFFF;
text-decoration:none;
}
.div_icon_menu_header a:header{
color:#13258b;
text-decoration:none;
}



.icon_menu_header1 a{
display:block;
width:136px;
/*height:39px;*/
height:21px;
padding-top:18px;
padding-left:50px;
background-image:url(../img/icon_empresa_bi.gif);
background-repeat:no-repeat;
background-position:left top;
border:0px solid red;
}
.icon_menu_header1 a:hover{
background-position:0 -39px;
color:#ffffff;
text-decoration:none;
}
.icon_menu_header1_enabled a{
display:block;
width:136px;
/*height:39px;*/
height:21px;
padding-top:18px;
padding-left:50px;
background-image:url(../img/icon_empresa_bi.gif);
background-repeat:no-repeat;
background-position:0 -39px;
border:0px solid red;
}

.icon_menu_header2 a{
display:block;
width:136px;
height:23px;
padding-top:10px;
padding-left:50px;
background-image:url(../img/icon_certificados_bi.gif);
background-repeat:no-repeat;
background-position:left top;
border:0px solid red;
}
.icon_menu_header2 a:hover{
background-position:0 -33px;
color:#ffffff;
text-decoration:none;
}

.icon_menu_header3 a{
display:block;
width:136px;
height:23px;
padding-top:15px;
padding-left:50px;
background-image:url(../img/icon_localizacion_bi.gif);
background-repeat:no-repeat;
background-position:left top;
border:0px solid red;
}
.icon_menu_header3 a:hover{
background-position:0 -38px;
color:#ffffff;
text-decoration:none;
}

.linia_blue_icon1{
font-size:1px;
height:1px;
border-bottom:1px solid #13258b;
width:151px;
position:absolute;
top:45px;
right:0px;
}
.linia_blue_icon2{
font-size:1px;
height:1px;
border-bottom:1px solid #13258b;
width:148px;
position:absolute;
top:38px;
right:0px;
}
.linia_blue_icon3{
font-size:1px;
height:1px;
border-bottom:1px solid #13258b;
width:156px;
position:absolute;
top:43px;
right:0px;
}


/* ---------------------------------
			MENU
----------------------------------- */

.menu_orange,
.menu_blue,
.menu_green,
.menu_lila,
.menu_marin{
position:absolute;
top:228px;
right:0px;
width:586px;
padding-left:2px;
height:24px;
border:0px solid red;
background-color:#606b87;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
z-index:999;
}

.menu_orange ul,
.menu_blue ul,
.menu_green ul,
.menu_lila ul,
.menu_marin ul{
height:24px;
border:0px solid red;
padding:0;
margin:0;
list-style:none;
}

.menu_orange li,
.menu_blue li,
.menu_green li,
.menu_lila li,
.menu_marin li{
width:135px;
height:24px;
border-right:1px solid #FFFFFF;
float:left;
text-align:center;
}
.menu_orange li a,
.menu_blue li a,
.menu_green li a,
.menu_lila li a,
.menu_marin li a{
color:#FFFFFF; 
text-decoration:none;
padding-top:3px;
height:21px;
display:block;
}
/*
.menu_orange li a:hover{
color:#FFFFFF;
//background-color:#ff6600; 
text-decoration:none;
display:block;
}
*/
.menu_orange li a:hover{
color:#FFFFFF;
/*background-color:#18a9ec; */
text-decoration:none;
display:block;
}
.menu_blue li a:hover{
color:#FFFFFF;
/*background-color:#18a9ec; */
text-decoration:none;
display:block;
}
.menu_green li a:hover{
color:#FFFFFF;
/*background-color:#18a9ec; */
text-decoration:none;
display:block;
}
.menu_lila li a:hover{
color:#FFFFFF;
/*background-color:#18a9ec; */
text-decoration:none;
display:block;
}
/*
.menu_green li a:hover{
color:#FFFFFF;
/*background-color:#82bd3d; 
text-decoration:none;
display:block;
}
.menu_lila li a:hover{
color:#FFFFFF;
/*background-color:#bc83c8; 
text-decoration:none;
display:block;
}
*/
.menu_marin li a:hover{
color:#FFFFFF;
background-color:#09018b; 
text-decoration:none;
display:block;
}



/*.li_orange li a:hover{ background-color:#ffad2d /*#ff6600; }
.li_green li a:hover{ background-color:#82bd3d; }
.li_lila li a:hover{ background-color:#bc83c8; }*/


.li_blue li a:hover{ background-color:#548dd4; /*#18a9ec;*/ }
.li_orange li a:hover{ background-color:#548dd4; /*#18a9ec;*/ }
.li_lila li a:hover{ background-color:#548dd4; /*#18a9ec;*/ }
.li_green li a:hover{ background-color:#548dd4; /*#18a9ec;*/ }

/* ---------------------------------
			MENU LEFT
----------------------------------- */

.menu_left_orange,
.menu_left_blue,
.menu_left_green,
.menu_left_lila{
position:absolute;
top:311px;
left:0px;
width:175px;
height:auto;
border-bottom:0px solid red;
background-color:inherit;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
z-index:999;
}

.menu_left_orange ul,
.menu_left_blue ul,
.menu_left_green ul,
.menu_left_lila ul{
height:auto;
border-bottom:0px solid white;
padding:0;
margin:0;
list-style:none;
}

.menu_left_orange li,
.menu_left_blue li,
.menu_left_green li,
.menu_left_lila li {
width:175px;
height:24px;
text-align:left;
text-indent:15px;
border-bottom: 1px solid white;
}
.menu_left_orange li a,
.menu_left_blue li a,
.menu_left_green li a,
.menu_left_lila li a{
color:#FFFFFF; 
text-decoration:none;
padding-top:3px;
height:21px;
display:block;
}
/*
.menu_left_orange li a:hover{
color:#FFFFFF;
background-color:#fcb88b; 
text-decoration:none;
display:block;
}
.menu_left_green li a:hover{
color:#FFFFFF;
background-color:#c3d684; 
text-decoration:none;
display:block;
}
.menu_left_lila li a:hover{
color:#FFFFFF;
background-color:#caaad1; 
text-decoration:none;
display:block;
}
*/
.menu_left_blue li a:hover{
color:#FFFFFF;
background-color:#9fc4f1; 
text-decoration:none;
display:block;
}
.menu_left_orange li a:hover{
color:#FFFFFF;
background-color:#9fc4f1; 
text-decoration:none;
display:block;
}
.menu_left_lila li a:hover{
color:#FFFFFF;
background-color:#9fc4f1; 
text-decoration:none;
display:block;
}
.menu_left_green li a:hover{
color:#FFFFFF;
background-color:#9fc4f1; 
text-decoration:none;
display:block;
}
/* ---------------------------------
			CONTENT
----------------------------------- */

.info{
position:absolute;
margin-top:-50px;
right:0px;
border:0px solid blue;
width:140px;
font-size:11px; 
color:#999999;
font-family:Arial, Helvetica, sans-serif;
z-index:999;
}

.info a{
display:block;
width:120px;
text-align:right;
background-image:url(../img/info.gif);
background-position:left bottom;
background-repeat:no-repeat;
border:0px solid red;
text-decoration:none;
color:#4f5d7a;
z-index:999;
}
.info a:hover{
display:block;
width:120px;
text-align:right;
background-image:url(../img/info.gif);
background-position:left bottom;
background-repeat:no-repeat;
border:0px solid red;
text-decoration:none;
color:#4daecd;
z-index:999;
}

.path{
position:absolute;
left:205px;
margin-top:-50px;
border:0px solid red;
width:500px;
height:30px;
}


.div_content_empresa{
padding-left:126px; 
padding-right:100px; 
padding-top:309px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000000;
}


.titul_empresa_content{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#3e526d;
}

.linia_content{
position:relative;
padding-top:55px;
font-size:1px;
border-bottom:1px solid #414f6c;
}
.img_empresa1{ position:absolute; background-color:#FFFFFF; top:39px; left:400px; width:55px; height:55px; padding-left:7px; padding-right:7px;}
.img_empresa2{ position:absolute; background-color:#FFFFFF; top:39px; left:465px; width:55px; height:55px; padding-left:7px; padding-right:7px; }



.div_content_software{
border:0px solid red;
padding-left:205px; 
/*padding-right:200px; */
padding-top:309px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000000;
position:relative;
}
.img_content_software{
/*position:absolute;
right:0;
top:320px;*/
float:right;
width:185px;
height:288px;
background-color:#ffffff;
}

.titul_software_content{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
/*color:#ff6500;*/
/*color:#ffad2d;*/
color:#548dd4;
}


.div_content_oficina{
border:0px solid red;
padding-left:205px; 
/*padding-right:250px; */
padding-top:309px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000000;
}
.img_content_oficina{
/*position:absolute;
top:350px;
right:0;*/
float:right;
width:185px;
height:288px;
background-color:#ffffff;
}

.img_content_oficina a{ color:#606b87; font-weight:bold; text-decoration:none;}
.img_content_oficina a:hover{ color:#000000; font-weight:bold; text-decoration:none;}

.titul_oficina_content{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
/*color:#bc83c8;*/
color:#548dd4;
}


.div_content_ofimatica{
border:0px solid red;
padding-left:205px; 
/*padding-right:250px; */
padding-top:309px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000000;
}
.img_content_ofimatica{
/*position:absolute;
top:350px;
right:0;*/
float:right;
width:206px;
height:288px;
background-color:#ffffff;
}

.titul_ofimatica_content{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
/*color:#548dd4;*/
color:#548dd4;
}

.div_content_mobiliari{
border:0px solid red;
padding-left:205px; 
/*padding-right:250px; */
padding-top:309px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#000000;
}
.img_content_mobiliari{
/*position:absolute;
top:350px;
right:0;*/
float:right;
width:185px;
height:288px;
background-color:#ffffff;
}

.titul_mobiliari_content{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
/*
color:#82bd3d;*/

color:#548dd4;
}

/* -------------------------------
			SOFTWARE
----------------------------------*/

.links_software_empresas{
font-size:11px; 
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}
.links_software_empresas a{
font-size:11px; 
color:#999999;
text-decoration:none;
}
.links_software_empresas a:hover{
font-size:11px; 
color:#666666;
text-decoration:underline;
}


.links_iluminats{
font-size:11px; 
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}
.links_iluminats a{
font-size:11px; 
color:#999999;
text-decoration:none;
display:block;
cursor:text;
text-decoration:none;
}
.links_iluminats a:hover{
font-size:11px; 
color:#000000;
text-decoration:underline;
display:block;
cursor:text;
text-decoration:none;
}

/* -------------------------------
			HARDWARE
----------------------------------*/

.div_hardware_list{
width:185px;
height:auto;
float:left;
border:0px solid red;
}

.hardware_list{
width:175px; 
/*float:left;*/
height:auto;
text-align:left;
text-indent:5px;
}

.hardware_list a{
color:#000000; 
text-decoration:none;
padding-top:3px;
width:175px;
height:21px;
display:block;
border-bottom:1px solid #fcb88b;
background-color:#fff2e2; 
}
.hardware_list a:hover{
color:#000000;
padding-top:3px;
width:175px;
height:21px;
background-color:#ffe6c5;
border-bottom:1px solid #fcb88b; 
text-decoration:none;
display:block;
}

.hardware_list_sub{
width:160px;
border:0px solid red;
margin-bottom:10px;
padding:0;
margin:0;
height:auto;
text-align:left;
margin-left:15px;
text-indent:5px;
}

.hardware_list_sub a{
color:#000000; 
text-decoration:none;
padding-top:3px;
width:160px;
height:21px;
display:block;
border-left:1px solid #fcb88b;
border-bottom:1px solid #fcb88b;
background-color:#FFFFFF;
}
.hardware_list_sub a:hover{
color:#fe6400;
border-left:1px solid #fcb88b;
border-bottom:1px solid #fcb88b;
background-color:#ffffff;
text-decoration:none;
display:block;
padding-top:3px;
width:160px;
height:21px;
}


/* -------------------------------
			CATALEG
----------------------------------*/

.link_pdf a{
display:block;
width:155px;
height:18px;
border:0px solid red;
background-image:url(../img/pdf_icon.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color:#666666;
text-decoration:none;
}
.link_pdf a:hover{
display:block;
width:155px;
height:18px;
border:0px solid red;
background-image:url(../img/pdf_icon.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color:#be1d10;
text-decoration:none;
}


/* -------------------------------
			CONTACTO
----------------------------------*/

.fields_left{
width:192px;
border:0px solid red;
float:left;
margin-bottom:10px;
}
.fields_right{
width:192px;
border:0px solid red;
float:left;
margin-left:14px;
margin-bottom:10px;
}

.input_contacto{
width:192px;
border:1px solid #000000;
}

.textarea_contacto{
width:398px;
height:121px;
border:1px solid #000000;
}

.link_enviar a{
display:block;
width:100px;
border:1px solid #606b87;
background-color:#e9efff;
text-align:center;
color:#606b87;
text-decoration:none;
}




/* -----------------------------
			FOOTER
------------------------------- */

#footer {
width: 780px;
height: 1px; 
font-size:0px;
margin: 0 auto;
margin-top:-1px;
text-align: center;
background-color:inherit;
border:0px solid red;
}