/* CRESIB - Estils per a les pagines internes */




/* Titol superior */

	#title_top {
		float: right;
		width: 560px;
        margin-top: -22px;
	}
	
		#title_top h2 {
			color: #fff;
			font-size: 1.3em;
			padding: 3px 13px;
			background-color: #495CA9;
		}

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





/* Menu superior */	

		#title_top ul {
			padding: .6em 1.2em;
			border-bottom: 1px dotted #999;
		}
		
			#title_top ul li {
				font-size: 1.1em;
				display: inline;
				color: #333;
				
				margin-right: .5em;
				padding-right: .5em;
				border-right: 1px solid #333;
			}
			
				#title_top ul li.last {
					margin-right: 0;
					padding-right: 0;
					border-right: none;
				}
			
				#title_top ul li strong {
					color: #333;
				}
			
				#title_top ul li a {
					text-decoration: none;
					color: #333;
				}
				
					#title_top ul li a:hover {
						text-decoration: underline;
					}

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





/* Elements de text */

	#text {
		clear: both;
		margin: 0 20px 40px 0;
		padding-top: 10px;			
	}

        .video-embed {
            float: left;
            margin-bottom: 1.2em;
            margin-top: 1em;
            width: 55.5em;
        }
        
        .video-embed object, .video-embed embed {
            display: block;
            float: left;
            height: 225px;
            width: 400px;
        }
    
		#text h2 {			
			margin-bottom: .7em;
			padding-bottom: .5em;
			color: #4A5EAA;
			font-size: 1.6em;			
			border-bottom: 2px solid #7081C0;
		}

            #text h2 span.old-job-opportunity {
                float: right;
                width: 152px;
                height: 19px;
                padding-top: 3px;
                text-align: center;
                background-color: #EA5C2E;
                color: #fff;
                font-size: 11px;
            }
		
		#text h1, #text h3, #text h1.job {
			margin-bottom: .4em;
            margin-top: 0;
            padding-top: 0;
			color: #4A5EAA;
			font-size: 1.2em;			
		}
        
        #text h1.news {
            font-size: 1.4em;
        }
        
        #text p.date-job {
            padding-top: .9em;
            margin-top: 0;
            margin-bottom: .3em;
        }

        #text hr.old {
            margin: 1.3em 0;
        }

		#text p {
			margin: .7em 0 1em 0;
			line-height: 1.5em;
			font-size: 1.1em;
			color: #666;
		}
		
			#text p.separated {
				padding-bottom: .7em;
				margin-bottom: .7em;
				border-bottom: 1px dotted #999;
			}
		
		#text ul, #text ol {
			margin-bottom: 2em;
		}
		
        #text > ul  {
            font-size: 1.1em;
        }
			#text ul li {
				color: #666;
				padding: .4em 1em;
				margin-left: 1.5em;				
				background: url("../images/li_dot_blue.gif") no-repeat left .8em;
			}        
			
                #text ul li ul{
                    margin-bottom: 0.5em;
                }
                    #text ul li ul li{
                        margin: 0;
                        padding-right: 0em;
                    }
                        #text ul li ul li ul{
                            margin-bottom: 0.5em;
                        }
                            #text ul li ul li ul li{
                                margin: 0;
                                padding-right: 0em;
                            }
        
        
		#text ol {
			margin-left: 3em;
			padding-left: 0;
		}

			#text ol li {
				color: #666;
				padding: .4em 0;
				margin-left: 0;	
			}
			
				#text ol li strong {
					font-size: 1.1em;
				}
			
				#text ol li ul li{
					padding-left: 1em;
					font-size: 1.1em;					
				}

		#text img {
			margin-bottom: .8em;
		}
		
			#text img.imgLeft {
				float: left;
				margin-right: 1.5em;
			}
			
			#text img.imgRight {
				float: right;
				margin-left: 1.5em;
			}	
            #text img.img_new {            
                margin-top: 1em;
            }

		#text .image {			
			text-align: center;
			margin-bottom: 2em;
		}
		
			#text .image img {
				margin-bottom: 0;
			}
			
			#text .image p {
				margin: .2em;
				text-align: right;
				color: #4A5EAA;
			}


		#text hr {
			border: 1px solid #ddd;
			clear: both;
		}
		
		#text .highlight {			
			padding: .5em 1em;
			margin-bottom: 2em;
			background-color: #E2E6F1;
			border-left: 2px solid #7081C0;
		}
		
			#text .highlight p {
				color: #333;
			}


		#text span.textSmall {
			font-size: .9em;
		}
		
		#text table {
			font-size: 1em;
		}
		
		#text p.link-unitats-antigues {
			padding-top: .5em;
			text-align: right;
		}
		
		#text div.border-seminars {
			border-bottom: 1px solid #ccc;
			padding-top: .3em;
			margin-bottom: 1.1em;
		}

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

