/* Treiem marges, definim fons i centrem tot el contingut */
body {
  margin: 0px;
  text-align: center;
 /* background:  url(img/orange-gradient.png)  scroll 0 0; */
 
  }

img.degrad {
 height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index:0;
  /*background: transparent url(img/grad_white.png); */

 } 
  
body, div, td, th {
  /*font-family: MS Sans serif,Arial,Helvetica; */
  font-family:"lucida grande",verdana,sans-serif;
  font-size: 11px;
  }

a {
  
  color: #01557B;
  }
#perfect{
font-size:15px;
color:green;
margin-top:5px;
margin-bottom:5px;

}

.calendario {z-index:1; position:absolute; visibility:hidden;}

/* Contenidor principal de tota la página amb amplada fixa. Es centra gracies al margin. */
#pagina {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 910px;
  }

/* Barra de titol */
#titol {
  position: absolute;
  top: 4px;
  left: 0px;  
  width: 100%;
 
  }

  .tit_seccion{
  
  font-size: 15px;
  font-weight:bold;
  }
  
  
#langs {
  margin: 5px auto 0 auto;
  width:900px;
  text-align: right;
}

/* Menu lateral */
#menulat {
	width: 175px;
	margin: 0;
	margin-top:5px;
        color: #FFF;
	font-family: Verdana,Arial,Helvetica;
  	font-size: 11px;
  	font-weight: bold;
	}
	
#menulat ul, #menulat li {
	list-style-type: none;
	margin:0;
	padding:0;
}

#menulat li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	

#menulat li a:link, #menulat li a:visited {
	color: #FFF;
	display: block;
	background:  url(../img/lleidanet/menulat.gif);
	padding: 8px 0 0 10px;
	}
	
#menulat li a:hover {
	color: #FFF;
	background:  url(../img/lleidanet/menulat.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	


/* Menú de la barra de titol */
#menu {
  position: absolute;
  top: 73px;
  right: 15px;
  }

/* Cos de la página */
#cos {
  position: absolute;
  top: 100px;
  left: 0px;
  height: 95px;
  width: 100%;
 
  }




#cos input,
#cos select {
  font-family: "lucida grande",verdana,sans-serif;
  font-size: 11px;
  
}
#cos textarea{
  width:300px;
  font-family: "lucida grande",verdana,sans-serif;
  font-size: 11px;
	

}
#cos .formulari td {
  padding: 2px;
}

#cos .nota {
  font-family: Tahoma;
  font-size: 9px;
}

#cos input,
#cos textarea,
#cos select {
  padding: 2px;
  background-color: #F4F7F7;
  border: 1px solid #9097A2;
}

#cos input:hover,
#cos textarea:hover,
#cos select:hover,
#cos input:focus,
#cos textarea:focus,
#cos select:focus {
  background-color: white;
  border: 1px solid #9097A2;
}

#cos .button,
#cos .button:hover,
#cos .button:focus {
  color: white;
  font-weight: bold;
  background-color: #165FAF;
  border: 1px solid;
  border-right-color: #7DA1CA;
  border-bottom-color: #7DA1CA;
  border-top-color: #E1E1E1;
  border-left-color: #E1E1E1;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 3px;
  
  
 }

#cos .button2,
#cos .button2:hover,
#cos .button2:focus {
  color: white;
  font-weight: bold;
  background-color: #165FAF;
  border: 1px solid;
  border-right-color: #7DA1CA;
  border-bottom-color: #7DA1CA;
  border-top-color: #E1E1E1;
  border-left-color: #E1E1E1;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 10px;
 margin-top:10px;
 margin-left:auto;
 margin-right:auto;  
 display: block;
}
#cos input.jqModal,
#cos input.jqModal:hover,
#cos input.jqModal:focus {
  width:150px;
  color: white;
  font-weight: bold;
  background-color: #165FAF;
  border: 1px solid;
  border-right-color: #7DA1CA;
  border-bottom-color: #7DA1CA;
  border-top-color: #E1E1E1;
  border-left-color: #E1E1E1;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 3px;
}


#cos .button:hover {
  background-color: #226EBB;
}

