@charset "utf-8";

/* General  */

html, body {
	margin:0;
	border:0;
	padding:0;
	height:100%;
}
/* Tipografia General */

body {
	font-family:Tahoma;
	font-size:13px;
	color:#777;
	width:100%;
}

dl {
	
	margin:0 0 10px 10px;
	padding:0;
}

dt {
	font-weight:700; 
	float:left;
	padding:1px 5px 1px 0;
}

dd {
	margin:0;
	padding:1px 0;
	font-style:italic;
}

/* Links */

a:link, a:visited {
	color:#0000FF;
	text-decoration:none;
}
a:hover {
	color:#0000FF;
	text-decoration:underline;
}
a:active, a:focus, input:focus { outline:0; /* no focus per Firefox */ }
a img {border:0px;}

/* Header  */
#header{
	width:100%;
	display:inline-block;

}
#h_content {
	display:inline-block;
	width:inherit;
	overflow:visible;

}

#logo {
	margin:5px 0 0 0;
	float:left;
}
#logo_wrapper {
	width:380px;
	float:left;
	padding:0;
	margin:0 0 0 5px;
}
#logo_wrapper h1{
	display:block;
	float:left;
	letter-spacing:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:14px;
	margin:-7px 0 0 25px;
}
#logo_wrapper h3{
	display:block;
	float:left;
	letter-spacing:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:14px;
	margin:-7px 0 0 25px;
}
a#logo img {border:0;margin:0;width:282px;height:40px;}

/* Menu */

ul#main_options {
	height:23px;
	padding:0px 0px 0px 20px;
	list-style:none;
	margin:33px 0 0 0;
}

ul#main_options li {
	float:left;
	margin:0;
	padding:0;
	display:block;
	font-family:Tahoma, Verdana, Arial;
	text-transform:uppercase;
	font-weight:bold;
	color:#6699cc;
	display:inline-table;
}

ul#main_options li a:link, ul#main_options li a:visited {
	/*border-right: 1px solid #6699cc;*/
	color:#6699cc;
	font-size:13px;
	text-decoration:none;
}

ul#main_options li a:hover, ul#main_options li.selected a:hover { text-decoration:underline; }

ul#main_options li.selected { background:#6699cc; }
ul#main_options li.selected a {	
color:#FFFFFF; 

}

* html ul#main_options li.selected a:link, * html ul#main_options li.selected a:visited {
	border:0;
	/*border-right:solid 1px #6699cc;*/
	color:#FFFFFF; 
}

ul#main_options li.auth a, ul#main_options li.auth a:visited {
	border-right: 1px solid #6699cc;
	font-size:11px;
	color:#6699cc;
}
* html ul#main_options li { width:20px; }

ul#main_options li.selected { padding:1px 1px 0 1px; }

ul#main_options li a, ul#main_options li a:visited {
	display:block;
	overflow:visible;
}

ul#main_options li#last_opt a:link, ul#main_options li#last_opt a:visited {
	border-right:0;
}

ul#main_options li.selected a {
	display:block;
	height:23px;
	line-height:20px;
	margin:0;
	padding:0 11px 0 12px;
}

ul#main_options li a:link, ul#main_options li a:visited {
	height:13px;
	line-height:11px;
	margin:5px 0;
	padding:0 12px;
}

* html ul#main_options li.selected a:link, * html ul#main_options li.selected a:visited {
	margin:0;
	height:23px;
	line-height:20px;
}

ul#main_options li.noborder a, ul#main_options li.noborder a:visited { border:0; }

ul#main_options li#registrate {
	border:0;
	margin:0 12px 0 8px;
	float:right;
	padding:0;

}

ul#main_options li#salir {
	border:0;
	padding-right:0;
	margin-left:12px;

}

ul#main_options li#registrate a, ul#main_options li#salir a {
	border:0;
	padding-right:0;
}

ul#main_options li.auth {
	border:0;
	margin:0 12px 0 8px;
	float:right;
	padding:0;
}

