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

html,
body  {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body  {
	color: #808080;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

/*********************** COMPARTIT ***********************/
#container	{
	margin: 0 auto;
	padding: 0;
	width: 755px;
	float: none;
	display: block;
	overflow: hidden;
}

/*********** CAPÇALERA ***********/
#header	{
	width: 755px;
	height: 60px;
	display: block;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0;
}
#header .left	{
	float: left;
	margin: 0;
	padding: 0 0 0 30px; 
}
#header .right	{
	float: right;
}

/****** Logo ******/
#header .left .logo	{
	background: transparent url(img/logo_mudanzas_lopez.gif) no-repeat 0 0;
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 30px;
}
#header .left .logo h1	{
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 30px;
}
#header .left .logo h1 a	{
	margin: 0;
	padding: 0;
	width: 280px;
	height: 30px;
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: 999px;
	white-space: nowrap;
}

/****** Idiomes ******/
#header .left .language	{
	margin: 10px 0 0 0;
	padding: 0;
}
#header .left .language h2	{
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0 7px 0 0;
}
#header .left .language ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header .left .language ul li	{
	color: #249255;
	float: left;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	display: inline;
	font-weight: normal;
	border-right: 1px solid #b2b2b2;
}
#header .left .language ul li.last	{
	border-right: none;
}
#header .left .language ul li a	{
	color: #b2b2b2;
	text-decoration: none;
}
#header .left .language ul li a:hover	{
	color: #249255;
}

/****** Contacte ******/
#header .right .contact	{
	border-width: 1px 0;
	border-color: #cccccc;
	border-style: dashed;
	margin: 0;
	padding: 3px 3px 3px 0;
}
#header .right .contact h2	{
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
}
#header .right .contact p	{
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
}
#header .right .contact .tel	{
	color: #249255;
	font-size: 14px;
}
#header .right .contact .text	{
	color: #999999;
}

/*********** COS PAGINA ***********/
#content	{
	width: 755px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 20px 0;
}
#content .left	{
	float: left;
	width: 190px;
}
#content .right	{
	float: right;
	width: 565px;
}

/******** Menu ********/
#content .left .menu	{
	margin: 0;
	padding: 5px 0 0 0;
}
#content .left .menu ul	{
	border-top: 1px dashed #cccccc;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	width: 186px;
}
#content .left .menu ul li	{
	border-bottom: 1px dashed #cccccc;
	display: block;
	margin: 0;
	padding: 12px 0 12px 0;
	text-transform: uppercase;
}
#content .left .menu ul li.empresa,
#content .left .menu ul li.empresa a	{
	background: transparent url(img/menu_empresa_off.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.vehiculos,
#content .left .menu ul li.vehiculos a	{
	background: transparent url(img/menu_vehiculos_off.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.servicios,
#content .left .menu ul li.servicios a	{
	background: transparent url(img/menu_servicios_off.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.blog,
#content .left .menu ul li.blog a	{
	background: transparent url(img/menu_blog_off.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.contactar,
#content .left .menu ul li.contactar a	{
	background: transparent url(img/menu_contactar_off.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.empresa_on,
#content .left .menu ul li.empresa a:hover	{
	background: transparent url(img/menu_empresa_on.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.vehiculos_on,
#content .left .menu ul li.vehiculos a:hover	{
	background: transparent url(img/menu_vehiculos_on.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.servicios_on,
#content .left .menu ul li.servicios a:hover	{
	background: transparent url(img/menu_servicios_on.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.blog_on,
#content .left .menu ul li.blog a:hover	{
	background: transparent url(img/menu_blog_on.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.contactar_on,
#content .left .menu ul li.contactar a:hover	{
	background: transparent url(img/menu_contactar_on.gif) no-repeat 20px 50%;
}
#content .left .menu ul li.empresa_on,
#content .left .menu ul li.vehiculos_on,
#content .left .menu ul li.servicios_on,
#content .left .menu ul li.blog_on,
#content .left .menu ul li.contactar_on	{
	padding: 12px 0 12px 70px;
	color: #249255;
}
#content .left .menu ul li a	{
	padding: 2px 0 2px 70px;
	color: #808080;
	text-decoration: none;
}
#content .left .menu ul li a:hover	{
	color: #249255;
}

/******** Federacions ********/
#content .left .member_of	{
	margin: 0;
	padding: 70px 0 0 0;
}
#content .left .member_of h2	{
	color: #999999;
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 25px;
}
#content .left .member_of ul	{
	margin: 0;
	padding: 10px 0 0 40px;
	width: 100px;
	list-style: none;
}
#content .left .member_of li	{
	margin: 0 5px 5px 0;
	padding: 0;
	display: inline;
	float: left;
}

/******** CONTINGUT ********/

/******** Fil d'ariadna ********/
#content .right .ariadna	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 20px 0 20px 20px;
}
#content .right .ariadna ul	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .right .ariadna ul li	{
	background: transparent url(img/guio_ariadna.gif) no-repeat 100% 2px;
	color: #249255;
	margin: 0 5px 0 0;
	padding: 0 7px 0 0;
	display: inline;
	font-weight: normal;
}
#content .right .ariadna ul li.last	{
	background: none;
	color: #249255;
}
#content .right .ariadna ul li a	{
	color: #b2b2b2;
	text-decoration: none;
}
#content .right .ariadna ul li a:hover	{
	color: #249255;
}

