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

img{
	border:0;
}

/*** Inici HEADER + NAVIGATION ***/

#logo {
 width: 335px;
 height: 46px;
 float: left;
 margin: 40px 40px 40px 40px;
}


/** Inici bloc MENU **/
#menu {
 width: 555px;
 height: auto;
 float: left;
 text-align: right;
}

#menu a { /* link */
 color: #656266;
 font-weight: bold;
 text-decoration: none;
}
#menu a:hover { /* link - rollover */
 color: #F17B0A;
 font-weight: bold;
 text-decoration: none;
}

#menu .selected { /* seleccionat */
 color: #F17B0A;
 font-weight: bold;
 text-decoration: none;
}

/** Fi bloc MENU **/


/** Inici bloc IDIOMA **/

#idioma {
 width: 545px;
 height: auto;
 float: left;
 text-align: right;
 margin: 20px 0px 25px 0px;
}

#idioma a { /* link */
 color: #656266;
 font-weight: normal;
 text-decoration: none;
}
#idioma a:hover { /* link - rollover */
 color: #F17B0A;
 font-weight: normal;
 text-decoration: none;
}

#idioma .selected { /* seleccionat */
 color: #F17B0A;
 font-weight: normal;
 text-decoration: none;
}

/** Fi bloc IDIOMA **/


/*** Fi HEADER + NAVIGATION ***/



/*** Inici LEFTCOLUMN ***/

#filet {
 width: 547px;
 height: 2px;
 float: left;
 margin: 0px 0px 16px 0px;
}
#filet-color {
 width: 24px;
 height: 2px;
 float: left;
 background-color: #D8D8D9;
}

#servei {
 width: 547px;
 height: auto;
 float: left;
 margin: 0px 0px 5px 0px;
}

#banner {
 width: 333px;
 height: auto;
 float: left;
 margin: 0px 0px 10px 0px;
}

#leftcolumn ul { /* llista dins del leftcolumn */
 padding: 0px 0px 0px 10px;
}
#leftcolumn ul li {
 list-style: none;
 list-style-image: url(../imgs/bullet.png);
 list-style-position: inherit;
 font-size: 16px;
 font-weight: normal;
 color: #656266;
 text-align: justify;
 margin-bottom: 5px;
}


/** Inici bloc FORM **/

#form-boto-triaform {
 width: auto;
 height: 30px;
 float: left;
}
#form-filet-triaform {
 width: 920px;
 height: 4px;
 float: left;
 background-color: #F17B0A;
 margin: 0px 0px 30px 0px;
}

input { 
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 16px;
 color: #656266;
 border: none;
 width: 215px;
 height: 30px;
 background-color: #D8D8D9;
 padding: 0px 3px 0px 3px;
 margin: 0px 0px 20px 0px;
 text-align: left;
}

*:first-child+html input { /* hack per IE7 */
 height: 24px;
 padding: 6px 3px 0px 3px;
 margin: 0px 0px 20px 0px;
}

textarea { 
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 16px;
 color: #656266;
 border: none;
 width: 920px;
 height: 90px;
 background-color: #D8D8D9;
 padding: 3px 3px 3px 3px;
 margin: 0px 0px 20px 0px;
 text-align: left;
}

select { 
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 16px;
 color: #656266;
 border: none;
 width: 220px;
 height: 30px;
 background-color: #D8D8D9;
 padding: 0px 3px 0px 3px;
 margin: 0px 0px 20px 0px;
 text-align: left;
}

#formulari-col { /* input */
 float: left;
 width: 215px;
 height: auto;
 margin: 0px 0px 0px 0px;
}
#formulari-col2, #formulari-col234 , #formulari-col235{ /* textarea */
 float: left;
 width: 920px;
 height: auto;
 margin: 0px 0px 0px 0px;
}

#form-filet {
 width: 920px;
 height: 1px;
 float: left;
 background-color: #D8D8D9;
 margin: 20px 0px 30px 0px;
}

/** Fi bloc FORM **/
 
/** Inici bloc DONDE ESTAMOS **/

#dondeestamos-left {
 width: 740px;
 height: auto;
 float: left;
 margin: 0px 40px 0px 0px;
}
#dondeestamos-right {
 width: 140px;
 height: auto;
 float: left;
 text-align: right;
}

#mapa {
 width: 920px;
 height: auto;
 float: left;
 margin: 20px 0px 20px 0px;
}

/** Fi bloc DONDE ESTAMOS **/


