body{
	font-family: Verdana,Arial, Helvetica,sans-serif;
	font-size:10px;
	background-color:#F2F4FA;
	color: #003366;
}

img
{
	border: 0px;
}
 
fieldset
{
	width: 682px;
	border:0px;
	border-bottom: 1px dotted #D0D9EA;
	margin-bottom: 5px;
	margin: 5px 0px;
	padding:5px;
}

fieldset.col1 { width: 150px; float: left;}
fieldset.col2 { width: 320px !important; width: 305px;float: left }
fieldset.col3 { width: 200px; float: left;}


legend
{
	padding-left: 15px;
	margin-bottom: 10px;
	color: #013B6B;
	font-weight: bold;	
	font-size:12px;
	background: url(../images/ico_bullet.gif) no-repeat scroll top left;
	
}

legend.dades_infant{		padding-left: 15px;background: url(../images/ico_dades_infant.gif) no-repeat scroll top left;}
legend.dades_pare{			padding-left: 15px;background: url(../images/ico_dades_pare.gif) no-repeat scroll top left;}
legend.dades_mare{			padding-left: 15px;background: url(../images/ico_dades_mare.gif) no-repeat scroll top left;}
legend.dades_interes{		padding-left: 15px;background: url(../images/ico_dades_interes.gif) no-repeat scroll top left;}
legend.preferencia_escoles{	padding-left: 15px;background: url(../images/ico_preferencia_escoles.gif) no-repeat scroll top left;}
legend.observacions{		padding-left: 15px;background: url(../images/ico_observacions.gif) no-repeat scroll top left;}

label {
	font-size:11px;
	display:block;
	text-align:left;
	color: #023C6C;
}

label.left
{
	float:left;
	padding-top:3px
}

.mandat {
	/*font-weight: bold;*/
}
.mandat:after {
	/*content: "*";*/
}

form {
	width: 700px;
	margin: auto auto;
	background-color: #FFF;
	padding: 20px 0px;
	text-align: left;
}

form p
{
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	height: 38px;
		
	/*border: 1px solid gray;*/
	/*padding: 0px 5px;*/
	text-align: left;
}

form span
{
	font-size:11px;
	color:#013B6B;
	text-align: left;
	clear: both;
	float: none;
	display: block;
	padding: 5px;
	padding-left: 15px !important;
	padding-left: 22px;
	font-weight: bold;
	
}

form p.col1{width: 136px; padding-left: 15px !important; padding-left: 22px; }
form p.col2{width: 136px}
form p.col12{width: 277px; padding-left: 15px !important; padding-left: 22px;}
form p.col3{width: 136px}
form p.col23{width: 277px}
form p.col4{width: 136px}
form p.col5{width: 90px}
form p.col45{width: 204px}
form p.col12345{width: 650px}


form p.type1{ width: 156px;  padding-left: 15px !important; padding-left: 22px; }
form p.type2{ width: 292px !important; width: 299px; padding-left: 15px !important; padding-left: 22px; }
form p.type3{ width: 90px;   padding-left: 15px !important; padding-left: 22px; }
form p.type4{ width: 224px;}
form p.type41{ width: 204px;}
form p.type42{ width: 204px;}
form p.type4p{ width: 194px; padding-left: 15px !important; padding-left: 22px; }
form p.type5p{ width: 408px; padding-left: 15px !important; padding-left: 22px; }
form p.type5{ width: 650px;  padding-left: 15px !important; padding-left: 22px; }
form p.type51{ width: 650px; padding-left: 15px !important; padding-left: 22px; }
form p.type6{ width: 250px;  padding-left: 15px !important; padding-left: 22px; }
form p.type6p{ width: 308px; padding-left: 15px !important; padding-left: 22px; }
form p.type7{ width: 110px }
form p.type7p{ width: 150px; padding-left: 15px !important; padding-left: 22px;  }
form p.type8{ width: 210px;}
form p.type81{ width: 210px; padding-left: 15px !important; padding-left: 22px; }
form p.type82{ width: 230px;}
form p.type9{ width: 125px }
form p.type9xx{ width: 100px }
form p.type9p{ width: 125px; padding-left: 15px !important; padding-left: 22px; }
form p.type9x{ width: 155px; padding-left: 15px !important; padding-left: 22px; }
form p.type8x{ width: 125px; padding-left: 15px !important; padding-left: 22px; }
form p.type10{width: 257px}
form p.type11{ width: 234px; }
form p.type12{ width: 448px !important; width:448px; padding-left: 15px !important; padding-left: 22px; }
form p.type13{ width: 330px; }

