html { 

  padding:5px;

  margin:5px;

}



body {

  background-color: #fff;

  font-size: 12px;

  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

  color: #4B4B4B;  

text-align: center;

}

 a:link {
  color: #4B4B4B;  

  text-decoration: none;

  }

 a:visited {
  color: #4B4B4B;  

  text-decoration: none;

  }

div.content {

width: 700px; 

margin: 0px auto 0px auto; 

text-align: left;

}

#index {

  margin: 5px 50px 5px 50px;

  padding: 0px;

  background-color: #ffffff;    

}

h2

	{

	font-size: 16px;

	 font-weight: bold;

	 color: #000; 

	 }

		

label

{

width:150px;

float: left;

text-align: right;

margin-right: 5px;

}

.label2

{

width:60px;

float: left;

text-align: left;

margin-right: 2px;

}

.input-box

{

text-indent: 6px;

float: left;

margin-bottom: 10px;

color: #26a;

background: #feb;

border: #26a solid 1px

}

.textarea-box



{

float: left;

text-indent: 6px;

margin-bottom: 10px;

color: #26a;

background: #feb;

border: #26a solid 1px

}

.select-box

{

float: left;

text-indent: 3px;

margin-bottom: 10px;

margin-right: 10px;

color: #26a;

background: #feb;

border: #26a solid 1px

}

.submit-button

{

margin-left: 230px;

clear: both;

color: #000;

background: #fb0;

border: 2px #9cf outset

}



fieldset

{

border: #26a solid 1px;

width: 500px;

}



legend

{

background: #fb0;

border: #26a solid 1px;

padding: 1px 10px

}

.checkbox-dins

{

margin-left: 120px

}

.p-titols

{

font-size: 14px;

 font-weight: bold;

 color: Black;

 background-color: White;

 padding: 2px 8px;

 margin-right: 10px;

margin-left: 10px;

border: 1px solid;

text-align: left;

width: 200px

}

#menu {

position: absolute;

left: 5px;

width: 195px;

 color: #4B4B4B;

margin: 3px; 

padding: 3px;



}

div.pro {

	position:absolute;

	left:565px;
	top:40px;

	z-index: 1;
	}
	div.news {

	position:absolute;

	left:125px;
	top:8px;

	z-index: 1;
	color: #FFA500;
	font-size: large;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

	}
div.beta {

	position:absolute;

	left:85px;
	top:30px;
	width: 125px;
	height: 75px;
	z-index: 1;
	border: 1px dashed Silver;
	padding-left: 4px;
	}
#footer {	

  background-color: #ffffff;  

  font-size: 10px;

  color: #7C7C7C;

width: 530px; 

margin-top: 15px;

text-align: center;

  }

#footer a:link {

  color: #7C7C7C;

  text-decoration: none;

  }

  #footer a:visited {

  color: #7C7C7C;

  text-decoration: none;

  }

  #footer a:hover {

  color: #DF9200;

  text-decoration: none;

  }

#footer2 {	

position: absolute;

top: 550px;

left: 0px;

  background-color: #ffffff;  

  font-size: 10px;

  color: #7C7C7C;

width: 720px; 

text-align: center;

}

#footer2 a:link {

  color: #7C7C7C;

  text-decoration: none;

  }

  #footer2 a:visited {

  color: #7C7C7C;

  text-decoration: none;

  }

    #footer2 a:hover {

  color: #DF9200;

  text-decoration: none;

  }



div.idiomes {

	position:absolute;

	left:0px;

	top:0px;

	width:700px;

	height:19px;

	text-align:right;

	font-size:11px;

}



div.apunti-sense-text-02 {

	position:absolute;

	left:0px;

	top:19px;

	width:242px;

	height:148px;

}



div.logo {

	position:absolute;

	left:242px;

	top:19px;

	width:314px;

	height:97px;

}



div.apunti-sense-text-04 {

	position:absolute;

	left:589px;

	top:36px;

	width:110px;

	height:131px;

}



div.slogan {

	position:absolute;

	left:100px;

	top:116px;

	width:580px;

	height:51px;

	text-align:center;

	font-size:20px;

}



div.apunti-sense-text-06 {

	position:absolute;

	left:0px;

	top:167px;

	width:48px;

	height:372px;

}



div.escribes {

	position:absolute;

	left:48px;

	top:167px;

	width:221px;

	height:195px;

}



div.guardamos {

	position:absolute;

	left:269px;

	top:167px;

	width:209px;

	height:195px;

}



div.enviamos {

	position:absolute;

	left:478px;

	top:167px;

	width:218px;

	height:195px;

	z-index: 5;

}





div.text_escribes {

	position:absolute;

	left:48px;

	top:362px;

	width:221px;

	height:33px;

		text-align:center;

		font-size:18px;

}



div.text_guardamos {

	position:absolute;

	left:269px;

	top:362px;

	width:209px;

	height:33px;

		text-align:center;

font-size:18px;

}



div.text_enviamos {

	position:absolute;

	left:478px;

	top:362px;

	width:218px;

	height:33px;

		text-align:center;

		font-size:18px;

}



div.apunti-sense-text-14 {

	position:absolute;

	left:48px;

	top:395px;

	width:648px;

	height:15px;

	z-index:-1;

}


#text_utilidades a:link {

  color: #FF8C00;
  font-size: 105%;
	font-weight: bold;

  text-decoration: none;

  }
  #text_utilidades a:visited {

  color: #FF8C00;
  font-size: 105%;
	font-weight: bolder;

  text-decoration: none;

  }
#text_utilidades {

	position:absolute;

	left:148px;

	top:420px;

	width:415px;

	height:49px;

	text-align: left;
	font-size: 105%;
	font-weight: bolder;
	color: #FF8C00;
	
}
#text_creados {

	position:absolute;

	left:0px;

	top:530px;

	width:730px;

	height:49px;
	font-size: 80%;

text-align: center;
color: White;

}
#text_boletin {

	position:absolute;

	left:100px;

	top:480px;

	width:415px;

	height:49px;

	text-align: left;
	font-size: 125%;
	font-weight: bolder;
	color: #FF8C00;

}
div.apunti-sense-text-16 {

	position:absolute;

	left:533px;

	top:410px;

	width:28px;

	height:39px;

}



div.apunti-sense-text-17 {

	position:absolute;

	left:561px;

	top:410px;

	width:135px;

	height:39px;

}



div.apunti-sense-text-18 {

	position:absolute;

	left:533px;

	top:449px;

	width:28px;

	height:90px;

}



div.redactar {

	position:absolute;

	left:463px;

	top:412px;

	width:135px;

	height:90px;

}

div.text_redactar {

	position:absolute;

	left:463px;

	top:485px;

	width:135px;

	height:39px;

	text-align:left;

	vertical-align:top;

	font-size:16px;

	font-weight:bolder;

}

.con_titol {

font-size:20px;

}

.con_punts {

font-size:14px;

font-weight:bold;

}

.con_vermell {

color:#FF0000;

}

p.pregunta {

text-decoration: underline;

font-weight: bold;

}
p.minimo {

font-style: italic;
padding-left: 15px;
margin-top: -10px

}