/* Llistat de cursos */
	#text #courses_list {}
	
		#text #courses_list p.limit {
			border-bottom: 2px solid #ddd;
		}
	
		#text #courses_list p.last {
			border-bottom: none;
		}
		
/* ----------------- */

/* Llistat de noticies */

	#text p a.link-pdf {
		border: 0px solid red;
		margin-left: .1em;
		text-decoration: none;
		display: block;
		padding: .1em 0 .2em 1.9em;
		background: transparent url("../images/icons/pdf-icon-small.jpg") no-repeat 0 0;
	}
	
		#text p a.link-pdf:hover {
			margin-left: .1em;
			text-decoration: none;
		}

	#text #news-list {
		
	}
	
		#text #news-list li {
			list-style: none;
			background: none;
			margin: 1em 0;
			border-bottom: 1px solid #ccc;
			padding: 0;
			
		}
		
			#text #news-list li.last {
				border-bottom: none;
			}
		
			#text #news-list li p.news-date {
				font-size: 1em;
				color: #333;
				margin-bottom: .3em;
			}
		
			#text #news-list li p strong {
				font-size: .9em;
				color: #4A5EAA;
			}
			
				#text #news-list li p a {
					text-decoration: none;
				}
				
				#text #news-list li p.link-pdf {
					font-size: 1em;
					margin-top: 0;
					padding: 0;
					text-decoration: none;
				}
/* ----------------- */

/* Persones */

    #text ul.persons_list li {
        background: none;
        padding: 15px 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

    #text ul.persons_list li.last {
        border: none;
    }
        
        #text ul.persons_list li .person_left,
        #text ul.persons_list li .person_info {
            float: left;
        }

        #text ul.persons_list li .person_left {
            width: 116px;
        }

        #text ul.persons_list li .person_left img {
            border: 1px dotted #ccc;
            margin: 2px;
        }
        
        #text ul.persons_list li .person_info p.job {
            font-size: 1.1em;
            padding-bottom: 2em;
        }

        #text ul.persons_list li .person_info p {
            font-size: 1em;
            line-height: 1em;
            padding-bottom: .3em;
            margin: 0;
        }

        #text ul.persons_list li .person_info a {
            font-size: 1em;
            font-weight: bold;
            color: #4A5EAA;
        }

/* ----------------- */
/* Detall projecte */
#text .programspan {
    background:#8D2D87;
    padding:3px 10px;
    float: left;
    margin-bottom: 2em;
    color: #fff;
    font-weight: bold;
}

#text .areaspan {
    background:#7681B9;
    padding:3px 10px;
    float: left;
    margin-bottom: 2em;
    color: #fff;
    font-weight: bold;
}

/*
#text .programspan a {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
*/

#text .areaspan a {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

#text a.back_link {
    text-decoration: none;
    margin-left: 3em;
    padding-left: 1em;
    background: url("../images/bg_back_link.png") no-repeat left .4em;
}

#text a.back_link:hover {
    text-decoration: underline;
}

