/*
Hoja de estilos CSS para www.autoconcor.com - 
Por David Moya. Atrio. Arquitectura Web. www.atrioweb.com
Última modificación: Abr-2006
*/

* {
	margin:0px;
	padding:0px;
}

img,fieldset {
	border:0px;
}

body, textarea, input, select, td, p, h1, h2, h3, h4 {
	font:10px/1.3em Verdana, arial, helvetica, sans-serif ;
	color: #333;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

a:link, a:visited{
	color: #333;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
}





/*LAYOUT
--------------------------------------------------------------*/

body {
	text-align:center;
	background-color: #e6e6e6;
}


#container{
	position:relative;
	background: #fff url(img/sombra-v.gif) 752px 0 repeat-y;
	text-align:left;
	width: 762px;
	margin-right: auto;
	margin-left: auto;

}

#header {
	width: 752px;
}

	#home #header {
		height: 325px;
		background: url(img/cabecera.jpg) no-repeat top left;
		position: relative; /*para posicionar el menu flashcontent*/


	}

	#vehoca #header, 
	#vehnue #header, 
	#contacto #header,
	#instala #header{
		height: 190px;
		background: url(img/cabecera_interior.jpg) no-repeat top left;
		position: relative; /*para posicionar el menu flashcontent*/
	}


#content{
	float:left; /*para que no de problemas IE con otros float anidados en #content*/
	position:relative;
	width: 752px;
	padding:0 0 20px 0;
	background-color: #fff;
}

	#content h1{
		text-indent: -9000px; 
		height:19px; 
		width:151px;  
		background: url(img/h1_autoconcor.gif) left top no-repeat;
		margin-bottom:20px;
		margin-left:20px;
	}

	#content h2{
		height:20px;
		/*background-color: #C8C8C8;*/
		background: url(img/tit_bg.gif) left top repeat-x;
		margin-bottom:10px;
		font-size:13px;
		font-weight:bold;
		color:#000;
		padding-left:4px;
		line-height:20px;
	}

#footer {
	clear:both;
	margin:0 auto; /*si no ¿bug en Mozilla?*/
	width: 762px;
	background: #e6e6e6 url(img/sombra-h.gif) left top no-repeat;
	padding:20px 0;
}


/*includes
-------------------------------------------------*/

#footer p {
	text-align:center;
	margin:1em 0;
}

#footer p#xhtml{
}

#footer p#xhtml, #footer p#xhtml a {
	color:#C2C2BF;
	text-decoration: none;
}

#footer p a:hover, #footer p#xhtml a:hover {
	color:#333;
	background-color: #FFCE1F;
}



/*HOME
-------------------------------------------------*/
#home #content{
padding-top:0em;
}

#home #content dl {
	float:left;
	display:inline;
	padding-left:20px;
	width:224px;  
}

#home #content dl dt{
	text-indent: -9000px; 
	height:28px; 
	width:224px;  
	background-position: left bottom;
}

	#home #content dl#box_instalaciones dt{
		background: #fff url(img/box_home_instalaciones.jpg) no-repeat ;
	}

		#home #content dl#box_instalaciones dd p+p{
			padding-top:0;
		}

		#home #content dl#box_instalaciones dd a{
			background: url(img/flechamini2.gif) right 5px no-repeat;
			padding-right:10px;
			text-decoration: none;
			border-bottom: 1px solid #333;
			color:#333;
		}

		#home #content dl#box_instalaciones dd a:hover{
			border:0;
			background-color: #FFCE1F;

		}

	#home #content dl#box_vehnue dt{
		background: #fff url(img/box_home_vehnue.jpg) no-repeat;
	}

	#home #content dl#box_vehoca dt{
		background: #fff url(img/box_home_vehoca.jpg) no-repeat;
	}

#home #content dl dd {
	background: #F3F3F1 url(img/box_home_bg2.jpg) left bottom  no-repeat;
	height:180px;
}

	#home #content dl#box_instalaciones dd p img {
		display:block;
		float:right;
	}

#home #content dl dd p{
	padding:10px;
}

/*VEHOCASIÓN
-------------------------------------------------*/


#vehoca #box_vehoca {
	margin:0 0 0 20px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

#vehoca #select_vehoca{
	margin-bottom:10px;
	text-align: center;
}

#vehoca #content p#p_masinfo {
	text-align: center;
	margin: 1em 0.8em 0.2em 0.8em;
}

/*tabla -------------------------------------------------*/


#vehoca table
{ 
	width:100%;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
}

