/*-------------------------------- Estilos generales ----------------------------------------*/
body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: url(main_bg.gif);
	color: #525c54;
}

div#principal{
	margin: 0 auto 0 auto;
	width: 779px;
}



div#principal div#header{
	padding: 0 0 0 510px;
	background: url(header.jpg) no-repeat;
	width: 778px;
	height: 264px;
	text-align: left;
}


/*-------------------------------- Estilos generales ----------------------------------------*/
/*-------------------------------- Estilos de Menu y links ----------------------------------------*/

div#header div#menu{
	width:215px;
	margin: 40px 0 0 0;
	height: 200px;
	float: left;
}


div#menu ul#menu_sup{
	width:215px;
	margin: 7px 0 0 8px;
	list-style: none;
	padding: 0;
	overflow: hidden;
	font-size: 0.8em;
	color: #525c54;
}

div#menu ul#menu_sup li{
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
}

div#menu ul#menu_sup li a{
	text-decoration: none;
	color: #525c54;
}

div#menu ul#menu_sup li a:hover{
	color: #FF4500;
}


/* -------------- */
ul#menu_inf{
margin:10px 0 0 10px;
padding:0;
list-style: none;
}

ul#menu_inf li{
margin:0;
padding: 0;
width:175px;
height:32px;
display:inline;
}

ul#menu_inf a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:175px;
height:32px;
}


ul#menu_inf a:hover { background-position: -176px 0; text-decoration: none; }
ul#menu_inf li span { display:none; }
ul#menu_inf a#sacabollos { background-image: url(menu_01.jpg) }
ul#menu_inf a#aerografia { background-image: url(menu_02.jpg) }
ul#menu_inf a#tuning { background-image: url(menu_03.jpg) }
ul#menu_inf a#chapa { background-image: url(menu_04.jpg) }
ul#menu_inf a#lustrados { background-image: url(menu_05.jpg) }

/*-------------------------------- Estilos de Menu y links ----------------------------------------*/
/*-------------------------------- Estilos de Cuerpo ----------------------------------------*/
div#principal div#cuerpo{
	background: url(bannersacabollo.jpg) no-repeat #ededed;
	background-position: top right;
	width: 780px;
/*	height: 600px;*/
	text-align: left;
	clear: both;
}

div#cuerpo h2{
	font-size: 1.09em;
	padding: 15px 0 0 0;
	margin: 0 0 12px 20px;
	width: 450px;
	font-weight: bold;
}

div#cuerpo p{
	width: 460px;
	margin: 0 0 20px 27px;
	text-align: justify;
	font-size: 0.8em;
	line-height: 1.5em;	
	font-weight: bolder;
	}
	
div#cuerpo p strong{
	text-decoration: underline;
	font-size: 1.05em;
	
}

div#cuerpo img.banner{
	margin: 0 0 0 12px;
}
	
.corta{
	clear: both;
	height: 1px;
	width: 1px;
}

div#cuerpo div#portfolio{
	background: url(background_portfolio.png) no-repeat;
	height: 285px;
	width: 465px;
	margin: 40px 0 0 25px;
	
}

div#portfolio div#frame{
	height: 220px;
	width: 460px;
	overflow-y: auto;
	margin: 15px 0 0 0;
	text-align: center;
	
}

div#portfolio div#frame table{
	margin: 0 auto 0 auto;
}

div#portfolio h3{
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	padding: 7px 0 7px 50px;
}

div#portafolio h3 strong{
		font-weight: bold;
	}
/*-------------------------------- Estilos de Cuerpo ----------------------------------------*/
/*-------------------------------- Estilos de pie de pagina----------------------------------------*/

div#principal div#footpage{
	width: 779px;
	height: 44px;
	background: url(footpage.jpg) no-repeat;
	padding: 44px 0 0 0;
}

div#principal div#footpage a{ 
	width: 110px;
	height: 35px;
	display: block;
	overflow: hidden;
	margin: 0 0 0 659px  ;
	text-indent: -9999%;
	
}

div#cuerpo ul{
	width: 460px;
	float: none;
	margin: -18px 0 18px 40px;
	padding: 0 0 0 15px;
	list-style: square;
	font-size: 0.8em;	
	font-weight: bolder;
}

div#cuerpo ul li{
	padding: 7px 0 0 0 ;
	margin: 0 0 0 0;
}

table#contacto{
	width: 470px;
	margin: 0;
	padding: 0;
	border: 1px solid #B8B8B8;
	background: white;
	margin: 0 0 0 25px;
}

table#contacto th{
	text-align: right;
	font-size: 0.9em;
	width: 24%;
}

p#error_text{
	margin: 10px 0 0 0px; 
	color: red;
}

p.p_chico{
	margin: 0;
	padding: 0;
	text-align: left;
}

div#cuerpo h2#contacto{
	padding: 10px;
}

#error_input{
	background: #DCDCDC;
}