ul#main_options li.auth a, ul#main_options li.auth a:visited {
	position:relative;
	line-height:13px;
	bottom:4px;
}

/* Footer: */
#footer {
	clear:both;
	margin:40px 0 0 0;
	width:100%; 
	display:inline-block;
	height:40px;
	border-top:solid 1px #FFF;
	background:#F2F2F2;
	padding:0px;
}

#footer ul {
	display:block;
	width:955px;
	height:40px;
	margin: 0 auto 0 auto;
}

#footer ul li {
	float:left;
	overflow:hidden;
	margin:13px 0 0 0;
	padding:0;
	height:13px;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#777;
}

#footer ul li a, #footer ul li a:visited {
		display:block;
	padding:0 12px;
	border-right:solid 2px #777;
	color:#777;
}
#footer ul li.noborder a{ border-right:0; }


/* login */
	
	#login_wrapper {
		width:294px;
		height:314px;
		background:url(/includes/images/bg.lateral.png) no-repeat;
		margin:20px auto 0 auto;
		padding:25px 16px 0 22px;
	} 
	* html #login_wrapper {
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/bg.lateral.png",sizingMethod="crop");
	}
		
		#login_wrapper ul {
			list-style:none;
			text-align:right;
			margin:0;
			padding:0;
		}
		#login_wrapper input.text { width:170px; border:1px solid #888; }
		#login_wrapper ul li label {
			font-size: 14px;
			padding: 0 5px 0 0;
		}
		#login_wrapper h2 {
			margin:0;
			font-size: 20px;
		}
		
		#login_wrapper li {
			padding: 3px 20px 0 0;
		
		}
		#login_wrapper form ul li.sin_label { 
			float:left;
			padding-left:100px; 
			margin:5px 0 0 0;
		}
		#login_wrapper .button{
			font-size:15px;
			margin:0 0 0 20px;
		}
		#login_wrapper .h2{
			display:inline-block;
			font-size: 17px;
			margin:10px 0 0 0;			
		}
		#login_wrapper form { margin-bottom:20px; }
		* html #login_wrapper input, * html #login_wrapper a { position:relative; }
		.txt_mini { font-size:11px; }

/* Titulos y textos */
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;	
	line-height:24px;
	letter-spacing:1px;
	color:#777;
	font-weight:normal;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
	letter-spacing:0px;
	color:#777;
	padding-bottom:1px;
}
h2.noborder{
	border-bottom:0px;
	float:left;
	display:block;
}
h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:0px;
	font-size:14px;
	line-height:21px;
	font-weight:bold;
	letter-spacing:0px;
	color:#777;
}
p {
	font-size:13px;
	color:#777;
	line-height:18px;
}

/* Contenido */
#bg_content {
	margin:0;
	background:url(/includes/images/bg.content.gif) repeat-x top center #FFF;
	border-top:solid 3px #6699cc;
	padding:0;
	overflow:hidden;
	

}
#content {
	overflow:visible;
	#overflow:visible;
	_overflow:visible;
	margin:0 10px 30px 10px;
	display:block;
	padding:0;
	min-height:800px;
}

#noWidthContent div {
	margin:10px;
}



