/*!
 * OBRI-MATIC 2001 S.L.
 * Developed by: OBRI-MATIC
 */
 
/* ESTILS GENÈRICS */
 body{
	background-color: #4c504c;
	font-family: "PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif
 }
 .mainwrap{
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	box-shadow: 0px 0px 58px 11px rgba(0,0,0,1);
	padding-left: 0px;
	padding-right:0px;
	background-color: #ffffff;
 }
 
 
/* ESTILS DEL HEADER */


	 /* Adaptacions dels estils del menu navbar de bootstrap*/
	.navbar-default{
		background-color: #333333;
	}
	.navbar-nav>li>a{
		padding-top:17px;
		padding-bottom: 0px;
	}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
		color: #ffffff;
	}
	.separador-menu{
		padding: 19px 0px 0px 0px;
	}
	.separador-menu div{
		display: inline-block;
		height:16px;
		width:0px;
		border-left: 2px solid #585858;
	}

/* ESTILS DEL COS */

	/*Estils genèrics*/
	.coswrap{
		padding: 0px 0px 0px 0px;
	}

	.costitol{
		margin-top: 24px;
		margin-bottom: 14px;
		background-color: #DCDCDC;
		color: #585858;
		padding-left: 25px;
		padding-right:25px;
	}
	.coscontent{
		padding-left: 25px;
		padding-right:25px;
		padding-bottom: 35px;
	}

	.coscontent p{
		font-size: 17px;
		text-align:justify;	
	}
	.coscontent h2{
		font-weight: bold;
		font-size: 20px;
	}

	h1{
		margin-top: 2px;
		margin-bottom:2px;
		font-size: 22px;
		/*color: #585871; No el poso perque no hi ha diferencies amb el propi del bootstrap*/ 
	}
	.cosinicicolwrapper{
		width: 274px;
	}
	/* Estils específics */
	.cosinicietiquetaimg{
		background-color: #333333;
		color:#ffffff;
		text-align: center;
		font-size: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.cosinicicolwrapper p{
		margin-top: 10px;
		text-align: justify;
		font-size: 18px;
		margin-bottom: 16px;
	}
	.taulabase{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.filabase{
		padding: 8px 8px 8px 8px;
		border-top: 1px solid #ddd;
	}
	.filabase img{
		margin-right: 14px;
	}
	.filabasetitol{
		font-size: 19px;
		font-weight: bold;
		padding-bottom: 4px;
	}
	.filabase p{
		/*font-size: 14px;*/
	}
 
/* ESTILS DE NOVETATS */ 
	.novetatswrap{
		background-color: #669933;
		padding-left: 25px;
		padding-right:25px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.novetatswrap h1{
		color: #ffffff;
		font-size: 28px;
		font-weight:normal;
		margin-bottom: 15px;
	}
	.novetatswrap a{
		color:#fff;	
	}
	.novetatscolnoti{
		text-align:justify;	
		display: inline-block;
		padding-top: 4px;
		padding-bottom: 0px;
	}
	.novetatscolnoti img{
		margin-right: 6px;	
	}
	.novetatscolnoti h2{
		font-size: 20px;
		font-weight:bold;
		/* Canviat temporalment noticies trasllat dos columnes nomes
		margin-top: 12px;*/
		margin-top: 2px;
	}
	.novetatscolnoti p{
		font-size: 16px;
	}
	
/* ETILS PARTICULARS D'ALGUNES PAÀGINES */
	.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* ESTILS DEL FOOTER */
 
	.footerwrap{
		background-color: #333333;
		padding-left: 25px;
		padding-right:25px;
		padding-top: 10px;
		text-align: center;
	}
	
	.footerbarravertical{
		width: 2px;
		height: 10px;
		margin-left: 5px;
		margin-right: 5px;
		display: inline-block;
		background-color:#868585;
	} 
	
	.footerwrap p:first-child{
		color:#585858;
		margin-bottom: 4px;
	}
	.footerwrap p{
		margin-bottom: 10px;
	}
	.footerwrap span{
		color: #669933;
	}
	.footerdadescontacte{
		color: #D0CECE;
	}
	.footerdadescopy{
		color: #D0CECE;
		font-size:10px;
	}
	.footerwrap a{
		color: #585858;
	}
	.footerwrap a:focus, a:active, a:visited{
		text-decoration: none;
	}
	.footerwrap a:hover{
		color: #fff;
		text-decoration: none;
	}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* ESTILS DEL HEADER */
		.header{
			width: 750px;
		}
		.headermenu{
			width: 750px;
			height: 50px;
			display: inline-block;
			background-color: #333333; 
		}
		.headergreenblock{
			display: inline-block;
			float:left;
			width: 30px;
			height:50px;
			background-color: #59A628;
		}

		/*Adaptacions dels estils del menu navbar de bootstrap*/
		.navbar-default{
			display: inline-block;
		}
		.navbar{
			border-radius: 0px;
			min-height: 0px;
			margin-bottom: 0px;
			border: none;
		}
		.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
			color: #59A628;
			background-color: transparent;
		}		
		.dropdown-menu{
			background-color: rgba(51, 51, 51,0.7);
			border: 0px;
		}
		.dropdown-menu>li>a{
			color: #fff;
		}
		.dropdown-menu>li{
			border-bottom: 1px solid #585858;
		}
		.dropdown-menu>.dropdown-menu-last{
			border-bottom: none;
		}
		.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
			background-color: #6D8259;
		}
	/* ESTILS DEL COS */
	
		/*Estils genèrics*/

	
		/* Estils específics */
		.filabase img{
			margin-top: 4px;
			margin-bottom: 2px;
		}
	
	/* ESTILS DE NOVETATS */ 



	/* ESTILS DEL FOOTER */
			
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* ESTILS DEL HEADER */
		.header{
			width: 970px;
		}
		.headerlogo{
			background-image: url(../images/header_logo_m.png);
			width: 243px;
			height: 200px;
			display: inline-block;
			float:left;
		}
		.headermenu{
			width: 727px;
			height: 200px;
		}
		.headerimage{
			width:727px;
			height:160px;
			/*background-image: url(../images/header_imatge1_m.png);*/
		}
		.carousel-inner .item{
			width:727px;
			height:160px;
		}
		.carousel-inner .img1{
			background-image: url(../images/header_imatge1_m.png);
		}
		.carousel-inner .img2{
			background-image: url(../images/header_imatge2_m.png);
		}
		.carousel-inner .img3{
			background-image: url(../images/header_imatge3_m.png);
		}
		.carousel-inner .img4{
			background-image: url(../images/header_imatge4_m.png);
		}
		.carousel-inner .img5{
			background-image: url(../images/header_imatge5_m.png);
		}
		.carousel-inner .img6{
			background-image: url(../images/header_imatge6_m.png);
		}
		.carousel-inner .img7{
			background-image: url(../images/header_imatge7_m.png);
		}			
		.headergreenblock{
			width: 32px;
			height:40px;
		}
		.header_logo_facebook{
			position:relative;
			top:-195px;
			left:677px;
			z-index:5;
			width:40px;
			height:37px;
			background-image:url(../images/header_logo_facebook.png);
			cursor: pointer;	
		}
		/*Adaptacions dels estils del menu navbar de bootstrap*/
		.navbar-nav>li>a{
			padding-top:10px;
			padding-bottom:10px;
			padding-left: 12px;
			padding-right: 12px;
		}
		.separador-menu{
			padding: 12px 0px 0px 0px;
		}
		.dropdown:hover .dropdown-menu { /*Aquest estil fa que quant passis per sobre el menu es desplegui automaticament*/
			display: block;
		}
	/* ESTILS DEL COS */
	
		/*Estils genèrics*/
		.cosinicicolwrapper p{
			margin-bottom: 0px;
		}
	
		/* Estils específics */
	
	
	/* ESTILS DE NOVETATS */ 



	/* ESTILS DEL FOOTER */
		
} 
/* ESTILS PER A DIPOSITIUS DE PANTALLES GRANS (PCS) */
@media (min-width: 1200px){
	
	/* ESTILS DEL HEADER */
		.header{
			width: 1170px;
		}
		.headerlogo{
			background-image: url(../images/header_logo_l.png);
			width: 292px;
			height: 240px;
		}
		.headermenu{
			width: 878px;
			height: 240px;
		}
		.headerimage{
			width:878px;
			height:194px;
			/*background-image: url(../images/header_imatge1_l.png);*/
		}
		.carousel-inner .item{
			width:878px;
			height:194px;
		}
		.carousel-inner .img1{
			background-image: url(../images/header_imatge1_l.png);
		}
		.carousel-inner .img2{
			background-image: url(../images/header_imatge2_l.png);
		}
		.carousel-inner .img3{
			background-image: url(../images/header_imatge3_l.png);
		}
		.carousel-inner .img4{
			background-image: url(../images/header_imatge4_l.png);
		}
		.carousel-inner .img5{
			background-image: url(../images/header_imatge5_l.png);
		}
		.carousel-inner .img6{
			background-image: url(../images/header_imatge6_l.png);
		}
		.carousel-inner .img7{
			background-image: url(../images/header_imatge7_l.png);
		}		
		.headergreenblock{
			width: 50px;
			height:46px;
		}
		.header_logo_facebook{
			top:-234px;
			left:826px;	
		}
		/*Adaptacions dels estils del menu navbar de bootstrap*/
		.navbar-nav>li>a{
			padding-top:13px;
			padding-bottom:13px;
			padding-left: 14px;
			padding-right:14px;
		}
		.separador-menu{
			padding-top: 15px;
		}
		
	/* ESTILS DEL COS */
	
		/*Estils genèrics*/
		.costitol{
			padding-left: 35px;
			padding-right:35px;
		}
		.coscontent{
			padding-left: 35px;
			padding-right:35px;
		}
	
		/* Estils específics */
	
	
	/* ESTILS DE NOVETATS */ 
		.novetatswrap{
			padding-left: 35px;
			padding-right:35px;
		}


	/* ESTILS DEL FOOTER */
	
}
 
 /*
 EFECTES AMB BOOTSRAP
 http://www.natebal.com/blog/bootstrap-shadow-effects-css3-examples/
 http://www.natebal.com/blog/bootstrap-css3-effects-code/
 http://www.natebal.com/blog/real-quick-css-tip-css-gradients-drop-shadows-bootstrap/
 */