/*
CSS Axis
*/

@import url('reset.css');


/* ===============  Parametros generales  =============== */

body { font:13px/17px Verdana, Tahoma, Arial, Sans-Serif; background:#9c9c9c url(../images/bg-body.gif) repeat-x; color:#686867; }

p { margin:0 0 15px 0; }
em { font-style:normal; font-family:Times New Roman; }
.clear { clear:both; margin:0; padding:0; }
a:link, a:visited { color:#4d4940; }
a:hover, a:active { color:#000; }
h3 { margin:20px 0; font-size:15px; }


/* ===============  Estructura general =============== */

/* =====  Contenedor ===== */
#wrap { width:960px; margin:30px auto; }


/* =====  Idiomas ===== */
	#lang { text-align:right; margin-bottom:10px; }
		#lang li { display:inline; font-size:11px; /*border-right:1px solid #b9b9b9;*/ padding:1px 5px; }
		#lang li.last { border:0; }
		#lang li.current { display:none; }
		#lang a:link, #lang a:visited { color:#b9b9b9; text-decoration:none; }
		#lang a:hover, #lang a:active { color:#fff; }

		
/* =====  Page ===== */
	#page { background:url(../images/bg-header.jpg) no-repeat; border-top:1px solid #fff; }

	
/* =====  Cabecera ===== */
	#header { height:145px; padding-top:17px; }
		#header img { display:block; margin:0 auto; }
		
		#foto-home {   }
			#foto-home img { border:20px solid #7d776d; display:block; margin:0 auto; }

/* =====  Menu ===== */	
		#mainMenu { margin:53px 0 0 37px; }
			#mainMenu ul { float:left;  }
				#mainMenu li { display:inline; float:left; margin-left:5px; }
					
				#mainMenu a { display:block; height:23px; }
				#mainMenu a span { display:none; }
				#mainMenu a.active { background-position:0 -23px; }
				
				a#quisom_ca { width:92px; background:url(../images/op-quisom_ca.gif) no-repeat; }
				a#quisom_ca:hover { background-position:0 -23px; }
				a#quisom_es { width:146px; background:url(../images/op-quisom_es.gif) no-repeat; }
				a#quisom_es:hover { background-position:0 -23px; }
				a#quisom_en { width:118px; background:url(../images/op-quisom_en.gif) no-repeat; }
				a#quisom_en:hover { background-position:0 -23px; }
				
				a#quefem_ca { width:92px; background:url(../images/op-quefem_ca.gif) no-repeat; }
				a#quefem_ca:hover { background-position:0 -23px; }
				a#quefem_es { width:131px; background:url(../images/op-quefem_es.gif) no-repeat; }
				a#quefem_es:hover { background-position:0 -23px; }
				a#quefem_en { width:119px; background:url(../images/op-quefem_en.gif) no-repeat; }
				a#quefem_en:hover { background-position:0 -23px; }
				
				a#blog { width:58px; background:url(../images/op-blog.gif) no-repeat; }
				a#blog:hover { background-position:0 -23px; }
				
				a#contacte_ca { width:92px; background:url(../images/op-contacte_ca.gif) no-repeat; }
				a#contacte_ca:hover { background-position:0 -23px; }
				a#contacte_es { width:93px; background:url(../images/op-contacte_es.gif) no-repeat; }
				a#contacte_es:hover { background-position:0 -23px; }
				a#contacte_en { width:83px; background:url(../images/op-contacte_en.gif) no-repeat; }
				a#contacte_en:hover { background-position:0 -23px; }

				
/* =====  Cuerpo ===== */		
	#body-home { padding:20px; background-color:#A7A7A7; margin:12px 70px 0 70px; }
		#body-home h3 { color:#4B4B4B; padding:0; margin:0 0 5px 0; font-size:13px; }
		#body-home h3 a:link, #body-home h3 a:visited { color:#4B4B4B; text-decoration: none; }
		#body-home h3 a:hover, #body-home h3 a:active { color:#4B4B4B; text-decoration: underline; }
		
		#body-home p { color:#fff; padding:0; margin:0; font-size:11px; }
		#body-home p a:link, #body-home p a:visited { color:#4B4B4B; text-decoration: none; }
		#body-home p a:hover, #body-home p a:active { color:#4B4B4B; text-decoration: underline; }
		

	
		
		
	#body { background-color:#d4d1cc; padding:40px 40px 0 40px; border-bottom:20px solid #646464; }

/* =====  Contenido ===== */			
		#content { width:525px; float:left; padding-bottom:20px; }
		#contentContact { width:555px; float:left; padding-bottom:20px; }
		#image { width:320px; float:right; }
		.gasolibaImg { margin-top:48px; }
		.contactImg, .quefemImg { margin-bottom:20px; }
		.gasolibaUrl { text-align:right; font-weight:bold; }
			.gasolibaUrl a:link, .gasolibaUrl a:visited  { text-decoration:none; color:#973031; }
			.gasolibaUrl a:hover, .gasolibaUrl a:active  { color:#000; }
			
		#contentLegal { padding-bottom:20px; }
		#contentLegal h4 { margin-bottom:25px; }
		#contentLegal li p { margin:15px; }
		#contentLegal ul { margin:15px; }
		#contentLegal li { margin:10px 25px; list-style:disc; }


/* =====  Form ===== */	
	#form { float:left; width:325px; }
		table {  }
		table th { padding-bottom:10px; text-align:left; }
		table td { padding:4px; vertical-align:top; font-size:11px; }
		table td.boton { text-align:right; }
		label { text-align:right; display:block; font-weight:normal; }
		input, textarea { background-color:#eaeaea; border:0; width:225px; }
		input#submit { width:80px; background-color:#7d776d; color:#d4d1cc; }
	#direccion { float:right; width:195px; }
		#direccion h3 { font-size:14px; font-weight:normal; margin-top:30px; }
		#missatge { resize:none; height:100px; }
	.requerido { width:5px; color:#973031; }


/* =====  Pie ===== */	
	#footer { height:50px; text-align:center; color:#626262; font-size:11px; font-weight:bold; background:url(../images/bg-foot.gif) no-repeat top center; padding-top:46px; }
		#footer a { color:#626262; }
		#footer span { margin-left:50px; }
		
		
/* ===== Blog ======*/