#content h2 {
	margin-bottom:10px;
	margin:10px 0;

}
/*Inputs */
input.button_llarg, input.button{
	display:block;
	float:left;
	height:24px;
	margin:0 0 0 0; padding:0px; border:0;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
input.button_llarg{
	width:160px;
	background:url(/includes/images/bg.boton_llarg.png) no-repeat 0 0;
}
input.button{
	font-size:14px;
	width:100px;
	background:url(/includes/images/bg.boton.png) no-repeat 0 0;
}
input.button_llarg:hover, input.button:hover{
	background-position:0 -24px;
}

/* Buscador de gasolineres */
#buscador{
	background:url(/includes/images/bg.buscador.png) repeat-x top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/bg.buscador.png",sizingMethod="crop");
	display:block;
	padding:12px 0 0 0;
	width:735px;
	height:70px;
	margin:0 auto 0 auto;
	vertical-align:baseline;
}
#buscador .errorfield{
	float:left;
	width:550px;
	margin: 0 0 0 10px;
	color:red;
	/*margin:48px 30px 0 0;*/
}
#buscador .rightlink{
	float:right;
	margin: 0 20px 0 0;
	/*margin:48px 30px 0 0;*/
}
#buscador form{

	margin:0;
	width:735px;
	height:50px;
}
#buscador  ul{

	display:inline-block;
	list-style:none;
	margin:0 0 0 30px;
	
	padding:0;

}
#buscador ul li{
	float:left;
	width:220px;
	height:50px;

}
#buscador ul li label{
	display:inline-block;
	width:100%;
	float:left;
	clear:right;
	font-weight:600;
	color:black;
	font-size:15px;
	margin:0 0 3px 0;

}
#buscador ul li input{
	float:left;
	width:200px;
	height:22px;
	font-size:16px;
	border: 2px inset #ccc;
	#border: 2px inset #eee;

}
#buscador ul li input.button_llarg, #buscador ul li input.button{
	height:24px;
	margin:23px 0 0 0;
	#margin:22px 0 0 0;
	border:0;
	font-size:14px;
}


#buscador ul li select{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	width:200px;
	height:28px;
	font-size:16px;
	#font-size:18px;
	_font-size:16px;
	z-index:0;
	border: 2px inset #ccc;
}
#buscador #ruta, #buscador #puntual{
	width:735px;
	height:70px;
	position:absolute;
	z-index:1;	

}
#buscador #ruta ul li{
	width:180px;
}
#buscador #ruta ul li.corto{
	width:100px;
}
#buscador #ruta ul li input{
	width:160px;
}
#buscador #ruta ul li input.button{
	width:100px;
}
#buscador #ruta ul li select{
	width:160px;

}

#buscador #puntual ul li input.button_llarg{
	width:160px;
}
/* Barres d'eines */
#tools{
	width:100%;
	display:inline-block;
	padding:0;
	height:19px;
	min-width:770px;
	overflow:hidden;
}
#toolsresultats{
	overflow:hidden;
	width:382px;
	float:left;
	height:18px;
	margin:0 5px 0 5px;
	border-bottom:1px solid #ccc;
}
#toolsmap{
	text-align:right;
	margin:0 5px 0 0;
	overflow:hidden;
	height:18px;
	border-bottom:1px solid #ccc;
}

/* Resultats i mapa */
#navegador{
	margin:0;
	padding:0;
	height:77%;
	min-width:770px;
	overflow:visible;
}
#lateralesquerra, #lateralesquerrabox{
	width:380px;
	height:100%;
	margin:0 5px 0 5px;
	float:left;
	overflow:hidden;
	padding:0;
}
#lateralesquerrabox{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#resultats{
	margin:5px 0 0 0;
	padding:0 10px;
}
#resultatswrapper{
	position:relative;
	display:block;
	margin:0;
	overflow-y:auto;
	height:100%;
}

#mapcontainer, #mapcontainerfixed{
	margin:0 5px 0 0;
	overflow:hidden;
}
#mapcontainerfixed{
	height:500px;
}
#mapcontainer{

	height:100%;

}
#gmap {

	width:100%;
	z-index:1;
	/* height:480px; */
	height:100%;
	background:#ECF1F4;
	
}

#loader, #loader2 {
	background:#ECF1F4;
	background-image: url(/includes/images/load.gif);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	top:-100%;
	left:0px;
	z-index:3;
	/* height:480px;*/
	height:100%;
	width:100%;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
#loader2{
	visibility:hidden;
}

