/*****************************************************************************/
/*
vermell:#ed3125
taronja:#eb7405
blau cel:#6481ec;
blau fosc:#355be7;
blau cavallfort:#2d417e;
groc cavallfort:#f4a70b;
*/
a {
   outline: none;
}

body {
 background-color: #ffffff;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 margin: 0;
 padding: 0;
}
#container{
 margin-left:auto;
 margin-right:auto;
 width:100%;
}
#batchprocesslayer{
 display:none;
/* position:absolute;*/
 position:fixed;
 top:0;
 right:0;
 z-index:1001;
 color:#34343c;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:11px;
 background-color:#2d417e;
 border:1px solid #eb7405;
}
#batchprocesslayercap{
 padding:3px;
 text-align:right;
 background-color:#eb7405;
}
#batchprocesslayercos{
 padding:2px;
 text-align:left;
 color:#ffffff;
}

#toTop, #toBottom
{
 -webkit-box-shadow: 5px 5px 5px #555;
 -moz-box-shadow: 5px 5px 5px #555;
 box-shadow: 5px 5px 5px #555;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 border-radius: 25px;
 position: fixed;
 width: 50px;
 height: 50px;
 text-align: center;
 z-index: 102;
 background-color: white;
 right:15px;
 display: none;
}

#toTop:active, #toBottom:active
{
 -webkit-box-shadow: 1px 1px 1px #555;
 -moz-box-shadow: 1px 1px 1px #555;
 box-shadow: 1px 1px 1px #555;

 -moz-transform: translate(2px,2px);
 -webkit-transform: translate(2px,2px);
 -ms-transform: translate(2px,2px);
 -o-transform: translate(2px,2px);
 transform: translate(2px,2px);
}

#toTop
{
 bottom:15px;
}
#toBottom
{
 top:15px;
}

#toTop a,
#toBottom a
{
 font-size: 25px;
 color: black;
 margin-top: 15px;
 text-decoration: none;
}

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:2.5em;
   font-weight: bold;
   padding: 0;
   margin:1% 0;
}
h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

input {
 background-color:#ffffff;
 color:#000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 outline: none;
 padding:2px;
 vertical-align: middle;
 border:1px solid #777777;
}

.inputro {
 background-color:#d7d7d7;
 color:#555555;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 padding:2px;
 border:1px solid #777777;
}

input[type=checkbox] {
  border:none;
}
input[type=radio] {
  border:none;
}
input[type=image], img{
  border:none;
  background-color:transparent;
}

input::-moz-focus-inner {
   border: 0;
}

input:disabled, textarea:disabled
{
background-color: rgb(235, 235, 228);
resize: none;
}

input:read-only, textarea:read-only
{
background-color: rgb(235, 235, 228);
resize: none;
}

.gray
{
 border: 1px solid #888888;
 background-color: rgb(235, 235, 228);
 resize: none;
}

.short
{
text-align: center;
width: 25px;
}



img{
 max-width:100%;
}

/*input.Button {
   background-color: #666666;
   border: 2px #666666 outset;
   border-radius: 10px;
   color: #ffffff;
   cursor: pointer;
   font-size: 14px;
   line-height: 14px;
   padding: 0px 8px 0px 8px;
}*/

.Button, #homeLoginBox input[type='submit'] {
 color:#ffffff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 text-decoration:none;
 text-align:center;
 vertical-align:middle;
 padding:4px 8px;
 cursor:pointer;
 background-color:#ed3125;
 border:1px solid #777777;
 -moz-box-shadow: 0 0 10px #555555;
 -webkit-box-shadow: 0 0 10px #555555;
 box-shadow: 0 0 10px #555555;
 -moz-border-radius:5px;
 border-radius:5px;
 -webkit-border-radius:5px;
 behavior: url(/css/pie/PIE.htc);
}
.Button:hover{background-color:#666666;}

img.buttimg{cursor:pointer;vertical-align:middle;}
input.Add {
   background-color:#3cb53c;
 /* border-color: #00ff00;*/
}

input.Del {
/*   background-color: #ff0000;*/
/* border-color: #ff0000;*/
}

input.Edt {
   background-color: #ffff00;
   border-color: #ffff00;
   border-radius: 10px;
   font-size: 16px;
   line-height: 16px;
   padding: 1px 6px 1px 6px;
}

input.ButtonDown {
   border-style: inset;
}

select {
   background-color: #ffffff;
   border: 1px solid #666666;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
/*   height: 18px;
   outline: none;*/
   padding:2px;
   vertical-align: middle;
}
select::-moz-focus-inner {
   border: 0;
}

textarea {
   background-color: #ffffff;
   border: 1px solid #666666;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   outline: none;
   padding:2px;
}

textarea::-moz-focus-inner {
   border: 0;
}

/*****************************************************************************/

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  display: inline-block;
}

