body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label,fieldset{

	/* A simple page reset */

	margin:0px;

	padding:0px;

}



body{

	/* Styling the body */

	color:white;

	font-size:13px;

	background: #222222;

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

}

#cabeceira{

	margin:10px;

	text-align:justify;

}

#gallery{

	/* The pics container */

	width:100%;

	height:400px; /* DETERMINAMOS O ALTO EN PANTALLA */

	position:relative;

}



.pic, .pic a{		

	width:150px; /* TAMAŅO THUMBELINAS */

	height:150px;

	overflow:hidden;

}



.pic{

	/* Styles specific to the pic class */

	position:absolute;

	border:5px solid #EEEEEE;

	border-bottom:18px solid #eeeeee;

	

	/* CSS3 Box Shadow */

	-moz-box-shadow:2px 2px 3px #333333;

	-webkit-box-shadow:2px 2px 3px #333333;

	box-shadow:2px 2px 3px #333333;

}



.pic a{

	/* Specific styles for the hyperlinks */

	text-indent:-999px;

	display:block;

	/* Setting display to block enables advanced styling for links */

}



.drop-box{

	/* The share box */

	width:240px;

	height:130px;

	position:absolute;

	bottom:0;

	right:0;

	z-index:-1;

	

	background:url(img/drop_box.png) no-repeat;

}



.drop-box.active{

	/* The active style is in effect when there is a pic hovering above the box */

	background-position:bottom left;

}



label, input{

	/* The modal dialog URL field */

	display:block;

	padding:3px;

}



label{

	font-size:10px;

}



fieldset{

	border:0;

	margin-top:10px;

}









/* General styles for the demo page */



h1{

	/* The title of the page */

	color:white;

	font-family:"MyRiad Pro",Arial,Helvetica,sans-serif;

	font-size:38px;

	font-weight:normal;

}



h2{

	/* The subtitle */

	font-family:"MyRiad Pro","Arial Narrow",Arial,Helvetica,sans-serif;

	font-size:16px;

	font-weight:normal;

	letter-spacing:1px;

	padding-left:2px;

	text-transform:uppercase;

	white-space:nowrap;

	margin:10px 0 25px;

}













#main{

	/* The main container */



	margin: 10px;

}



a img{

	border:none;

}



a, a:visited {

	color:#00BBFF;

	text-decoration:none;

	outline:none;

}



a:hover{

	text-decoration:underline;

}



.comment{ /* Etiqueta sobre thumb*/

            position:absolute;   

            width:550px;

            top:400px;

            left:0px;

			font-size:12px;

			font-weight:bold;

            color: white; 

			font: Berlin Sans FB, Sans-Serif; 

            background: #408053; /* COR DE ACORDO CO TEMA */

            padding: 10px;  

	        filter:alpha(opacity=60);

	        -moz-opacity:0.6;

	        -khtml-opacity: 0.6;

	        opacity: 0.6;

            line-height: 90%    

}





	

	

	.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 */



#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%;

}

#clear{

	clear:both;

}

#contenedor{

	margin:10px;

	text-align:justify;

}

.ui-widget-header{

	padding:5px;

}

#area_form{

padding:5px;



}

#ima_form{

	float:left;

	padding-right:5px;

	padding-top:5px;

	

}

#datos_form{

	width:350px;

	float:left;

}

#datos_form label{

	float:left;

}

#traballos{

height:23px;



	font-size:10px;

	margin:5px;

}

#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;

}