body
{     
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;    
    background:url(bg-main.jpg) repeat-x;    
   
 }

.Loading
{
    position: absolute;
    top: -35px;
    right: 15px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    z-index: 130;
    font-weight: bold;
    font-size: medium;
    color: #cc0033;
    font-family: 'Arial Narrow' , Arial, 'Comic Sans MS';
}

.Loading2
{
    position: absolute; /*Posicionamiento absoluto*/
    top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
    left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
    margin-top: -25px; /*Restamos la mitad de alto del SWF para centrarlo verticalmente*/
    margin-left: -65px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
    font-weight: bold;
    font-size: medium;
    color: #cc0033;
    font-family: 'Arial Narrow' , Arial, 'Comic Sans MS';
    background-color: White;
    filter: alpha(opacity=80);
    width: 130px;
    height: 50px;
    vertical-align: text-bottom;
    text-align: center;
    /*border-style: solid;
    border-color: Navy;
    border-width: thin;*/
    padding-top: 25px;
    z-index: 110;
}

/**** HEADINGS ****/

h1
{
    font-size: 32px;
    color: #F33E00;
    position: relative;
    top: 0px;
}

h2
{
    background-color: #E8F3F9;
    font-size: 16px;
    padding: 5px 12px;
    color: #3300cc;
    position: relative;
    top: 20px;
}

h3
{
    font-size: 12px;
    margin: 0 0px 0 0px;
    color: #C23F06;
}


h4
{
    font-size: 15px;
    margin: 0 20px 0 20px;
    color: #B12E02;
}

h5
{
    font-size: 11px;
    margin: 0 20px 0 20px;
    color: #B12E02;
}

h6
{
    font-size: 15px;
    margin: 0px 0px 0px 0px;
    color: #B12E02;
}

.titol1
{
    font-size: 13px;
    font-weight: bold;
    margin: 15px 15px 0 15px;
    color: #B12E02;
}

.titol2
{
    font-size: 13px;
    font-weight: bold;
    margin: 5px 15px 5px 15px;
    color: #B12E02;
}

.camps
{
	font-weight: bold;
	color: #994633;
	margin: 0px 15px 0px 15px;
}

p 
{
    margin:10px 10px 10px 15px;
    color: #C46500;    
    text-align: justify;
}

.noticies 
{
    margin:10px 0px 10px 0px;
    color: #C46500;    
    text-align: justify;
}

.textNoticia p
{
	color: Black;	
}

.noticiesLlistat
{
    font-size: 11px;
    margin:10px 0px 10px 0px;
    color: #C46500;    
    text-align: justify;
}

.logo
{
    position: absolute;
    top: 0;
    right: -1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    z-index: 100;
}

.logo a
{
    border-width:0;
}

.intranet
{
    position: absolute;    
    top: 0px;
    right: 30px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    z-index: 100;
}

.intranet a
{
    border-width:0;
}

.intranetOpen
{
    position: absolute;    
    top: 0px;
    right: 60px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    z-index: 100;
}

.login
{
	font-size: 15px;
	color: #994633;
	width: 400px;
}