#cos .checkbox {
  background-color: #FD8201;
  border:0; 
}

#cos .checkboxth {
  background-color: #226EBB;
  border:0;
}

#cos .checkboxtd {
  background-color: white;
  border:0;
}



#cos iframe {
  background-color: #F4F7F7;
  border: 1px solid #9097A2;
}

#cos .quadreok {
  background-color: #CFF4D2;
  border: 1px solid #9097A2;
  text-align: center;
  padding: 10px;
}

#cos .quadrenook {
  background-color: #F4CFCF;
  border: 1px solid #9097A2;
  text-align: center;
  padding: 10px;
}

#cos .titol {
  font-size: 17px;
  font-weight: bold;
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 2px;
}

#cos .carrest {
  border:none;
  font-weight:bold;
  background-color:#FD8201;
}

/* Tarifes */
#cos .formulari {margin: 0 auto}
#cos .tarifa {width:600px}
#cos .tarifa .continente a {color:white;}
#cos .tarifa .continente {background-color: #226EBB; color: white;}
#cos .tarifa .th_pais {background-color: #DFEDFF; text-align:center; font-weight:bold;}
#cos .tarifa .pais {background-color: white;}
#cos .tarifa .opersel {background-color: #CBFFFF;}

/* Llistats */
#llistat {
        background-color: #f4f7f7;
        }

#llistat .tabla td {
        font-family: Ms Sans Serif, Arial, Helvetica;
        font-size: 10px;
        background-color: #FFFFFF;
        color: #000000;
        border-bottom: #ECE9D8 solid 1px;
        border-right: #ECE9D8 solid 1px;
        margin: 0px;
        padding: 5px;
        
		}

#llistat .tabla .imagen {
        padding: 0px;
        }

#llistat .button,
#llistat .button:hover,
#llistat .button:focus {
  font-weight:bold;
  font-size: 10px;
  font-family: Ms Sans Serif, Arial, Helvetica;
  border: 1px solid #418fef;
  background-color: white;
  color: #418fef;
  padding:0px;
}

#llistat .button:hover {
  color:white;
  background-color:#226ebb;
}


/* TAB */
#tab {
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
  font-weight: bold;
  }
  #tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
  #tab li {
    display: inline;
    margin: 0;
    padding: 0;
    }
  #tab a {
    float: left;
    /* background: url("img/tab.gif") no-repeat left -300px;  */
    margin: 0;
    padding: 0px 0px 0px 6px;
    text-decoration: none;
    color: black;
    }
    #tab a span {
      float: left;
      display: block; 
      background: url("img/tab.gif") no-repeat right -300px;   
      padding: 5px 15px 5px 9px; 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tab a span {float: none;}
    /* End IE5-Mac hack */
    
	  }
  #tab .selec a {
     background: url("img/tab.gif") no-repeat left -200px; 
   
	color: black;
    }
    #tab .selec a span {
     background-color: #FD8201;  
     background: url("img/tab.gif") no-repeat right -200px;   
	  }
   

/* TAB INVERTIT */
#tabinv {
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
  font-weight: bold;
  }
  #tabinv ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
  #tabinv li {
    display: inline;
    margin: 0;
    padding: 0;
    }
  #tabinv a {
    float: left;
    background: url("../img/tabbaix.gif") no-repeat left -277px;
    margin: 0;
    padding: 0px 0px 0px 6px;
    text-decoration: none;
    color: white;
    }
    #tabinv a span {
      float: left;
      display: block;
      background: url("../img/tabbaix.gif") no-repeat right -277px;
      padding: 4px 15px 6px 9px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabinv a span {float: none;}
    /* End IE5-Mac hack */
    #tabinv a:hover {
      background-position: left -377px;
      }
    #tabinv a:hover span {
      background-position: right -377px;
      }
  #tabinv .selec a {
    background-position: left -77px;
    }
    #tabinv .selec a span {
      background-position: right -77px;
      }
    #tabinv .selec a:hover {
      background-position: left -177px;
      }
    #tabinv .selec a:hover span {
      background-position: right -177px;
      }

