/* General */

html{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 0.8em;
color: #000000;
background-image: url(../media/imatges/fons05.jpg);
background-position: left top;
background-repeat: repeat-y;
background-color: transparent;
}

body{
background-color: #FFFFFF;
line-height: 105%;
margin: 0 0 0 0;
padding: 0 0 0 0;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #006688;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #EEEEEE;
scrollbar-shadow-color: #006688;
scrollbar-track-color: #FFFFFF;
background-position: left top;
background-repeat: repeat-y;
background-color: transparent;	
background-image: url(../media/imatges/fons05.jpg);
background-position: left top;
background-repeat: repeat-y;
background-color: transparent;
}

a{
	text-decoration: none;
	/*font-weight: bold;*/
	color: #660033;
}
a:link{
	text-decoration: none;
	/*font-weight: bold;*/
	color: #660033;
}

a:visited{
	text-decoration: none;
	/*font-familyweight: bold;*/
	color: #660033;
}

a:hover, a:focus{
	/*font-weight: bold;*/
	text-decoration: underline;
}

p {
margin: 0 0 0 0;
padding-bottom: 10px;
text-align:left;
line-height: 1.4em;
font-size: 0.9em;
}

span.peu{
display: block;
margin: 0 5px 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #CCCCCC;
font-size: 95%;
color: #AAAAAA;
text-align: right;
}

table{
margin-top: 10px;
margin-bottom: 10px;
/*font-size: 0.9em;*/
}
th{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #A33563;
}
td{
/*font-size: 1.1em;*/
line-height: 1.3em;
}
caption{
font-size: 1em;
}

h5{
display: inline;
font-size: 1.1em;
color: #7E7E00;
}

div.separador{
height: 10px;
border-bottom: 1px solid #EEEEEE;
margin: 0 0 20px 0;
}
p{
text-align:left;
}

p.justificat{
text-align:justify;
line-height: 1.6em;
font-size: 1em;
}

p.centre{
text-align: center;
line-height: 1.6em;
font-size: 1em;
}

p.dreta{
text-align: right;
line-height: 1.6em;
font-size: 1em;
}

p.esquerra{
text-align: left;
line-height: 1.6em;
font-size: 1em;
}

.peuFoto{
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 0.9em;
}

.signatura{
position:relative;
font-family: sans-serif, Arial, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 0.9em;
text-align: right;
top:10px;
}

ul{
margin-top: 0;
margin-bottom: 5px;
padding-top: 0;
line-height: 1.3em;
}

ul li{
margin: 0 0 0 15px;
line-height: 1.3em;
list-style: square;
}

/* Text */
.peufoto{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.9em;
}
.text01{
	font-weight: bold;
	color: #8E0047;
}
.text02{
	display: block;
	font-family: Verdana, sans-serif, Helvetica;
	color: #773333;
	padding: 4px 0 0 0;
	font-size: 0.8em;
}
.text03{
	display: block;
	font-family: sans-serif, Helvetica;
	color: #660033;
	padding: 4px 0 0 0;
}
.ressaltat02{
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	padding: 0.2em 0 0.2em 0;
	font-weight: bold;
	text-decoration: none; 
	background-color: #FFFFFF;
	background-image: url(../media/imatges/fons09.jpg);
	background-position: top left; 
	background-repeat: repeat-y;
}
.text04{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8E0047;
	padding: 4px 0 0 0;
}
.text05{
	font-family: sans-serif, Helvetica;
	color: #663355;
	margin: 0 0 0 6px;
}
.text06{
	display: block;
	font-family: sans-serif, Helvetica;
	color: #606000;
	font-weight: bold;
	margin: 0 0 0 12px;
}
.text09{
	display: block;
	font-family: sans-serif, Helvetica;
	color: #8E0047;
	font-weight: bold;
	padding: 4px 0 0 0;
}
.text12{
	position: relative;
	color: #773333;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
}
.text13{
	display: block;
	color: #000000;
	margin: 0 0 0 12px;
}

.text14{
	display: block;
	font-family: sans-serif, Helvetica;
	font-weight:bold;
	color: #505000;
	/*font-weight: bold;*/
	margin: 0 0 0 12px;
}
.etiqu01{
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 1em;
	color: #FFFFFF;
}