/* llista marcas */
#marcas{
	margin:10px 10px 0 10px;
	display:inline-block;
}
#marcas ul{
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
}
#marcas ul li{
	float:left;
	width:120px;
	margin:0 15px 0 0;
	font-size:12px;
}
/* llista provincies */
#provincies{
	margin:0 10px 0 10px;
	display:inline-block;
}
#provincies ul{
	display:inline-block;
	list-style:none;
	margin:0;
	padding:0;
}
#provincies ul li{
	float:left;
	width:260px;
	margin:0 50px 0 0;
	font-size:12px;
}
/* llista municipis */
#municipis{
	margin:0 10px 0 10px;
	display:inline-block;
}
#municipis ul{
	display:inline-block;
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
}
#municipis ul li{
	float:left;
	width:275px;
	display:inline-block;
	height:14px;
	overflow:hidden;
	font-size:12px;
}
/* Llista Marca per provincies */
ul.marcaprovincies{
	display:inline;
	list-style:none;
	width:auto;
	padding:0;
}
ul.marcaprovincies li{
	float:left;
	width:280px;
	height:16px;
	overflow:hidden;
}
/* Llista Marca per provincies */
ul.marcagasolineres{
	list-style:none;
	display:inline-block;
	padding:0;
	width:890px;
	margin:5px auto 30px auto;
}
ul.marcagasolineres li{
	float:left;
	width:380px;
	overflow:hidden;
	margin:0 60px 5px 0;
	background-color:#eee;
}
/* Cabecera */
.cabecera {
	padding: 0 0 5px 0;
	margin-bottom:5px;
	display:block;
	border-bottom:1px solid #ccc;
	height:30px;

}
.cabecera h1 {
	margin:10px 0 5px 0;
	display:inline-block;
	float:left;

}
.cabecera .social{
	margin:14px 0 0 0;
}
.path{
	display:block;
}
/*
.rightContent{
	display:inline;
	float:right;
	width:100%;
	padding: 0 5px 0 0;
	text-align:right;
	height:2px;
}
.rightContent a{
	position:relative;
	top:-25px;
}
.cabecera h1 {
	margin:10px 0 5px 0;
	display:inline-block;
	float:left;
}
.cabecera .path{
	margin:5px 0 0 0;
	font-size:12px;
	overflow:hidden;
	height:15px;
}
.cabecera .path h1{
	float:left;
	display:inline;
}
.cabecera .path .nomLogo{
	padding:0;
	float:left;
	margin-top:5px;
	height:30px;
}
.cabecera .path .nomLogo img{
	border:1px solid #ccc;
	width:30px;
	height:30px;
	margin:0px;
}
.cabecera .path .nomLogo h1{
	position:relative;
	top:-8px;

}
*/
/*Llistat gasolineres */
		#resultats h3 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;	
			line-height:24px;
			letter-spacing:1px;
			color:#777;
			font-weight:normal;
			margin-bottom:10px;
			
		}
		#resultats .alertbox{
			padding:0;
			display:inline-block;
		}
	
		#resultats .alertbox form{
			margin:10px 0 0 0;
			height:30px;
			background:url(/includes/images/email_32.png) no-repeat top left;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/email_32.png",sizingMethod="crop");
			padding:5px 0 0 40px;
		}
		#resultats .alertbox p.aviso{
			font-weight:600;
			font-size:13px;
			color:red;
			margin:0;
		}
		.formail input{
			float:left;
			width:150px;
		}
		#resultats .textf{height:20px;}
		#resultats .button{
			float:right;
			margin:0 23px 15px 0;
			font-size:14px;
			width:100px;
			border:0;
			
		}
	
		#llistagasolineres{
			padding:0;
			list-style:none;
			margin:0;
	
		}
		#llistagasolineres  li {
				margin:10px 0 0 0;
				padding:5px 0 0 38px;
		}
		
		#llistagasolineres  li ul.llistadata li{
			overflow:visible;
			margin:0 0 5px 0;
			padding:0;
		}
		ul.llistadata{
			list-style:none;
			margin:0;
			padding:0;

		}
		ul.llistadata li{
			overflow:visible;
			margin:0 0 5px 0;
			padding:0;
		}
		
		ul.llistadata li .controldiposit{
			#display:inline;
			position:relative;
			top:5px;
		}
				
		ul.llistadata li .maplink{
			color:#0000FF;	
			text-decoration:none;	
			cursor:pointer;
		}
		ul.llistadata li .maplink:hover{
			text-decoration:underline;
		}
		.gasolinera {
			/*display:block;*/
			color:#0000FF;
			font-size:17px;
			text-transform:capitalize;
			text-decoration:underline;
			cursor:pointer;
			display:block;
			clear:both;
		}
		
		a.gasolinera {
			margin-left:0px;
			text-decoration:underline;
		}
		.gasolinera:hover{
			text-decoration:none;
		}
		
		.backlink{
			margin-left: 20px;
		}
		form.buscador { display:none; }
	
		form.selected{
			display:block;
		}
		.gaspopup .controldiposit{
			#display:inline;
			position:relative;
			top:5px;
		}
		.gaspopup h3{
		
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			padding:0 0 0 34px;
			height: 35px;
			_width:200px;
		}
