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

	/*----------- barra de desplazamiento -------*/
	
	#contenedor {
	/* Versión Fija */
	width: 800px;
	height: 100%;
	text-align: left;
	position: relative;
	padding: 0px;
	margin: 0 auto;
	top: 20px;
	}

	/* ----------- cabecera ----------- */
	
	#barraArriba{
	height: 15px;
	width: 100%;
	background-color: #444334; /*#004b58;*/
	position: absolute;
	top: 0px;
	left: 0px;
	}

	#barraArriba2{
	height: 1px;
	width: 100%;
	background-color: #f0eee1;
	position: absolute;
	top: 15px;
	left: 0px;
	}

	#barraArriba3{
	height: 4px;
	width: 100%;
	background-color: #a3b71c;
	position: absolute;
	top: 16px;
	left: 0px;
	}
	
	#barraMenu{
	height: 80px;
	width: auto;
	background-color: #f0eee1;
	position: absolute;
	left: 50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

	/*---- enlaces ---------*/
	
	#separador{
	background-image: url(../images/enlaces/separador.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 50px;
	width: 59px;
	float: left;
	}
	
	#enlace1{
	background-image: url(../images/enlaces/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float:left;
	cursor: pointer;
	}
	
	#enlace2{
	background-image: url(../images/enlaces/productos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	cursor:pointer;
	}
	
	#enlace3{
	background-image: url(../images/enlaces/novedades.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	}
	
	#enlace4{
	background-image: url(../images/enlaces/distribucion1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	}
	
	#enlace5{
	background-image: url(../images/enlaces/contacto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	}
	
	#enlace6{
	background-image: url(../images/enlaces/localizacion.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	}
	
	#enlace7{
	background-image: url(../images/enlaces/flotas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 48px;
	position: relative;
	top: 32px;
	float: left;
	}
	
	/* ----------- Texto de los enlaces ---------------- */


	.enlacesTexto{
	display:block;
	text-decoration:none;
	width:48px;
	height:48px;
	}
	#barraEnlaces{
	height: 20px;
	background-color: #f0eee1;
	position: absolute;
	top: 80px;
	left: 50px;
	}
	
	#enlace1Texto{
	height: 10px;
	width: 48px;
	position: relative;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #5f5e4c;
	font-size: 10px;
	}
	
	#separadorTexto{
	position: relative;
	width: 59px;
	float: left;
	}
	
	/* --------- Sombra Enlaces  -------------*/
	
	#sombrasEnlaces{
	height:14px;
	width:690px;
	position: absolute;
	left: 50px;
	top: 100px;
	}
	
	#enlaceSombra{
	height: 14px;
	width: 48px;
	float: left;
	}
	
	#separadorSombra{
	width: 59px;
	float: left;
	height: 14px;
	}
	
	/* ------------- Contenidos ------------- */
	
	#contenidos-rack1{
	height: 15px;
	width: 800px;
	background-color: #fff;
	position: absolute;
	top: 114px;
	}
	
	#contenidos-rack2{
	height: 100%;
	width: 800px;
	background-color: #fff;
	position: absolute;
	top: 129px;
	}
	
	#contenidos-rack3{
	height: 15px;
	width: 800px;
	top:auto;
	background-color: #fff;
	}
	
	.contenidos-ArribaIzquierda {
	background-image: url(../images/fondoContenidos/arribaIzquierda.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 15px;
	}
	
	.contenidos-ArribaDerecha {
	background-image: url(../images/fondoContenidos/arribaDerecha.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 15px;
	width: 15px;
	position: absolute;
	left: 785px;
	top: 0px;
	}
	
	.contenidos-ArribaCentro{
	background-color:#FFF;
	background-image: url(../images/fondoContenidos/arriba.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	left: 15px;
	position: absolute;
	height: 15px;
	width: 770px;
	top: 0px;
	}
	
	.contenidos-Izquierda {
	background-image: url(../images/fondoContenidos/izquierda.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 15px;
	height: 800px;
	}
	

	
	.contenidos-Derecha {
	background-image: url(../images/fondoContenidos/derecha.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position: absolute;
	left: 785px;
	height: 800px;
	width: 15px;
	top: 0px;
	}
	
	.contenidos-AbajoIzquierda {
	background-image: url(../images/fondoContenidos/abajoIzquierda.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 15px;
	float: left;
	position: absolute;
	}
	
	.contenidos-AbajoCentro {
	background-image: url(../images/fondoContenidos/abajo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 15px;
	width: 770px;
	float: left;
	position: absolute;
	left:15px;
	}	
	
	.contenidos-AbajoDerecha {
	background-image: url(../images/fondoContenidos/abajoDerecha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 15px;
	width: 15px;
	position: relative;
	left: 785px;
	}
	
	#contenido-principal{
	background-color: #f0eee1;
	height: 800px;
	width: 770px;
	position: absolute;
	left: 15px;
	top: 0px;
	}
	/* ---------- flash -----------------*/
	.contenedorFlash{
	position: absolute;
	left: 411px;
	height: 320px;
	width: 310px;
	}
	
	.cabeceraContenedorFlash{
	height: 10px;
	position: absolute;
	width: 310px;
	}
	
	.flash{
	height: 310px;
	width: 310px;
	position: absolute;
	top: 10px;
	background-color: #FFF;
	}
	
	.pieContenedorFlash{
	height: 36px;
	width: 310px;
	position: absolute;
	top: 320px;
	background-color: #d9d9bc;
	}
	
	
	/* ------------- logotipo ---------------- */
	
	.logo{
	background-image: url(../images/logoConTexto2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 90px;
	width: 411px;
	}
	
	
	/* ------------- parte verde pantalla ---------------- */
	
	.presentacionInicial{
	background-image: url(../images/presentacionInicial.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 175px;
	width: 411px;
	top: 90px;
	position: absolute;
	}
	
	.presentacionInicialDerecha{
	background-image: url(../images/presentacionInicialDerecha.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 176px;
	width: 48px;
	position: absolute;
	left: 721px;
	top: 90px;
	}
	
	.superiorPresentacionInicialDerecha{
	height: 90px;
	width: 48px;
	left: 723px;
	position: absolute;
	top: -2px;
	}
	
	.inferiorPresentacionInicialDerecha{
	height: 90px;
	width: 48px;
	left: 721px;
	position: absolute;
	top: 265px;
	background-color: #d9d9bc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}
	
	/* ------------- debajo verde pantalla ------------*/
	
	.grisOscuro{
	background-color: #d9d9bc;
	height: 90px;
	width: 411px;
	position: absolute;
	top: 265px;
	left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}

	/* ---------- textos index ------------------*/
	
	.textoCabecera{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
	.textoNormal{
	font-family: sans-serif;
	font-size: 11px;
	color: #666;
	font-variant: normal;
	text-align: justify;
	float: left;
	}
	
	.textoColorMarron{
	color: #444344;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	}
	
	.textoColorVerde{
	color: #a3b71c;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	}
	
	/** --- Secciones inferiores */
	.parteInferior{
	height: 750px;
	width: 770px;		
	}
	
	.sistemasGPS{
	width: 750px;
	height: 145px;
	top: 355px;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	.gestionFlotas{
	width: 750px;
	height: 65px;
	top: 570px;
	position: absolute;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}

	/** ------- colores de fondo -----*/
	
	.fondoGrisOscuro{
		background-color: #d9d9bc;
	}
	.fondoGrisClaro{
		background-color:#f0eee1;
	}
	.fondoVerde{
		background-color:#a3b71c;
	}
	/**  ------ bordes  ----------*/
	
	.bordeTabla{
		border: 1px solid #d9d9bc;
	}