/* At-Rules */
/*@charset=iso-8859-1;*/
body, td, table , fieldset, div, tr, iframe, img, form {
    margin: 0px;
	border: 0px;
	padding:0px;
	font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-size: 15px;
	color: #56290a; /*#141412; */
	background-color:  #fddfb1;
	font-style: normal;
}
.absbody {font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-size: 15px;
	color: #56290a; /*#141412; */
	background-color:  #fddfb1;
	font-style: normal;}
iframe, div{border: none;
       overflow: hidden;} /* compat IE < 7 */
table   {border-spacing: 0;
    border-collapse: collapse;}  /* compat IE < 7 */
td { 
    padding: 0; /* compat IE < 7 */
}
b { font-weight:bold;}  /* compat html5 */
i { font-style:italic;} /* compat html5 */
/*  =========================================== */
.iniBody {
	background-color:#fddfb1; /* #CC3399;*/
	width: 100%;
}
.iniBodyIndex {
	background-color: #fddfb1;  /*#FFFFFF; /* #CC3399;*/
	/*width: 1200px;*/
}

.iniTaula{
	background-color: #fddfb1;
	text-align: center;
/*	border: none; */
	margin: 0px;
	padding: 0px;
}

.iniTaulaMenu{
	background-color: #fddfb1;
	text-align: center;
	border: none;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.iniTaulaEsq{
	background-color: #fddfb1;
	text-align: center;
	border: none;
	margin: 0px;
}

.iniTaulaGroga{
	background-color: #fddfb1;  /* #eac31f; */
	text-align: center;
	border: none;
	margin: 0px;
	width: 100px;
	}
.divTaulaGroga{
	width: 100px; margin:auto; 
    /*height: 120px;*/
	margin-top:15px; margin-bottom:2px;}

.iniForm, #form-login{
	background-color: #fddfb1;
	font-family: "Source Sans Pro",Helvetica, Arial,sans-serif;
	/*color:#000000;*/
	font-size: 9px;
	color: #56290a;  /*#FFFFFF;*/
	margin: 0px;
    text-align: left;

   }	
.iniFormActive{
	background-color: #fddfb1;
	font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-size: 10px;
    }	