/* Opcions resultasts */

#opcionsresultats{
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
	height:21px;
	visibility:hidden;
}


#opcionsresultats li{
	float:left;
	margin:0 0 0 20px;
	height:21px;
	padding:0;
	vertical-align:middle;

}
#opcionsresultats li.gasofa{
	padding:2px 0 0 0;
}
#opcionsresultats li label{
	display:inline-block;
	float:left;
	padding:0;
	margin:2px 0 0 4px;
}
#opcionsresultats li .controldiposit{
	float:left;
}
/*Control diposit */
.controldiposit{
	display:inline-block;
	height:21px;
	width:39px;
	overflow:hidden; 

}
.controldiposit input{
	width:23px;
	height:19px;
	font-size:12px;
	padding:0;
	float:left;
	border:1px solid #ccc;
}
.controldiposit .increase{
	width:10px;
	height:10px;
	background-color:red;
	_font-size:0px;
	margin:0 0 1px 2px;
	float:left;

	background:url(/includes/images/16-arrow-up.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/16-arrow-up.png",sizingMethod="crop");
	_background-color:white;
}
.controldiposit .decrease{
	width:10px;
	height:10px;
	_display:inlien-block;

	_font-size:0px;
	margin:0 0 0 2px;
	float:left;
	background:url(/includes/images/16-arrow-down.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/16-arrow-down.png",sizingMethod="crop");
	_background-color:white;
}
.controldiposit .decrease:hover{
	background:url(/includes/images/16-arrow-down-hover.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/16-arrow-down-hover.png",sizingMethod="crop");
	_background-color:white;
}
.controldiposit .increase:hover{
	background:url(/includes/images/16-arrow-up-hover.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/includes/images/16-arrow-up-hover.png",sizingMethod="crop");
	_background-color:white;
}
#maxahorro{
	padding:0;
	display:inline-block;
}
#maxahorro .controldiposit{
	#display:inline;
	position:relative;
	top:5px;
}
.deposito{
	font-weight:600;
}
.preciodeposito{
	font-size:20px;
}
/*social*/
ul.social{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
ul.social li{
	float:right;
	padding:0 4px 0 0;
}
ul.social li.email{
	background:url(/includes/images/email_16.png) no-repeat top left;
	padding:0 0 0 20px;
}
ul.social li.wordpress{
	background:url(/includes/images/xhtml_add.png) no-repeat top left;
	padding:0 0 0 20px;
}
/*groupbox*/
.groupbox{
	margin:0 10px 0 10px;
	border:1px solid #ccc;
	display:block;
	_display:inline-block;
	padding:10px;
	overflow-y:auto;
	#overflow-y:auto;
	
	
}
.groupbox .infolateral{
	width:330px;
	min-height:370px;
	margin:0 20px 0 0;
	padding:0 0 0 20px;
	float:left;

}
.groupbox h3{
	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.groupbox .infolateral h3{
	font-size:12px;
	margin:10px 0 0 0;
	text-indent:-10px;
	_clear:both;
}
.groupbox .centerlink{
	display:inline-block;
	font-size:16px;
	margin:30px 0 80px 60px;

}
h2.titlegroup{
	position:relative;
	top:20px;
	left:20px;
	width:95%;
	z-index:2;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	margin:0;
}
h2.titlegroup span{
	background-color:white;
	padding:0 8px 0 8px;
	color:#888;
}
.groupbox #mapcontainerfixed{
  height:370px;
  margin:10px 0 5px 0;

}
.groupbox .botomoptions{
	vertical-align:baseline;
	
	text-align:right;
}
.groupbox .botomoptions  a{
	margin:0 0 0 50px;
}
.groupbox .grafica_precios{
	display:inline-block;
	margin:0;
}
.groupbox .grafica_precios h3{
	width:550px;
}
#preusgasolinera{
	width:340px;
	display:inline-block;
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
	float:left;
}
#preusgasolinera li .controldiposit{
	#display:inline;
	position:relative;
	top:5px;
	margin:0 0 0 25px;
}

#preusgasolinera li{

	margin:0 0 20px 0;
}
#preusgasolinera li .preciolitro{
	font-weight:700;
	margin:0 0 0 25px;
}
#preusgasolinera li h3{
	font-size:12px;
	margin:0 0 5px 10px;

}


