/*
/////////////////////////////////////////////////////////

	Code and design make by Rulzdemol Studio
	www.rulzdemol.com

/////////////////////////////////////////////////////////
*/ 
/* Estirar verticalmente la web */
html,body {
	margin: 0;
	padding: 0;
}

/* Cuerpo */
body {
	background-image: url(../img/generales/fondo.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8e8e8e;
	text-align: center;
	margin: 0;
}

a{
	text-decoration:none;
}

/* h1 */
h1 {
	font-size: 15px;
	color: #4f9f14;
	font-weight: bold;
	margin-bottom: 10px;
}

/* h2 */
h2 {
	padding-top: 12px;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 0px 95px;
	color: #585858;
	line-height: 1px;
}

/* Advertencia_Titulo */
h3 {
	padding-top: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #d20000;
	line-height: 1px;
}



/* Contenedor principal de la pagina */
#contenedor {
	background-image: url(../img/generales/fondoContenedor.jpg);
	background-repeat: repeat-y;
	margin: auto;
	width: 754px;
	text-align: left;
	padding: 0px;
	margin-bottom: 0px;
	min-height: 100%;
	position: relative;
}

	/* Cabecera */
	#cabecera {
		margin: 0px 0px 0px 0px;
		height: 252px;
		width: 754px;
		min-height: 100%;
	}
	
	/* Contenedor del menu y el logotipo */
	#contenedorMenu {
		margin: 0px 0px 0px 0px;
		height: 59px;
		min-height: 100%;
	}
	
		/* Logotipo */
		#contenedorMenu .logoMenu {
			float: left;
		}
		
		/* Elementos del menu */
		/* Boton inicio */
		#contenedorMenu .Inicio {
			background: url(../img/generales/menu_01.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 62px;
		}
		
		/* Boton inicio rollover */
		#contenedorMenu a.Inicio:hover {
			background: url(../img/generales/menu_01.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 62px;
		}
		
		/* Boton Quienes somos */
		#contenedorMenu .QuienesSomos {
			background: url(../img/generales/menu_02.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 72px;
		}
		
		/* Boton Quienes somos rollover */
		#contenedorMenu a.QuienesSomos:hover {
			background: url(../img/generales/menu_02.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 72px;
		}
		
		/* Boton Flotas y tecnologia */
		#contenedorMenu .FlotasTecnologia {
			background: url(../img/generales/menu_03.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 148px;
		}
		
		/* Boton Flotas y tecnologia rollover */
		#contenedorMenu a.FlotasTecnologia:hover {
			background: url(../img/generales/menu_03.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 148px;
		}
		
		/* Boton Certificaciones */
		#contenedorMenu .Certificaciones {
			background: url(../img/generales/menu_04.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 97px;
		}
		
		/* Boton Certificaciones rollover */
		#contenedorMenu a.Certificaciones:hover {
			background: url(../img/generales/menu_04.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 97px;
		}
		
		/* Boton SolicitaTransporte */
		#contenedorMenu .SolicitaTransporte {
			background: url(../img/generales/menu_05.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 154px;
		}
		
		/* Boton SolicitaTransporte rollover */
		#contenedorMenu a.SolicitaTransporte:hover {
			background: url(../img/generales/menu_05.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 154px;
		}
		
		/* Boton Contacto */
		#contenedorMenu .Contacto {
			background: url(../img/generales/menu_06.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 81px;
		}
		
		/* Boton Contacto rollover */
		#contenedorMenu a.Contacto:hover {
			background: url(../img/generales/menu_06.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 81px;
		}

	/* Cuerpo de la pagina */
	#cuerpo {
		width: 657px;
		margin: 15px 51px 20px 51px;
		text-align: justify;
		position: relative;
	}

		#cuerpo a:hover {
			text-decoration: underline;
		}
		
		/* Parrafo mediano */
		#cuerpo .parrafoMediano {
			margin: 10px 0px 10px 10px;
		}

		/* Advertencia */
		#cuerpo .Advertencia {
			margin: 20px 30px 20px 30px;
			font-style: italic;
			background-color: #4f9f14;
			color: #ffffff;
			border: 1px solid #0b7200;
			padding: 8px 8px 8px 8px;
		}
		
		/* Enlace Mas informacion */
		#cuerpo .masInfo {
			margin: 0px 0px 20px 0px;
			float: right;
			font-size: 11px;
			color: #4f9f14;
		}

		/* Columna izquierda mediana */
		#cuerpo .columnaIzquierdaMediana {
			float: left;
			width: 320px;
		}

		/* Columna izquierda grande */
		#cuerpo .columnaIzquierdaGrande {
			float: left;
			width: 360px;
		}

		/* Columna derecha mediana */
		#cuerpo .columnaDerechaMediana {
			float: right;
			width: 320px;
		}

		/* Columna derecha peque */
		#cuerpo .columnaDerechaPeque {
			float: right;
			width: 280px;
		}

		/* Bloque con poca sangria */
		#cuerpo .sangriaPeque {
			margin: 10px 0px 0px 30px;
		}

		/* Lista con mucha sangria */
		#cuerpo .SangriaGrande {
			width: 400px;
			margin: 0px 0px 0px 120px;
		}

		/* Fondo de los datos con mucha sangria */
		#cuerpo .SangriaDatos {
			width: 190px;
			margin: 5px 15px 5px 15px;
			padding: 10px 15px 10px 15px;
			color: #585858;
			background-color: #f0f0f0;
		}

		/* Datos con mucha sangria */
		#cuerpo .SangriaTituloDatos {
			width: 300px;
			margin: 0px 0px 30px 180px;
			color: #585858;
		}

		/* Detalles con letra mediana  */
		#cuerpo .detallesLetraMedia {
			font-size: 13px;
			margin-left: 95px;
		}
		
		/* Detalles con letra peque  */
		#cuerpo .detallesLetraPeque {
			width: 500px;
			font-size: 11px;
			margin-left: 110px;
		}

		/* Bloque con foto de tlf de fondo */
		#cuerpo .sangriaPequeTlf {
			margin: 5px 0px 0px 30px;
			background: url(../img/contacto/telefono.jpg) no-repeat;
			height: 69px;
		}

		/* Detalles con letra mediana para el telefono */
		#cuerpo .detallesLetraMediaTlf {
			font-size: 13px;
			margin: 0px 0px 0px 90px;
			padding-top: 15px;
		}

		/* Bloque con foto de correo de fondo */
		#cuerpo .sangriaPequeCorreo {
			margin: 5px 0px 0px 30px;
			background: url(../img/contacto/correo.jpg) no-repeat;
			height: 69px;
		}

		/* Detalles con letra mediana para el correo */
		#cuerpo .detallesLetraMediaCorreo {
			font-size: 13px;
			margin: 0px 0px 0px 90px;
			padding-top: 20px;
		}

		/* Bloque con foto de mail de fondo */
		#cuerpo .sangriaPequeMail {
			margin: 5px 0px 0px 30px;
			background: url(../img/contacto/mail.jpg) no-repeat;
			height: 69px;
		}

		/* Detalles con letra mediana para el mail */
		#cuerpo .detallesLetraMediaMail {
			font-size: 13px;
			margin: 0px 0px 0px 90px;
			padding-top: 25px;
		}

		/* Bloque con foto de formulario de fondo */
		#cuerpo .sangriaPequeFormulario {
			margin: 5px 0px 0px 30px;
			background: url(../img/transporte/formulario.jpg) no-repeat;
		}
		
		/* Boton contactarPeque */
		#cuerpo .contactarPeque {
			background: url(../img/generales/contactarPeque.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 40px;
			width: 120px;
		}
		
		/* Boton contactarPeque rollover */
		#cuerpo a.contactarPeque:hover {
			background: url(../img/generales/contactarPeque.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 40px;
			width: 120px;
		}

		/* Boton telefonoPeque */
		#cuerpo .telefonoPeque {
			background: url(../img/generales/telefonoPeque.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 40px;
			width: 162px;
		}
		
		/* Boton telefonoPeque rollover */
		#cuerpo a.telefonoPeque:hover {
			background: url(../img/generales/telefonoPeque.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 40px;
			width: 162px;
		}

		/* Boton Flotas y tecnologia */
		#cuerpo .botonFlotasTecno {
			background: url(../img/inicio/flotasTecno.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}
		
		/* Boton Flotas y tecnologia rollover */
		#cuerpo a.botonFlotasTecno:hover {
			background: url(../img/inicio/flotasTecno.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}

		/* Boton solicita tu transporte */
		#cuerpo .botonSolicitaTransporte {
			background: url(../img/inicio/solicitaTransporte.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}
		
		/* Boton Flotas y tecnologia rollover */
		#cuerpo a.botonSolicitaTransporte:hover {
			background: url(../img/inicio/solicitaTransporte.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}

		/* Boton telefono */
		#cuerpo .botonTelefono {
			background: url(../img/inicio/telefono.jpg) no-repeat;
			background-position: left;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}
		
		/* Boton Flotas y tecnologia rollover */
		#cuerpo a.botonTelefono:hover {
			background: url(../img/inicio/telefono.jpg) no-repeat;
			background-position: right;
			display: block;
			float: right;
			height: 49px;
			width: 267px;
		}

		/* Boton Descargar solicitud */
		#cuerpo .botonDescargaSolicitud {
			background: url(../img/transporte/descargarSolicitud.jpg) no-repeat;
			background-position: left;
			display: block;
			height: 34px;
			width: 146px;
		}
		
		/* Boton Descarga solicitud rollover */
		#cuerpo a.botonDescargaCyMA:hover {
			background: url(../img/certificaciones/descargarCyMA.jpg) no-repeat;
			background-position: right;
			display: block;
			height: 33px;
			width: 270px;
		}

		/* Boton Descargar Calidad y medio ambiente */
		#cuerpo .botonDescargaCyMA {
			background: url(../img/certificaciones/descargarCyMA.jpg) no-repeat;
			background-position: left;
			display: block;
			height: 33px;
			width: 270px;
		}
		
		/* Boton Descarga Calidad y medio ambiente rollover */
		#cuerpo a.botonDescargaSolicitud:hover {
			background: url(../img/transporte/descargarSolicitud.jpg) no-repeat;
			background-position: right;
			display: block;
			height: 34px;
			width: 146px;
		}

		/* Lista boton */
		#cuerpo .ListaBoton{
			list-style-type: none;
		}

	/* Pie de la pagina */
	#pie {
		position: relative;
		clear: both;
		height: 87px;
		width: 652px;
		margin: 0px 51px 0px 51px;
		background-image: url(../img/generales/punto.jpg);
		background-repeat: repeat-x;
		background-position: top;
		text-align: center;
	}
	
		/* Bloque de texto para la direccion*/
		#pie .direccion {
			float: left;
			margin-top: 24px;
			font-family: "tahoma", Arial, Helvetica, sans-serif;
			font-size: 9px;
		}

		/* Div que contiene los links para que IE funcione correctamente */
		#pie .contenedorLinks {
			float: right;
			margin: 24px 2px 24px 0px;
			font-family: "tahoma", Arial, Helvetica, sans-serif;
			font-size: 9px;
			text-align: right;
			width: 300px;
		}
		
		/* Titulos del pie */
		#pie .titulo {
			font-family: Tahoma, Arial;
			font-size: 10px;
			text-transform: uppercase;
			margin-bottom: 5px;
			display: block;
			color: #5d9733;
		}
		
		/* Boton CSS */
		#pie .botonCSS {
			background: url(../img/generales/css.jpg) no-repeat;
			background-position: left;
			width: 64px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton CSS over */
		#pie a.botonCSS:hover {
			background: url(../img/generales/css.jpg) no-repeat;
			background-position: right;
			width: 64px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton XHML */
		#pie .botonXHTML {
			background: url(../img/generales/xhtml.jpg) no-repeat;
			background-position: left;
			width: 81px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton XHTML over */
		#pie a.botonXHTML:hover {
			background: url(../img/generales/xhtml.jpg) no-repeat;
			background-position: right;
			width: 81px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}

		/* Boton bandera ES */
		#pie .botonBanderaES {
			background: url(../img/generales/es.jpg) no-repeat;
			background-position: left;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton bandera ES over */
		#pie a.botonBanderaES:hover {
			background: url(../img/generales/es.jpg) no-repeat;
			background-position: right;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}

		/* Boton bandera DE */
		#pie .botonBanderaDE {
			background: url(../img/generales/de.jpg) no-repeat;
			background-position: left;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		
		/* Boton bandera DE over */
		#pie a.botonBanderaDE:hover {
			background: url(../img/generales/de.jpg) no-repeat;
			background-position: right;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton bandera EN */
		#pie .botonBanderaEN {
			background: url(../img/generales/en.jpg) no-repeat;
			background-position: left;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton bandera EN over */
		#pie a.botonBanderaEN:hover {
			background: url(../img/generales/en.jpg) no-repeat;
			background-position: right;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton bandera FR */
		#pie .botonBanderaFR {
			background: url(../img/generales/fr.jpg) no-repeat;
			background-position: left;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		
		/* Boton bandera FR over */
		#pie a.botonBanderaFR:hover {
			background: url(../img/generales/fr.jpg) no-repeat;
			background-position: right;
			width: 31px;
			height: 26px;
			float: right;
			margin: 2px 2px 2px 2px;
		}
		/* Bloque de texto para el copyR*/
		#pie .cp {
			font-family: Tahoma, Arial;
			font-size: 9px;
			float: right;
			clear: both;
			display: block;
			width: 300px;
		}
		
	.cierre {
		/* El margen inferior es negativo, porque de lo contrario con IE no se veria correctamente */
		margin: 0px 0px -2px 0px;
		padding-bottom: 0px;
		position: relative;
		height: 12px;
		width: 754px;
		background: url(../img/generales/fondoAbajo.jpg);
		background-repeat: no-repeat;
		
	}

	/* Contenedor necesario para que el contenido no solape el borde y funcione en IE */
	.contenedorInterior {
		width: 300px;
		margin: 5px 5px 5px 5px;
	}

	/* Contenedor necesario para que el contenido no solape el borde y funcione en IE */
	.contenedorInteriorGrande {
		width: 350px;
		margin: 5px 5px 5px 5px;
	}

	/* Contenedor necesario para que el contenido no solape el borde y funcione en IE */
	.contenedorInteriorPeque {
		width: 270px;
		margin: 5px 5px 5px 5px;
	}

	/* Contenedor necesario para que el contenido no solape el borde y funcione en IE */
	.contenedorInteriorDerecha {
		width: 90px;
		margin: 5px 5px 5px 5px;
		float: right;
	}

	/* Conteneido centrado */
	.contenidoCentrado {
		text-align: center;
	}

	/* Para resaltar el texto mas oscuro */
	.oscuro {
		color: #585858;
	}