/* Generali */
body {
    background-color: #F1F1F1;
}

#container {
    width: 400px;
    margin: 10px auto;
    padding: 15px 5px;
    background-color: #FFF;
}

.logo {
    background-image: url(../img/logo_upm.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
}

H1, H2, H3, H4, H5, H6, p, ul, ol, pre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	padding: 0px;
}

H1 {
	color : #C00;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
}

H2 {
	color : #C00;
        font-weight: bold;
	font-size: 16px;
	margin: 5px 0px 5px 0px;
}

H3 {    
        font-weight: bold;
	font-size: 14px;	
	margin: 5px 0px 5px 0px;
}

H4 {
        font-weight: bold;
        font-size : 13px;	
	margin: 5px 0px 5px 0px;
}

H5 {
        font-weight: bold;	
        font-size : 12px;	
	margin: 5px 0px 5px 0px;
}

H6 {
	font-weight: bold;
        font-size : 12px;	
	margin: 5px 0px 5px 0px;
}

p, li, pre {
	font-size : 12px; 
	margin : 5px 0px 8px 0px;
}

ul, ol {
	font-size : 12px; 
	margin : 5px 0px 8px 20px;
} 

hr {
	color: #ccc;
	background-color: #ccc;
}

form {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

form p {
	margin: 5px 0px 5px 2px;
}

/* FIELDSET, LEGEND, LABEL STYLING IN AN OL */
fieldset {
	/* float: left;*/
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;  
	margin: 10px 0px 10px 0px;  
	padding: 0px;  
}  

legend {  
	margin-left: 5px;  
	color: #FFF;  
	font-weight: bold;
	background-color: #600;
	padding: 2px;	
}  

fieldset ol {  
	/*padding: 1em 1em 0 1em;*/
	margin: 5px 5px 0px 5px;  
	list-style: none;  
}  

fieldset li {  
	/*padding-bottom: 1em;*/
	float: left;    
	clear: left;    
	width: 100%;    
	margin-bottom: 5px;  
}  

fieldset.submit {  
	border-style: none;  
}

label {    
	display: block;  
	float: left;
	width: 150px;
	margin: 0 10px 5px 0;
	text-align: left;
}

label.error { 
	font-size: 10px;
	float: right; 
	text-align: left;
	color: red; 
	padding-left: 10px; 
	vertical-align: top; 
}

input.error, textarea.error, select.error { border: 1px solid red; }

/* ------------------------------------------*/

input, textarea, select {
	border: #A6A5A5 1px solid;	
	padding-left: 3px;
	font-size: 12px;	
	color: #000;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #F1F1F1;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

input.button {
	font-weight: bold;
}

.reset-butt,.green-butt,.amber-butt {
	font-weight: bold; 
	font-size: 12px; 
	border: 0px solid #333;
}

.green-butt,.reset-butt, .big-button {
	color: #FFF;
}

.green-butt, .big-button {
	background-color:#393;
}

.big-button {
	font-weight: bold; 
	font-size: 20px; 
}

.reset-butt {
	background-color:#F00;
}

.amber-butt {
	background-color:#FC0;
	}

.searchButt {
	color: #FFF;
	background-color:#393;
	font-weight: bold; 
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.searchInput {
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 1px;
	padding: 1px 1px 1px 1px;
}

form.inlne {
margin: 0;
padding: 0;
}

input[type="image"] {
border-width: 0px;
margin: 0;
padding: 0;
} 

.optionArea1 {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #86D986;
	background-color: #FEFEFA;
}

.optionArea2 {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #C00;
	background-color: #FEFEFA;
}