@font-face{
	font-family:DIGITALDREAM;
	src: url(/fonts/DIGITALDREAM.ttf);}
@font-face{
	font-family:LCDPHONE;
	src: url(/fonts/LCDPHONE.TTF);}


#lat_cont{float:left;width:90%;}
#lat_cont img{width:100%; margin:7% 0 0 0;}
#lat_enviar{display:none;}
#lat_trucar{display:none;}

#lat_form{float:left;width:100%;}


.capa_titol_inici{float:left; width:98%; border-bottom:solid 1px grey;margin: 0% 1% 2% 0;padding-bottom:1%;}
.foto_titol_inici{float:left; width:40%;}
.foto_titol_inici img{width:90%;margin:1% 2% 1% 2%;}
.capa_texte_inici{padding:2% 2% 1% 0;}
.capa_texte_marc{float:left;margin:2% 0 20% 0;}
.foto_titol_marc{float:left; width:100%;}
.foto_titol_marc img{width:70%;margin:2% 0 5% 0;}
.foto_formulari{width:20%;margin:-3% 0 10% 2%; float:left; }
.foto_formulari img:hover {opacity: 0.4; filter: alpha(opacity=40); }
.conjunt_inici{width:39%; margin: 0 0 2% 0; float: left;}
.foto_inici{float:left;width:30%;}
.foto_inici img:hover {opacity: 0.4; filter: alpha(opacity=40); }
.texte_inici{width:65%;  float:left;}
.telefon a{ color: #ffffff ;font-size:24px; text-decoration:none;}
.telefon{position:absolute;top:17%; left: 72%;}
.text_interior {  margin: 1% 2% 1% 2%; float:left; width:40%;}
.basquet{width:100%; float:left;}
.basquet img{width:50%; margin: 1% 2% 1% 25%;}
.noticies img{width:30%; margin: 1% 2% 1% 35%;}
.text_noticies{width:98%; margin: 1% 2% 1% 1%;}
.noticies2 img{width:60%; margin: 1% 0% 1% 20%;}
.benzinera{width:100%; margin: 5% 0% 0% 20%; float:left; padding: 1% 1% 1% 1%;}
.benzinera img{width:35%; }
.benzinera img:hover{opacity: 0.4; filter: alpha(opacity=40); }
.titol_benzineres{width:40%; float:left; padding: 0% 1% 1% 1%;}
.titol_punt{width:65%;margin: 0% 0% 0% 35%;}

.serveis3{width:26%; margin: 1% 0% 0% 5.5%; float:left; height: 20vw;}
.serveis3 img{width:100%; }

.serveis3 img:hover{opacity: 0.4; filter: alpha(opacity=40); }

#capa_preus{
	
	width:96%;margin:2%;padding-top:9%;
	background: url(/usr/petropinto/PREUS_FOTO4.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
#texte_preus {
	
	margin:0% 42% 2% 42%;
	width:14%;
	color: #fd510e ;
	font-size:3.2vw; 
	font-family:DIGITALDREAM ; 
	
	
}

#texte_preus td{padding:20% 0;}





#contacta_frm #motivo{width:88%;}

	
	/************************************************************************************/
	/*                         7777777777         22           22                       */
	/*                                77        22  22       00  00 					*/ 
	/*                               77	           22        00  00						*/
	/*                               77          22          00  00						*/
	/*                               77         2222222        00                       */  
	/************************************************************************************/
   	
@media (max-width: 720px) {

#lat_cont{width:96%;margin: 0 3% 0 1%;display:none;}

.conjunt_preus{margin: 2% 0 5% 20%;}

#lat_form{width:100%; display:none;}

#lat_enviar {width:100%; margin:2% 0 0 0 ;display:block;}

#lat_trucar {width:100%; margin:0;display:block;}

#lat_enviar img{width:100%;}

#lat_trucar img{width:100%;}

.foto_titol_inici{ width:100%;}

.text_interior {  margin: 1% 2% 1% 1%; float:left; width:90%;}

.basquet img{width:90%; margin: 1% 2% 5% 5%;}

.serveis3{width:45%; margin: 1% 1% 1% 2.5%; float:left; height: 50vw;}
.serveis3 img{width:100%; }


.telefon{position:absolute;top:14%; left: 63%;}
.telefon a{ font-size:16px;}
.noticies img{width:80%; margin: 1% 2% 1% 10%;}
.noticies2 img{width:90%; margin: 1% 0% 1% 5%;}

.benzinera{width:100%; margin: 1% 1% 1% 1%;}
.titol_benzineres{width:98%; }



.foto_formulari{width:100%; margin-left:25%; }

.conjunt_inici{width:100%; height: 4%;}
.foto_inici{width:45%; }

.texte_inici{width:55%; }

.conjunt_preus{float:left; width: 100%; height: 250vw; margin-left: 0.5%;
background: url(/usr/petropinto/PREUS_FOTO.jpg) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.foto_preus{width:100%;}
#texte_preus {width:18.4%;color: #fd510e ;font-size:19vw; font-family:DIGITALDREAM ; margin: 70.8vw 0 0 8.3%; }
#texte_preus td{padding:0 0  29.8vw 0.4vw;}





}