/* Roca */

/* Fulla d'estils general */


	/* Continguts */
	/*

			01 - Elements generals
			02 - Elements de capçalera
			03 - Breadcrumb			
			04 - Menú lateral
			05 - Div del contingut de la pàgina
			06 - Forms
			07 - Footer

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





	/* 01 - Elements generals */

		body {
			font-size: 62.5%;
			font-family: "Trebuchet MS", arial, sans-serif;
			color: #333333;
			background-color: #fff;
			margin: 10px 6px;
			padding: 0;
		}
		
		body .contact-info {
			font-family: arial, sans-serif !important;
			font-size: 1.2em !important;
		}
	
		
		ul, li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		div, form {
			margin: 0;
			padding: 0;
		}

		a img {
			border: none;
		}

		a {
			color: #0060B7;
			text-decoration: none;
		}

			a:hover { text-decoration: underline; }

		h1{
			color: #0060B7;
			font-size: 2.6em;
		}

		h2{
			color: #0060B7;
			font-size: 2em;
		}

		h3{
			color: #0060B7;
			font-size: 1.6em;
		}
		
		h3.limit-date-msg {
			text-align: center;
			margin-top: 4em;
		}

		h4{
			color: #0060B7;
			font-size: 1.4em;
		}

		h5{
			color: #0060B7;
			font-size: 1.2em;
		}

		h6{
			color: #0060B7;
			font-size: 1.1em;
		}

		.hidden {
		  height: 0;
		  width: 0;
		  overflow: hidden;
		  position: absolute;
		}

		#super {
			font-size: 1.1em;
			/*width: 767px;*/
			width: 972px;
		}

		img.right {
			float: right;
			margin-left: 1em !important;
			margin-top: 0.3em;
			margin-bottom: .3em;
		}
		
		img.left {
			float: left;
			margin-left: 0 !important;
			padding: 0;
			margin-top: .4em;
		}



	/* 02 - Elements de capcalera */

		#capcelera {
			width: 100%;
			overflow: hidden;
		}

			#capcelera h1 {
				margin: 2px;
				float: left;
			}


			#capcelera #idiomes {
				color: #666;
				font-family: Arial, sans-serif;
				float: right;
				margin-bottom: 10px;
			}

				#capcelera #idiomes li {
					float: left;
					padding-right: 5px;
					margin-right: 5px;
					border-right: 1px solid #666;
				}

					#capcelera #idiomes li.last {
						padding-right: 0;
						border-right: 0;
					}

				#capcelera #idiomes a,
				#capcelera #idiomes strong {
					font-weight: normal;
					font-size: 1em;
					color: #666;
				}

				#capcelera #idiomes a {
					text-decoration: underline;
				}


			#capcelera #logos {
				clear: right;
				float: right;
			}

				#capcelera #logos li {
					display: inline;
					margin-right: 5px;
				}


			#marquesina {
				clear: both;
				padding-bottom: 4px;

				background: url("../images/filet_blau.gif") repeat-x left bottom;

				width: 100%;
				overflow: hidden;
			}

				#marquesina #id-seccio {
					width: 100%;
					overflow: hidden;
					background: url("../images/capcelera_interior.jpg") no-repeat left top !important;
				}
				
				#marquesina img {
					display: block;
				}


	
	
	/* 03 - Breadcrumb */
	
		.breadcrumb {
			margin-top: 8px;
			color: #666;
			margin-left: 3px;
		}
		
			.breadcrumb a {
				color: #666;
				text-decoration: underline;
			}
	




	/* 04 - Menu lateral */

		#columna-menu {
			width: 167px;
			float: left;
		}

		#zona-menu {
			display: block;
			margin-bottom: 30px;
		}

			#zona-menu ul {
				border-bottom: 1px dotted #666;
			}

				#zona-menu ul li {
					border-top: 1px dotted #666;
				}

					#zona-menu ul li a {
						display: block;
						color: #666;
						font-size: 1.1em;
						padding: 3px;
					}

					#zona-menu ul li strong,
					#zona-menu ul li a.selected {
						font-weight: bold;
						display: block;
						color: #0060B7;
						font-size: 1.1em;
						padding: 3px;
						background: none;
						background-color: #eee;
					}

					#zona-menu ul li ul {
						border-bottom: none;
						padding-bottom: .8em;
					}

						#zona-menu ul li ul li {
							border-top: none;
							margin-left: 4px;
							padding-left: 3px;
							background: url("../images/li_zona_menu.gif") no-repeat 0 1em !important;
						}

							#zona-menu ul li ul li a.selected,
							#zona-menu ul li ul li strong {
								background-color: #fff;
							}
							
								#zona-menu ul li ul li ul {
									margin-bottom: 0;
									padding-bottom: 0;
								}
							





	/* 05 - Div del contingut de la pàgina */

		#cos {
			margin-top: 20px;
			width: 100%;
			overflow: hidden;
			padding-bottom: 50px;
		}
		
		#content div.formerrors ul li {
			color: red !important;
		}

	/* 06 - Forms */
		
		#content .msg-error {
			color: red;
		}
		
		#content .error .control {
			border: 1px solid red;
		}

		#content form {
			margin-left: 120px;
		}
		
			#content form label {
				font-size: 1.1em;
				padding-right:200px;
			}

                #content form input {