/* CAIXA AMB RELLEU */
/* Posició i espaiament */
.caixa .p1t, .caixa .p2t, .caixa .p3t, .caixa .p4t, .caixa .p1b, .caixa .p2b, .caixa .p3b, .caixa .p4b {display: block; overflow: hidden; font-size: 1px;}
.caixa .p1t, .caixa .p2t, .caixa .p3t, .caixa .p1b, .caixa .p2b, .caixa .p3b {height: 1px;}
.caixa .contingut {display: block; padding: 8px 13px 8px 13px; }
/* Colors de fons i bordes */
.caixa .p2t, .caixa .p3t, .caixa .p4t, .caixa .p2b, .caixa .p3b, .caixa .p4b, .caixa .contingut {background: #FD8201; border-left: 1px solid; border-right: 1px solid;}
.caixa .p1t  {background: #FD8201;}
.caixa .p2t {border-left-color: #FD8201; border-right-color: #d2d6d6;}
.caixa .p3t {border-left-color: #FD8201; border-right-color: #d2d6d6;}
.caixa .p4t {border-left-color: #FD8201; border-right-color: #d2d6d6;}
.caixa .contingut {border-left-color: #FD8201; border-right-color: #d2d6d6;}
.caixa .p4b {border-left-color: #FD8201; border-right-color: #d2d6d6;}
.caixa .p3b {border-left-color: #e5eef0; border-right-color: #d2d6d6;}
.caixa .p2b {border-left-color: #e5eef0; border-right-color: #d2d6d6;}
.caixa .p1b {background: #d2d6d6;}
/* Posició dels bordes */
.caixa .p1t, .caixa .p1b {margin: 0 5px;}
.caixa .p2t, .caixa .p2b {margin: 0 3px; border-width: 0 2px;}
.caixa .p3t, .caixa .p3b {margin: 0 2px;}
.caixa .p4t, .caixa .p4b {margin: 0 1px; height: 2px;}

/* CAIXA AMB RELLEU INVERTIT */
/* Posició i espaiament */
.caixapla .p1t, .caixapla .p2t, .caixapla .p3t, .caixapla .p4t, .caixapla .p1b, .caixapla .p2b, .caixapla .p3b, .caixapla .p4b {display: block; overflow: hidden; font-size: 1px;}
.caixapla .p1t, .caixapla .p2t, .caixapla .p3t, .caixapla .p1b, .caixapla .p2b, .caixapla .p3b {height: 1px;}
.caixapla .contingut {display: block; padding: 8px 13px 8px 13px;}
/* Colors de fons i bordes */
.caixapla .p2t, .caixapla .p3t, .caixapla .p4t, .caixapla .p2b, .caixapla .p3b, .caixapla .p4b, .caixapla .contingut {background: #ffffff; border-left: 1px solid; border-right: 1px solid;}
.caixapla .p1t  {background: #d2d6d6;}
.caixapla .p2t {border-left-color: #d2d6d6; border-right-color: #e5eef0;}
.caixapla .p3t {border-left-color: #d2d6d6; border-right-color: #e5eef0;}
.caixapla .p4t {border-left-color: #d2d6d6; border-right-color: #FD8201;}
.caixapla .contingut {border-left-color: #d2d6d6; border-right-color: #FD8201;}
.caixapla .p4b {border-left-color: #d2d6d6; border-right-color: #FD8201;}
.caixapla .p3b {border-left-color: #d2d6d6; border-right-color: #FD8201;}
.caixapla .p2b {border-left-color: #d2d6d6; border-right-color: #FD8201;}
.caixapla .p1b {background: #FD8201;}
/* Posició dels bordes */
.caixapla .p1t, .caixapla .p1b {margin: 0 5px;}
.caixapla .p2t, .caixapla .p2b {margin: 0 3px; border-width: 0 2px;}
.caixapla .p3t, .caixapla .p3b {margin: 0 2px;}
.caixapla .p4t, .caixapla .p4b {margin: 0 1px; height: 2px;}

#aviso{
font-size:11pt;
	color: #FFF4BF;
	text-align:center;
	background-color:#000000;
}


div.elem{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:8pt;
	padding:8px 8px;
	width:350px;
		margin-left:80px;
}


div.elem2{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:8pt;
	padding:8px 8px;
	margin-left: auto;
	width:300px;
	float:right;
	margin-right:80px;
}

div.elem3{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:11pt;
	padding:8px 8px;
	width:300px;
	margin-left:80px;
}

div.elem4{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:8pt;
	padding:8px 8px;
	width:300px;
	
}

div.elem7{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:8pt;
	padding:8px 8px;
	width:130px;
	margin-left: auto;
	margin-right:auto;
	display: block;
}




div.elem5{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:8pt;
	padding:8px 8px;
	width:310px;
	margin-left: auto;
margin-right:auto;
display: block;
}


div.elem10{
	
	font-family:"lucida grande",verdana,sans-serif;
	font-size:13pt;
	padding:8px 8px;
	margin-left: auto;
	margin-right:auto;
	width:300px;
	text-align:center;
display: block;
color:white;
}


.tabla table{	
		table-layout:fixed;		
		margin-left:auto;
		margin-right:auto;  
	border-collapse:collapse;
}
	
	
.tabla table tr td{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 8px;
	background: #fff;


}
.tabla table  thead td{
	color: #fff;
	background-color: #226EBB;
	font-weight: bold;
	border-bottom: 1px solid #999;
	border-left: 1px solid #226EBB;
}
.tabla  table tbody td{
		border-left: 1px solid #D9D9D9;
}
 .tabla table  tbody tr.even td{
	background: #eee;
}
.tabla table  tbody tr.selected td{
	background: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}
.tabla     table   tbody tr.ruled td{
	color: #000;
	background-color: #C6E3FF; 
	
	border-color: #3292FC;
}

.button{

	width:150px;

}

dl { width: 300px; } 
	dl,dd { margin: 0; }
	dt { background: #000000; font-size: 18px; padding: 5px; margin: 2px; }
	dt a { color: #FFF; }
	dd a { color: #000; }
	ul { list-style: none; padding: 5px; }



span.linea {width:100px;
text-align:left;	 
float:left;
margin-right:4px;
}


span.consejo
{
color:white;
font-size:9px;
}

div.consejo2
{
width:500px;
font-size:9px;
color:white;
}



div.top {

background-color:#FFFFCC; 

/*
background-color:#EEEEEE; 
*/
background-image:none;
border:1px solid #FF9900;
padding:15px;
width:auto;
margin-top:90px;
}

div.top ul li{
	color:#01557B;
	list-style-type: square;
}

div.faqgroup {
  border-top: 1px solid #ccc;
  margin: 30px 0 0 0;
}

.caixa{

width:950px;
}

h2{

text-align:center;
}
div.centro{
color:white;
text-align:center;
font-size: 17px;
}
#apellidos{

width:160px;

}
.resultadosTarifa {
margin-bottom:40px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
table-layout:fixed;
border-color: #C3C3C3 #C3C3C3 #C3C3C3;
border-style:solid solid solid ;
border-width: 1px 1px 1px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
}

.resultadosTarifa td,.resultadosTarifa th{

font-size:10pt;
color:#01557B;
width:250px;

}
.resultadosTarifa td.precio,.resultadosTarifa th.precio{
font-weight:bold;
font-size:10pt;
color:#01557B;
width:105px;

}

center{

padding-bottom:10px;

}
input.text {
background:#FFFFFF url(img/shadow.gif) repeat-x scroll center top;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
color:#333333;
font-size:100%;

padding:2px 0;
}

label.description {
border:medium none;
color:#222222;
display:block;
font-size:9pt;
font-weight:700;
line-height:150%;
padding:0 0 1px;
width:60px;
}

form li {
margin-left:auto;
margin-right:auto;
display:block;

padding:4px 5px 2px 9px;
position:relative;
}

#peu{
width:950px;
text-align:center;
padding-top:5px;
padding-bottom: 10px;
}

.elem8{
padding-bottom:7px;

}

.SI-FILES-STYLIZED label.cabinet
{
 
}

.SI-FILES-STYLIZED label.cabinet input.file
{
 
    background-color:#165FAF;
}



form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
	}
	
	
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(img/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(img/cmxform-divider.gif) left bottom repeat-x;
	}


