/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin:0; padding:0; line-height:1.3em; text-align:left;}
a:link, a:visited, p a:link, p a:visited { text-decoration: none;color:#000000;}
a:hover, p a:hover { text-decoration: none;color:#000000}

h1 { font-size:45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:#fff; margin:0; padding:0; }
h2 { font-size:25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color:#fff; margin:0; padding:0; }

h3 { font-size:21px; font-weight: normal; color:#58595B; margin:0; padding:0; }
h4 { font-size:17px; font-weight: normal; color:#58595B; margin:0; padding:0; padding-left:50px }



/*
---------------------------------------------
02. TOP NAVIGATION 
---------------------------------------------
*/

#nav {height:48px;width: 950px; font-size:13px; font-weight: normal;margin: 0; padding: 0; list-style: none;margin: 0 auto; text-align:center; background: #757D80 url(../images/bg_topnav.gif) repeat-x top left; }

#nav li { font-family:Arial, Helvetica, sans-serif; float: left; margin: 0; padding:0; list-style: none; border-right:1px solid #C2C2C2; background: #757D80 url(../images/bg_topnav.gif) repeat-x top left; }

#nav a { float: left; padding: 14px 18px; padding-right:38px; text-decoration: none; color: #fff; height:20px}
#nav a:hover, #nav a:active { color: #fff; background:#FFBC4A url(../images/bg_topnav_hover.gif)}

#nav .mouseover {background:#FFBC4A url(../images/bg_topnav_hover.gif) repeat-x bottom left; height:20px;}


#navES {height:48px;width: 945px; font-size:13px; font-weight: normal;margin: 0; padding: 0; list-style: none;margin: 0 auto; text-align:center; background: #757D80 url(../images/bg_topnav.gif) repeat-x top left; }

#navES li { font-family:Arial, Helvetica, sans-serif; float: left; margin: 0; padding:0; list-style: none; border-right:1px solid #C2C2C2; background: #757D80 url(../images/bg_topnav.gif) repeat-x top left; }

#navES a { float: left; padding: 14px 18px; padding-right:38px; text-decoration: none; color: #fff; height:20px}
#navES a:hover, #nav a:active { color: #fff; background:#FFBC4A url(../images/bg_topnav_hover.gif)}

#navES .mouseover {background:#FFBC4A url(../images/bg_topnav_hover.gif) repeat-x bottom left; height:20px;}


/*
---------------------------------------------
03. TOP BAR FORM
---------------------------------------------
*/

.input1 { width:170px; border:1px solid #9B9999; padding-left:7px; background:url(../images/bg_input.gif) no-repeat bottom right}
.input2 { width:140px; border:1px solid #9B9999; padding-left:7px; margin-right:4px}


/*
---------------------------------------------
04. INNERPAGE STYLES - ON SOM
---------------------------------------------
*/

.bgonmom { background-color:#B7B6B6}
.onmom_thumbborder { border:1px solid #919090}


/*
---------------------------------------------
05. INNERPAGE STYLES - PROJECTES REALITZATS
---------------------------------------------
*/

.bgprojectes { background-color:#B7B6B6}
.projectes_thumb { width:135px; height:95px; border:1px solid #EDEDED; margin:0; padding:0}


/*
---------------------------------------------
06. INNERPAGE STYLES - EMPRESA
---------------------------------------------
*/

.bgleftpanel { background-color:#6F6E6E}
.p_empresa { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; line-height:1.5em}
.p_empresa_noitalic { font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size:12px; line-height:1.5em}

.nouestil { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFA700; font-size:13px; line-height:1.4em}
.nouestil a:link,  .nouestil a:visited {color:#FFA700; text-decoration:none}
.nouestil a:hover {color:#FFA700; text-decoration: underline}


/*
---------------------------------------------
07. INNERPAGE STYLES - SISTEMES
---------------------------------------------
*/

.heading_left { font-size:35px;}
.bgrightpanel { background-color:#8A8C8A}

.p_sistemes { font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size:13px; line-height:1.5em}

.thumb_sistemes { width:134px; height:134x; border:1px solid #F8F8F8}


#sidebar_sistemes {width: 236px;font-family: Arial, Helvetica, sans-serif; font-size:12px;color: #fff; float:left; font-weight: normal }
#sidebar_sistemes ul { list-style:none; margin:0; padding:0; padding-bottom:10px;}
#sidebar_sistemes li {margin: 0; width:176px;}
#sidebar_sistemes li a {display: block; height:25px;padding: 17px 0px 6px 60px;border-bottom: 1px solid #ACACAC; color: #fff;text-decoration: none;width:100%}

#sidebar_sistemes li #modulacions {margin: 0; width:176px; background: url(../images/sidenav_modulacions.gif);}
#sidebar_sistemes li #modulacions:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_modulacions_hover.gif); text-decoration:none}
#sidebar_sistemes li #modulacions_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_modulacions_hover.gif); text-decoration:none}

#sidebar_sistemes li #folres {margin: 0; width:176px; background: url(../images/sidenav_folres.gif);}
#sidebar_sistemes li #folres:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_folres_hover.gif); text-decoration:none}
#sidebar_sistemes li #folres_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_folres_hover.gif); text-decoration:none}

#sidebar_sistemes li #accessoris1 {margin: 0; width:176px; background: url(../images/sidenav_accessoris1.gif);}
#sidebar_sistemes li #accessoris1:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_accessoris1_hover.gif); text-decoration:none}
#sidebar_sistemes li #accessoris1_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_accessoris1_hover.gif); text-decoration:none}

#sidebar_sistemes li #colors {margin: 0; width:176px; background: url(../images/sidenav_colors.gif);}
#sidebar_sistemes li #colors:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_colors_hover.gif); text-decoration:none}
#sidebar_sistemes li #colors_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_colors_hover.gif); text-decoration:none}

/*
---------------------------------------------
08. INNERPAGE STYLES - MOBILIRI
---------------------------------------------
*/

.p_mobiliri { font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size:13px; line-height:1.5em}


#sidebar_mobiliri {width: 236px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;color: #fff; float:left; font-weight: normal }
#sidebar_mobiliri ul { list-style:none; margin:0; padding:0; padding-bottom:10px;}
#sidebar_mobiliri li {margin: 0; width:176px;}
#sidebar_mobiliri li a {display: block; height:25px;padding: 17px 0px 6px 60px;border-bottom: 1px solid #ACACAC; color: #fff;text-decoration: none;width:100%}

#sidebar_mobiliri li #escriptoris {margin: 0; width:176px; background: url(../images/sidenav_escriptoris.gif);}
#sidebar_mobiliri li #escriptoris:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_escriptoris_hover.gif); text-decoration:none}
#sidebar_mobiliri li #escriptoris_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_escriptoris_hover.gif); text-decoration:none}

#sidebar_mobiliri li #calaixeres {margin: 0; width:176px; background: url(../images/sidenav_calaixeres.gif);}
#sidebar_mobiliri li #calaixeres:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_calaixeres_hover.gif); text-decoration:none}
#sidebar_mobiliri li #calaixeres_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_calaixeres_hover.gif); text-decoration:none}

#sidebar_mobiliri li #cadires {margin: 0; width:176px; background: url(../images/sidenav_cadires.gif);}
#sidebar_mobiliri li #cadires:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_cadires_hover.gif); text-decoration:none}
#sidebar_mobiliri li #cadires_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_cadires_hover.gif); text-decoration:none}

#sidebar_mobiliri li #llibreries {margin: 0; width:176px; background: url(../images/sidenav_llibreries.gif);}
#sidebar_mobiliri li #llibreries:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_llibreries_hover.gif); text-decoration:none}
#sidebar_mobiliri li #llibreries_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_llibreries_hover.gif); text-decoration:none}

#sidebar_mobiliri li #arxivadors {margin: 0; width:176px; background: url(../images/sidenav_arxivadors.gif);}
#sidebar_mobiliri li #arxivadors:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_arxivadors_hover.gif); text-decoration:none}
#sidebar_mobiliri li #arxivadors_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_arxivadors_hover.gif); text-decoration:none}

#sidebar_mobiliri li #accessoris {margin: 0; width:176px; background: url(../images/sidenav_accessoris.gif);}
#sidebar_mobiliri li #accessoris:hover {margin: 0; color:#000; width:176px; background: url(../images/sidenav_accessoris_hover.gif); text-decoration:none}
#sidebar_mobiliri li #accessoris_selected {margin: 0; color:#000; width:176px; background: url(../images/sidenav_accessoris_hover.gif); text-decoration:none}


/*
---------------------------------------------
05. MISCELLANEOUS STYLES
---------------------------------------------
*/


.bggrey { background-color:#A2A39D;}
.divider_right { border-right:1px dotted #FFFFFF; padding-left:10px}
.headingsmall { font-weight: normal; font-size:12px}
.phightlight { font-size:12px; font-weight:bold }
.colorgrey { color:#5F5C5C}
.img_border { border:1px solid #000000}
.Estilo1 {font-size: 12px}