.data {margin: 0; position:absolute; z-index: 100; text-align: right; left: 265px; top: 62px; font-size: 10px; color: #ffffff; font-family: Verdana, Arial}

.textIntranet
{
	font-family:sans-serif,Helvetica,Arial, Verdana;
	position: absolute;
    top: 25px;
    right: 105px;
    color: #ffffff;    
    z-index: 100;
}

.links
{
	color: #BF3C00;
}

a.links
{
	color: #BF3C00;
	text-decoration: none;
}

a.links:hover
{
	color: #BF3C00;	
}

.linkPestanyes
{
	COLOR: #ffffff; TEXT-DECORATION: none
}

a.linkPestanyes
{
	COLOR: #ffffff; TEXT-DECORATION: none
}

a.linkPestanyes:hover
{
	COLOR: #ffffff; text-decoration: underline;
}

.TaulaInfo
{
    position:absolute;
    top:100;
    left:10;
    background:url(fonsmar.jpg) no-repeat;  
    width:700px;
    height:300px; 
    z-index: 120;
}

.direccionTitol
{    
    FONT-SIZE: 10pt; 
    color: #662806; 
    font-family: Verdana, Arial, 'Comic Sans MS'; 
    font-variant: small-caps;
}

.direccion
{    
    FONT-SIZE: 10pt; 
    color: #cc6633; 
    font-family: Verdana, Arial, 'Comic Sans MS'; 
    font-variant: small-caps;
}

#header
{
    position:relative;
    top:0;
    left:100;
    background:url(header.jpg) no-repeat;  
    width:538px;
    height:75px;  
}

#corner-top-left 
{
    position:relative;
    top:75;
    left:0;
    background:url(corner-top-left.jpg) no-repeat;
    width:56px;
    height:45px;
}

#div1
{
    position: absolute;
    top: 75px;
    width: 50%; 
    background:url(corner-left.jpg) repeat-x;    
    left: 0px; 
    height: 45px; 
    z-index: 100;
}

#div2
{
    position: absolute;
    top: 70px;
    width: 50%; 
    background:url(corner-right.jpg) repeat-x;     
    right: -1px; 
    height: 45px; 
    z-index: 100;
}

#main
{
    background:url(bg-main.jpg) repeat-x;         
    width: 1024px; 
    position: relative; 
    width: 980px; 
    margin-left: auto; 
    margin-right: auto;
    z-index: 110;
}

#Banner
{
    position:absolute;
    top:11px;
    left:50px;
    z-index:200;
}

#TheGoods
{    
    margin:0px 50px 10px 50px;
    position:relative;
}

#TheGoodsIntranet
{
	top:35px;
    margin:0px 50px 50px 50px;
    position:relative;
}

.nav {
	position: static;
	left: 0px;
	top: 0px;
	text-transform: uppercase;
	font-size: 10px;
	z-index:90;
}

.titoltema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #BF3C00;
	text-decoration :none;	
}

.titoltemaNoticies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #BF3C00;		
}

a.titoltemaNoticies
{
	color: #BF3C00;
	text-decoration: none;
}

a.titoltemaNoticies:hover
{
	color: #BF3C00;
	text-decoration: underline;
}

.mesNoticies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #BF3C00;		
}

a.mesNoticies
{
	color: #BF3C00;
	text-decoration: none;
}

a.mesNoticies:hover
{
	color: #BF3C00;
	text-decoration: underline;
}

.titoltemaLlistatNoticies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #BF3C00;		
}

a.titoltemaLlistatNoticies
{
	color: #BF3C00;
	text-decoration: none;
}

a.titoltemaLlistatNoticies:hover
{
	color: #BF3C00;
	text-decoration: underline;
}

#Titol
{
    border-right: darkblue thin solid; 
    border-top: darkblue thin solid; 
    background-image: url(headertaula.png);
    border-left: darkblue thin solid;  
    border-bottom: darkblue thin solid;
    background-repeat: repeat-x; 
    position: static; 
    height: 28px; 
    font-size: 14pt; 
    vertical-align: middle; 
    text-transform: uppercase; 
    color: #ffffff; 
    text-indent: 20pt; 
    background-color: #B74E00;
}

.noticia
{
    text-align:justify;
    color:#BF3C00; 
}

.barraVertical
{
    height: 100%;
}