/*** Fi LEFTCOLUMN ***/



/*** Inici RIGHTCOLUMN ***/

#banners {
 width: 350px;
 height: auto;
 float: left;
 margin-bottom: 20px;
}

/*** Fi RIGHTCOLUMN ***/

/*** video ***/
#video {
	margin-top: 30px;
}

/*** Inici FOOTER ***/

#footer-filet {
 width: 24px;
 height: 2px;
 float: left;
 background-color: #D8D8D9;
}

#footer p {
 color: #FFFFFF;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 5px;
}

#footer h1 {
 color: #656266;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 24px;
}

#footer a {
 color: #D8D8D9;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
}
#footer a:hover {
 color: #656266;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
}

#footer-link-icos {
 width: auto;
 height: 25px;
 float: left;
 margin: 0px 0px 5px 0px;
}
#footer-icos {
 width: 25px;
 height: 25px;
 float: left;
 margin: 0px 15px 0px 0px;
}
#footer-txt {
 width: auto;
 height: auto;
 float: left;
 margin: 4px 0px 0px 0px;
}
#footer-txt a {
 width: auto;
 height: auto;
 float: left;
 color: #FFFFFF;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}
#footer-txt a:hover {
 width: auto;
 height: auto;
 float: left;
 color: #656266;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

#footer-left {
 width: 243px;
 height: auto;
 float: left;
 margin: 0px 111px 0px 0px;
 color: #FFFFFF;
 font-size: 21px;
 font-weight: bold;
}
#footer-left-logo {
 width: 243px;
 height: 32px;
 float: left;
 margin: 0px 0px 30px 0px;
}
#footer-left-txt {
 width: 243px;
 height: auto;
 float: left;
 margin: 0px 0px 10px 0px;
}
#footer-left-txt a {
 color: #656266;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}
#footer-left-txt a:hover {
 color: #D8D8D9;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}

#footer-center {
 width: 250px;
 height: auto;
 float: left;
 text-align: left;
 margin: 0px 118px 0px 0px;
}

#footer-right {
 width: 198px;
 height: auto;
 float: left;
 text-align: left;
}

/*** Fi FOOTER ***/



/*** Inici ESTILS DE TEXT ***/

p { /* text */
 font-size: 16px;
 font-weight: normal;
 color: #656266;
 margin-bottom: 10px;
 text-align: justify;
}

b { /* negreta color */
 font-weight: bold;
 color: #F17B0A;
}

strong { /* negreta */
 font-weight: bold;
 color: #656266;
}

h1 { /* titol apartat */
 font-size: 24px;
 font-weight: bold;
 color: #F17B0A;
 text-align: justify;
 margin-bottom: 24px;
}

h2 { /* subtitol apartat */
 font-size: 18px;
 font-weight: bold;
 color: #F17B0A;
 margin-bottom: 15px;
}

h3 { /* subtitol 2 apartat */
 font-size: 16px;
 font-weight: bold;
 color: #F17B0A;
 margin-bottom: 15px;
}

a { /* link */
 font-size: 16px;
 font-weight: normal;
 color: #F17B0A;
 text-decoration: none;
}
a:hover { /* link rollover */
 font-size: 16px;
 font-weight: normal;
 color: #F8BD85;
 text-decoration: none;
}

/*** Fi ESTILS DE TEXT ***/



/*** Inici FANCYBOX ***/

#fancybox-content { 
 padding: 20px;
 font-family: Arial, Helvetica, sans-serif;
}

#fancybox-content ul {
 padding: 0px 0px 0px 10px;
}
#fancybox-content ul li {
 list-style: none;
 list-style-image: url(../imgs/bullet.png);
 list-style-position: inherit;
 font-size: 16px;
 font-weight: normal;
 color: #656266;
 text-align: justify;
 margin-bottom: 5px;
}

/*** Fi FANCYBOX ***/


#precios-data { 
 float: left;
 width: 120px;
 height: 29px;
 margin: 200px 0px 0px -16px;
 text-align: center;
 background-color: #aeadaf;
 color: #000;
 font-size: 16px;
 padding: 10px 0px 0px 0px;
 font-weight: bold;
}

#precios-gasoil { 
 float: left;
 width: 281px;
 height: 45px;
 /*margin: -13px 0px 0px 50px;*/
 margin: 0px 0px 0px 50px;
}
#precios-gasoil p {
 text-align: center;
 color: #aeadaf;
 font-size: 45px;
 font-weight: bold;
 padding-bottom: 6px;
}

