/* Sindic */

/* Fulla d'estils per a la plana principal */


	/* Continguts */
	/*

			01 - Div de contingut de la home
			02 - Pintat de la home esquerre
			03 - Pintat de la home central
			04 - Pintat de la home dreta
				
			

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


/* 01 - Div de contingut de la home */
	.home {
		padding-top: 3em;
	}
	
/* 02 - Pintat de la home esquerre */
	#cos #home-esquerre {
		float: left;
		width: 21em;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		/* Video */
		
		#cos #home-esquerre .video {
			margin-bottom: 2em;
		}
        
            #cos #home-esquerre .video object,
            #cos #home-esquerre .video embed {
                width: 210px;
                height: 160px;
                display: block;
            }

            #cos #home-esquerre .video p {
                display: inline;
            }
        
            #cos #home-esquerre .video p a {
                color: #E66C12;
            }

                #cos #home-esquerre .video p a:hover {
                    text-decoration: underline;
                }
		
		/* Destacats */
	
		#cos #home-esquerre .banners-destacats {
			width: 100%;
			overflow: hidden;
			margin: 0;
			padding: 0;
			
		}
		
			#cos #home-esquerre .banners-destacats li {
				width: 100%;
				overflow: hidden;
				display: block;
				float: left;
				margin: 0;
				padding: 0;
			}
			
			#cos #home-esquerre .banners-destacats li.last {
			}
			
				#cos #home-esquerre .banners-destacats li a {
					display: block;
					margin: 0;
					padding: 0;
				}
				
				#cos #home-esquerre .banners-destacats li img {
					display: block;
					margin: 0;
					padding: 0;
				}
				
				#cos #home-esquerre .banners-destacats li img.subscriute {
					display: block;
					margin: 0;
					padding: 1em 0 0 0;
				}
			
			/* Subscripcio newsletter */
			
            #cos #home-esquerre .banners-destacats li.subscripcio {
                padding: 1em .5em 1em 1.4em;
                border-bottom: 1px solid #ccc;
                background: url("../images/bg_subscripcio.gif") repeat-x left top;
            }
            
                #cos #home-esquerre .banners-destacats li.subscripcio p {
                    margin: 0;
                    color: #666;
                    font-size: 1.1em;                    
                }
                
                #cos #home-esquerre .banners-destacats li.subscripcio a {
                    color: #666;
                }
                
                #cos #home-esquerre .banners-destacats li.subscripcio a:hover {
                    text-decoration: underline;
                }
            
			#cos #home-esquerre .banners-destacats li.subscripcio form fieldset {
				border: none;
				margin: 0;
				padding: 0 0 .5em 0;                
			}
			
				#cos #home-esquerre .banners-destacats li.subscripcio form fieldset legend {
					display: none;
				}
				
					#cos #home-esquerre .banners-destacats li.subscripcio form fieldset label {
						display: block;
                        margin: 0;
						padding: .5em 0;                        
						color: #666;
                        font-size: 1.1em;
                        font-weight: bold;						
					}
					
					#cos #home-esquerre .banners-destacats li.subscripcio form fieldset input {
						color: #666;
						margin: 0 0 0 0;
						padding: .1em;
                        font-size: 1.1em;
                        vertical-align: middle;
					}
					
					#cos #home-esquerre .banners-destacats li.subscripcio form fieldset .submit-boto {
						padding: 0;
                        margin: 0;
					}

/* 03 - Pintat de la home central */

	#cos #home-central {
		float: left;
		width: 48em;
		margin: 0 0 0 4em;
		padding: 0;
		overflow: hidden;
	}
	
		#cos #home-central ul.llistat-noticies {
			padding: 0;
			margin: 0;
		}
		
			#cos #home-central ul.llistat-noticies li {
				padding: 0 0 1.5em 0;
				margin: 0 0 1.5em 0;
				background: none;
				border-bottom: 1px dotted #ccc;
			}	
			
				#cos #home-central ul.llistat-noticies li p {
					margin: 0;
				}
			
				#cos #home-central ul.llistat-noticies li img {
					float: left;
					margin: 0 1.5em .5em 0;
				}
			
				#cos #home-central ul.llistat-noticies li h3 {					
					color: #E66C12;
					font-size: 1.4em;
					margin: 0 0 .5em 0;
				}
				
				#cos #home-central ul.llistat-noticies li h3 a {
					color: #E66C12;					
				}
				
				#cos #home-central ul.llistat-noticies li h3 a:hover {
					text-decoration: underline;
				}
				
				#cos #home-central ul.llistat-noticies li .text p {
					color: #333;
					font-size: 1.2em;
					line-height: 1.4em;
				}
				
				#cos #home-central ul.llistat-noticies li .destacat {
					padding: 1.5em;
					border: 1px solid #ccc;
					background-color: #F1F1F1;
				}
				
					#cos #home-central ul.llistat-noticies li .destacat img {
						float: right;
						margin: 0 0 .5em 1.5em;
					}
	


/* 04 - Pintat de la home dreta */

	#cos #home-dreta {
		float: right;
		width: 19em;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		#cos #home-dreta ul.banner-home-dreta {
			width: 100%;
			padding: 0;
			margin: 0 0 2em 0;
			overflow: hidden;
		}
		
			#cos #home-dreta ul.banner-home-dreta li {
				width: 100%;
				padding: 0;
				margin: 0 0 1em 0;
				overflow: hidden;
				display: block;
				float: right;
			}            
			
				#cos #home-dreta ul.banner-home-dreta li img {
					display: block;
				}
                
            #cos #home-dreta ul.banner-home-dreta li .text-exposicio {
                font-size: 1.1em;
                line-height: 1em;
                padding: .5em 1em;
                margin: 0;
                border: 1px solid #CCCCCC;
                background-color: #F1F1F1;
            }
            
                #cos #home-dreta ul.banner-home-dreta li .text-exposicio p {
                    margin: 0 !important;
                    padding: 0 !important;
                    font-size: 1em;
                    line-height: 1.3em !important;
                }
                
                
                
            #cos #home-dreta ul.banner-home-dreta li.jornades-infants {
                font-size: 1em;            
                padding-top: 6px;
                background: #FFA443 url(../images/bg_destacats_home.gif) repeat-y left top;
            }
            
                #cos #home-dreta ul.banner-home-dreta li.jornades-infants div {
                    padding: .5em 1em;                    
                    border: 1px solid #ccc;
                    background-color: #fff;
                }
            
                    #cos #home-dreta ul.banner-home-dreta li.jornades-infants p {
                        font-size: 1.1em;
                        line-height: 1.3em;
                        margin: 0;
                    }
                    
                    
				
		#cos #home-dreta #enllacos-destacats h2 {
			color: #fff;
			font-size: 1.2em;
			margin: 0;
			padding: .4em 1em;
			background: #FFA443 url("../images/bg_destacats_home.gif") repeat-y left top;
		}
	
		#cos #home-dreta #enllacos-destacats ul {
			width: auto;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
			
			#cos #home-dreta #enllacos-destacats ul li {
				overflow: hidden;
				margin: .6em 0;
				padding: 0 0 0 1.9em;
				font-size: 1.2em;
				font-weight: bold;
				background: url("/site/images/llistat_destacats.gif") no-repeat 1em .5em;
			}
			
				#cos #home-dreta #enllacos-destacats ul li a {
					color: #666;
					text-decoration: none;
				}
				
					#cos #home-dreta #enllacos-destacats ul li a:hover {
						color: #809AC1;
						text-decoration: underline;
					}