div.buit {
 clear:both;
}

.ajaxcarrega
{
 padding:5px;
}
.carregant
{
 font-size:12px;
 padding:3px;
/* color:#ffffff;
 background-color:red;*/
 color:#eb7405;
}
.textavis{
 color:#000000;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:left;
 margin:2px;
 padding:3px;
/* border:1px solid #eb7405;
 background-color:#edded0;*/
}
.textavisboxok
{
 color:#000000;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:left;
 margin:2px;
 padding:4px;
 border:1px solid #06c653;
 background-color:#afe1c3;
}
.textavisboxerr
{
 color:#000000;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-align:left;
 margin:2px;
 padding:4px;
 border:1px solid #e30000;
 background-color:#ffa0a0;
}

.textmsg1
{
 color:#000000;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:12px;
}
.textmsg2
{
 color:#ffffff;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:1.1em;
}
.textmsgerr1
{
 color:red;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:12px;
}

#frmpayereditresultmsg,#frmsubscribereditresultmsg,#frmcityeditresultmsg,#frmpayerlistresultmsg,#frmchargelistresultmsg,#frmsrchpayerfields,#frmsrchsubscriberfields,#frmsrchnotifields4,#frmsrchactionfields,#frmsrchsubsfields,#frmpaymodeeditpaymodeinfo1,#frmpaymodeeditpaymodeinfo7,#buttsubscriberedit,#buttpayeredit{display:none;}
.paymodeinfoadd
{
 padding:10px 2px 10px 60px;
}
.round
{
 -moz-border-radius:5px;
 border-radius:5px;
 -webkit-border-radius:5px;
 behavior: url(/css/pie/PIE.htc);
}
.roundsup
{
 -moz-border-radius:5px 5px 0 0;
 border-radius:5px 5px 0 0;
 -webkit-border-radius:5px 5px 0 0;
 behavior: url(/css/pie/PIE.htc);
}
.roundinf
{
 -moz-border-radius:0 0 5px 5px;
 border-radius:0 0 5px 5px;
 -webkit-border-radius:0 0 5px 5px;
 behavior: url(/css/pie/PIE.htc);
}
.rounddre
{
 -moz-border-radius:0 5px 5px 0;
 border-radius:0 5px 5px 0;
 -webkit-border-radius:0 5px 5px 0;
 behavior: url(/css/pie/PIE.htc);
}
.capctitol
{
 padding:4px;
 margin-bottom: 20px;
 border:1px solid #555555;
 -moz-box-shadow: 0 0 10px #555555;
 -webkit-box-shadow: 0 0 10px #555555;
 box-shadow: 0 0 10px #555555;
}


div.Botons
{
 padding:6px;
 margin-top:5px;
 text-align:center;
 border-top:1px solid #d7d7d7;
clear:both;
}
div.paginatBotons
{
 float:right;
 padding:2px;
}
.paginatBoto
{
 padding:2px;
 color:#555555;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
 cursor:pointer;
}
.paginatBoto:hover{background-color:#ffdead;}
.paginatBotoActiu{color:#333333;background-color:#ffdead;}
div.linia1{
 clear:both;
 position:relative;
 width:100%;
 padding: 2px;
}
div.linia2{
 clear:both;
 position:relative;
 width:100%;
 padding: 2px;
 text-align:center;
}
div.linia3{
 clear:both;
 position:relative;
 padding: 2px;
}
label.campform1
{
 clear:both;
 float:left;
 display:block;
/* width:140px;*/
 padding:2px;
 margin-right:4px;
 text-align:right;
 color:#ffffff;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
}

label.campform2
{
/* clear:both;*/
 float:left;
 display:block;
 width:160px;
 padding:2px;
 margin-right:4px;
 text-align:right;
 font-family:Arial, Verdana, Helvetica, sans-serif;
 font-size:12px;
}
.formedit
{
 width:100%;
}
.chrgdata,.notidata,.reportdata
{
 clear:both;
 position:relative;
 width:60%;
 margin:15px auto;
 padding: 2px;
 text-align:center;
}
.reportdata
{
 width:100%;
}

/*****************************************************************************/
div#header {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 width:95%;
}
/*
div#headerInner {
   float: left;
   left: 50%;
   margin-left: -500px;
   position: relative;
   width: 1000px;
}
*/
div#cos {
 width:95%;
 position:relative;
 padding: 10px 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5px;
 min-height:450px;
}
/*
div#cosInner {
   float: left;
   left: 50%;
   margin-left: -500px;
   min-height: 150px;
   position: relative;
   width: 1000px;
}
*/
div#banner
{
 clear: both;
 position: relative;
 width:100%;
 min-height:420px;
 background-image: url(/img/banner-homesite.jpg);
 overflow:hidden;
}
div.semitranspover7{
 background-color:#000000;
 -moz-opacity:0.7;
 opacity:.70;
 filter: alpha(opacity=70);
 z-index:10;
/*  background-color: rgba(0, 0, 0, 0.6);*/
}
div.dvflotantdresup{position:absolute;top:0;right:0;z-index:10;}
div.infoappport{
 display:block;
 position:absolute;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7))); */
 color:#ffffff;
 font-size:14px;