/* Formularis */
form{
margin: 0;
padding: 0;
}
.form01{
background: #FFFFFF;
cursor: hand;
font-family: Arial,Helvetica,sans-serif;
border: thin;
border-color: #000080;
vertical-align: middle;
}

.boto01{
background: #EEEEEE;
cursor: hand;
font-family: sans-serif,Arial,Helvetica,sans-serif;
font-size: 1em;
width: 7em;
margin: 0 0 10px 0;
height: 2em;
}

label.etiqu01{
padding-right:5px;
font-weight: bold;
font-size: 90%;
}
label.etiqu02{
padding-right:5px;
font-size: 90%;
}

input.caixa00{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 50px;
}
input.caixa01{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 50px;
}
input.caixa02{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 70px;
margin-bottom: 2px;
}
input.caixa03{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 297px;
}
input.caixa04{
border-color: #FFFFFF;
background-color: #F8F0F4;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
margin-left:5px;
margin-right:0px;
vertical-align: middle;
width: 100px;
height: 1.2em;
}
input.caixa05{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 200px;
}
input.caixa06{
border-color: #000080;
border-width: 1px;
font: normal 0.9em sans-serif,Arial,Helvetica,sans-serif;
vertical-align: middle;
width: 350px;
}

/* Dissenys */
.cel_la01{
border-bottom:1px solid #EEEEEE;
}
.cel_la02{
border-top:1px solid #EEEEEE;
border-right:1px solid #DDDDCC;
}
.cel_la03{
border-bottom:1px solid #DDDDCC;
}
.cel_la04{
border-top:1px solid #EEEEEE;	
}
.cel_la05{
border-bottom:1px solid #EEEEEE;
border-right:1px solid #DDDDCC;
}

.cel_la06{
border-left:1px solid #DDDDCC;
}