#vehoca table th
{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	/*background:url(../imagenes/th-back.gif) top left no-repeat;*/
	background-color:#c8c8c8;
	padding:0.2em 0.8em;
	border-spacing:0;
	vertical-align:top;
	white-space:nowrap;
	text-align: center;
	color:#000;
}

#vehoca table tr
{
	margin:0;
	padding:0;
	border-spacing:0;
	background-color: #e2e2e2;
	color:#666;
}

/*RESALTA FILA TABLA EN MOUSEOVER*/
#vehoca table tr:hover{
	background-color: #FFCE21;
	color:#000;
}

#vehoca table tr.resaltar{/*Idéntico al hover anterior, para IE junto con el javascript*/
	background-color: #FFCE21;
	color:#000;
}
/*FIN */

#vehoca table td
{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0 1em;/*?*/
	padding:0.2em 0.8em;
	border-spacing:0;
	vertical-align:middle;
	text-align: center;
}

#vehoca table th.last, #vehoca table td.last {
	border-right:none;
}

/*VEHNUEVOS
-------------------------------------------------*/

#vehnue #box_vehnue {
	margin:0 0 0 190px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
		
}


#vehnue #content dl {
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom: 10px;
	width:160px;  
	text-align: center;
}

#vehnue #content dl dt{
}

#vehnue #content dl dt a {
	background: url(img/nav_bullet.gif) 0 2px no-repeat; 
	padding-left: 15px;
}


#vehnue #content dl dd{
}

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

#contacto #box_contacto {
	margin:0 0 0 190px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

#contacto #box_contacto p{
	margin-right:20px;
}

/*form*/

#contacto form {
	margin: 1em auto;
}

#contacto #form_a{
	float:left;
	width:200px;
}
#contacto #form_b{
	float:left;
	width:300px;
}

#contacto label {
	display:block;
	margin-bottom:0.2em;
}

#contacto input{
	width:150px;
	padding:0.2em;
	margin-bottom:0.2em;
	margin-left:0;
	border:1px solid #7C7C7C;
	background: #e2e2e2 url(img/bg_form.gif);
}

#contacto textarea {
	width:200px;
	border:1px solid #7C7C7C;
	background: #e2e2e2 url(img/bg_form.gif);
	padding:0.2em;
}

#contacto #form_b p+p {
	padding-top:20px;
}

#contacto input.boton {
	width:50px; 
	height:20px; 
	background: url(img/enviar.gif);
	font-weight: bold;
	cursor:pointer;
	border:none;
}

/*address*/

#contacto dl.address {
	color:#333;
	background-color: #E2E2E2;
	padding:1em;
	margin-right:20px;
}

#contacto dl.address dt {
	padding-bottom:6px;
	border-bottom: 1px solid #666;	
	margin-bottom:0.5em;
	font-size:1.4em;
	font-weight: bold;
	}

#contacto dl.address dd {}
#contacto dl.address dd span {display:block;float:right;text-align:right}

#contacto dl p {
	clear:both;
	text-align:center;
}

#contacto dl p a:link, #contacto dl p a:visited {
	color:#333;
	text-decoration: underline;
}

#contacto dl p a:hover {
	color:#333;
	background-color: #FFCE1F;
}

/*INSTALACIONES
-------------------------------------------------*/

#instala #box_instala {
	margin:0 0 0 190px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
		
}

/*#instala #box_instala h2{
	text-indent: -9000px; 
	background: #c8c8c8 url(img/tit_instalaciones6.gif) left top no-repeat;
}*/


/*clearfix
-------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*menu invisible no-flash
---------------------------------------------------------------------------*/

ul#menu  {
position: absolute;
padding: 0;
margin: 0;
width: 471px;
height: 21px;
right:0px;
}

	#home ul#menu{
		top:282px;
	}
	#instala ul#menu,
	#vehnue ul#menu,
	#vehoca ul#menu,
	#contacto ul#menu
	{
		top:148px;
	}

ul#menu li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
bottom: 0px;
}

ul#menu li, 
ul#menu li a {
height: 21px;
display: block;
}

ul#menu li a {
padding: 21px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:21px;
}

ul#menu #menu_home { left: 0px;   width: 47px; }
ul#menu #menu_instala { left: 48px;  width: 90px; }
ul#menu #menu_vehnue { left: 138px;   width: 119px; }
ul#menu #menu_vehoca { left: 257px;  width: 144px; }
ul#menu #menu_contacto { left: 401px;  width: 71px; }

ul#menu #menu_home a      { width: 47px; }
ul#menu #menu_instala  a {   width: 90px; }
ul#menu #menu_vehnue a { width: 119px; }
ul#menu #menu_vehoca a { width: 144px; }
ul#menu #menu_contacto a { width: 71px; }