/*  font-weight:bold; */
/*  float:right; */
/*  display: block; */
 /*left:0;*/
 top:0;
 width:100%;
 padding:10px;
 text-align:center;
 z-index:1;
word-wrap: break-word;
}
div.textappport{
 float:left;
 position:relative;
 margin-left:15%;
 width:70%;
 text-align:center;
}

div#peu {
 position: relative;
 width:100%;
 min-height:50px;
 margin:20px 0;
 background-color:#555555;
}
/*
div#peuInner {
   float: left;
   left: 50%;
   margin-left: -500px;
   position: relative;
   width: 1000px;
}
*/
div.Peu {
 margin:10px 0;
 position:relative;
 width:100%;
 color:#ffffff;
}

div.Peu a{
   color: #ffffff;
   text-decoration: none;
}
div.Peu a:hover{text-decoration: underline;}
div.peuesq{float:left;width:48%;text-align:left;padding:15px 10px;}
div.peudre{float:right;width:48%;text-align:right;padding:15px 10px;}

/*
div#footer {
   clear: both;
   float: left;
   position: relative;
   width: 100%;
}
div#footerInner {
   float: left;
   left: 50%;
   margin-left: -500px;
   min-height: 50px;
   position: relative;
   width:1000px;
}
div.Footer {
   float: left;
   min-height: 150px;
   position: relative;
   width: 100%;
}
*/

#homeLoginBox {
 position:relative;
 z-index: 10;
 margin: -14% auto 0 auto;
 padding:10px;
 width:350px;
 text-align:center;
 background-color:#ffffff;
 border:1px solid #888888;
 -moz-box-shadow: 0 0 10px #888888;
 -webkit-box-shadow: 0 0 10px #888888;
 box-shadow: 0 0 10px #888888;
 -moz-border-radius:5px;
 border-radius:5px;
 -webkit-border-radius:5px;
 behavior: url(/css/pie/PIE.htc);
}
.homeLoginBoxTit {
 color:#ffffff;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 padding:16px;
 background-color:#ed3125;
 -moz-border-radius:5px;
 border-radius:5px;
 -webkit-border-radius:5px;
 behavior: url(/css/pie/PIE.htc);
} 
#homeLoginBox input {
   border: 1px solid #666666;
   -moz-box-shadow:    3px 3px 5px 3px #cccccc;
   -webkit-box-shadow: 3px 3px 5px 3px #cccccc;
   box-shadow:         3px 3px 5px 3px #cccccc;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 5px;
}

@media screen and (max-width: 400px) {
 div#banner
 {
  overflow:inherit;
 }
 #homeLoginBox{
  margin: 18% auto 0 auto;
  width:80%;
 }
 div.infoappport{width:auto;}
 div.textappport{
 margin-left:auto;
 margin-right:auto;
 width:80%;
 }
}

/*
#homeLoginBox input[type='submit'] {
	color:#ffffff;
   background-color: #cccccc;
   -moz-box-shadow:    0px 0px 0px 0px #ffffff;
   -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
   box-shadow:         0px 0px 0px 0px #ffffff;
}
*/
div#home {
 width:100%;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px; 
 position: relative;
 text-align: center;
}