/*pagina precios*/
#precios_pag{
	background-image:url(../imgs/precios.png); 
	background-repeat:no-repeat;
	width:699px; 
	height:459px; 
	margin-left:107px;
}
#precios_pag #precios-data { 
 margin: 165px 0px 0px -16px;
}
#precios_pag #precios-gasoil { 
 margin: -13px 0px 0px 50px;
}
#precios_pag #precios-gasoil p {
	/*padding:inherit;
	margin:inherit;*/
	margin:0 0 10px 0;
	padding:16px 0 25px 0;
}
#precios_pag #precios-gasoil {
	overflow:hidden;
 height:inherit;
}

/*noticias*/
#noticia_home{
	width:333px;
	height:233px;
	position:relative;
	float:left;
}
#noticia_home img{
	position:absolute;
	left:0;
}
#noticia_home em{
	position:absolute;
	bottom:0;
	background: url(../imgs/bg_noticia.png);
	padding:23px 16px;
	font-style:normal;
	font-weight:bold;
	width:301px;
	left:0;
}
#noticia_home a:hover { 
 font-weight: bold;
 color: #F17B0A;
}

#noticia_destacada{
	overflow:hidden;
	width:920px;
	margin-bottom:50px;
}
#noticia_destacada img{
	float:left;
}
#noticia_destacada strong{
	float:right;
	width:550px;
	padding-top:10px;
}
#noticia_destacada h2{
	float:right;
	width:550px;
  margin-bottom: 20px;
	font-size:16px;
}
#noticia_destacada p{
	float:right;
	width:550px;
}

#noticia_lista{
	overflow:hidden;
}
.noticia_lista_fila{
	overflow:hidden;
	margin-bottom:25px;
}
.noticia_lista_fila img{
	float:left;
}
.noticia_lista_fila strong{
	float:right;
	width:690px;
	padding-top:10px;
}
.noticia_lista_fila h2{
	float:right;
	width:690px;
  margin-bottom: 0px;
	font-size:16px;
}
.noticia_lista_fila p{
	float:right;
	width:690px;
}
.bt_ampliar{
	margin-top:10px;
	margin-left:35px;
}

#fancybox-content #noticia_destacada{
	width:680px;
}
#fancybox-content #noticia_destacada strong{
	width:310px;
}
#fancybox-content #noticia_destacada h2{
	width:310px;
  margin-bottom: 0px;
	padding:0;
	margin-top:0;
}
#fancybox-content #noticia_destacada p{
	width:310px;
}


/*new 051118*/
#tabs-box{ margin-top:114px;}
#tabs-box hr{clear:both;border:0;color:#f07b0a;background-color:#f07b0a;height:4px;width:100%;margin-bottom:20px}

.tab-bt{float: left;position:relative;display:inline-block;height: 40px;padding:6px 15px}
.tab-bt.tab-bt--left{	width: 125px;}
.tab-bt.tab-bt--right{	width: 219px;}
		
.tab-bt strong{ position:relative; z-index:2}
		
a.tab-bt:link strong,a.tab-bt:visited strong,a.tab-bt:hover strong{font-size:18px; font-weight:bold;color:#fff; line-height:21px; }
.tab-bt:after{content:"";position:absolute;top:0;left:0;z-index:1;height: 0px;border-right: 18px solid transparent;border-bottom: 52px solid #656266;}
.tab-bt.tab-bt--left:after{width: 137px;}
.tab-bt.tab-bt--right:after{width: 231px;}

.tab-bt.tab-bt--active:after{border-bottom: 52px solid #f07b0a;}

.tab-home p{ display:inline-block; margin:10px 0 25px;font-size:18px; font-weight:bold; color:#656266 }
.tab-home p strong{ color:#f17b0a }
.tab-home h3{ margin-top:10px; margin-bottom: 0px;text-transform:uppercase; font-size:18px}

.tabs-row{ overflow:hidden}
.tabs-col{ float:left; width:175px; margin-right:11px; text-align:center; background-color:#f7f7f7; margin-bottom:11px; font-size:18px; font-weight:bold; color:#656266; padding-bottom:10px; min-height:315px;}
.tabs-col strong{ color:#f17b0a; font-size:30px; line-height:40px}

.tabs-row div.tabs-col:nth-child(3)/*,.tabs-row:nth-child(2) div.tabs-col,.tabs-row div.tabs-col:first-child+div*/{margin-right:0}
.tabs-col sup{ font-size:11px}