body{

	color:white;

	font-size:13px;

	

	/* Setting default text color, background and a font stack */

	color:#555555;

	/*font-size:0.825em;*/

	background: #fcfcfc;

	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;

	padding:5px;



}



#cabeceira{

	text-align:justify;

}



#cabeceira h1{

	font-size:22px;

	margin:0px;

}

#cabeceira p{

	font-size:12px;

	margin:0px;

	padding-bottom:5px;

	text-align:justify;

}



.note{

	height:150px;

	padding:10px;

	width:150px;

	position:absolute;

	overflow:hidden;

	cursor:move;

	

	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;

	/*font-size:22px;

	

	/* Adding a CSS3 shadow below the note, in the browsers which support it: */

	-moz-box-shadow:2px 2px 0 #DDDDDD;

	-webkit-box-shadow:2px 2px 0 #DDDDDD;

	box-shadow:2px 2px 0 #DDDDDD;

}







/* Each note has a data span, which holds its ID */

span.data{	display:none; }



.palabra{

	left:5px;

	right: 5px;

	font-size:14px;

	font-weight:bold;

	position:absolute;

	float:left;

	clear:both;

	

}

.descri{

	font-size:10px;

	position:absolute;

	text-align:justify;

	left:5px;

	right: 5px;

	top: 30px;

	border-top-style:solid;

	border-top-width:thin;

	border-top-color:#000000;



}



.author{

	/* The author name on the note: */

	bottom:10px;

	color:#666666;

	font-family:Arial,Verdana,sans-serif;

	font-size:10px;

	position:absolute;

	right:10px;

}



#main{

	/* Contains all the notes and limits their movement: */

	margin:0 auto;

	position:relative;

	z-index:10;

	padding:5px;

}











.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

	

	a.fg-button { float:left; }

	

	/* remove extra button width in IE */

	button.fg-button { width:auto; overflow:visible; }

	

	.fg-button-icon-left { padding-left: 2.1em; }

	.fg-button-icon-right { padding-right: 2.1em; }

	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }

	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

	

	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	



	

	.fg-toolbar { padding: .5em; margin: 0; }

	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }

	.fg-toolbar .fg-button { font-size: 1em;  }







/* FORMULARIO */

#entraDatos{

		margin-right:10px;

}

#area_form {

	

	border:none;

}



#cabe_form{

	float:right;

	width:25%;

	padding-left:5px;

	padding-right:5px;

	padding-bottom:5px;

	text-align:right;		

}

#cabe_form p{

	margin-top:5px;

	margin-bottom:5px;

}

#texto_form{

	float:left;

	width:73%;

}

#texto_form h1{

	font-size:22px;

	margin:0px;

}

#texto_form p{

	font-size:12px;

	margin:0px;

	padding-bottom:5px;

	text-align:justify;

}







#clear{

	clear:both;

}

#contenedor{



	text-align:justify;

}

.ui-widget-header{

	padding:5px;

}

#area_form{

	margin:0px;

	margin-top:5px;

	margin-bottom:5px;

	border:none;

	padding:0px;

}

fieldset{

     border:none;

	 padding:0px;

	 margin:0px;

	 height:250px;

	 

}

#datos_form{

	width:500px;

	float:left;

}

#datos_form label{

	float:left;

}

#traballos{

	height:23px;

	font-size:10px;

	margin-bottom:10px;





	width:100%;



}

#traballos p{

	float:left;

	font-size:12px;

	font-style:inherit;

}

#traballos select{

	width:200px;

}

#traballos label{

	float:right;

	font-size:10px;

}

#procesador{

	width:55%;

	float: right;

}

#datos_esquerda{

	width:35%;

	float:left;

}