.content {TEXT-DECORATION: none;BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.content a {TEXT-DECORATION: none;BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.content a:active {	TEXT-DECORATION: underline overline;BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.content a:visited	{TEXT-DECORATION: none;	BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.content a:hover {	TEXT-DECORATION: underline overline;BACKGROUND: none; COLOR: #994633; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}


#Pestanyes a
{
    color:#ffffff;
    padding:6px; 
    font-family: verdana, arial;
    font-size: 10px; 
    background-image: url(App_Themes/Basic/PestanyaCentre1.gif);
    background-repeat: repeat-x;
}

.tabla_comentar
{
    border-right: #994633 2px solid;
    border-top: #994633 2px solid;
    border-left: #994633 2px solid;
    border-bottom: #994633 2px solid;
}

.comentar_txt
{
    font-weight: normal;
    font-size: 11px;
    color: #994633;
    font-family: Verdana, Tahoma, Arial;
    border-bottom-width: 1px;
    border-bottom-color: #994633;
    background-color: #e8f2ff;
    border-top-width: 20px;
    border-top-color: #994633;
    border-right-width: 20px;
    border-right-color: #994633;
    border-left-width: 2px;
    border-left-color: #994633;
    text-align: left;
}

.comentar_form 
{ 
    font-weight: bold; 
    font-size: 11px; 
    color: #994633; 
    font-family: Verdana, Tahoma, Arial; 
    border-top-width: 1px; 
    border-bottom-width: 1px; 
    border-bottom-color: #994633; 
    border-top-color: #994633; 
    background-color: #e8f2ff;	     
    border-right-width: 1px; 
    border-right-color: #994633; 
}

#WhatsNew img.RunIt
{
    border: none;
    vertical-align: text-top;
}

#WhatsNew li
{
    margin-top: 0.5em;
}

#WhatsNew li li
{
    margin-top: auto;
}

/* Selectors for menu inside the banner */

.MainMenu .AspNet-Menu-Horizontal ul
{    
    background: #FCEBEB;
}

 .MainMenu .AspNet-Menu-Selected
{
   border: solid 1px #ffcc00 !important;
}

.MainMenu .AspNet-Menu-ChildSelected
{
    border: solid 1px #FC6C0D !important;
}

.MainMenu .AspNet-Menu-ParentSelected
{
   /* border: solid 1px #FC6C0D !important; */
}


.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 630px;    
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    z-index:100;
    width: 185px;
    padding: 5px;
    border:2px solid #ED2525;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    z-index:110;
    left: 180px;
    top: 3px;
    width: 210px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul ul /* for future use, defines a 4th submenu tier */
{
    z-index:120;
    left: 200px;
    top: 3px;
    width: 200px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu a
{
    text-decoration: none;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    z-index:100;
    width:125px; /* 105px; */
    padding: 2px 0 2px 0;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    z-index:110;
    width:185px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    z-index:120;
    width:210px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #CD3501;
    font-weight: bold;
    border-style: none;
    text-align: center;
    padding:0 5px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li img
{    
    border-style: none;
    vertical-align :middle; 
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span
{
    background-image: none !important;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #F25E16 url(bg-menu-main.png) repeat-x;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-DynamicHover
{
    background: #F25E16 url(bg-menu-main.png) repeat-x;
}

/* ---------------------------------------------------------------------------------------------------- */

#menuh {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
}
 
#menuh ul, li {
	list-style-type: none;
}
 
#menuh ul {
	margin: 0;
	padding: 0;
}
 
#menuh li {
	float: left;
}

#menuh ul, ul, li {
	list-style-type: none;
}
 
#menuh ul, ul {
	margin: 0;
	padding: 0;
}
 

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
}
 
 
#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}
 
#menuh a:hover {
	background: #DBEBF6;
}


/* Selectors for menu inside the banner */

.MenuQuestionari .AspNet-Menu-Horizontal ul
{    
    background: #E6F0FA;
    border: solid 1px #CC6600;
}

 .MenuQuestionari .AspNet-Menu-Selected
{
   border: solid 1px #ffcc00 !important;
}

.MenuQuestionari .AspNet-Menu-ChildSelected
{
    border: solid 1px #CC6600 !important;
}

.MenuQuestionari .AspNet-Menu-ParentSelected
{
   /* border: solid 1px #0000ff !important; */
}


.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 830px;    
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 150px;
    padding: 5px;
    border:2px solid #165EA9;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width:92px;
    padding: 2px 0 2px 0;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width:185px;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width:210px;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #3366cc;
    font-weight: bold;
    border-style: none;
    text-align: center;
    padding:0 5px;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span
{
    background-image: none !important;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #165EA9 url(bg-menu-main.png) repeat-x;
}

.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MenuQuestionari .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;
}


tr.LlistaFlota_columnHeader td

{

	border-bottom: solid 1px #DBDBDB;

}



tr.LlistaFlota_item

{

	background-color: #EDEDED;

	/*cursor: pointer;

	cursor: hand;*/

}



tr.LlistaFlota_altItem

{

	background-color: #F8F8F8;

	/*cursor: pointer;

	cursor: hand;*/

}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(FilledStar.png);

}

.emptyRatingStar {
    background-image: url(EmptyStar.png);
}

.savedRatingStar {
    background-image: url(SavedStar.png);
}