form br {clear: both;}


h1,h2,h3,h4 {text-align: left }

.title
{
	font-family :  Arial, Verdana, Geneva, Helvetica, sans-serif;
	width:665px;	
	padding-bottom:5px;
	border:0px;
	margin:0px;
	font-size : 16px;
	font-weight : bold;
	color : #013B6B;
	text-decoration:none;
	text-align:left;
	background:#FFF url('../images/linia_bicolor.gif')  repeat-x bottom left;
	/*border: 1px solid pink;*/
}

.title2
{
	width:662px;
}

h2{ 
	padding-left: 5px;
	padding-right: 10px;
	font-size: 13px;
	font-weight: bold;
	display:block;
	text-align: left; 
	color:#FFF;
	width: 682px;
	height:21px;
	border-bottom: 2px solid #E6ECF8;
	background-color: #96A9D1;
}

h2 a.titol
{
	float:left;width:300px;
	padding-top:2px;
}

h2 a.anchor
{
	float:right;width:9px;
	margin-top: 5px;
}




input,select,textarea
{
	font-family: Arial, Verdana, Helvetica,sans-serif;
	border: 1px solid #748EC1;
	font-size: 11px;
	color:#4E4E4E;
	background-color: #F3F4F9;
	padding-left: 2px;
}

input.readonly_false
{
	border: 1px solid #748EC1;
	font-size: 11px;
	color:#4E4E4E;
	background-color: #F3F4F9;
}