/*********************** HOME ***********************/
#header .home	{
	background: #ffffff url(img/bg_home_header.gif) no-repeat 0 0;
	width: 755px;
	height: 60px;
	float: left;
}

#content .right .portada	{
	background: #ffffff url(img/bg_home_portada.gif) no-repeat 0 0;
	width: 565px;
	height: 230px;
	float: none;
	overflow: hidden;
}
#content .right .portada h2,
#content .right .portada p	{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: 999px;
	white-space: nowrap;
}

#content .right .empresa	{
	background: #ffffff url(img/Empresa_principal.jpg) no-repeat;
	width: 483px;
	height: 232px;
	float: none;
	overflow: hidden;
}

#content .right .empresa h2,
#content .right .empresa p	{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: 999px;
	white-space: nowrap;
}

#content .right .boxes	{
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 20px 0 0 3px;
}
#content .right .boxes ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .right .boxes ul li	{
	background: transparent url(img/bg_boxes.gif) no-repeat 0 0;
	margin: 0 5px 0 0;
	padding: 0;
	display: inline;
	float: left;
	width: 184px;
	height: 191px;
}
#content .right .boxes ul li.last	{
	margin: 0;
}
#content .right .boxes ul li div	{
	margin: 0;
	padding: 12px 0 0 14px;
}
#content .right .boxes ul li div img	{
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
}
#content .right .boxes ul li div p	{
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
}

/*********************** SERVICIOS, VEHÍCULOS ***********************/
#content .right .page_text	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 25px;
}

#content .right .page_text p strong	{
	color: #249255;
}

#content .right .page_text p a {
	color: #249255;
	text-decoration: none;
}

#content .right .page_text p a:hover	{
	color: #249255;
	text-decoration: underline;
}

#content .right .page_text ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .right .page_text ul li	{
	display: block;
	margin: 0px 20px 20px 0px;
	padding: 0;
	clear: both;
/*
	float: none;
	min-height: 213px;
	height: 213px;
*/	
}
* html #content .right .page_text ul li	{
	height: 93px;
}
#content .right .page_text ul li img	{
	padding: 0px;
	margin: 0px 20px 20px 0px;
	float: left;
	display: inline;
	overflow: hidden;
	border: none;
}
#content .right .page_text ul li h2	{
	color: #249255;
	font-size: 12px;
	text-transform: uppercase;
	float: none;
	margin: 0;
	padding: 2px 0;
}
#content .right .page_text ul li p	{
	margin: 0;
	margin-top: 0;
	padding: 0;
	float: none;
	display: inline;
}