div.MenuSectTit
{
 width:100%;
 position:relative;
 text-align: center;
 margin-bottom:10px;
 padding:10px 0;
 color:#000000;
 font-size:20px;
 background-color:#f4a70b;
 border: 1px solid #666666;
   -moz-box-shadow:    3px 3px 5px 3px #cccccc;
   -webkit-box-shadow: 3px 3px 5px 3px #cccccc;
   box-shadow:         3px 3px 5px 3px #cccccc;
}

div#menuSect {
   float: left;
   width:15%;
   position: relative;
}
/*.menuSectnorm {
   float: left;
   width:15%;
   position: relative;
}
.menuSectflot {
   float: left;
   width:15%;
   position: absolute;
   top:50px;
   left:-20px;
   z-index:1001;
}*/
#menuSectTipIcon{cursor:pointer;vertical-align:bottom;float:left;padding-left:5px;}
#menuSectIconshow {
 position:fixed;
 top:65px;
 left:0px;
 z-index:1001;
 cursor:pointer;
 background-color: #f4a70b;
 border: 1px solid #666666;
 box-shadow: 3px 3px 5px 3px #cccccc;
 color: #000000;
 padding:4px 2px;
 text-align: center;
 display:none;
}
div.SubMenuSect {
  display:none;
  float: left;
  position: relative;
  width:94%;
  padding-left:10px;
}

div#bodySect {
   float:right;
   /*margin-left: 20px;*/
   position: relative;
   width:83%;
}

div#menuSide {
   float: right;
   padding-left: 11px;
   position: relative;
   width: 85px;
}

/*****************************************************************************/

a.ButtonSmall {
   background-color: #ffffff;
   border: 1px solid #000000;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow:         3px 3px 5px 3px #cccccc;
   -moz-box-shadow:    3px 3px 5px 3px #cccccc;
   -webkit-box-shadow: 3px 3px 5px 3px #cccccc;
   color: #000000;
   display: block;
   float: left;
   font-size: 10px;
   height: 70px;
   margin: 0px 5px 10px 0px;
   padding: 5px;
   position: relative;
   width: 70px;
   text-align: center;
   text-decoration: none;
}

a.ButtonSmall:hover {
   background-color: #ccc;
   box-shadow:         0px 0px 0px 0px #ffffff;
   -moz-box-shadow:    0px 0px 0px 0px #ffffff;
   -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
   color: #ffffff;
}