input.readonly_true{background-color:transparent;border:0px;color:#4E4E4E !important;}

input.radio{border:0px; background-color:#FFF}

input.largefield { width: 280px !important; width: 285px;}
input.largefield2 { width: 436px !important; width: 436px;}

.error {border: 1px solid red; background: #FFEEEE}


.cuadro_errores
{
	width:680px;
		
	color:#E30103;
}


#navcontainersolicitud
{
	width:300px;
	margin: 0px !important;
	padding-left:0px;
	text-align:left;
	padding:10px 0px;
}
#navcontainersolicitud #navlistsolicitud
{ 
	margin: 0px;
	list-style-image: url(../images/ico_li.gif); 
	padding-left:20px;
}

#navcontainersolicitud #navlistsolicitud li { margin: 0px;}
#navcontainersolicitud #navlistsolicitud li a {font-size: 11px;color: #0576D4; text-decoration: none; font-weight: bold}
#navcontainersolicitud #navlistsolicitud li a:hover {color: #0576D4}


.access
{
	display: none;
}

table.referencia
{
	margin: 0px;
	width: 697px;
	border-collapse: collapse;
	font-size: 10px;
}
table.referencia th
{
	text-align: left;
	padding-left: 10px;
	color: #FFF;
	background-color: #95A9D0;
	border: 1px solid #FFF;
	height: 20px;
}
table.referencia td
{
	padding-left: 10px;
	background-color:#E6ECF7;
	border: 1px solid #FFF;
	color: #003366;
	height: 20px;	
}


#navcontainer
{
	margin: 0px;
	padding: 0px;
	height: 23px;
}
#navcontainer #navlist
{
	position:absolute;
	top: 142px;
	padding-left: 25px;
	margin-left: 0;
	font: bold 12px Verdana, sans-serif;
}

#navcontainer #navlist_back
{
	position:absolute;
	top: 122px;
	padding-left: 25px;
	margin-left: 0;
	font: bold 12px Verdana, sans-serif;
}


#navcontainer ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;	
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
	text-decoration: none;
	font-size: 10px;
	float: left;
	margin: 0px;
	margin-right: 5px;
	width:83px;
	height: 23px;
	padding-top: 5px;
	padding-bottom: 0px;
	color:#000000;
	text-align: center;
}

/*------ backoffice -------*/

#navlistdp li a { background-image: none; }
#navlistdp li a:hover { background-image: none; }

#navcontainer ul li.st_pre_preinscripcio a {			background: url(../images/pestanya_prepreinscrip_off.gif) no-repeat; color: #0E78D3; width:130px;}
#navcontainer ul li.st_pre_preinscripcio a:hover {		background: url(../images/pestanya_prepreinscrip_on.gif) no-repeat; color: #0A4372; width:130px;}
#navcontainer #current.st_pre_preinscripcio a {		background: url(../images/pestanya_prepreinscrip_on.gif) no-repeat; color: #0A4372; width:130px;}

#navcontainer ul li.st_preinscripcioBO a {				background: url(../images/pestanya_preinscripBO_off.gif) no-repeat; color: #0E78D3; width:101px;}
#navcontainer ul li.st_preinscripcioBO a:hover {		background: url(../images/pestanya_preinscripBO_on.gif) no-repeat; color: #0A4372; width:101px;}
#navcontainer #current.st_preinscripcioBO a {		background: url(../images/pestanya_preinscripBO_on.gif) no-repeat; color: #0A4372; width:101px;}

#navcontainer ul li.st_gestioBO a {					background: url(../images/pestanya_gestioBO_off.gif) no-repeat; color: #0E78D3; width:65px;}
#navcontainer ul li.st_gestioBO a:hover {				background: url(../images/pestanya_gestioBO_on.gif) no-repeat; color: #0A4372; width:65px;}
#navcontainer #current.st_gestioBO a {				background: url(../images/pestanya_gestioBO_on.gif) no-repeat; color: #0A4372; width:65px;}


#navcontainer li.informacio a {			background: url(../images/pestanya_informacio_off.gif) no-repeat top left; 	width:175px;}
#navcontainer li.informacio a:hover{	background: url(../images/pestanya_informacio_on.gif) no-repeat left top;}

#navcontainer li.normatives a {			background: url(../images/pestanya_normatives_off.gif) no-repeat top left; 	width:179px;}
#navcontainer li.normatives a:hover{	background: url(../images/pestanya_normatives_on.gif) no-repeat left top;}

#navcontainer li.preinscripcio a{		background: url(../images/pestanya_preinscripcio_off.gif) no-repeat top left; 	width:160px;}
#navcontainer li.preinscripcio a:hover{	background: url(../images/pestanya_preinscripcio_on.gif) no-repeat left top;}

#navcontainer li.llistats a{			background: url(../images/pestanya_llistats_off.gif) no-repeat top left; 	width:83px;}
#navcontainer li.llistats a:hover{		background: url(../images/pestanya_llistats_on.gif) no-repeat left top;}

#navcontainer li.generic a{				background: url(../images/pestanya_off.gif) no-repeat top left; width:163px; color:#0066CC;}
#navcontainer li.generic a:hover{		background: url(../images/pestanya_on.gif) no-repeat left top; color:#003366;}
#navcontainer li.generic a#current{		background: url(../images/pestanya_on.gif) no-repeat left top; color:#003366;}

#navcontainer li.generic_adjudicar1 { background: url(../images/boton_adjudicar.gif) no-repeat; height: 20px; color:#0066CC;}
#navcontainer li.generic_adjudicar1 a { padding-top: 2px; width: 150px; color:#0066CC; font: bold 9px Verdana; }

#navcontainer li.generic_adjudicar2 { background: url(../images/boton_adjudicar_short.gif) no-repeat; height: 20px; color:#0066CC;}
#navcontainer li.generic_adjudicar2 a { padding-top: 2px; width: 115px; color:#0066CC; font: bold 9px Verdana; }

#navcontainer li.generic_adjudicar3 { background: url(../images/boton_adjudicar_short.gif) no-repeat; height: 20px; color:#0066CC;}
#navcontainer li.generic_adjudicar3 a { padding-top: 2px; width: 115px; color:#0066CC; font: bold 9px Verdana; }

#navcontainer li a:hover
{
color: #003366;
}

/*------------------ Menu desplegable -------------------------*/
#navlistdp
{
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	font: bold 10px Verdana, sans-serif;
	top: 24px;
	left: 266px;
	width: 190px;
	}


#navlistdp a
{
	background-image: none !important;
	display: block;
	padding: 3px;
	width: 180px !important;
	background-color: #FFF !important;
	border-bottom: 1px solid #D1D9EC;
	border-left: 1px solid #D1D9EC;
	border-right: 1px solid #D1D9EC;
	padding-left: 10px;
	text-align: left !important;
}

#navlistdp a:link, #navlistdp a:visited
{
	color: #0175D5;
	text-decoration: none;
	padding-left: 10px;
}

#navlistdp a:hover
{
	background-color: #95A9D0 !important;
	color: #FFF !important;
	padding-left: 10;
}
/*------------------------------- fin menu desplegable ------------------------------*/
/*---------------- CSS Selects falsos de img --------------------*/
#grupIDImg{
	background-image: url('../images/selectImg.gif');
	/*visibility: hidden;*/
	background-position: 0% 50%;
	width: 150px;
	height: 20px;	
	position: absolute;
	top: 300px;
	left: 300px;
}



#top_botonera
{
	float: right;
	margin: -18px -5px 0px 0px;
}

a.button
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0066CC;
	text-decoration:none;	
	font-size:10px;
	font-weight:bold;
	height:15px;
	text-align:center;
	padding-top:3px;
	margin-right: 5px;
	float:left;
	/*border: 1px solid green;*/
}

