*, img { margin:0; padding:0; border:none; }

a, a:hover { text-decoration:none; border:none; margin:0; padding:0; color:#fff;}

.clear { /*--display: inline-block;--*/	clear: both; }


/*---------------------------------
BODY
---------------------------------*/

body{ background:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#FFF; }


/*---------------------------------
BODY
---------------------------------*/
#splash_screen {
		margin: 0 auto;
		width: 880px;
		height: 0px;
		top:0;
	}

/*---------------------------------
TOP
---------------------------------*/
#top {	
	float: left;
	width: 100%;
	height:125px;
	background:url(images/fondo_top.jpg) repeat-x;
}

	#top_wrapper {
		margin: 0 auto;
		width:984px; /*980px*/
	}

/*---------------------------------
MENU
---------------------------------*/

.logo_top {	float:left; }


#menu{	
	padding: 0;
}

	#menu li{
		margin: 30px 0 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}

	#menu li a{
		display: block;
		height:34px;
		text-decoration: none;
	}

		#menu li.b1 a{ width:196px;	background: url(images/boton_1.jpg); }
		#menu li.b1 a:hover{ background: url(images/boton_1_activo.jpg); }
		#menu li.b1 .activo { background: url(images/boton_1_activo.jpg); }
		#menu li.b2 a{ width:174px;	background: url(images/boton_2.jpg); }
		#menu li.b2 a:hover{ background: url(images/boton_2_activo.jpg); }
		#menu li.b2 .activo{ background: url(images/boton_2_activo.jpg); }
		#menu li.b3 a{ width:174px;	background: url(images/boton_3.jpg); }
		#menu li.b3 a:hover{ background: url(images/boton_3_activo.jpg); }
		#menu li.b3 .activo{ background: url(images/boton_3_activo.jpg); }
		#menu li.b4 a{ width:196px;	background: url(images/boton_4.jpg); }
		#menu li.b4 a:hover{ background: url(images/boton_4_activo.jpg); }
		#menu li.b4 .activo { background: url(images/boton_4_activo.jpg); }

#menu .b1 div{	
	position: absolute;
	visibility: hidden;
	margin: 0 0 0 50px;
	padding: 0;
	background: #000;
	border: 1px solid #4a431d;
	z-index:1;
}

	#menu .b1 div a{
		position: relative;
		display: block;
		margin: 0;
		padding: 10px 10px 0 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000;
		color: #f0d334;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
	}

	#menu .b1 div a:hover{	
		background: #222;
		color: #FFF;
	}
		
/*---------------------------------
Submenu
---------------------------------*/
.submenu { width:320px; float:left; margin:11px 0 0 47px;}

.submenu li{
		margin: 0;
		padding: 5px;
		list-style: none;
		float: left;
	}

	.submenu li a{
		display: block;
		width:22px;
		height:22px;
		background:url(images/submenu.jpg);
		font-size: 13px;
		font-weight: bold;
		line-height: 21px;
		text-decoration: none;
		text-align:center;
		color:#000;
	}
	
	.submenu li a:hover{
		background:url(images/submenu_activo.jpg);
	}
	
	.submenu li .sub_activo {
		background:url(images/submenu_activo.jpg);
	}


/*---------------------------------
INFO - CONTENIDO
---------------------------------*/
#contenido {
	float: left;
	width: 100%;
	margin-bottom:20px;
}
	
	
	#contenido_wrapper {
		margin: 0 auto;
		width: 881px; /*880*/
	}


#banner {width:880px; }
	.banner_texto{ float:left; width:280px;}
	.banner_foto { float:left; width:600px;}


.info {
	margin:20px 0;
	width:880px;
}

	.info img{ border:#FFF 3px solid;}
	.info .sin_borde{ border:none; }

.linea {
	background:url(images/linea.jpg);
	background-repeat:repeat-x;
	height:1px;
	/*border-bottom:#71610c solid 1px;*/
}

.medio { width:430px; float:left;}

.tercio { width:280px; float:left; margin-right:20px; }
.tercio_der { width:280px; float:right; }

.cuarto { width:205px; float:left; margin-right:20px;}
.cuarto_der { width:205px; float:right; }

.enfasis { color:#f0d334; }


h1 { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-bottom:20px;}

.precio { background: url(images/a3_tabla_top.jpg); border:#535353 solid 3px; padding:10px; }

/*---------------------------------
Servicios
---------------------------------*/
.servicio { margin-left:20px; }
	.servicio_categoria { font-size:25px; letter-spacing:5px; text-transform:uppercase; margin:62px 0 11px 3px;}
	.linea_blanca { background:#FFF; height:1px; width:240px; }
	.servicio_numero { font-size:62px; font-weight:bold; text-transform:uppercase; padding-left:2px; padding-top:18px; width:84px; float:left; margin:14px 0;}
	.servicio_titulo { font-size:24px; line-height:26px; letter-spacing:1px; width:166px; float:left; margin:14px 0 11px 0;}
	.servicio_detalles { font-size:14px; line-height:20px; margin:6px 0 14px 3px;}


/*============Tabla=====================*/
#tabla {width:580px; float:right;}
table {width:100%; border:#4a431d solid 1px;}
th {padding:0 0 0 6px; height:34px; line-height:32px; background: url(images/a3_tabla_top.jpg); text-align:left; color:#c0a92a; border:none; border-bottom:#4a431d solid 2px; font-size:14px; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing:1px;}
td {padding:0 0 0 6px; height:32px; line-height:30px; background-color:#0d0d0d; }
.odd td {padding:0 0 0 6px; height:32px; line-height:30px; background-color:#191919; }
td:hover, td.claro:hover, td.claro_2:hover, .odd td:hover {background: #4a431d;}
td.claro { background: #252525;}
td.claro_2 { background: #191919;}





/*---------------------------------
MAPA
---------------------------------*/

#map_canvas { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; }
#map_canvas h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;  }

/*---------------------------------
CONTACTO
---------------------------------*/

#contact-wrapper {
	float:left;
	width:580px;
	color:#FFF;
}
#contact-wrapper div {
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	padding:4px;
	color:#333;
	width:99%;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:6px;
}

/*---------------------------------
pie
---------------------------------*/
#footer { 	
	float:left; 
	width:100%;
	background:url(images/fondo_footer.jpg) repeat-x;
}

#footer_wrapper {
	margin: 0 auto;
	width: 880px;
}

.pie {
	margin:10px 20px;
	height:80px;
}

.direccion {
	float:left;
	margin-top:18px;
	width:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#f0d334;
}

.logos{	}

.logos a {float:right; margin-top:20px;}

	a .logo_1 { background: url(images/logo_maraandco.jpg); width:152px; height:48px;}
	a:hover .logo_1  { background: url(images/logo_maraandco_activo.jpg); }
	
	a .logo_2 { background: url(images/logo_carcrazy.jpg); width:88px; height:48px;}
	a:hover .logo_2  { background: url(images/logo_carcrazy_activo.jpg); }
	
	a .logo_3 { background: url(images/logo_youtube.jpg); width:49px; height:48px;}
	a:hover .logo_3  { background: url(images/logo_youtube_activo.jpg); }
	
	a .logo_4 { background: url(images/logo_facebook.jpg); width:49px; height:48px;}
	a:hover .logo_4  { background: url(images/logo_facebook_activo.jpg); }