/*Taula estadístiquesw */
.estadistiques caption{
	padding:5px;
}
.estadistiques caption h3{
	font-size:18px;
	
	
}
.estadistiques{
	padding:4px;
	border-width:3px;
	margin:0 auto 0 auto;
}
.estadistiques th{
	border:1px solid #ccc;
}
.estadistiques tr{

}
.estadistiques td{
	background-color:#eee;
	margin:3px;
	border-width:3px;
	text-align:center;

}
/*coment form */
div.comentarios {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div.comentarios form {
	margin:10px 0 0 20px;
	width:600px;
}
div.comentarios form ul{
	margin:0;
	overflow:auto;
	list-style:none;
}
div.comentarios form ul li {
	display:inline-block;
	text-align:right;
	padding: 0 0 5px 0;
}
div.comentarios form ul li input {
	width:470px;
	color:#666;
	float:left;
	height:18px;
	border:1px solid #888;
}
div.comentarios form ul li label {
	vertical-align:top;
	float:left;
	clear:both;
	text-align:left;
	width:70px;
	font-size:16px;
}
div.comentarios form ul li textarea {
	width:540px;
	float:left;
	
	height: 150px;
	color:#666;
	overflow:auto;
	border:1px solid #888;
}
div.comentarios form ul li.info{
	margin:-5px 0 0 70px;
	height:12px;
	font-size:11px;
	width: 200px;
	display:block;
	text-align:left;
	overflow:visible;
}
div.comentarios form ul li.check{
	text-align:left;
	padding:0 0 0 65px;
	margin-bottom:10px;
	
}
div.comentarios form ul li.check input{
	width:auto;
	border:none;
}
div.comentarios form ul li input.button{
	height:24px;
	font-size:14px;
	width:100px;
	color:black;
	border:none;
}
div.comentarios	 .h3{
	margin:0px 0 10px 25px;
	font-size:20px;
	text-indent:40px;
	display:inline-block;
}
	.mensaje {
	border:solid 2px #CCC;
	background-color:#FFFEEA;
	margin:0 0 20px 0;
	padding:10px 20px;
	text-align:center;
	font-size:17px;
	color:#999;
	font-family:"Trebuchet MS", Verdana, Tahoma;
	display:none;
	}
	.visible{
	display:block;
	}
	.msg_error {
/*		color:#FF6C6C;
		border-color:#FF6C6C;*/
		color:#FF5555;
		border-color:#FF5555;
	}
.separador{
	border-bottom:1px solid #ccc;
	padding:0;
	margin:10px 0 0 0;
}
.separador h3{
	display:inline-block;
	margin:0;
}
.logomarca{
	display:inline-block;
	border:1px solid #ccc;
	padding:2px;
	float:right;
	margin:10px 20px 0 0;
	
}
.agrupacio{
	display:inline-block;
}
.agrupacio h2.titlegroup{
	display:block;
}
.agrupacio .groupbox{
	width:75%;
	border:1px solid #ccc;
	display:inline-block;
	float:left;
	padding:10px;
	margin:5px 0 20px 0;
}
.bloc_marca{
	margin:5px auto 0 auto;
	display:block;
	text-align:center;
	overflow-y:hidden;
}
.bloc_marca a.logo_marca{
	display:inline-block;
	padding:2px;
	border:1px solid #ccc;
	float:left;
	margin:0;
}
.bloc_marca a{
	margin:0 0 0 5px;
	display:inline-block;
	float:left;
	clear:right;
}
/*Llista marcas */
.llistamarcas{
	list-style:none;
	height:120px;
	width:480px;
	display:inline-block;
	margin:20px auto 0 auto;
	padding:0;
	text-align:center;

}
.llistamarcas li{
	display:inline-block;
	text-align:center;
	margin:0 auto 0 auto;
	width:110px;
	float:left;
}
/* Comentarios */


ul.coments{

	margin:0;
	list-style:none;
	overflow:auto;
	clear:both;
	margin:40px 0 40px 0;
}
ul.coments li{
	width:80%;
	float:left;
	margin: 0 0 5px 10px;
	#margin: 0 0 5px 50px;
}
ul.coments li div{
	float:left;
	margin-right: 2px;
}
ul.coments li p{
	text-indent: 10px;
	margin-top:0;
}

/* Register Form */
.registerform ul{
	display:inline-block;
	list-style:none;

	width:700px;
}
.registerform ul li{
	width:640px;
	margin:0 0 5px 0;
	display:inline-block;
	text-align:left;
	padding:0;
}
.registerform ul li input.text{
	width: 400px;
	margin:0;
	border:1px solid #ccc;

}
.registerform ul li select{
	margin:0;
	border:1px solid #ccc;
	margin:0 4px 0 -4px;
	
}
.registerform ul li input#lloc{
	margin:0 0 0 -4px;
}