.little { 	width:70px;     background:#FFFFFF url('../images/button_little.gif')  no-repeat top center; }
.little2{	width: 115px;	background: url(../images/boton_adjudicar_short.gif) no-repeat; }
.medium{	width: 149px;	background: url(../images/boton_adjudicar.gif) no-repeat; }


#bottom_botonera
{
	width: 700px;
	height: 25px;
	margin: 15px auto 0px auto;
	text-align: center;
}

#bottom_botonera  a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#013B6B;
	font-size:11px;
	font-weight:bold;
	width:120px;
	height:19px;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	padding-top:3px;
	/*padding-right:30px;*/
	/*margin-bottom:5px;*/
	float:left;
	background:#FFF url('../images/boton_medio.jpg')  no-repeat top right;
}

#bottom_botonera  a.large { width:184px;	background:#FFF url('../images/boton_largo.jpg')  no-repeat top right; }

#bottom_botonera .sep
{
	height:25px;
	float:left;
}

.bottom_botonera_wrapper
{
	width: 494px;
	margin:0 auto 0 auto;
	height: 22px;
}

#oac_botonera
{
	width: 270px;
	/*height: 22px;*/
	float: right;
	padding-right: 20px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/* ------------- Publicació de llistats ---------------------*/
form p.col2_x label{
	width: 275px;
}


/*---------------------------LLISTAT PUBLICATS-----------------------*/
.llistatPublicats{
	width: 98%;
	background-color: #D7DDED;
	border: 1px solid #748EC1;
	color: #0074D3;
	font-weight:bold;
	height: 105px;
}

.elementsPublicats{
	padding-left: 20px;
	padding-top: 10px;
}
.elementsPublicats a{
	vertical-align: bottom;
}

.elementsPublicats b{
	color: #000000;
}

.noHiHaLlistats{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 100px;
	font-weight:bold;
}