/*********************** CONTACTAR ***********************/
#content .right .contact	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 25px;
}
#content .right .contact h2	{
	color: #249255;
	font-size: 12px;
	text-transform: uppercase;
	float: none;
	margin: 0;
	padding: 0 0 20px 0;
}
#content .right .contact_map	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#content .right .contact address	{
	float: left;
	display: block;
	overflow: hidden;
	width: 140px;
	text-transform: uppercase;
	font-style: normal;
	line-height: 15px;
}

/******Google Maps******/
#map	{
	width: 375px;
	height: 290px;
	float: right;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 1px solid #cccccc;
}

#content .right .contact .link	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0;
}
#content .right .contact .link p	{
	text-align: right;
	width: 540px;
	margin: 0;
	padding: 0;
}
#content .right .contact .text	{
	float: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#content .right .contact .text p	{
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	width: 540px;
}
#content .right .contact a	{
	color: #808080;
}
#content .right .contact a:hover	{
	color: #249255;
	text-decoration: none;
}

/******Formulario******/
#content .right .contact .contact_form	{
}
#content .right .contact form	{
	margin: 0;
	padding: 0;
}
#content .right .contact fieldset	{
	margin: 0;
	padding: 0 0 30px 0;
	border: none;
}
#content .right .contact fieldset.last	{
	padding: 0 0 10px 0;
}
#content .right .contact legend	{
	color: #808080;
	font-size: 12px;
	text-transform: uppercase;
}
* html #content .right .contact legend	{
	margin: 0 0 0 -10px;
}
#content .right .contact p	{
	float: none;
	display: block;
	overflow: hidden;
	font-size: 12px;
	margin: 0;
	padding: 10px 0;
}
#content .right .contact label.left	{
	float: left;
	width: auto;
	margin: 0;
	padding: 0 12px 0 0;
}
#content .right .contact label.right	{
	float: right;
	width: auto;
}
#content .right .contact .left span	{
	float: left;
	width: 60px;
}
#content .right .contact abbr,
#content .right .contact acronym	{
	text-decoration: none;
	border: none;
}
#content .right .contact input,
#content .right .contact textarea	{
	color: #808080;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 1px;
}
#content .right .contact .no_focus	{
	border: 1px solid #666666;
}
#content .right .contact .focus	{
	border: 1px solid #249255;
	color: #249255;
}
#content .right .contact .right input	{
	margin: 0 0 0 8px;
}
#content .right .contact .short input	{
	width: 100px;
}
#content .right .contact .mid input	{
	width: 120px;
}
#content .right .contact .large input	{
	width: 190px;
}
#content .right .contact .extra_large input	{
	width: 290px;
}
#content .right .contact .check input	{
	border: none;
}
#content .right .contact textarea	{
	width: 430px;
	height: 190px;
}
#content .right .contact button	{
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	border: none;
	padding: 3px 6px;
	margin: 0 10px 0 0;
}
#content .right .contact button.send	{
	background: #808080;
}
#content .right .contact button.erase	{
	background: #b2b2b2;
}

/*********** PEU PAGINA ***********/
#footer	{
	padding: 0 0 20px 190px;
}
#footer address	{
	border-top: 1px dashed #cccccc;
	width: 565px;
	padding: 10px 0;
	color: #b2b2b2;
	font-style: normal;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: 15px;
}
#footer address a	{
	color: #b2b2b2;
	text-transform: none;
	text-decoration: none;
}
#footer address a:hover	{
	color: #249255;
}

.envio_ok {
	border: 2px solid green;
	color: green;
	text-align: center;
	font-weight: bold;
	width: 99%;
	height: 25px;
	margin-bottom: 10px;
}

.envio_ko {
	border: 2px solid red;
	color: red;
	text-align: center;
	font-weight: bold;
	width: 99%;
	height: 25px;
	margin-bottom: 10px;
}