.registerform ul li label{
	width:130px;
	display:inline-block;
	text-align:right;
	margin:0;
	padding:0 5px 0 0;
	
}
.registerform ul li #minimap{
	width:640px;
	height:300px;
	margin:5px 0 0 0;
}
/*ARpem */
div.arpem{
	margin:40px 0 0 0;
	font-size:15px;
}
div.arpem a {
	font-size:19px;
	
}

/*Userinfo*/
.userinfo{
	margin:0;
	padding:0 0 20px 30px;
	border-width:thin;
	width:300px;
	list-style:none;
	display:inline-block;
}
.userinfo li{
	display:inline-block;

	margin:20px 0 0 0;
}
.userinfo li input{
	margin:0 10px 0 0;
}
/*Form AltaServei*/
.altaservei{
	display:inline-block;
	list-style:none;
	margin:0;
}
.altaservei li{
	height:30px;
}
.altaservei li label{
	display:inline-block;
	width:150px;
	text-align:right;
	font-weight:700;
}
.altaservei li .controldiposit{
	position:relative;
	top:4px;
}
.altaservei li input.button{
	margin:0 0 0 30px;
}
/*rightinfo*/
.rightinfo{
	overflow:hidden;
	text-align:center;
}
/*botomright*/
.bottomright{
	padding:0 10px 0 0;
	display:block;
	text-align:right;
}