body {   
    background: #e9e9e9 url(../images/fons.jpg) repeat-x top;
	
    font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	padding-bottom: 40px;
	height:100%;
}

.trenca-flotat { clear:both; }

div#contenidor { /* fons de núbols */
    background: transparent url(../images/fons-web.jpg) no-repeat top center;

    padding: 20px;
	
}

div#bossa {
        background: transparent url(../images/bossa-middle.jpg) no-repeat bottom center;
		background-position:0 726px;

        margin: 0px auto;
        width: 829px;


    }
    div#bossa-bottom {
        background: transparent url(../images/bossa-bottom.jpg) no-repeat bottom center;
		background-position:bottom;
		min-height:1086px;
        margin: 0px auto;
        width: 829px;

     position:relative;
	 overflow:hidden; _display: inline-block;
    }
	
	
	div#bossa-inner{ background-color:#0F3;}

        
        div#cap {
        
        }
            
            a#logotip {
                position:absolute;
                top: 42px;
                left: 100px;
            }
            
            
            a#treballa_amb_nosaltres {
                position:absolute;
                top: 120px;
                right: 65px;
            }
            
            div#subtitol_web {
                font-size: 14px;
                font-weight:bold;
                color: #fff;
                position: absolute;
                left: 110px;
                width: 300px;
                text-align: center;
                top: 235px;
            }
        
        div#contingut {
           /* position:absolute;
            top: 275px;
            left: 84px;*/
			padding-left:87px;
			padding-top:280px;
			padding-bottom:124px;
     
         
        }
            
            div#menu {
                margin-left: 0px;
            }
            
            div#menu a {
                display: block; float: left; margin-left: 8px;
                line-height: 36px;
                font-size: 15px;
                color: #fff;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                margin-bottom:5px;
            }
            
            div#menu a.boto_educatius { 
                background: transparent url(../images/boto_educatius-trans.jpg) no-repeat;
                width: 79px;
                height: 40px;
                margin-left: 10px;
            }
            div#menu a.boto_cangurs { 
                background: transparent url(../images/boto_cangurs-trans.jpg) no-repeat;
                width: 153px;
                height: 40px;
            }
            div#menu a.boto_monitors { 
                background: transparent url(../images/boto_monitors-trans.jpg) no-repeat;
                width: 104px;
                height: 40px;
            }
            div#menu a.boto_lleure { 
                background: transparent url(../images/boto_lleure-trans.jpg) no-repeat;
                width: 142px;
                height: 40px;
            }
            div#menu a.boto_especials { 
                background: transparent url(../images/boto_especials-trans.jpg) no-repeat;
                width: 90px;
                height: 40px;
            }
            div#menu a.boto_parcs { 
                clear:both;
                margin-left:15px;
                background: transparent url(../images/boto_parcs-trans.jpg) no-repeat;
                width: 128px;
                height: 38px;
            }
            div#menu a.boto_pallassos { 
                background: transparent url(../images/boto_pallassos-trans.jpg) no-repeat;
                width: 90px;
                height: 38px;
            }
            div#menu a.boto_mags { 
                background: transparent url(../images/boto_mags-trans.jpg) no-repeat;
                width: 62px;
                height: 38px;
            }
            div#menu a.boto_titelles { 
                background: transparent url(../images/boto_titelles-trans.jpg) no-repeat;
                width: 174px;
                height: 38px;
            }
            div#menu a.boto_contacontes { 
                background: transparent url(../images/boto_contacontes-trans.jpg) no-repeat;
                width: 121px;
                height: 38px;
            }
            div#menu a.boto_contacte { 
                background: transparent url(../images/boto_contacte-trans.jpg) no-repeat;
                width: 90px;
                height: 38px;
            }
        
        
        a.imatge_portada {
            display: block;
            float:left;
            width: 214px;
            padding-top: 180px;
            text-align: center;
            font-family: Arial, Verdana,sans-serif;
            text-transform: uppercase;
            font-size: 14px;
            font-weight:bold;
            text-decoration: none;
            margin-right: 10px;
			margin-bottom:5px;
        }
        
        
        a.imatge_parcs {
            background: transparent url(../images/imatge_parcs-trans.jpg) no-repeat top center;
            color: #fcb40c;
        }
        a.imatge_pallassos {
            background: transparent url(../images/imatge_pallassos-trans.jpg) no-repeat top center;
            color: #ff0000;
        }
        a.imatge_mags {
            background: transparent url(../images/imatge_mags-trans.jpg) no-repeat top center;
            color: #6534cc;
        }
        
        
        a.imatge_animadors {
            background: transparent url(../images/imatge_animadors-trans.jpg) no-repeat top center;
            color: #01ae3a;
				margin-top:-5px;
				
        }
        a.imatge_educatius {
            background: transparent url(../images/imatge_educatius-trans.jpg) no-repeat top center;
            color: #fd1c87;
				margin-top:-5px;
        }
        a.imatge_titelles {
            background: transparent url(../images/imatge_titelles-trans.jpg) no-repeat top center;
            color: #ff6700;
				margin-top:-5px;
        }
        
        
        a.imatge_cangurs {
            background: transparent url(../images/imatge_cangurs-trans.jpg) no-repeat top center;
            color: #0095f9;
			margin-top:-5px;
        }
        a.imatge_lleure {
            background: transparent url(../images/imatge_lleure-trans.jpg) no-repeat top center;
            color: #333333;
				margin-top:-5px;
        }        
        a.imatge_especials {
            background: transparent url(../images/imatge_especials-trans.jpg) no-repeat top center;
            color: #8fbf00;
				margin-top:-5px;
        }
        
        
        #interior {
        	width: 695px;
			font-family:Arial, Helvetica, sans-serif;
        }
         #interior p a{ color:#FF6600;}
		#taula-contacte td{ padding:5px;vertical-align:top;}
        
        .titular {
        	width: 695px;
        	height: 52px;
        	line-height: 52px;
        	font-size: 180%;
        	color:#fff;
        	padding-left: 45px;
        	margin-bottom: 10px;
			
			
        }
		
		.titular a{
			color:#FFFFFF;
			text-decoration:none;
		}
        
        
       
		
		.groc .titular {
            background: transparent url(../images/seccion-colors/groc.jpg) no-repeat top left;
            color: #fff;
        }		
        .blau .titular {
            background: transparent url(../images/seccion-colors/blau.jpg) no-repeat top left;
            color: #fff;
        }	
		
				
	     .blau2 .titular {
            background: transparent url(../images/seccion-colors/blau2.jpg) no-repeat top left;
            color: #fff;
        }		
			
	     .granate .titular {
            background: transparent url(../images/seccion-colors/granate.jpg) no-repeat top left;
            color: #fff;
        }        		
        
	     .verd .titular {
            background: transparent url(../images/seccion-colors/verd.jpg) no-repeat top left;
            color: #fff;
        }   
		
		.rosa .titular {
           background: transparent url(../images/seccion-colors/rosa.jpg) no-repeat top left;
           color: #fff;
        }
		.vermell .titular {
        	background: transparent url(../images/seccion-colors/vermell.jpg) no-repeat top left;
        	color: #fff;
        }            	     		
		.purpura .titular {
        	background: transparent url(../images/seccion-colors/purpura.jpg) no-repeat top left;
        	color: #fff;
        }        
		.taronja .titular {
        	background: transparent url(../images/seccion-colors/taronja.jpg) no-repeat top left;
        	color: #fff;
        }    		   		
		
		.taronja2 .titular {
        	background: transparent url(../images/seccion-colors/taronja2.jpg) no-repeat top left;
        	color: #fff;
        }    		   		
		.gris .titular {
        	background: transparent url(../images/seccion-colors/gris.jpg) no-repeat top left;
        	color: #fff;
        }    
		  .contacte .titular {
            background: transparent url(../images/seccion-colors/contacte.jpg) no-repeat top left;
            color: #fff;
        }   	
		
		
			   		
        .separador-blau {
         	background: transparent url(../images/blau.jpg) repeat-x;
         	height: 5px;
         	margin: 10px 0px;
        }
		
		
	    .rosa .capsa-interior { background: transparent url(../images/seccion-colors/rosa-img.jpg) no-repeat top center;}
		.blau .capsa-interior { background: transparent url(../images/seccion-colors/blau-img.jpg) no-repeat top center;}
		.blau2 .capsa-interior { background: transparent url(../images/seccion-colors/blau-img.jpg) no-repeat top center;}
		.granate .capsa-interior { background: transparent url(../images/seccion-colors/granate-img..jpg) no-repeat top center;}
		.verd .capsa-interior { background: transparent url(../images/seccion-colors/verd-img.jpg) no-repeat top center;}
		.groc .capsa-interior { background: transparent url(../images/seccion-colors/groc-img.jpg) no-repeat top center;}
		.vermell .capsa-interior { background: transparent url(../images/seccion-colors/vermell-img.jpg) no-repeat top center;}
		.purpura .capsa-interior { background: transparent url(../images/seccion-colors/purpura-img.jpg) no-repeat top center;}
		.taronja .capsa-interior { background: transparent url(../images/seccion-colors/taronja-img.jpg) no-repeat top center;}
		.taronja2 .capsa-interior { background: transparent url(../images/seccion-colors/taronja-img.jpg) no-repeat top center;}
		.gris .capsa-interior { background: transparent url(../images/seccion-colors/taronja-img.jpg) no-repeat top center;}
		
				
			
		.input-taronja{
	border: 1px solid #FF6600;
	padding-top:3px; padding-bottom:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}	
			
			
			
        .capsa-interior {
            display: block;
            float:left;
            width: 214px;
            margin-right: 10px;
            margin-bottom: 5px;
			line-height:1.1em;
			font-size:11px;
        }
        .capsa-interior .imatge {
        	display:block;
			margin: 8px 5px 10px 14px;
        	
        }
        
        .capsa-interior .titol {
        	text-decoration:none;
        	display:block;
        	color: #f50f7b;
        	font-weight: bold;
			margin-top:0px; margin-bottom:5px;
			font-size:13px!important;
        }
        
        
        
        
    div#paginacio {
    	clear: both;
    	width: 575px;
    	float: right;
    	margin-right: 40px;
    	margin-top: 15px;    
    }
    
	    div#paginacio .decoracio {
	         	background: transparent url(../images/punt-magenta.jpg) repeat-x center;
	         	height: 40px;
	         	width: 344px;
	         	float:left;
	         	margin-right: 15px;
	    }
	    
	    div#paginacio .botons {
	    	line-height: 40px;
	    	
	    }
	    	
	    	div#paginacio .botons .anterior, div#paginacio .botons .seguent {
	    		float: left;
	    	}
	    
	    	div#paginacio .botons .actual {
	    		display: block;
	    		float: left;
	    		width: 87px;
	    		height: 40px;
	    		line-height: 40px;
	    		text-align: center;
	    		margin: 0px 10px;
	    		background: transparent url(../images/paginacio-center.jpg) no-repeat center;
	    		color: #fff;
	    	}
	    	
	    	
		    div#paginacio .botons img {
		    	vertical-align: middle;
		    }
      
      
      
      
	      
	    .imatges-detall {
	    	width: 330px;
	    	float: right;
	    	margin-left: 15px;
	    
	    }  
		h2.titol {
	    	text-decoration:none;
	    	display:block;
	    	color: #fa5600;
	    	font-weight: bold;
	    	font-size: 140%;
	    	margin-bottom: 15px;
	    }
	        
	        
	        
	    .preu {
	    	background: transparent url(../images/boto-platan.jpg) no-repeat center;
	    	display:block;
	    	float:left;
	    	margin-right: 20px;
	    	width: 148px;
	    	height: 55px;
	    	line-height: 55px;
	    	color:#fff;
	    	font-size: 120%;
	    	text-align: center;
	    }
	    
	    .mes-info {
	    	background: transparent url(../images/boto-info.jpg) no-repeat center;
	    	display:block;
	    	float:left;
	    	width: 150px;
	    	height: 55px;
	    	line-height: 55px;
	    	color:#fff;
	    	font-size: 120%;
	    	text-align: center;
	    	text-decoration:none;
	    }
	    
	    .info-preu {
	    	clear: left;
	    	display:block;
	    	width: 148px;
	    	color: #fc5a09;
	    	font-size: 80%;
	    }
	    
        
    div#peu {
        background: transparent url(../images/linia-horitzontal.jpg) repeat-x top;
        padding-top: 4px;
        position:absolute;
        bottom: 0px;
        left: 165px;
        height: 65px;
        width: 555px;
        text-align: center;
        color: #666;
    }
    
        div#peu div {
            color:#FA0265;
        }
            div#peu div a {
                text-decoration: none;
                color:#FA0265;
            }
            div#peu div a:hover {
                text-decoration:underline;
            }
            
            
/* fotos amb ombra */
    div.imatge-ombra {
        margin: 7px 0px 13px 5px;
    }
        div.imatge-ombra div.imatge {
            float:left;
            position:relative;
            background-color:#CCCCCC;
            padding:0 3px 3px 0;
            margin-bottom: 7px;
        }
        div.imatge-ombra div.imatge.mright {
        	margin-right: 15px;
        }
            div.imatge-ombra div.imatge a {
                float:left;
                background-color:#CCCCCC !important;
            }
            div.imatge-ombra div.imatge img {
                float:left;
                position:relative;
                margin:-3px 0 0 -3px;
            }
        div.imatge-ombra div.peu-de-foto {
            padding-top:3px;
            font-size:76%;
            color:#666666;
        }
zz