#text h2.project_title {
    margin-bottom: 0;
}

#text p.project_text {
    clear: both;
}


/* Taula Projectes */
#text #mytable {
    position: relative;
}

#text #mytable .pointer-advice {
    top: 140px;
    left: 185px;
    position: absolute;
}

#text #cresib_table {
    border: 1px solid #fff;
    border-collapse: collapse;
    width: 540px;
    border-right: 1px solid white;
    font-size: 11px;
    color: black;
}

    #text #cresib_table td,
    #text #cresib_table th
    {
        width: 75px;
        margin: 0;
        border: 1px solid white;
        height: 65px;
        text-align:center;
    }
    
    #text #cresib_table td {
        cursor: pointer;
    }

    #text #cresib_table td.grey {
        background: #858585 !important;
    }

    #text #cresib_table td.blue {
        background: #7681B9 !important;
        cursor: default;
        color: #fff;
    }

    #text #cresib_table td.pink {
        background: #D0BDD9;
    }

    #text #cresib_table td.dummytd {
        color: #7681B9;
        font-weight: bold;
        font-size: 13px;
        vertical-align: bottom;
        text-align: left;
        cursor: default;
    }

    #text #cresib_table td.researchtd {
        color: #666;
        font-weight: bold;
        font-size: 12px;
        text-align: right;
        text-transform: uppercase;
        padding-right: 5px;
        cursor: default;
    }
    
    #text #cresib_table th {
        background: #8D2D87 !important;
        text-align:center;
        font-weight: normal;
        color: #fff;
    }

    #text #cresib_table th.dummyth {
        background: #fff !important;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        color: #8D2D87;
        vertical-align: top;
    }

        #text #cresib_table td a, 
        #text #cresib_table th a {
            color: #fff;
            text-decoration: none;
        }

.projects_container {
    display: none;
    position: absolute;
    border: 2px solid #fff; 
    z-index: 110;
    background: #fff;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
}

    .projects_container a.close {
        float: right;
    }

    .projects_container .proves_content {
        clear: both;
    }
    
    .projects_container ul,
    .projects_container li,
    #text #cresib_table .pages,
    #text #cresib_table .pages li {
        list-style: none outside none;
        margin: 0;
        background: none;
    }

    .projects_container ul li,
    #text #cresib_table .pages li {    
        padding: 10px;
        border-bottom: 1px solid #fff;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
    }

    #text #cresib_table .pages li {
        background: #ccc;
        padding: 3px;
    }

        #text #cresib_table .pages li a {
            color: #666;
        }

        .projects_container ul li.last {
            border: none;
        }

        .projects_container ul li.purple{
            background: #8D2D87;
        }

        .projects_container ul li.blue{
            background: #7681B9;
        }

        .projects_container ul li.grey {
            background: #858585;
        }

        .projects_container ul li a {
            color: #fff;
            text-decoration: none;
        }


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

/* Investigadors */
	
	/* Investigadors */
	
	#text ul.investigardors{
		padding: 0;
		margin: 0;
		border-right: 1px solid #4A5EAA;
	}

        #text ul.investigadors li {
			display: inline;
			background: none;
			padding: 0 .6em .1em .6em;
			margin: 0;
			border-left: 1px solid #4A5EAA;
        }
        	#text ul.investigadors li.first {
				padding-left: 0;
	        }
        
        	#text ul.investigadors li.first {
				border-left: none;
	        }

	        #text ul.investigadors li a {
				padding: 0;
				margin: 0;
				text-decoration: none;
	        }
		
				#text ul.investigadors li a:hover {
					padding: 0;
					text-decoration: underline;
					margin: 0;
		        }

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

#text table.seminaries  .description {
    padding-left: 5px;
}
#text table.seminaries  .description *{
    color: #000;
    font-weight: normal;
}
#text table.seminaries  p{
    font-size: 1em;
    margin: 0;
}