@charset "utf-8";
/* CSS Document */

html{
	padding:0;
	background: url(../img/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body{
	margin-left:auto;
	margin-right:auto;
	height:640px;
	width:1024px;
}

#logo_petit{
	height:85px;
	width:183px;
	position:fixed;
	background-image:url(../img/logo_petit.png);
	background-repeat:no-repeat;
	background-size:95%;
	margin-top:10px;
	margin-left:33px;
}

#eslogan_petit{
	height:50px;
	width:275px;
	position:fixed;
	background-image:url(../img/eslogan.png);
	background-repeat:no-repeat;
	background-size:100%;
	margin-top:66px;
	margin-left:250px;
}

#bandera_cat{
	width:23px;
	height:14px;
	float:right;
	position:fixed;
	margin-left:940px;
	margin-top:72px;
	background-image:url(../img/bandera_cat.jpg);
}

#bandera_cat:hover{
	background-position:bottom;
}

#bandera_es{
	width:23px;
	height:14px;
	float:right;
	position:fixed;
	margin-left:969px;
	margin-top:72px;
	background-image:url(../img/bandera_es.jpg);
}

#bandera_es:hover{
	background-position:bottom;
}

/*INICI separadors header*/
#separador1{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:169px;
	background-color:white;
}

#separador2{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:306px;
	background-color:white;
}

#separador3{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:443px;
	background-color:white;
}

#separador4{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:580px;
	background-color:white;
}

#separador5{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:717px;
	background-color:white;
}

#separador6{
	height:24px;
	width:2px;
	position:fixed;
	margin-top:113px;
	margin-left:854px;
	background-color:white;
}
/*FINAL separadors header*/

/*CSS Menú desplegable horizontal--INICIO*/
#menu {
	width:auto;
	margin-top:107px;
	margin-left:-7px;
	position:fixed;
}

ul#menu li {
	float:left;
	display:inline;
	position:relative;
	text-align:center;
}

#menu li {
	height:auto;
	width:137px;
	text-align:center;
	background-color:black;
	list-style:none;
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:transparent;
	padding:5px 0;
}

#menu li a {
	display:block;
	font-family:BebasNeue; 
	font-size:18px;
	text-decoration:none;
	letter-spacing:1px;
	color:white;
}

#menu li a:hover {
	/*color:black;
	background:white;*/
}

#menu li#red:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#cc5236;
}

#menu li#orange:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#ea9616;
}

#menu li#yellow:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#f8e832;
}

#menu li#soft_green:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#d4e55c;
}

#menu li#green:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#9acd3b;
}

#menu li#soft_blue:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#73bbcc;
}

#menu li#blue:hover {
	border-style:solid none none none;
	border-top-width:6px;
	border-top-color:#5499d9;
}

/*CSS Menú desplegable horizontal--FIN*/

#contingut{
	height:460px;
	width:959px;
	float:left;
	background-color:white;
	font-family:GeosansLight; 
	font-size:18px;
	margin-left:33px;
	margin-top:142px;
	position:fixed;
}

#col1{
	height:417px;
	width:235px;
	float:left;
	position:fixed;
	background-image:url(../img/col1.jpg);
	margin-top:23px;
	margin-left:13px;
}

#col2{
	height:417px;
	width:235px;
	float:left;
	position:fixed;
	background-image:url(../img/col2.jpg);
	margin-top:23px;
	margin-left:248px;
}

#col3{
	height:417px;
	width:235px;
	float:left;
	position:fixed;
	background-image:url(../img/col3.jpg);
	margin-top:23px;
	margin-left:483px;
}

#col4{
	height:417px;
	width:235px;
	float:left;
	position:fixed;
	background-image:url(../img/col4.jpg);
	margin-top:23px;
	margin-left:710px;
}

#footer{
	height:35px;
	width:959px;
	float:left;
	background-image:url(../img/barra_footer.jpg);
	background-repeat:no-repeat;
	font-family:BebasNeue; 
	font-size:18px;
	color:white;
	margin-left:33px;
	margin-top:596px;
	position:fixed;
}

#copyright{
	position:fixed;
	margin-top:8px;
	margin-left:15px;
}

#mapa_web{
	height:27px;
	width:112px;
	text-decoration:none;
	text-align:center;
	position:fixed;
	margin-top:-4px;
	margin-left:296px;
	border-style:solid none none none;
	border-top-width:5px;
	border-top-color:transparent;
	padding-top:3px;
}

#mapa_web a{
	color:white;
}

#mapa_web a:hover{
	/*text-shadow: 0px 0px 5px white, 0px 0px 10px white;*/
	border-style:solid none none none;
	border-top-width:5px;
	border-top-color:#5467db;
	/*background-color:white;
	background-position:right;
	border-radius:0.50em;
	width:85px;
	height:25px;*/
}

#separador_footer{
	height:23px;
	width:2px;
	position:fixed;
	margin-top:5px;
	margin-left:759px;
	background-color:white;
}

#estiu{
	height:27px;
	width:137px;
	text-decoration:none;
	text-align:center;
	position:fixed;
	margin-top:-4px;
	margin-left:220px;
	border-style:solid none none none;
	border-top-width:5px;
	border-top-color:transparent;
	padding-top:3px;
}

#estiu a{
	color:white;
}

#estiu a:hover{
	/*text-shadow: 0px 0px 5px white, 0px 0px 10px white;*/
	border-style:solid none none none;
	border-top-width:5px;
	border-top-color:#B178FF;
	/*background-color:white;
	background-position:right;
	border-radius:0.50em;
	width:85px;
	height:25px;*/
}

#separador_footer2{
	height:23px;
	width:2px;
	position:fixed;
	margin-top:5px;
	margin-left:646px;
	background-color:white;
}

#follow{
	position:fixed;
	margin-top:8px;
	margin-left:783px;
}

#facebook{
	height:22px;
	width:22px;
	position:fixed;
	background-image:url(../img/faceboook.png);
	margin-top:6.5px;
	margin-left:892px;
}

#facebook:hover{
	background-position:bottom;
}

#blog{
	height:22px;
	width:22px;
	position:fixed;
	background-image:url(../img/blog.png);
	margin-top:6.5px;
	margin-left:922px;
}

#blog:hover{
	background-position:bottom;
}