a.MenuSect {
   border: 2px outset #000000;
   border-radius: 4px;
   color: #000000;
   display: block;
   float: left;
   font-weight: bold;
   margin-top:3px;
   padding: 3px 4px 3px 4px;
   position: relative;
   text-decoration: none;
   /*width: 190px;*/
   width:95%;
   background-color:#f7f7f7;
}
a.MenuSect:hover{ background-color: #ffb74c; }
a.MenuSectAct{ background-color: #ffb74c; }
a.MenuSectDown{ border-style: inset; }

a.SubMenuSect {
   display: block;
   float: left;
   position: relative;
   border: 1px outset #000000;
   border-radius: 4px;
   color: #000000;
   font-weight: bold;
   margin-bottom: 2px;
   padding: 2px 4px 2px 4px;
   text-decoration: none;
   width:94%;
}
a.SubMenuSect:hover{ background-color: #ffdead; } /* groc #ffb74c;*/
a.SubMenuSectAct{ background-color: #ffdead; } /*rosat  #ffb69f;*/

a.link0{
 color:#3b3bd2;
 text-decoration:underline;
}
a.link0:hover{text-decoration:none;}

a.link1{
 color:#ed3125;
 text-decoration:underline;
}
a.link1:hover{text-decoration:none;}
a.link1actiu{color:#ed3125;text-decoration:none;font-weight:bold;}

div.Header {
   background-image: url(/img/logo.png);
   background-repeat: no-repeat;
   color: #000000;
   float: left;
   font-size: 22px;
   font-style: italic;
   height:120px;
   margin:4px 0 0 0;
   position: relative;
   text-align: center;
   width: 100%;
}
div.HeaderLangs,div.HeaderVersions
{
 display:block;
 float:right;
 text-align:right;
 padding:3px;
 margin-left:15px;
 background-color:#dfdfdf;
}
div.HeaderSub{width:100%;background-color:#dfdfdf;border:1px solid #dfdfdf;}
div#menu {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 width:95%;
 margin-top:5px;
}

div#menuInner {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 padding:5px 10px;
 background-color:#2d417e;
}
div.Menup {
 margin-left:auto;
 margin-right:auto;
 position:relative;
 width:100%;
}
ul.Menupul,ul.Menuhomeul{list-style:none;margin:0;padding:0;}
ul.Menuhomeul li{
 float:left;
 margin: 15px;
 padding:5px;
 border: 1px solid #dfdfdf;
   background-color: #ffffff;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow:         3px 3px 5px 3px #cccccc;
   -moz-box-shadow:    3px 3px 5px 3px #cccccc;
   -webkit-box-shadow: 3px 3px 5px 3px #cccccc;
}
ul.Menuhomeul li:hover {
   background-color: #cccccc;
   box-shadow:         0px 0px 0px 0px #ffffff;
   -moz-box-shadow:    0px 0px 0px 0px #ffffff;
   -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
   color: #ffffff;
}

ul.Menupul li, ul.Menupul li.opmenusupactiu {
 float:left;
 height:25px;
 background-color:#355be7; 
 border:1px solid #ffffff; 
}

ul.Menupul li a
{
 display:block;
 padding:6px;
 color:#ffffff;
 font-family:"Trebuchet MS",arial,tahoma;
 font-size:12px;
 text-decoration:none;
 text-align:left;
 vertical-align:middle;
}
ul.Menupul li a:hover{background-color:#355be7;text-decoration:underline;}

ul.Menupul li a.opmenusupactiu{
 color:#ffffff;
 font-family:"Trebuchet MS",arial,tahoma;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
}

div.ButtonBig {
   position: relative;
   display: block;
   height:140px;
   margin:0;
   padding:0;
   width:140px;
   overflow: hidden; 
}
div.ButtonBigTxt{
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 padding:10px 4px;
 border:none;
 color: #ffffff;
 font-size: 12px;
 text-align: center;
 text-decoration: none;
}

div.MenuLeft {
   float: left;
   position: relative;
}

div.MenuRight {
   float: right;
   position: relative;
}

div.publijobs{width:100%;padding:2px;background-color:#355be7;}

div.Cos {
 width:100%;
 position;: relative;
 padding: 10px 0;
 margin: 0 auto;
}

div.Section {
   clear: both;
   float: left;
   left: 50%;
   margin-left: -500px;
   min-height: 310px;
   padding: 20px 10px 20px 10px;
   position: relative;
   width: 980px;
}

div.GestSrchHead {
 float: left;
 position: relative;
 width: 100%;
 padding:4px;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 border-bottom:1px solid #888888;
}

div.GestSrchBody {
 float: left;
 position: relative;
 margin-top: 10px;
 width: 100%;
 border: 1px solid #888888;
}

div.GestSrchFoot {
   float: left;
   margin-top: 10px;
   position: relative;
   text-align: right;
   width: 100%;
}

div.GestFormHead {
   float: left;
   position: relative;
   width: 100%;
}

div.GestFormBody {
   border: 1px solid #000000;
   float: left;
   margin-top: 10px;
   position: relative;
   width: 100%;
}

div.GestFormFoot {
   float: left;
   margin-top: 10px;
   position: relative;
   width: 100%;
}

div.GestList {
 float: left;
 position: relative;
 margin-top:15px;
 width: 100%;
 background-color:#ffffff;
 border:1px solid #dfdfdf;
}

div.GestListHead {
 float: left;
 position: relative;
 width: 100%;
 padding:4px;
 font-family:Arial,Verdana,Helvetica, sans-serif;
 border-bottom:1px solid #888888;
}

div.GestListBody {
/*   border: 1px solid #000000;*/
   float: left;
   margin-top: 10px;
   position: relative;
   width: 100%;
}

div.GestListFoot {
 float: left;
 position: relative;
 width: 100%;
   margin-top: 10px;
   text-align: right;
}

div.GestSrchRow {
   background-color:#efefef;
   float: left;
   position:relative;
   margin: 2px 0px 2px 0px;
   padding: 1px 0px 1px 0px;
   position: relative;
   width: 100%;
}

.GestSrchTxt {
   float: left;
   padding:0.4% 0 0.4% 1%;
   position: relative;
/*   width: 32%;*/
}
div.GestSrchVal {
   float: left;
   padding:0 0 0 0.8%;
   position: relative;
/*   width: 65%;*/
}

div.GestFormRow {
   background-color: #ffec8b;
   float: left;
   margin: 2px 0px 2px 0px;
   padding: 1px 0px 1px 0px;
   position: relative;
   width: 100%;
}

div.GestFormTxt {
   float: left;
   padding: 0 1% 0 1%;
   position: relative;
   width: 32%;
}

div.GestFormVal {
   float: left;
   padding: 0 0 0 1%;
   position: relative;
   width: 65%;
}

table.GestTablList
{
 width:100%;
 margin: 0;
 padding: 0;
 border-spacing: 0;
}
th.GestTablCap {
   background-color:#555555;
   color:#ffffff;
   font-weight:bold;
   padding:4px;
   text-align: left;
   border-bottom: 5px solid white;
/*  text-align: center; */
}
/*
th.GestTablCap:hover
{
 background-color:#eb7405;
 cursor:pointer;
}
*/
th.GestTablCap a
{
  color: #ffffff;
  font-size: 10px;
  padding: 2px;
  text-decoration: none;
}

.GestListL {
   padding: 2px 4px 2px 4px;
   text-align: left;
}
.GestListC {
   padding: 2px 4px 2px 4px;
   text-align: center;
}
.GestListR {
   padding: 2px 4px 2px 4px;
   text-align: right;
}
th.GestListL a {
   color: #000000;
   text-decoration: none;
}
th.GestListC a {
   color: #000000;
   text-decoration: none;
}
th.GestListR a {
   color: #000000;
   text-decoration: none;
}

tr.GestLinSenar {
 background-color:#ffffff;
 color:#34343c;
}
tr.GestLinParell {
 background-color:#efefef;
 color:#34343c;
}
tr.GestLinActiu{
/*  background-color:#f19200;
 color:#ffffff;*/
/* background-color:#ffedcd;*/
 background-color:#c0c3be;
}

/*
   background-color: #aaaaaa;
   background-color: #dddddd;
*/


/*****************************************************************************/
.subscripBox
{
 clear:both;
 border:1px solid #b7b7b7;
 margin-top:10px;
 margin-bottom:10px;
}
.subscripBox .linia1 h3{width:99.5%;background-color:#efefef;}

.subscriptionsEdit div.GestFormTxt
{
 width: auto;
 min-width: 140px;
}

.subscriptionsEdit div.GestFormVal
{
 width: auto;
 min-width: 75%;
}


input[type='number']
{
 text-align: right;
}

#kcfinder
{
 min-height: 500px;
}

.comment
{
 float: left;
 position:relative;
 margin:5px 0 5px 20px;
 min-width:500px;
 padding:5px;
 border: 1px solid #b7b7b7;
 background-color:#f7f7f7;
}
pre.comments
{
 float: left;
 padding:2px 0 0 5px;
 margin:0;
 font-family: Arial, Verdana, Helvetica, sans-serif; 
 font-size:12px;
}

div.promotion
{
 float: left;
 position:relative;
 min-width:280px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding:5px;
 background-color: #f7f7f7;
 border: 1px solid #b7b7b7;
}

div.promotion input, div.promotion select
{
 margin-top: 2px;
}

#divactionvalue
{
 display: none;
 margin: 2px 0;
}

span.promotionlabel
{
/* width: 45px;*/
 font-weight:bold;
 display: inline-block;
 vertical-align:top;
}
.promotionCap,.commentCap
{
 position:relative;
 padding:6px;
 color:#333333;
 background-color:#ffb74c;
}

.srpredlist
{
 float:left;
 padding:1px;
}

a.dt-button.excelicon span
{
 width:18px;
 background: url(/img/icons/excel.png) no-repeat center center;
}
a.dt-button.pdficon span
{
 width:18px;
 background: url(/img/icons/pdf.png) no-repeat center center;
}
a.dt-button.printicon span
{
 width:18px;
 background: url(/img/icons/print.png) no-repeat center center;
}

/* passwords */
#passwordStrengthBlock{display:none;}
#passwordDescription,#passwordStrength
{
 margin-left:10px;
}
#passwordStrength
{
        height:10px;
        display:block;
        float:left;
}
.strength0
{
        width:250px;
        background:#cccccc;
}
.strength1
{
        width:50px;
        background:#ff0000;
}
.strength2
{
        width:100px;    
        background:#ff5f5f;
}
.strength3
{
        width:150px;
        background:#56e500;
}
.strength4
{
        background:#4dcd00;
        width:200px;
}
.strength5
{
        background:#399800;
        width:250px;
}

/*****************************************************************************/
/*
@media screen and (min-width: 100px) and (max-width: 500px) {
 h1{
 font-size:3.5em; color:green;
 }
 #homeLoginBox{
 border:2px solid green;
 }
}
*/
@media print
{
  #toTop, #toBottom
  {
    visibility:hidden;
  }

}