/* Contenidor */
div{
	margin: 0;
	padding: 0;
}
div.contenidor{
	position:relative;
	width: expression(document.body.clientWidth < 810 ? "780px": "auto" );
	min-width: 780px;
	background-image: url(../media/imatges/fons05.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: transparent;
}

/* Capçal */
div.capcal{
	position: relative;
	float: none;
	clear: both;
	background-image:url(../media/imatges/fons03.gif);
	background-position:left top;
	background-repeat: repeat-x;
	background-color: transparent;
	height: 86px;
	width: expression(document.body.clientWidth < 810 ? "780px": "auto" );
	min-width: 780px;
}

div.capcal div.esquerra{
	position: relative;
	float:left;
	clear:right;
	width: 415px;
	height: 60px;
	background-image:url(../media/imatges/logo02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color: transparent;
}

div.capcal div.dreta{
	margin-left: 415px;
	background-image:url(../media/imatges/fons02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color: transparent;
	min-width: 344px;
	max-width: 775px;
	width:expression(this.width < 350? "344px" : this.width); 
	width:expression(this.width > 570? "775px" : this.width); 
	height: 60px;
}

div.capcal div.dreta div.opcions{
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 354px;
	height: 27px;
}

div.capcal div.dreta div.opcions span.idiomes{
	float: left;
	text-align: left;
	padding-left: 15px;
}
div.capcal div.dreta div.opcions span.navega{
	float: right;
	text-align: right;
	padding-right: 15px;
}

div.capcal div.dreta div.cerca{
position: relative;
top: 0px;
right: 0px;
float: right;
min-width: 250px;
height: 34px;
padding-top: 4px;
padding-right: 5px;
margin-right: 0;
vertical-align: middle;
text-align: right;
}

div.capcal div.sota{
position: absolute;
top: 60px;
left: 0;
width: 100%;
min-width: 780;
background-image:url(../media/imatges/fons03.jpg);
background-position:left top;
background-repeat: no-repeat;
background-color: transparent;
height: 26px;
}

div.capcal div.sota span.data{
position: relative;
float:right;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #9F285D;
text-align: right;
padding: 0 10px 0 0;
margin-top: 2px;
}
div.capcal div.sota span.usuaris{
position: relative;
float:right;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 0.8em;
color: #9F285D;
font-weight: bold;
text-align: right;
padding: 0 10px 0 10px;
margin-top: 2px;
}

/* Cos */
div.cos{
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: none;
	clear: both;
	width: expression(document.body.clientWidth < 810 ? "780px": "auto" );
	min-width: 780px;
	/*height: 60em;*/
	height: expression(this.height < 75em? "70em": "auto" );
	min-height: 70em;
	background-image: url(../media/imatges/fons05.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: transparent;
}

div.cos div.barraNav{
	position:relative;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 168px;
	background-image: url(../media/imatges/fons05.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: transparent;
	text-align: center;
}

div.cos div.barraNav h2{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 1.3em;
text-align: right;
border-bottom: 1px dashed #950E63;
}

div.cos div.barraNav h2 a{
display: block;
line-height: 1.4em;
margin: 0 0 0 0;
padding: 10px 15px 5px 0;
width: 150px;
}

div.cos div.barraNav h2 a:hover, div.cos div.barraNav h2 a:focus{
background-color: #FFFFFF;
text-decoration: none;
background-image: url(../media/imatges/fons09.jpg);
background-position: top left; 
background-repeat: repeat-y;
}
div.cos div.barraNav div.menu{
display: block;
padding: 5px 0 0 0;
margin: 0 0 0 0;
text-align: right;
border-bottom: 1px dashed #950E63;
}
div.cos div.barraNav div.aptselecc{
	width: 167px;
	height: 76px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	border-right: 1px solid #A33563;
}

div.cos div.barraNav div.aptselecc h1{
display: block;
font-size: 1.4em;
font-weight: bold;
width: 150px;
margin: 0 0 0 0;
padding: 50px 15px 5px 0;
background-position: top left;
background-repeat: no-repeat;
}

div.cos div.barraNav div.menu ul{
list-style: none;
margin: 0 0 5px 0; 
padding: 0 0 0 0;
}

div.cos div.barraNav div.menu ul li{
list-style: none;
margin: 0 0 0 0; 
padding: 0 0 0 0;
}

div.cos div.barraNav div.menu ul li a{
display: block;
width: 150px;
margin: 0 0 0 0;
text-decoration: none;
padding: 0.2em 15px 0.2em 0;
font-size: 0.9em;
font-weight: normal;
}

div.cos div.barraNav div.menu ul li a:hover, div.cos div.esquerra div.menu ul li a:focus{
text-decoration: none; 
background-color: #FFFFFF;
background-image: url(../media/imatges/fons09.jpg);
background-position: top left; 
background-repeat: repeat-y;
}

div.cos div.destacat{
position: relative;
padding: 0 0 0 0;
margin: 0 0 0 167px;
}


.ressaltat{
display: block;
background-image:url(/media/imatges/fons09.gif);
background-position: top left;
background-repeat: repeat-y;
background-color: #F8F0F4;
border-bottom: 1px solid #A33563;
border-right: 1px solid #A33563;
color: #A33563;
font-family: sans-serif,Arial,Helvetica;
font-weight: bold;
line-height: 1.5em;
}

div.cos div.centre{		
position: relative;
padding: 0 0 0 0;
margin: 0 0 0 167px;
}

div.cos div.centre div.fonscer{
padding: 2px 0 0 0;
margin: 0 0 0 0;
height: 30px;
background-image: url(../media/imatges/fons08.jpg);
background-position: left top;
background-repeat: repeat-y;
background-color: transparent;
background-color: #EEEEEE;
}

div.cos div.centre div.fonscer div.molles{
padding: 4px 0 0 5px;
margin: 0 0 0 0;
width: 45%;
float: left;
height: 25px;
font-size: 0.9em;
}

div.cos div.centre div.fonscer div.cerca{
padding: 4px 0 0 0;
margin: 0 0 0 0;
width: 300px;
min-width: 250px;
float: right;
height: 26px;
background-image:url(../media/imatges/fons04.gif);
background-position:right top;
background-repeat:no-repeat;
background-color: transparent;
text-align: right;
}

div.cos div.centre div.menavega{
position: relative;
clear: right;
border-right: 1px solid #DDDDDD;
height: 30px;
padding: 0 0 0 0;
margin: 0 0 0 10px;
color: #4A2812;
}

div.cos div.centre div.menavega a{
color: #4A2812;
}

div.cos div.centre div.menavega h5{
position: relative;
top: 5px;
font-size: 1.2em;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

div.cos div.centre div.menavega a:hover, div.cos div.centre div.menavega a:focus{
border-bottom: 1px solid #EEEEEE;
background-color: #EEEEEE;
color: #4A2812;
}

div.cos div.centre div.continguts h5{
display: block;
clear: both;
height: 30px;
font-size: 1.2em;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}

div.cos div.centre div.continguts{
position: relative;
top:0;
left:0;
float: left;
margin: 0 0 0 0;
padding: 5px 0 10px 30px;
width: 85%;
}


div.cos div.centre div.continguts div.inici{
position: relative;
top:0;
left:0;
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background-color: Blue;*/
}

div.cos div.centre div.continguts div.inici div.media{
position: relative;
top:0;
left:0;
float: left;
margin: 0 2em 0 0;
padding: 0 0 10px 0;
text-align: center;
height:100%;
}

div.cos div.centre div.continguts div.inici div.text{
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
height:100%;		
}


div.cos div.centre div.continguts div.fragment{
position: relative;
top:0;
left:0;
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background-color: Fuchsia;*/
}
div.cos div.centre div.continguts div.fragment ul{
margin: 15px 0 5px 0;
padding: 0 0 0 10px;
list-style: none;
}

div.cos div.centre div.continguts div.fragment ul li{
margin: 0 0 0 0;
padding: 0 0 0 14px;
list-style: none;
line-height: 1.6em;
}	

/* Peu */
div.peu{
	position: relative;
	float: none;
	clear: both;
	width: expression(document.body.clientWidth < 810 ? "780px": "auto" );
	min-width: 780px;
	height: 36px;
	background-image: url(../media/imatges/fons05.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: transparent;
}

div.peu div.esquerra{
	position: relative;
	float:left;
	clear:left;
	width: 167px;
	height: 36px;
	background-color: #F7F2F5;
}

div.peu div.dreta{
	margin-left: 167px;
	height: 36px;
	border-top: 1px solid #CE758B;
	border-bottom: 1px solid #EEEEEE;
}

div.peu div.dreta span.dades{
	float:left;
	font-size: 85%;
	text-align: left;
	margin-top: 3px;
	margin-left: 10px;
}

div.peu div.dreta span.diputa{
	float:right;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
}


/*PERFIL DEL CONTRACTANT*/

div#divFormPerfilCBuscar {
    border: 1px solid #CCCCCC;
    float: right;
    padding: 10px;
    width: 197px;
	clear:none;
}

div#divFormPerfilCResultats p.expedient {
	margin:0;
	padding:0;
	margin-bottom:5px;
}

div#divFormPerfilCResultats {
    float: left;
    width: 66%;
	clear:none;

}

dl.recursos{
	margin-bottom:25px;
}

dl.recursos dd, dl.recursos dt {
	margin:0;
	padding:0;
}

div#cos div#dreta dl.recursos, dl.detall {
    padding-bottom: 25px;
}

.color{
	color:#0066AA;
}

form#FormulariPerfilC label {
    float: left;
    font-size: 0.9em;
    margin-right: 5px;
}

form#FormulariPerfilC input#num_exp {
    width: 190px;
}

form#FormulariPerfilC input[type="text"], form#FormulariPerfilC select {
    width: 200px;
}

div.separador10 {
    clear: both;
    float: none;
    height: 10px;
    width: 100%;
}

div.separador20 {
    clear: both;
    float: none;
    height: 20px;
    width: 100%;
}

h3.perfilc {
	margin:0;
	padding:0;
    margin-bottom: 5px;
    margin-top: 20px;
	color:#0066AA;
}

ul.descargafitxersPerfil li {
	margin-bottom:5px;	
}

.mes10dre {
    margin-right: 10px;
}

.mes25esq {
    margin-left: 25px;
}

.catCer {
    background-image: url("/media/segell_de_temps/catCer.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    font-size: 0.7em;
    font-weight: normal;
    height: 24px;
    padding-bottom: 0.2em;
    padding-left: 65px;
    width: 60px;
}

/*FI PERFIL CONTRACTANT*/

iframe {
	height:1500px;
	/*visibility:hidden;*/
	display:block;
	width:100%;
	border:none; 
}