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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:40px;
	text-align:center;
}


/*h1 img{
   margin-left: -290px; 
   width:650;
   height:217;
}*/

 .logo img {
        width: 50%;
     padding-right: 220px;
    }
#wrapper {
	width:1170px;
	margin:0 auto;
	background-color:#e5f2f8;
	background-image:url(../img/ondes.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:70px;
	height:640px;
}
#subwrapper {
	background-image:url(../img/ondes_inf.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:640px;
}
.ocult {
	display:none;
}
#container p {
	color:#214493;
	font-size:24px;
 /*background-color:#309;*/
    margin: 30px 0px 50px 440px;
    padding: 20px;
    width: 255px;
    border-top:  3px solid #214493;
    border-bottom:3px solid #214493;
}
#container ul {
	width:300px;
	margin:0 450px;
	font-size:20px;
}
#oficines{
	font-style:italic;
	font-size:35px;
	color:#89d1f0;
}
#tel {
	background-image:url("../img/telefon.png");
	background-position:25px center;
	background-repeat:no-repeat;
}
#email {
	background-image:url(../img/mail.png);
	background-position:6px center;
	background-repeat:no-repeat;
}
#email a {
	color:#309;
}
#email a:hover {
	color:#000;
}


/******** RESPONSIVE ********/


/**MOBIL **/

@media (min-width:320px) and (max-width:767px){
    
/*h1{
    background-image: url(../img/Blaucel_Serveis_logo.png);
    	background-repeat:no-repeat;
	background-position:top center;        
}*/
    .logo img {
        width: 90%;
        padding-right: 0px;
    }
    
    #wrapper {
	width:auto;
	margin:0 auto;
	background-color:#e5f2f8;
	background-image:url(../img/ondes.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:150px;
    height: auto;

}  
    
#subwrapper {
	background-image:url(../img/ondes_inf.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}   
    
#container p {
	color:#214493;
	font-size:24px;
 /*background-color:#309;*/
    margin: 30px auto 50px auto;
    padding: 20px;
    width: 250px;
    border-top:  3px solid #214493;
    border-bottom:3px solid #214493;
}
    #container ul {
	margin:0 auto;
	font-size:20px;
}
    
    #tel {
    background-image:url("../img/telefon.png");
	background-position:35px center;
	background-repeat:no-repeat;
}
   /* img #tel, img #email {
        display: none;
    }*/

#email {
       background-image:url("../img/mail.png");
	background-position:6px center;
	background-repeat:no-repeat;
}
    /*.hide {
        display: none;
    }*/
    }