/* Jump the gap */

/* Fulla d'estils per a les pàgines internes */


	/* Continguts */
	/*

			01 - Estils generals

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



	/* 01 - Estils generals */

		body {
			margin: 0;
			padding: 0;

			color: #006DB8;
			font-size: 62.5%;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			background-color: #fff;
		}
		
		p,
		li {
			padding: 0;
			margin: 0;
			color: #006DB8;
		}

		h1, h2, h3, h4, h5, h6 {
			color: #006DB8;
			padding: 0;
			margin: 0;
		}

        h5 {
            margin-left: 2em;
        }

		ul, li {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.hidden {
			display: none;
		}
		
		a {
			color: #5DB7E4;
			text-decoration: none;
		}

		a img {
			border: none;
		}
		
		
	/* 02 - Layout general */
		
		#super {
			width: 102.4em;
			margin: 0 auto;
			font-size: 1em;
		}
		
		#content {
			width: 100%;
			overflow: hidden;
		}
		
		#logos {
			float: left;
			margin: 2em 2em 2em 3em;
			_display: inline;
		}
		
		#menu {
			width: 12.7em;
			float: left;
			padding-top: 1em;
			margin: 2em 1.5em;
			border-top: 1px solid #52A9DF;
			_display: inline;
		}
		
		#text {
			width: 64.2em;
			_width: 64.4em;
			float: right;
			padding-top: 1em;
			margin: 2em 11em 2em 0;
			border-top: 1px solid #52A9DF;
			_display: inline;
		}
		
	/* 03 - Capcalera */

		#header {
			height: 31.2em;
			position: relative;			
			background: url("/site/images/background_header.png") no-repeat top left;
		}

			#header h1,
            #header p.h1 {
				font-size: 1em;
				position: absolute;
				top: 15em;
				left: 41em;
			}

				#header h1 img {
					display: block;
				}
				
			#header .login-tab {
				position: absolute;
				right: 10em;
				bottom: 0;
				width: 6em;
				display: block;
				font-size: 1.1em;
				font-weight: bold;
				text-align: center;				
				padding: .3em 0;
				background-color: #fff;				
			}
			
				#header .login-tab a {
					color: #006DB8;
				}

	
	/* Columna de logos */
	
		#logos {		
		}
		
			#logos ul {				
			}
			
				#logos ul li {
					margin: 1em 0;
				}
	
	
	/* Columna del menu principal */
	
		#menu {
		}
		
			#menu ul.principal {
			}

				#menu ul.principal li {
					font-size: 1.5em;
					margin-bottom: .1em;
				}
				
					#menu ul.principal li span.new {
						color: red;
						font-size: .6em;
						vertical-align: middle;
					}
					
					#menu ul.principal li a {				
						color: #006DB8;
					}
				
						#menu ul.principal li.selected a {
							color: #999;
						}

                        #menu ul.principal li ul li {
                            font-size: .7em;
                            margin-left: .9em;
                        }
                            
                            #menu ul.principal li ul li a {
                                color: #006DB8;
                            }

                            #menu ul.principal li.selected ul li a {
                                color: #006DB8;
                            }

                            #menu ul.principal li.li_finalist_2011 {
                                border-top: 1px dashed #2f7cc4;
                                margin-top: .7em;
                                padding-top: .4em;
                                width: 8.8em;
                            }

                                #menu ul.principal li.li_finalist_2011 a.finalist_2011 {
                                    color: #666;
                                    font-size: 1.1em;
                                    padding-right: 1.4em;
                                    background: url('/site/images/finalist2011/li_finalist.jpg') no-repeat right top;
                                }


			#menu ul.secundari {
				padding-top: 2em;
				margin-top: 2em;
				border-top: 1px solid #52A9DF;
			}
			
				#menu ul.secundari li {
					font-size: 1.1em;					
					margin-bottom: .1em;
				}
				
					#menu ul.secundari li a {
						color: #006DB8;
					}
					
						#menu ul.secundari li.selected a {
							color: #999;
						}
				

	/* Columna de textos */
	
		#text {
		}
            
            #text form#frmSS56 {
                width: 150px;
                margin-left: 0;
                margin-top: 2em;
            }

                #text form#frmSS56 label {
                    padding-right: 0;
                    width: 7em;
                    display: block;
                    font-size:1.2em;
                }

                #text form#frmSS56 input#email {
                    width: 9em;
                }

                #text form#frmSS56 input.submitButton {
                    vertical-align: top;
                }
		
			#text h2 {				
				width: 9em;
				float: left;
				clear: left;
				font-size: 1.1em;				
				font-weight: normal;
				margin-top: .1em;
				_display: inline;
			}

            ul.share-icons {
                clear:none;
                display:block;
                float:left;
                margin-bottom:1em;
                margin-left:83.3em;
                margin-top:2.5em;
                overflow:hidden;
                width:8.3em;
            }

                ul.share-icons li {
                    float: left;
                    clear: none;
                    margin: 0 0 0 .4em;
                    padding: 0;
                    background: none;
                }

                ul.share-icons li a img {
                    display: block;
                    margin-left: 0;
                }

            #text.node-1 {
                float: left;
            }

            #text div.central-part {
                width: 640px;
                overflow: hidden;
                float: left;
            }

            #text div.right-part {
                width: 155px;
                float: left;
                margin-left: 25px;
            }

                #text div.right-part h3 {
                    font-weight: normal;
                }

            #text div.main-piece-of-news {
                float: left;
                width: 49%;
                overflow: hidden;
                padding: 0 0 1em 0;
                margin-top: 1em;
                margin-bottom: 1em;
            }

            #text div.main-piece-of-news h2,
            #text div.map-info h2 {                
                clear: none !important;
                float: none !important;          
                font-size:1.2em;
                font-weight:bold;
                line-height:1.5em;
                display: inline;
            }

                #text div.main-piece-of-news h2 a {
                    color: #006DB8;
                }

            #text div.main-piece-of-news img {
                float: left;
                margin-left: 0;
                margin-right: 1.3em;
                margin-top: .4em;                
            }

            #text div.map-info {
                float: right;
                width: 44%;
                overflow: hidden;
                padding: 0 0 1em 0;
                margin-left: 4em;
                margin-top: 1em;
                margin-bottom: 1em;
            }

                    #text div.map-info h2 img {
                        margin-left: 0 !important;
                        margin-top: .5em;
                    }

            #text div.videos-container  p {
                margin-left: 0;
            }

            #text div.main-piece-of-news p {
                margin-left: 9.9em;
            }

            #text div.main-piece-of-news ul.press-notes-options {
                margin-left: 10.8em;
            }
                #text div.main-piece-of-news ul.press-notes-options li.first {
                    padding-left: 0 !important;
                }

                #text div.videos-container object {
                    margin-top: .4em;
                }

            #text p.gallery-title,
            #text p.video-title,
            #text p.calendar-title {
                clear: left;
                float: left;
                margin-top: .5em;
                margin-bottom: .5em;
                margin-left: 0;
                width: 100%;
                padding: 0;
                font-weight: bold;                
            }

            #text p.gallery-title {
                margin-top: 1em;
                padding-top: .5em;
                border-top: 1px solid #52A9DF;
            }

            #text p.video-title {
                padding-top: .5em !important;
            }

            #text div.gallery-container {
                border: none !important;
            }

            #text div.videos-container {
                margin-top: 1em !important;
            }

            #text div.gallery-border {
                border-top: 1px solid #52A9DF;
                width: 100%;
                overflow: hidden;
            }

            #text div.videos-container,
            #text div.gallery-container,
            #text div.calendar-container {
                width: 100%;
                overflow: hidden;
                clear: left;
                float: left;
                margin-top: 0em;
                border-top: 1px solid #52A9DF;
            }

                #text div.videos-container #main-video {
                    width: 100%;
                    height: 374px;
                    float: left;
                    clear: left;
                    margin-top: .4em;
                }

                #text div.videos-container #main-video img.loading {
                    margin-top: 13em;
                    margin-left: 30.5em;
                }

                #text div.videos-container p,
                #text div.gallery-container p {
                    padding: 0 0 .2em 0;
                    margin: 0;
                }

                #text div.gallery-container {
                    float:left;
                    margin: 0em auto 0em 2em;
                    overflow:hidden;
                    position:relative;
                    width:576px;
                    clear: none;
                }

                    .next_page {
                        float: right;
                        margin-top: 2.5em;
                        color: #fff;
                    }

                        #text a.next_page img,
                        #text a.prev_page img {
                            margin-left: 0;
                        }

                    .prev_page {
                        float:left;
                        clear: left;
                        margin-top: 2.5em;
                        color: #fff;
                    }

                    
                    #thumbs_gallery a {
                        color: #fff;
                    }
                    
                #sub {
                    position: relative;
                    width: 12000px;
                    overflow: hidden;
                    height: auto;
                    clear: both;
                }

                #text div.videos-container ul,
                #text div.gallery-container ul,
                #text div.calendar-container ul {
                    float: right;
                    padding: 0;
                    margin-top: 1.9em;
                    margin-left: 0 !important;
                }

                #text div.calendar-container {
                    margin-top: 0;
                    width: 100%;
                }

                #text div.videos-container ul {
                    margin-top: 4.4em;
                    margin-bottom: .5em;
                    clear: left;
                    float: left;
                    width: 100%;
                    padding: 0;
                }

                #text div.videos-container ul.alphabet {
                    margin-top: 0;
                }
                

                #text div.calendar-container ul {
                    float: left;
                    height:2.1em;
                    margin: 1em 0 0 0;
                    padding:0;
                    width:100%;
                    overflow: hidden;
                }
                    #text div.calendar-container ul li span {
                        padding: 0;
                        margin: 0;
                        font-size: .9em;
                    }

                    #text div.calendar-container span.calendar-msg {
                        width: 69px;
                        height: 44px;
                        display: block;
                        float: left;    
                    }

                    #text div.calendar-container span.reg-open {
                        background: url('/site/images/reg_open.png') no-repeat 0 0;
                        margin-left: .2em;
                    }

                    #text div.calendar-container span.reg-close {
                        background: url('/site/images/reg_close.png') no-repeat 0 0;
                        margin-left: 12.7em;
                    }

                    #text div.calendar-container span.reg-project-close {
                        background: url('/site/images/reg_project_close.png') no-repeat 0 0;
                        margin-left: 2.5em;
                        width: 77px;
                    }

                    #text div.may-events {
                        width: 100px;
                        height: 80px;
                        overflow: hidden;
                        float: left;
                    }

                    #text div.calendar-container span.sel-winning {
                        background: url('/site/images/sel_winning.png') no-repeat 0 0;
                        margin-left: 0;
                        width: 79px;
                        height: 40px;
                        clear: left;
                        margin-top: .4em;
                    }

                    #text div.calendar-container span.short {
                        background: url('/site/images/short.png') no-repeat 0 0;
                        margin-left: .7em; 
                        width: 60px;
                    }

                    #text div.calendar-container span.communication {
                        background: url('/site/images/communication.png') no-repeat 0 0;
                        width: 79px;
                        height: 34px;
                        margin-left: 0em;
                    }

                    #text div.calendar-container span.cerimony {
                        background: url('/site/images/cerimony.png') no-repeat 0 0;
                        margin-left:11.4em;
                        width:60px;
                    }

                    #text div.calendar-container ul li.past {
                        border-bottom: 5px solid #006DB8;
                    }

                    #text div.calendar-container ul li.future {
                        border-bottom: 5px solid #66A7D4;
                    }

                    #text div.videos-container ul li.first {
                        margin: 0;
                    }

                        #text div.videos-container ul li span {
                            float: left;
                            font-size: .9em;
                        }
                        
                        #text div.videos-container ul li a {
                            position: relative;
                            float: left;
                            clear: left;
                        }

                        #text div.videos-container ul li a img.play {
                            left:45%;
                            margin-top:2.5em;
                            position:absolute;
                        }

                    #text div.videos-container ul li,
                    #text div.gallery-container ul li,
                    #text div.calendar-container ul li {
                        background: none;
                        padding: 0;
                        margin: .3em 0 0 0;
                    }

                    #text div.videos-container ul li img,
                    #text div.gallery-container ul li img {
                        margin-left: 0;
                    }

                    #text div.videos-container ul li {
                        float: left;
                        margin-top: 0;
                        margin-left: 3.2em;
                        margin-bottom: 1em;
                        width: 100px;
                        height: 9em;
                    }

                    #text div.gallery-container ul li,
                    #text div.calendar-container ul li {
                        float: left;
                    }

                    #text div.calendar-container ul li {
                        width: 4.3em;
                        height: 1.3em;
                        padding: 0;
                        margin: 0 0 0 2px;
                    }

                #text div.gallery-container ul {
                    float: left;
                    margin-top: 0;
                }

                    #text div.gallery-container ul li {
                        width: 94px;
                        height: 62px;
                        overflow: hidden;
                        margin-left: .2em;
                    }
            
			#text p {
				font-size: 1.1em;
				line-height: 1.5em;
				margin-left: 11em;
				margin-bottom: 1.5em;
			}

            #text p.warning {
                font-size: 1.2em;
                margin-left: 10em;
            }

            #text p.map-intro {
                margin-left: 0;
            }
			
			#text ul {
				margin-left: 12.1em;
				margin-bottom: 2em;
			}
			
				#text ul li {
					padding: 0 0 0 .7em;
					font-size: 1.1em;
					background: url("/site/images/text_ul_li.gif") no-repeat left .6em;
				}
				
			#text ul.press-notes-options {
				margin-bottom: 2em;
				margin-left: 11.4em;
				margin-top: 1em;
			}
			
				#text ul.press-notes-options li {
					padding: 0 .7em 0 .7em;
					margin: 0;
					float: left;
					background: none;
				}
								
				#text ul.press-notes-options li.open-document {
					border-left: 1px solid #5DB7E4;
				}
			
			#text p.back {
				float: left;
				margin: 0;
			}
			
				#text p.back a {
					color: #0060B7;
				}
			
			#text img {
				margin-left: 11em;
			}

                #text #recaptcha_widget_div {
                    margin-bottom: 1em;
                }

                #text #recaptcha_table,
                #text .recaptchatable #recaptcha_image {
                    border: none !important;
                }

                #text #recaptcha_table img {
                    margin-left: 0em;
                }
			
				#text p img {
					margin-left: 0;
				}
				
		
			#text p.logo {
				margin-top: 4em;
			}
		
			#text div.press-note {
				margin: 0 0 2em 0;
				width: 100%;
				overflow: hidden;
				clear: both;
				border-top:1px solid #52A9DF;
				padding-top:1.5em;
			}
			
			#text div.first {
				border-top: 0;
				padding-top: 0;
				margin-top: 4em;
			}
			
			#text div.detail {
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}
			
				#text div.press-note img {
					clear: left;
				}
				
				#text div.press-note img.detail {
					margin-top: 2.1em;
				}
			
				#text div.press-note p {
					margin-top:  0;
					margin-bottom: 1.5em;
				}
				
				#text div.press-note p.title-press-note {
					font-size:1.3em;
					margin-bottom:0.8em;
					margin-left:9.3em;
				}
				
						#text div.press-note p.date {
							margin-top:  0;
							margin-bottom: .2em;
						}
				
			#text div.adminLogin {
				width: 141px;
				height: 43px;
				position: relative;
				float: right;
			}
			
				#text div.adminLogin img{
					margin: 0;
				}
				
				#text div.adminLogin a{
					
				}
			
						
			#text .press-contact-header {
                background-color:#006DB8;
                height:22px;
                margin:0;
                padding:0.5em 0 0;
                text-align:center;
            }
			
				#text .press-contact-header p a {
                    color:#FFFFFF;
                    text-decoration:underline;
                }

                #text .press-contact-header p {
                    color:#FFFFFF;
                    margin-left:0;
                }
	
				#text .press-contact-header p a:hover {
					text-decoration: none;
				}
				
			#text p.textlogin {
				width: 290px;
			}
			
			#text p.titol_login {
				margin-left: 9.9em ! important;
				font-size: 12px;
				font-weight: bold;
			}
			
			#text .content .awards-list-projects {
				margin-left: 11.5em;
			}
			
			#text .content .awards-list-projects li#winner {
				width: 100%;
				height: auto;
				margin-left: 0;
				margin-bottom: 2em;
			}
			
				#text .content .awards-list-projects li#winner div.image-container{
					height: 18em;
					overflow:hidden;
					margin-right: 2em;
					margin-bottom: 1em;
				}
				
				#text .content .awards-list-projects li#winner div.image-container div.winner-image {
					margin-bottom: 0;
				}
				
				#text .content .awards-list-projects li#winner p.image-description {
					color:#666666;
					float:right;
					font-size:1em;
					margin-top:-1.5em;
					padding-top:0;
					width:16.7em;
				}
				
				#text .content .awards-list-projects li#winner div{
					float: left;
				}
			
			#text .content .awards-list-projects li {
				background: none;				
				margin: .5em 0;
				overflow: hidden;
				float: left;
				display:block;
				width: 100%;
				padding: 0;
				border-bottom: 1px solid #eee;
			}
			
				#text .content .awards-list-projects li a img {
					margin: 0 0 3em 0;
					float: left;
				}
				
				#text  .content .awards-list-projects li div img {
					float: left;
					margin-right: 2em;
				}
									
				
				#text .content .awards-list-projects li span.authors {
					margin-left: 0em;
					color: #333;
				}
				
				#text  .content .awards-list-projects li span.country_author {
					color: #666;
					font-style: italic;
				}

    /* Finalist 2011 */

    #text h2.title {
        font-weight: bold;
        font-size: 1.8em;
        margin-bottom: 1em;
        display: block;
        width: 99%;
    }

    #text div.text-finalists-2011 p {
        margin: 0 0 .5em 0;
        font-size: 1.3em;
        padding: .5 0;
    }
    
    #text #finalists-container {
        width: 100%;
        padding: 0;
        margin: 2.2em 0 0 0;
        overflow: hidden;
        position: relative;
    }

    #text #finalists-container div#finalists-container-overlayer {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 634px;
        height: 639px;
        overflow: hidden;
        background-color: #2f7cc4;
    }

    #text #finalists-container div {
        float: left;
        height: 127px;
        background-color: #ccc;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    #text #finalists-container div.c-left {
        clear: left;
    }

        #text #finalists-container div img {
            margin: 0;
            display: block;
        }

        #text #finalists-container div p {
            color: #52abff;
            margin: 8px 0 0 12px;
            padding: 0;
            font-size: 1.4em;
            width: 230px;
            height: 120px;
            line-height: 1.3em;
        }

        #text #finalists-container div.short-comment p {
            width: 120px;
            margin-left: 8px;
            margin-top: 25px;
        }

        #text #finalists-container div.project,
        #text #finalists-container div.jury,
        #text #finalists-container div.short-comment {
            width: 126px;
        }

        #text #finalists-container div.project {
            background-color: #2f7cc4;
            cursor: pointer;
        }

        #text #finalists-container div.short-comment,
        #text #finalists-container div.large-comment {
            background-color: #fff;
        }

        #text #finalists-container div.large-comment {
            width: 253px;
        }

        #text #finalists-container div.project .info {
            width: 95%;
            height: 90%;
            margin: 9px 0 0 5px;
            overflow: hidden;
            background-color: #2f7cc4;
            border: none;
            padding: 0;
        }

        #text #finalists-container div.project h3 a {
            color: #fff;
            font-size: 1em;
        }

            #text #finalists-container div.project h3 a:hover {
                text-decoration: none;
            }

        #text #finalists-container div.project h4 {
            color: #fff;
            font-size: 1.1em;
            font-weight: normal;
            margin-top: 4px;
        }

    #text #finalist-project-detail {
        margin-top: 1.7em;
        padding-top: 1.7em;
        border-top: 1px dashed #9a9a9a;
    }

       #text #finalist-project-detail #finalist-project-title {
           float: left;
           width: 152px;
           height: 152px;
           background-color: #2f7cc4;
           padding: .7em 0 0 .9em;
           margin-right: 2em;
       }

           #text #finalist-project-detail #finalist-project-title h2 {
               color: #fff;
               font-size: 1.7em;
               font-weight: bold;
               float: left;
           }

           #text #finalist-project-detail #finalist-project-title h3 {
               color: #fff;
               font-size: 1.1em;
               margin-top: .5em;
               font-weight: normal;
               float: left;
               clear: left;
               width: 90%;
           }

           #text #finalist-project-detail #project-description {
               float: left;
               width: 460px;
           }

            #text #finalist-project-detail #project-description p.description-title {
                margin-left: 0;
                font-size: 1.5em;
                font-weight: bold;
                margin-bottom: .7em;
            }

            #text #finalist-project-detail #project-description p.description-title a.back-link {
                float: right;
            } 

            #text #finalist-project-detail #project-description p {
                margin-left: 0;
                font-size: 1.2em;
                color: #307dc5;
            }

            #text #finalist-project-detail #project-description img {
                margin-left: 0;
                margin-bottom: .5em;
            }

        
			
	/* Footer */

		#footer {			
			width: 78.5em;
			overflow: hidden;
			margin: 0 0 2em 13em;
			border-top: 1px solid #52A9DF;
		}

			#footer p.logo {
				font-size: 1.1em;
				padding: 1em 0 .5em 0;
				float: left;
			}	
				
				#footer p.logo img {
					margin-right: 1.5em;
				}

			#footer p.mail {
				font-size: 1.1em;
				margin-top: 1.5em;
				padding: 1.5em 0 .5em 0;
				float: right;
			}