@import url('https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans:400,600,800,700');
@charset "utf-8";
/* CSS Document */

body {
  background-color: #fff;
  color:#000;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin:0;
}
.clearfix {
  clear: both;
}
/* Fonts */
@font-face {
    font-family: 'Serifa';
    src: url('../fonts/serifa/serifa_75_black.eot');
    src: url('../fonts/serifa/serifa_75_black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/serifa/serifa_75_black.woff') format('woff'),
         url('../fonts/serifa/serifa_75_black.ttf') format('truetype'),
         url('../fonts/serifa/serifa_75_black.svg#Serifa') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Nicedit */
 
.nicEdit-main {
        background-color: #fff !important;
} 
.nicEdit-button {
        background-color: #fff !important;
}

.nicEdit-panelContain {  }

#eltextarea, #eltextarea2 {margin-left:160px; }


/* Cuerpo */
#titulo { background-color:#000; width:100%; padding:5px 0; }
#titulo h1 { color:#FFF; font-size:20px; font-weight:bold; margin:0; padding:0; }
.error-login { width:auto !important; color:#F00; margin-left:165px; font-family:Arial; font-size:13px; margin-top:20px; }
.error-pub { color:#F00; font-weight:700; font-size:13px;}
.info-pub { color:#0099FF; font-weight:700; font-size:13px;}
#login label.error { width:auto !important; color:#F00; margin-left:165px; }
label.error { width:auto !important; color:#F00; margin-left:20px; }
a, .nouenllas a:hover { text-decoration:none; color:#0099FF; font-weight:700; }
.container { width:1170px; margin:0px auto; }
#contenido { width:1170px; margin:20px auto;  }
#contenido-fluid { width:100%; margin:20px auto;  }
#contenido-full { width: 1534px; margin:20px auto;  }
#contenido-full  .tfood_td { padding: 10px 2px;}

#contenido-full  .head_th { padding: 10px 2px; text-align:right;}
#contenido-full  .head_th_l { padding: 10px 2px; text-align:left; border-bottom: 1px solid #0099FF;}
#contenido-full table tr.dos td { padding: 10px 2px;}
#contenido-full table tr.uno td { padding: 10px 2px;}
.mt30 { margin-top:30px !important; }
#llistat { width:1170px; margin:20px auto; min-height:200px; }
.azul {color: #0099FF; font-weight:700; }
.petit {color: #666; font-weight:700; font-size:12px; }
.mida250 { min-width:250px !important; }
.petitblau {color: #0099FF; font-weight:700; font-size:12px; }
.petitnegre {color: #000; font-weight:700; font-size:12px; }
.icono { margin-right:10px;}
#header, #footer { width:100%; background-color:#0099FF; color:#FFF; padding: 20px 0; min-height:40px;}
#header h1 { font-family: 'Serifa'; font-size:50px; color:#FFF; font-weight:bold; margin:0; padding:0; }
.row-a { padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999;}
.row-b { padding:20px; color:#000; background-color:#ccebff; border-radius:5px; border:1px solid #4fb6f9; margin:10px 0;}
.row-pre { padding:20px; color:#000; background-color:#ccebff; border-radius:5px; border:1px solid #4fb6f9; margin:10px 0;}
.row-pre fieldset { border:none; margin:0; padding:0; display:inline-block; width: auto; }
.row-pre label { display:block; text-align:center; width: auto; }
.bloc { padding:20px; color:#000; background-color:#fff; border-radius:5px; border:1px solid #4fb6f9;}
.bloc input { width: 100px !important; } 
.check { color:#FFF; background-color:#0099FF; width:80px; height:25px; border-radius:3px; margin:0 !important; padding:0 !important; border-color:#0099FF;   }
/* Formulario */
fieldset { border:none; margin:0; padding:0; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px 6px;
    vertical-align: middle;
}
#llistat label {width:auto !important; font-size:14px; color:#666; }
label {
    display: inline-block;
    margin-bottom: 5px;
	width:150px;
	text-align:right;
	padding-right:10px;
   
}
label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
	font-family: arial;
	
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #999);
    background-repeat: repeat-x;
    border-color: #BBBBBB #BBBBBB #A2A2A2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 18px;
    margin-top: 10px;
	margin-left:160px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn_blau {
    background-color: #4fb6f9;
	color: #FFF; 
    border-radius: 5px;
     border:1px solid #4fb6f9;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 18px;
    margin-top: 10px;
	margin-left:164px;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
}

.btn_blau_pre {
    background-color: #4fb6f9;
	color: #FFF; 
    border-radius: 5px;
     border:1px solid #4fb6f9;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 18px;
	margin:10px 0 0 0;
	
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
}
.btn_gris_pre {
    background-color: #666;
	color: #FFF; 
    border-radius: 5px;
     border:1px solid #666;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 18px;
	margin:10px 0 0 0;
	
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
	margin-left:160px;
}

.cambio { font-weight:bold; color:#000; font-size:16px; background-color:#FFF; border-radius: 4px; width:150px; margin: 20px 0 20px 160px; padding:2px 5px; border: 1px solid #4fb6f9; }
.btn_plus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #999);
    background-repeat: repeat-x;
    border-color: #BBBBBB #BBBBBB #A2A2A2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
    line-height: 18px;
    margin-top: 0px;
	margin-left:20px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.menu { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; margin-right:20px; width:330px; min-height:300px; margin-bottom:20px;}
.menu-der { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; width:330px; min-height:300px; margin-bottom:20px;}
.menu-der h1 { font-family: 'Serifa'; font-size:20px; color:#000; font-weight:bold; margin:0; margin-bottom:5px; }
.menu h1 { font-family: 'Serifa'; font-size:20px; color:#000; font-weight:bold; margin:0; margin-bottom:15px; }
.menu h2 { font-family: 'Serifa'; font-size:16px; color:#000; font-weight:bold; margin:0; margin-bottom:5px; }
.menu ul, .menu-der ul { list-style-image:none; list-style:none; margin:0; padding:0; margin-bottom:10px;} 

.footer-esq { width:50%; float:left; }
.footer-der { width:50%; float:left; text-align:right;}

.header-esq, .titulo-esq { width:80%; float:left; }
.header-der, .titulo-der { width:20%; float:left; text-align:right; }
#login {  padding:20px; color:#000; background-color:#ccebff; border-radius:5px; border:1px solid #4fb6f9; margin:100px auto; width:400px;}

.menu-home { padding:10px !important; color:#000; background-color:#0099FF; border-radius:5px; border:1px solid #0099FF; margin:10px 0; display:inline-block; width:135px;  margin-right:10px !important;  }
.menu-home-b { padding:10px !important; color:#000; background-color:#0099FF; border-radius:5px; border:1px solid #0099FF; margin:10px 0; display:inline-block; width:135px;  }
.menu-home a, .menu-home a:hover, .menu-home-b a, .menu-home-b a:hover { color:#FFF; text-decoration:none; }

ul.escull_linia { margin:0; padding:0; list-style:none; padding-left:159px; display:inline-block !important; }
ul.escull_linia li { display:inline-block; width:300px; }

ul.mostrar_linia { margin:0; padding:0; list-style:none; padding-left:159px; }

ul.escull_client { margin:0; padding:0; list-style:none; padding-left:159px; display:inline-block !important; }

ul.escull_linia_pre { margin:15px 0; padding:0; list-style:none; padding-left:0px; display:inline-block !important; }
ul.escull_linia_pre li { display:inline-block; width:300px; }
.mostrar_contingut {margin-left:150px; }
.mostrar_subtotal { padding:10px; color:#000; font-weight:bold; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; margin:15px 0 0 0; width:200px;}
.blanc { width:100%; height:1px; background-color:#999; margin:10px 0; }
.subtotal { background: none !important; border: none !important; box-shadow: none !important;}

.menu_li { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; margin-right:20px; width:223px; height:278px; margin-bottom:20px;}
.menu_li_2 { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; margin-right:20px; width:223px; height:170px; margin-bottom:20px;}
.menu_li_3 { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; margin-right:20px; width:223px; height:650px; margin-bottom:20px;}
.menu_li h1, .menu_li_2 h1, .menu_li_3 h1, .menu_li_der h1 { font-family: 'Serifa'; font-size:20px; color:#000; font-weight:bold; margin:0; margin-bottom:15px; padding-top: 5px; padding-left:40px; }
.menu_li_der { float:left; padding:20px; color:#000; background-color:#e9e9e9; border-radius:5px; border:1px solid #999; width:273x; height:510px; margin-bottom:20px;}
#menu_dreta { float:left; width: 855px;}
#menu_esquerra { float:left; width:315px;}
#ico_clients { background:url(../images/ico-clients.png) top left no-repeat; width:203; height:180px; }
#ico_linia_com { background:url(../images/ico-linia.png) top left no-repeat; width:203px; height:180;}

#ico_pressupostos { background:url(../images/ico-pressupostos.png) top left no-repeat; width:203; height:180px; }
#ico_banners { background:url(../images/ico-banners.png) top left no-repeat; width:203; height:180px; }
#ico_vendes { background:url(../images/ico-vendes.png) top left no-repeat; width:203; height:180px; }
#ico_rebuts { background:url(../images/ico-rebuts.png) top left no-repeat; width:203; height:180px; }
#ico_factures { background:url(../images/ico-factures.png) top left no-repeat; width:203; height:180px; }
#ico_abonaments { background:url(../images/ico-abonaments.png) top left no-repeat; width:203px; height:180px; }
#ico_informes { background:url(../images/ico-informes.png) top left no-repeat; width:273px; height:422px; }
#ico_configuracio { background:url(../images/ico-configuracio.png) top left no-repeat; width:250px; height:30px; margin:0 auto; margin-bottom:25px;}

#ico_comercial { background:url(../images/ico-comercial.png) top left no-repeat; width:267px; height:30px; margin:0 auto; margin-bottom:15px;}
#ico_linia { background:url(../images/ico-linia.png) top left no-repeat; width:267px; height:30px; margin:0 auto; margin-bottom:15px;}
#ico_empresa { background:url(../images/ico-empresa.png) top left no-repeat; width:265px; height:30px; margin:0 auto; margin-bottom:15px;}
#ico_fitxa { background:url(../images/ico-fitxa.png) top left no-repeat; width:267px; height:30px; margin:0 auto; margin-bottom:15px;}

#menu_configuracio h2 { font-family: 'Serifa'; font-size:20px; color:#666; font-weight:bold; margin:0; padding-top:7px; padding-left:40px;}
.item_menu { padding:5px !important; color:#000; background-color:#0099FF; border-radius:5px; margin-top:5px; display:inline-block; text-align:center; width:213px;  }
.item_menu-sub { padding:5px !important; color:#fff; background-color:#000; border-radius:5px; margin-top:5px; display:inline-block; text-align:center; width:213px;  }
.item_menu_der { padding:5px !important; color:#000; background-color:#0099FF; border-radius:5px; margin-top:5px; display:inline-block; text-align:center; width:263px;  }
.item_menu a, .item_menu_der a, .item_menu_conf a { color:#FFF; text-decoration:none; }
.item_menu a:hover, .item_menu_der a:hover, .item_menu_conf a:hover { color:#FFF; text-decoration: underline; }
#menu_configuracio { padding:20px; color:#000; border-radius:5px; border:1px solid #0099FF; width:1128px; height:280px; margin:20px 0;}
#menu_configuracio h1 { font-family: 'Serifa'; font-size:25px; color:#000; font-weight:bold; margin:0; text-align:center; padding-top:5px; padding-left:30px;}
.menu_configuracio_item { float:left; width:267px; margin-right:20px; color:#000; border-radius:5px; }
.menu_configuracio_item_der { float:left; width:265px;  color:#000; border-radius:5px; } 
.item_menu_conf { padding:5px !important; color:#fff; background-color:#999; border-radius:5px; margin-top:5px; display:inline-block; text-align:center; width:235px;  }
#select1 ,#select2 { height:350px; width:200px;}



@media print {
 @page {size: portrait;}
 body { background: #fff !important;  font-size: 6px !important; color:#0F3 !important; }
 #contenido-full table tr.uno td {
    padding: 10px 10px; color:#F00M
}
}