a:link  {color:#56290a; font-weight: bold;} /* #FFFFCC} */
a:visited {color:#56290a; font-weight: bold;} /* #FFFFCC} */
a:active {color:#56290a; font-weight: bold;} /* #FFFFCC} */
a:hover  {color:#fddfb1;}
a:hover  {font-weight: bold; }
a:hover  {
	/*background-color: #bf8a5a;*/
	color: #00FF00;
}
/* a:hover  {color:#fddfb1; font-weight: bold; background-color:#bf8a5a;}{color:#fddfb1; font-weight: bold; background-color:#bf8a5a;} /* #FFDDDD}   */


a.iniMini, ul, li, a.iniMenu {font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
            text-align: left;
}
a.iniMini, ul, li  {font-size: 9px; font-weight: normal;}
a.iniMenu          {font-size: 10px; font-weight: 100;}
/* .pseudoAlink, .pseudoAhover { color: #FFFFCC; font-size: 9px; font-weight: normal;text-align: left; text-decoration: underline;}
*/


.iniMenu{
	background-color: #fddfb1;
	font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-size: 9px;
	color: #56290a;
	border: none;
	text-align: left;
}


.myheading { font-size: 12pt; color: #EE9900 }
.inter     { font-size: 2pt;  color: #EE9900 } 
.Texte1    { font-size: 20pt; color: #FFFFCC; font-weight: bold}
.Texte2    { font-size: 14pt; color: #FFFFCC; font-weight: bold}
.Texte3    { font-size: 10pt; color: #FFFFCC}
.subtitle  { font-size: 12px; color: #FF3333; font-weight: bold}
h1         { font-size: 20pt; color: #FF8811}
h2         { font-size: 20pt; color: #EE9900}
h3         { font-size: 14pt; color: #EE9900}


/*a { font-size: 9px; font-weight: bold}*/
hr           {color: #EE9900}


/* div          {background-image : url(../img/bg-mimam.gif);} */
heading{font-family:Arial;	font-size:24pt; font-weight:bold; BACKGROUND-COLOR:transparent;color:#EE9900; }


/*bodies ================================================================== */
/* frames */
#frCap {height:110px; border:0px; width:100%;
      background-color: #fddfb1; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#56290a;
  }
#frMain {width:100%; /*height:426px; */	
    
	font-size: 10pt; background-color: #fddfb1;
	}
#frSubmenu {width:100%; float:none; 
 	background-color: #fddfb1;
   }
#frPeu{ width:100%; height:123px; background-color: #fddfb1;}
/* div  =========================================================================*/
#Cap  {clear:both; float:none; width:100%}
#Main {margin-left:3px; margin-right:3px; padding:0px; float:none; width:100%;}  /* 85%*/
/* ==================================================================*/
/*   form org  */
#login{margin: 0px;
	border: 0px;
	padding:0px;
}
.width100C{width:100%;}
.clear{clear:both;}
.enConstruccio{
	font-size: 10px;
	font-weight: lighter;
	color: #844e4e;
}
/* =====================================================================*/

.botoLink, a.botoLink ,.pseudoAlink, .pseudoAhover, .botoLinkCap, .capA, a.capA 
{
	width:100px;   /* 105px; */
	/*margin-top:5px;*/
	color: #56290a;   /*#eac31f;*/
	/*background-color:#0000FF;*/
	font-family: "Source Sans Pro",Helvetica,sans-serif;
	font-weight: bold;
	/*text-align: center;*/
	/*text-decoration: none;*/
	font-size:15px; /*16px;*/
	vertical-align: middle;
	padding-top:6px;
	padding-bottom: 6px;
	line-height: 14px;
	margin:auto;
	text-align: justify;
	}
.botoLink, a.botoLink, a
	{text-decoration: none;
	} 
 .botoLinkCap{  /* 1 linea text */
	/*background-image: url(../images/Barra/botoCap_v03fosc_1_1.jpg);
	background-repeat: repeat;    /*height: 36px;*/
	background-color: #fddfb1;
	font-weight:bold;
	margin:auto;
	text-align:center;
}
	
.botoLinkCapLogo
{width:100%;
 float:left;
 margin:auto;
 	color: #56290a;   /*#eac31f;*/
	/*background-color:#0000FF;*/
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	/*text-decoration: none;*/
	font-size:12px; /*16px;*/
	vertical-align: middle;
	padding-top:6px;
	padding-bottom: 6px;
	line-height: 14px;
    background-color: #FDDFB1;
 }
 
.botoLinkCapLogo:hover, .botoLinkCap:hover, a.botoLinkCap:hover, .botoLink:hover, a.botoLink:hover,.capA, a.capA 
{
	color: #a51111;   /*#eac31f;*/
	}
.pseudoAlink {color: #844e4e}  /*#FFFFFF}*/
.pseudoAhover {color: #a51111}  /*#FFFFFF}*/
	
/*a:link {color: #FFFFFF;text-decoration:none;}
a:visited {color: #EEFFFF;text-decoration:none;}
a:hover  {color: #FFFF00;text-decoration:none;}
a:active {color: #FFFFEE;text-decoration:none;}
*/

.noBoto
{	
    background-color:  #fddfb1;  /*  background-color:#bf8a5a;*/
	font-weight:bold;
	width: 125px;
	text-align: center;	
	text-decoration:	none;
    	
 }
/* .boto1lin,.boto2lin,.boto3lin,.boto4lin {  /* 1 linea text */
/*	background-image: url(../images/Barra/botoCap_v03clar_1_1.jpg);
	background-repeat: repeat;    /*height: 36px;*/
/*}
*/
.fontSize12{font-size:12px;}
.fontSize10{font-size:10px;}
.fontSize8{font-size:8px;}
/*.tdBoletIni{/*width:100%;*/ /*70%; /* px; */
            /*height:426px; */
			/*vertical-align: middle;
			/*float:left;*/
			/*margin:auto;
			/*padding-left:20px;*/
			/*}^*/
	
/*.imgInicial{padding-right:20px;}*/
.imgPeu{ background-color:#56290a;}			
.tdVertAlign{vertical-align:middle;}

.imgLogoTransp{
  float:right; padding-left:20px; padding-top:0px; 
}
.unaNota{
	border-color: #56290a;
	border-style: solid;
	border-width: 4px;   /* thin;*/
	margin:3px;
	/*background-color:#bf8a5a;*/
	padding:9px;
	border-radius: 10px;
}
.unaNotaMesInf{
	/*background-color:#bf8a5a;*/
	text-align:right;
}
.imgUnaNota{
  border: 0; float: left; margin-left:0px; margin-right: 10px; /*background-color: #BF8A5A;;*/
  }
.totMarge5{width:100%; margin: 5px;}  
.TitolBold, .TitolBold24{
    color:#56290a;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
}
.Text{
    color:#56290a;
	text-decoration: none;
	font-weight: normal;
	width: 100%; text-align:justify
}
.TitolBold24{font-size:24px;} 
.textFesTeSoci{margin-left:10px;}  /* background-color:#bf8a5a;*/

@media (min-width: 1px){
	.botoLinkCapLogo{width:64px;float:left;}
	               /*width:64px;float:left;*/
	.botoLinkCap{width:38px;font-size:10px;float:left;text-align:left;padding-bottom:0px;padding-top:0px;} 
	           /*width:67px;font-size:10px;float:left;text-align:center;padding-bottom:0px;padding-top:4px;*/
	.imgCapPetit{width:38px; height:24px;}
	           /*width:38px; height:  /24px;*/
	#CapLogoTxt{width:64px; height:28px;padding-top:8px; }	
	.colPrimeraCap {width:96;float:left;text-align:center;} 
	.colsCap {width:11%;float:left;text-align:left; }
	#ImgMain{width:360px;height:270px;padding-left:0px;}    
	#TxtCentre{width:360px;padding-left:0px;} 
	#LogoGran{width:157px;height:270px;padding-left:2px;}
	
	.iniColumn {width:100%;float: left;} /*.iniColumn {width:100%;float: none;}     Mobile-First (Recommended) */
 }
	@media (min-width:360px){   
    .botoLinkCapLogo{width:64px;float:left;}
	.botoLinkCap{width:38px;font-size:10px;float:left;text-align:left;padding-bottom:4px;padding-top:1px;}  
		       /*width:67px;font-size:10px;float:left;text-align:center;padding-bottom:4px;padding-top:4px;*/
	.imgCapPetit{width:38px; height:24px;}
				/*width:38px; height:24px;*/
	#CapLogoTxt{width:64px; height:28px;padding-top:8px;}	
	.colPrimeraCap {width:96;float:left;text-align:center;} 
	.colsCap {width:11%;float:left;text-align:left; }
	#ImgMain{width:360px;height:270px;padding-left:0px;}    
	#TxtCentre{width:400px;padding-left:5px;} 
	#LogoGran{width:157px;height:270px;padding-left:5px;}
   
    .iniColumn {width:66%;float:left;}
  }
@media (min-width:500px){
	.botoLinkCapLogo{width:112px;float:left;}
	.botoLinkCap{width:76px;font-size:12px;float:left;text-align:left;padding-bottom:4px;padding-top:3px;}    
	           /*width:100px;font-size:12px;float:left;text-align:center;padding-bottom:4px;padding-top:4px;*/
	.imgCapPetit{width:76px; height:48px;}
			   /*width:78px; height:48px;*/
	#CapLogoTxt{width:112px; height:54px;padding-top:8px;}
	.colPrimeraCap {width:128;float:left;text-align:center;} 
	.colsCap {width:12%;float:left;text-align:center; }
	#ImgMain{width:400px;height:300px;padding-left:20px;}    
	#TxtCentre{width:400px;padding-left:20px;} 
	#LogoGran{width:175px;height:300px;padding-left:20px;}
	
	.iniColumn {width:44%;float:left; }
 }

@media (min-width: 768px){
	.botoLinkCapLogo{width:161px;float:left;}
	.botoLinkCap{width:144px;font-size:15px;float:left;text-align:center;padding-bottom:4px;padding-top:4px;}   
	           /*width:144px;font-size:15px;float:left;text-align:center;padding-bottom:4px;padding-top:4px;*/
	.imgCapPetit{width:95px; height:60px;}
	           /*width:95px; height:60px;*/
	#CapLogoTxt{width:144px; height:60px;padding-top:8px; }	
	.colPrimeraCap {width:161;float:left;text-align:center;} 	
	.colsCap {width:12%;float:left;text-align:center; }
	#ImgMain{width:400px;height:300px;padding-left:20px;}    
	#TxtCentre{width:400px;padding-left:20px;} 
	#LogoGran{width:175px;height:300px;padding-left:20px;}
	
	.iniColumn {width:33%;float:left; }
 }

/*================================================================*/






 .peuIdScm, a.peuIdScm, a.peuIdScm:link, a.peuIdScm:visited
   {
	font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-size: 12px;
	color: #fddfb1;
	font-weight: normal;
	background-color: #56290a;  /*#fddfb1; */
	background: #56290a; /*#fddfb1; */
	font-style: normal;
	margin: auto;
	width: 100%;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	}
a.peuIdScm:hover {
	color:#56290a; 
    background-color: #fddfb1; 
   }
.bodyPeu{background: #56290a; margin:10px;}
.radius20{border-radius:20px;}
.vermell
  {color: #a51111;}
.centrat {margin:auto;text-align:center;} 
/*   submenu ================================================================================================= */  
.submenu{width:100%;}
.submenuTitol{float:left; width:15%;}
.submenuBoto, a.submenuBoto
{width:100px;
}
.submenuTitolBoto, .submenuBoto, a.submenuBoto
   {margin:0px;       /* auto; */
 	color: #56290a;   /*#eac31f;*/
	font-family:  "Source Sans Pro",Helvetica, Arial,sans-serif;
	font-weight: bold;
	text-align: left; /*center;*/
	text-decoration: none;
	font-style:italic;
	font-size:15px; 
	padding-top:6px;
	padding-bottom: 6px;
    background-color: #fddfb1;
 }
.submenuBoto:hover, a.submenuBoto:hover{
    background-color: #bf8a5a;
	color: #fddfb1;
}
.submenuDiv{float:left; width:12%;}