/****************celdas*************************/

TD {
 font-family:Trebuchet MS;
 font-size:8.5pt 
}

TR {
 font-family:Trebuchet MS, Comic Sans MS Trebuchet MS, Comic Sans MS , Trebuchet MS;
 font-size:8.5pt; 
}



.tdblaugriso {
 font-family:Trebuchet MS, Comic Sans MS Trebuchet MS, Comic Sans MS , Trebuchet MS;
 font-size:8.5pt; color:#FFFFFF; background-color:#202E46 
}

.tdgris { font-family:Trebuchet MS; color:#CAD5EC; }
.-tdblau { font-family:Trebuchet MS; color:#9BB0DB; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#395AA4', endColorStr='#000000', gradientType='0'); background-color:#395AA4}
.-tdverd { font-family:Trebuchet MS; color:#BBC507; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#BBC507', endColorStr='#000000', gradientType='0'); background-color:#BBC507}
.-tdtaronja { font-family:Trebuchet MS; color:#FFD7BB; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D95700', endColorStr='#000000', gradientType='0'); background-color:#D95700}
.tdblau { font-family:Trebuchet MS; border:0px solid #9BB0DB; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:0.52;}
.tdverd { font-family:Trebuchet MS; border:0px solid #BBC507; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:0.52;}
.tdtaronja { font-family:Trebuchet MS; border:0px solid #FFD7BB; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:0.52;}

.tdalta {height: 100%; border: 4;}

/****************Scrolls*************************/

body {
scrollbar-3d light-color: #FFFFFF; scrollbar-arrow-color: #3C586F; scrollbar-darkshadow-color: 
#ffffff; scrollbar-face-color: #EBEBEB; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: 
#C0CCBA; scrollbar-track-color: #FFFFFF;
font-family: Trebuchet MS; color:#444444;
text-transform: none; text-decoration: none; 
font-size: 8pt; background-color: #000000;
background-repeat: repeat; height: 100%;
} 

/****************Degradats*************************/

.degradat
	{FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#555555', gradientType='0'); background-color:#000000}


/****************links*************************/

a:link {color: #FFFFFF; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none}
a:visited {color: #FFFFFF; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none}
a:hover {color: #FFFFFF; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none underline}  

a.m { color: #555555; font-family: Trebuchet MS;  font-size: 8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold; background-image:url('../images/fonsboto1.gif')}
a:visited.m { color: #555555; font-family: Trebuchet MS, Comic Sans MS Trebuchet MS, Comic Sans MS , Trebuchet MS;  font-size: 8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold; background-image:url('../images/fonsboto1.gif')}
a:hover.m { color: #000000; font-family: Trebuchet MS;  font-size: 8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold; }  


a.1 {color: #333333; font-family: Trebuchet MS, Comic Sans MS Trebuchet MS, Comic Sans MS , Trebuchet MS;  font-size:10px; TEXT-DECORATION: none}
a:visited.1 {color: #333333; font-family: Trebuchet MS, Comic Sans MS Trebuchet MS, Comic Sans MS , Trebuchet MS; font-size:10px; TEXT-DECORATION: none }
a:hover.1 {color: #333333; font-family: Trebuchet MS;  font-size:10px; TEXT-DECORATION: none }  


a.2 {color: #666666; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold}
a:visited.2 {color: #666666; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold}
a:hover.2 {color: #999999; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold} 


a.3 {color: #FFFFFF; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold}
a:visited.3 {color: #FFFFFF; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold}
a:hover.3 {color: #777777; font-family: Trebuchet MS;  font-size:8pt; TEXT-DECORATION: none; letter-spacing:0; font-weight:bold} 

a.q {border:1px solid #F0F0F0; color: transparent; font-family: Trebuchet MS; font-size: 8pt; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#F0F0F0}
a:visited.q {border:1px solid #F0F0F0; color: transparent; font-family: Trebuchet MS; font-size: 8pt; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#F0F0F0}
a:hover.q {border:1px solid #000000; color: #000000; font-family: Trebuchet MS; font-size: 8pt; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#F0F0F0} 


/****************Texts*************************/


.textesblancspetit   {  color:#888888; font-size:10px} 
.textegran      {  color:#FFFFFF; font-size:9pt; font-weight:bold} 
.blanc      {  color:#FFFFFF;} 
.textenormal   {  color:#777777; font-size:8pt} 
.texteverd   {  color:#6EBE44} 
.textegris   {  color:#777777} 
.textpetit   {  color:#777777; font-size:7pt} 
.dit  { cursor:hand; cursor:pointer;} 
.preugran   {  color:#6EBE44; font-size:15px; font-weight:bold} 
.textecaracte {  border:1px solid #888888; color:#444444; font-size:8pt; font-weight:bold; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF} 
.grisfort  {background-color:#999999}


#im9 {FILTER: alpha(opacity=60);-moz-opacity: 0.6; }
#im {filter: alpha(opacity=70);-moz-opacity: 0.7; }
#celda {FILTER: alpha(opacity=85);-moz-opacity: 0.85;}
#ombra {filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=150, Strength=4)}
#zoom {FILTER: alpha(opacity=50);-moz-opacity: 0.52;}
#galeria {FILTER: alpha(opacity=70);-moz-opacity: 0.7;}
#im1 {FILTER: alpha(opacity=10);-moz-opacity: 0.1;}


/****************Texts*************************/


.lp {
    border:0px solid #FFFFFF; background-color: #FFFFFF;
	color: #C0C0C0;
	text-decoration: none;
	height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	top: 1px;
	width: 96px;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:52;}

:hover.lp {
	border-left:0px solid #CCCCCC; background-color: #FFFFFF;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	width: 96px;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#999999}

.lp1 {
    border:0px solid #FFFFFF; background-color: #F3F3F3;
	color: #FFFFFF;
	text-decoration: none;
	height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	top: 1px;
	width: 96px;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; FILTER: alpha(opacity=52)-moz-opacity:0.52;opacity:52; }

:hover.lp1 {
	border:0px solid #395AA4; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#395AA4; FILTER: alpha(opacity=99);-moz-opacity:0.99;opacity:99;}

.lp2 {
    border:0px solid #FFFFFF; background-color: #F3F3F3;
	color: #FFFFFF;
	text-decoration: none;
	height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	top: 1px;
	width: 96px;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:52; }

:hover.lp2 {
	border:0px solid #395AA4; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#BBC507; FILTER: alpha(opacity=99);-moz-opacity:0.99;opacity:99; }
	
.lp3 {
    border:0px solid #FFFFFF; background-color: #F3F3F3;
	color: #FFFFFF;
	text-decoration: none;
	height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	top: 1px;
	width: 96px;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; FILTER: alpha(opacity=52);-moz-opacity:0.52;opacity:52;  }

:hover.lp3 {
	border:0px solid #395AA4; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#D95700; FILTER: alpha(opacity=99);-moz-opacity:0.99;opacity:99; }
	
.lp2blau {
	border:0px solid #395AA4; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#395AA4}
	
.lp2verd {
	border:0px solid #BBC507; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#BBC507}
	
.lp2taronja {
	border:0px solid #D95700; width: 96px;
	height: 14px;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	top: 1px;
	color: #FFFFFF;
	cursor: hand;
	background-repeat: repeat-x;
	text-align: center;
	font-weight: bold; padding-top:2px; padding-bottom:1px; background-color:#D95700}
	
/*********************************************************/


.caixa0
        {
    margin: 0 auto;
    color: #FFFFFF;
    width: 100%;
    padding: 1px;
    text-align: left;
    border: 0px solid #FFFFFF; background-image:url('../images/disseny-design-img/explicacio-fons.gif')  
        } 

.caixa1-
        {
    margin: 0 auto;
    border: 0px solid #FFFFFF;
    color: #FFFFFF;
    width: 100%;
    padding: 1px;
    text-align: left;
    background-color: #395AA4;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat;     
        } 

.caixa2-
        {
    margin: 0 auto;
    color: #FFFFFF;
    width: 100%;
    padding: 1px;
    text-align: left;
    background-color: #6281C8;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat     
        } 
    
.caixa3-
        {
    margin: 0 auto;
    color: #FFFFFF;
    width: 100%;
    padding: 1px;
    text-align: left;
    background-color: #7792D0;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat     
        } 

.caixab
        {
    margin: 0 auto;
    border: 0px solid #FFFFFF;
    color: #777777;
    width: 100%;
    padding: 1px;
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat;     
        } 

.caixai
        {
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 348px;
    height: 450px;
    padding: 20px;
    text-align: left;
    /*border: 3px solid #ffffff;*/
    background-image: url("../images/disseny-design-img/comunicat.jpg");
    background-repeat: no-repeat;
        } 

INPUT	
        {
    FONT-FAMILY: Tahoma; 
    FONT-SIZE: 8pt;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #777777;
    border-width: 1px;
    color: #000000
        } 

select	
        {
    FONT-FAMILY: Tahoma; 
    FONT-SIZE: 8pt;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #F7F7F7;
    border-width: 1px;
        }     
 
Option
        {
    border:1px solid #F7F7F7; FONT-FAMILY: Tahoma; 
    FONT-SIZE: 8pt;
    background-color: #F7F7F7;
    color: #333333
        } 
	

  
TEXTAREA
        {
    FONT-FAMILY: Tahoma; 
    FONT-SIZE: 8pt;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #777777;
    border-width: 1px;
    color: #000000
        }