/*                    border: 1px solid #006DB8;*/
                }

                #content .contestant-contact .email {
                    margin-top: 1em;                    
                }   

                #content form div.section label {
                    padding-right: 150px;
                }

                #content form div.postcode label,
                #content form div.newsletter label,
                #content form div.document label,
                #content form div.question label {
                    padding-right: 15px;
                }

                #content form div.question div {
                    clear: left;
                }

                #content form div.question input {
                    vertical-align: top;
                    padding-left: 0;
                    margin-left: 0;
                }

                #content form div.ContestantQuery .textarea {
                    height: 150px;
                    margin-top: 1em;
                }

                    #content form div.ContestantQuery textarea {
                        height: 120px;
                    }

                #content form div.question label {
                    margin-top: .3em;
                }
			
			#content .contestant_register_from {			
			}
			
		/* Avis inicial i final del formulari */
		
			#content .footer .avis-legal {
				margin-top: 35px;
			}


		form .field label {
			font-size: 1.1em;
		}
		
		form .field input {
			position: relative;
			top: 0;
		}
		
		form .field input,
		form .field select,
		form .field textarea {
			color: #006DB8;
			font-size: 11px;
			font-family: Arial, sans-serif;
		}

			form .firstname,
			form .lastname,
			form .phonenumber,
			form .address,
			form .city,
			form .postcode,
			form .country,
			form .dateofbirthDay,
			form .dateofbirthMonth,
			form .dateofbirthYear,
			form .email,
			form .emailConfirmation,
			form div.password,
			form div.passwordConfirmation,
			form .website,
			form .studies,
			form .document,
			form .language,
			form .name,
			form .pictureOne,
			form .pictureTwo,
			form .pictureThree,
			form .pictureFour,
			form .video,
			form .coleagueEmail {
				height: 37px;
				margin-bottom: 12px;
				width: 406px;
				overflow: hidden;
			}
			
			form .address {				
				clear: both;
			}
			
			form .activity {
				height: 37px;
				margin-bottom: 12px;
				width: 115px;
				overflow: hidden;
				float: left;
			}
			
			form .section{
				height: 37px;
				margin-bottom: 12px;
				width: 280px;
				overflow: hidden;
				float: right;
			}
			
				form .section input {
					width: 260px;
				}
			
			#content form {
				width: 420px;
			}
			
				#content form p {
					padding: 3px 0;
					margin: 0;
					font-size: 1.1em;
				}
				
			form .textarea {
				height:100px;
				margin:0;
				padding:0;
				width:404px;
			}
			
				form .textarea textarea {
					width: 404px;
					height: 80px;
					margin: 0;
					padding: 0;
					color:#006DB8;
					font-family:Arial,sans-serif;
					font-size:1.1em;
				}
			
			form .firstname input,
			form .lastname input,			
			form .phonenumber input,
			form .address input,
			form .studies input,
			form .email input,
			form .emailConfirmation input,
			form .password input,
			form .passwordConfirmation input,
			form .website input,
			form .city input,
			form .postcode input,
			form .name input,
			form .coleagueEmail input,
			form .pictureOne input,
			form .pictureTwo input,
			form .pictureThree input,
			form .pictureFour input,
			form .video input,
			form .document input {
				width: 290px;
			}		
			
			form .country select {
				width: 405px;
			}
			
			form .changeEmail,
			form .changePassword {
				clear: left;
			}
			
			form #PressActivity {
				clear: left;
				float: left;
			}
			
			/* Posicionament del camp de descripcio */
			
				form .description {
					position: relative;
					margin-bottom: 12px;
					width: 406px;
				}
				
					form .description textarea {
						height: 200px;
						width: 400px;
					}
			
			
			/* Posicionament dels radio buttons (estudiant/treballador i participar com a grup) */
				
				form .views-RadioList {
					border: 0;
					padding: 0;
					margin: 3px 0;
				}
				
					form .views-RadioList div {
						float: left;
						line-height: 18px;
						margin-right: 20px;
					}
						
						form .views-RadioList div label {
							display: inline;
						}
			
			
			/* Posicionament dels selectors de la data de naixement */
			
				form .dateofbirthDay,
				form .dateofbirthMonth,
				form .dateofbirthYear {
					width: 55px;
					float: left;
				}


			/* Posicionament de la ciutat i el codi postal */

				form .city {
					width: 280px;
					float: left;
					margin-right: 9px;
				}

					form .city input {
						width: 274px;
					}


				form .postcode {
					float: left;
					width: 117px;
				}

					form .postcode input {
						width: 111px;
					}
			
			
			
			
			/* Posicionament dels checks */
			
				form .previous_participation,				
				form .acceptRules,
				form .newsletter {
					height: 21px;
					line-height: 20px;
				}
				
				
			
			/* Boto dels formularis */
			
				form .buttons {
					margin-top: 1.5em;
					clear: both;
				}
				
				
				
			/* Thumbs de les imatges dels projectes */
			
				.content .thumb {
					margin-left: 0 !important;
				}
				
				.content a.delete-picture {
					margin-left: .5em;
				}
				
				
			
			/* Video dels projectes */
			
				.content #video-project {
					margin-left: 12em;
				}
				
			/* document del participant */
			
				.degree {
					margin-top: 1.5em;
				}



	/* 07 - Footer */

		#peu {		
			margin-top: 0;
			padding: 5px;
			clear: both;
			text-align: left;
			font-size: 1.1em;
			height: 40px;
		}

			#peu strong {
				color: #0060B7;
			}

			#peu address {
				float: left;
				font-style: normal;
			}


			#peu .contacte {
				margin: 0;
				padding: 0;
				float: right;
				text-align: right;
			}

				#peu .contacte a {
					text-align: right;
					padding-left: 20px;
					background: url("../images/ico_mail.gif") no-repeat left center;
				}

			#peu .seccions {
				font-family: Arial, Verdana, sans-serif;
				padding-top: 5px;
				clear: both;
				font-size: .9em;
			}

				#peu .seccions li {
					float: left;
					border-right-style: solid;
					border-right-width: 1px;
					padding-right: 8px;
					margin-right: 8px;
					line-height: 1.2em;
				}

					#peu .seccions li.last {
						border-right: 0;
						padding-right: 0;
						margin-right: 0;
					}

					#peu .seccions li,
					#peu .seccions a {
						color: #666;
					}
					
					
					
	/* Menu usuaris */
	
		#text #contestant-menu {
			width: 640px;
			overflow: hidden;
			margin: 0 0 3em 0 !important;
		}
		
			#text #contestant-menu li {
				display: inline;
				margin: 0;
				padding: 0;
				background: none;
			}
			
				#text #contestant-menu li.user {
					width: 210px;
					float: left;
				}
				
				#text #contestant-menu li.profile {
				margin-right: .7em;
				padding-right: .7em;				
				border-right: 1px solid #006DB8;
				}
				#text #contestant-menu li.project {
                    margin-right: .7em;
                    padding-right: .7em;				
                    border-right: 1px solid #006DB8;
				}
				#text #contestant-menu li.delete {
				margin-right: .7em;
				padding-right: .7em;				
				border-right: 1px solid #006DB8;
				}
                #text #contestant-menu li.contact {
                    margin-right: .7em;
                    padding-right: .7em;				
                    border-right: 1px solid #006DB8;
                }
				#text #contestant-menu li.logout {
				}