body {
		background-color:#B3B3B3;
	  padding-top: 0px;
	 
	}
	
	.divContenido{
		background-image: url(../images/bgContenido.png);
		background-repeat: repeat-x;
	}
	.titulo{
		color: #001b49;
		font-size: 22px;
		text-align: center;
	}
	.tituloSeccion{
		color: #001b49;
		font-size: 22px;
		text-align: center;
		font-weight: bold;
	}
	.subtituloInicio{
		color: #001c44;
		font-size: 16px;
		text-align: justify;
		
	}
	.tituloRojo{
		color: #ff0104;
		font-size: 22px;
		text-align: center;
		font-style: italic;
		font-weight: bold;
	}
	.wsb-shape_inicio {
	
	   
		color:white;
		/* background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cd0512),color-stop(1,#7a0410)); 
		 background: -webkit-linear-gradient(top,#cd0512 0%,#7a0410 100%); 
		background: -moz-linear-gradient(top,#cd0512 0%,#7a0410 100%);
		background: -o-linear-gradient(top,#cd0512 0%,#7a0410 100%);
		background: -ms-linear-gradient(top,#cd0512 0%,#7a0410 100%);
		 background: linear-gradient(to bottom,#cd0512,#7a0410); 
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffcd0512',endColorstr='#ff7a0410');
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#ffcd0512',endColorStr='#ff7a0410');
		*/
		 background-image: url(../images/fletes_pixel_ventana_inicio.png);
		 background-size: 100% 100%;
		 box-sizing: content-box; 
		-moz-box-sizing: content-box;
		font-size:15px;
		 
		 padding-left: 10px;
		 padding-right: 10px;
		 padding-top: 2px;
		 padding-bottom: 2px;
		 border-top-right-radius: 10px;
		 border-top-left-radius: 10px;
		 font-style: italic;
		 line-height: 20px;
		 height: 50px;
	
		
	}
	.degradadoBaner{
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#AEADB3),color-stop(1,#F7F7F8)); 
		 background: -webkit-linear-gradient(top,#AEADB3 0%,#F7F7F8 100%); 
		background: -moz-linear-gradient(top,#AEADB3 0%,#F7F7F8 100%);
		background: -o-linear-gradient(top,#AEADB3 0%,#F7F7F8 100%);
		background: -ms-linear-gradient(top,#AEADB3 0%,#F7F7F8 100%);
		 background: linear-gradient(to bottom,#AEADB3,#F7F7F8); 
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffAEADB3',endColorstr='#ffF7F7F8');
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#ffAEADB3',endColorStr='#ffF7F7F8');
		
	
	}
	
	.wsb-shape_inicio_contenido {
	
	   
		color: #868589;
		 background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ecedef),color-stop(1,#d9dade)); 
		 background: -webkit-linear-gradient(top,#ecedef 0%,#d9dade 100%); 
		background: -moz-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		background: -o-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		background: -ms-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		 background: linear-gradient(to bottom,#ecedef,#d9dade); 
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffecedef',endColorstr='#ffd9dade');
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#ffecedef',endColorStr='#ffd9dade');
		
		
		 box-sizing: content-box; 
		-moz-box-sizing: content-box;
		font-size:14px;
		padding: 10px;
		height: 140px;
		text-align: justify;
	
	   
		
	}
	
	.wsb-shape_inicio_contenido_dos {
	
	   
		color: #868589;
		 background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ecedef),color-stop(1,#d9dade)); 
		 background: -webkit-linear-gradient(top,#ecedef 0%,#d9dade 100%); 
		background: -moz-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		background: -o-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		background: -ms-linear-gradient(top,#ecedef 0%,#d9dade 100%);
		 background: linear-gradient(to bottom,#ecedef,#d9dade); 
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffecedef',endColorstr='#ffd9dade');
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#ffecedef',endColorStr='#ffd9dade');
		
		
		 box-sizing: content-box; 
		-moz-box-sizing: content-box;
		font-size:14px;
		padding: 10px;
	   
		text-align: justify;
	
	   
		
	}
	.inicioBtnVerMas{
		background-image: url('../images/Fletes-JM-bg_opciones_inicio_footer.png');
	   
	
		
		text-align: center;
	}
	.verMas{
		 color: white;
		font-weight: bold;
		font-size: 14px;
	}
	.degradadoLateral{
		
	}
	
	
	.textoHeader{
		color:#868589;
		background-color: #211915;
		font-size: 11px;
		text-align: center;
		height: 20px;
		}
	.tableHeader{
		width: 100%;
	}
	.container_menu {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.paddingCero{
		padding: 0px;
	}
	.textoFooter{
		font-size: 10px;
		color: #000000;
		text-align: justify;
		font-weight: bold;
	}
	.textoRedesSociales{
		font-size: 16px;
		color: #868589;
		font-weight: bold;
		padding-left: 20px;
	
	}
	.btnRedSocial{
		padding: 10px;
		max-width: 113px;
	}
	
	.menuInferior {
		display: inline-block;
		
		text-align: center;
		width: 144px !important;
		color: white;
	   
	   margin-left: -5px;
		padding-top: 6px;
		padding-bottom: 7px;
		font-size: 15px;
		font-weight: bold;
	}
	
	
	
	.tituloDos{
		font-size: 18px;
	}
	
	
	/*******************************************************/
	
	.bg_texto_valores{
		background-image: url('../images/nosotros/fletes_bg_texto_pixel_dos.png');
		border-bottom-right-radius:7px;
		
		border-top-right-radius:7px;
		background-repeat:repeat-y;
		padding-bottom: 15px;
		width: 60px;
		background-color: transparent;
	}
	
	.bg_texto_mision{
		background-image: url('../images/nosotros/fletes_bg_texto_pixel_uno.png');
		border-bottom-left-radius:7px;
		border-top-left-radius:7px;
		background-repeat:repeat-y;
		padding-bottom: 15px;
		width: 60px;
		background-color: transparent;
	}
	.serviciosTituloDos{
		color: #FF0000;
		font-size: 16px;
		line-height: 45px;
		font-weight: bold;
	}
	.tituloServicios{
		color: #FF0000;
		font-size: 14px;
		font-weight: bold;
		text-align:center;
	}
	.tituloServiciosContenido{
		color:#868589;
		font-size: 11px;
		font-weight: bold;
		text-align:center;
	
	}
	.tableUnidades{
		border-collapse: separate;
		border-spacing: 4px;
	}
	.unidadesTitulo{
		text-align: right;
		padding-right: 20px;
		font-weight: bold;
		font-size: 16px;
		
	}

	.unidadesTituloMenu{
		background-image:url('../images/unidades/fletes_bg_unidades_menu.png');
		background-size: 100% 100%;
		color:white;
		padding:10px;
		min-height: 55px;
		
		min-width:228px;
		font-weight:bold;
		display:inline-block;
		font-size:15px;
		
	}
	.unidadesTituloMenuSelected{
		background-image:url('../images/unidades/fletes_bg_unidades_menu_gris.png');
		background-size: 100% 100%;
		color:white;
		padding:10px;
		
		min-width:228px;
		font-weight:bold;
		display:inline-block;
		font-size:15px;
		
	}
	.tableUnidades{
		height:280px;}
	.textoCamion{
		color:#ED1c24;
		font-weight:bold;
		font-size:18px;
		font-style:italic;
	
		}
	.titulosRojoUnidades{
		color:#ED1c24;
		font-weight:bold;
		font-size:18px;
		font-style:italic;
		padding-left:20px;
		padding-right:20px;
		}	
		
		.bg{
			background: transparent !important;
		}
	
	
	.imgCliente{
		max-width: 650px;
		max-height: 650px;
	}
	.labelFormContacto{
		color: #868589;
		font-size: 14px;
		text-align: right;
		padding-right: 20px;
		    font-style: normal;
		
	}
	.contactoTitulo{
		font-size: 16px;
		color: #ED1c24;
		font-weight: bold;
		text-align: right;
		
		line-height: 21px;
	}
	.tituloPromociones{
		font-size: 16px;
		color: white;
		font-weight: bold;
		text-align: center;
		line-height: 21px;
		background-image: url('../images/fletes_menu_inferior_background.png');
		background-size: 100% 100%;
		width: 100%;
		height: 40px;
	
		
	}
	.textoPromociones{
		font-size: 14px;
		color: #ED1c24;
		
	
	}
	.contactoTexto{
		color: #868589;
		font-size: 14px;
		text-align: right;
		line-height: 21px;
	}
	#formContacto{
		color: #868589;
		font-size: 14px;
	
	}
	.botonesFormulario {
		
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 53px;
		max-width: 700px;
	}
	
	.btnLimpiar {
	   
	}
	
	.btnEnviar {
		color: white;
		font-size: 16px;
		text-align: left;
		padding-right: 25px;
		cursor: pointer;
	}
	.error{
	border: 1px solid #d00000!important;
		background-color: #ffdcdc!important;
	}
	.tituloPromocionesRed{
	 background-image:url('../images/promociones/fletes_redes_sociales.png');
	 background-size: 100% 100%;   
	 font-size: 24px;
	 color: white;
	 padding-left: 27px;
	}
	
	#tabla1,#tabla2,#tabla3,#tabla4,#tabla5,#tabla6,#tabla7  {
		background-image:url('../images/clientes/marco_gris-clientes_fletes_pegaso.png');
		background-size:100% 100%;
		
	 
	}
	
	
	
	.navbar{
		background-image: url('../images/pixel_boton_inferior_azul.png');
		background-size: 100% 100%;
		border-radius: 0px;
		max-height: 40px;
	}
	
	.header{
		background-image:url('../images/laterales-header-guantes-argos.jpg');
		background-size: 100% 100%;
	}
	.tituloEstadoLink{
		color:white;
		text-transform:uppercase;
		font-weight:bold;
		font-size:12px;
		text-shadow: 2px 2px 4px #000000;}
	.imagenPin{
		z-index:1 !important;
	}
	.tituloEstado{
		z-index:10!important;
		}
	.tituloEstadoLinkDos{
		color: #868589;
		font-size:14px;
		font-weight:bold;
		}
	.tituloEstadoLateral{
		color: #868589;
		font-size:12px;
		}	
	.tablaKilometros{
		color: #001b49;
		font-weight: bold;
		font-size: 18px;
		text-align:center;
		text-transform: uppercase;}
	.tablaKilometrosDos{
		color: #001b49;
		font-weight: bold;
		font-size: 18px;
		text-align:center;
	}
	.nombreEstado{
		width: 100%;
		padding-left: 60px;
		text-align:left;
		color: #ff0104;
		padding-bottom: 15px;
		font-style: italic;
		font-size: 19px;
		
		}
	.fletesNorte{
		color: #ED1c24;
		font-weight: bold;
		font-size: 15px;
		text-align:center;
		padding-bottom:20px;
		padding-top:30px;
		}
	.ciudadMexico{
		padding-left:8px}
		
	#estadosTabla{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ea0001),color-stop(1,#720000)); 
		 background: -webkit-linear-gradient(top,#ea0001 0%,#720000 100%); 
		background: -moz-linear-gradient(top,#ea0001 0%,#720000 100%);
		background: -o-linear-gradient(top,#ea0001 0%,#720000 100%);
		background: -ms-linear-gradient(top,#ea0001 0%,#720000 100%);
		 background: linear-gradient(to bottom,#ea0001,#720000); 
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffea0001',endColorstr='#ff720000');
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#ffea0001',endColorStr='#ff720000');
		color:#001b49;
	}
	
	.unidades{
		max-width: 657px;
	}
	
	.barraLateral{
		background-image: url(../images/Fletes-JM_barra_lateral.jpg);
		background-size: 100%;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top;
		background-repeat: no-repeat;
		height: 100% !important;
		
	}
	
	.telefonos{
		color: white;
		font-size: 14px;
		text-align: center;
		font-weight: bold;
		
	}
	
	.telefonos a{
		color: white;
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		
	}
	.telefonos2{
		color: white;
		font-size: 16px;
		font-weight: bold;
		
	}
	
	
	.separacionRedes{
		height: 25px;
	
	}
	
	.barraLateral a{
		color: white;
	}
	.estadoBarra a{
		color: white;
		padding-left: 30px;
	}
	.clientestd{
		padding: 21px;
	 background-image:url('../images/clientes/marco_clientes_fletes_pegaso.png');
		background-size:100% 100%;}
	
	.paddingSmallEstados {
		padding-top: 20px;
	}    
	

	.contactoTabla{
		
		max-width:741px;
		padding:20px;
		border-radius: 9px 9px 0px 0px;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;

		border: 1px solid #002985;
		
		
		}
		
		.imageBorder {
		border: 4px solid #FFFFFF;
	}
	
	.shadow_image_estados {
		-webkit-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		-moz-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
	}

	.shadow_image_cliente {
		-webkit-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		-moz-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
	}
	
	#estadosTabla td {
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 13px;
	}
	
	.separacionTitulo{
		height:40px;}
	.separacionTituloDos{
		height:28px;}
	.separacionTituloTres{
		height:34px;}

	.separacionTituloDosEstado{
		height:8px;}	

		


.barra1{
	background-image: url('../images/barraLateral/barra lateral 01.png');
	background-repeat:repeat-y;
	min-height: 20px;
	width: 250px;
}
.barra2{
	background-image: url('../images/barraLateral/barra lateral 02.png');
	background-repeat: no-repeat;
	height: 315px;
	width: 250px;
}

.barra3{
	background-image: url('../images/barraLateral/barra lateral 03.png');
	background-size: 100% 100%;
	
	min-height: 300px;
	
	width: 250px;
}
/*.barra4{
	background-image: url('../images/barraLateral/barra lateral 04.png');
	background-repeat:repeat-y;
	min-height: 20px;
	width: 250px;
}*/
.barra5{
	background-image: url('../images/barraLateral/barra lateral 05.png');
	background-repeat: no-repeat;
	height: 100px;
	width: 250px;
}

.ciudadMexico {
    width: 23%;
    text-align: center;
}

.columnaEstadosDos {
    width: 25%;
    text-align: center;
}
.binetaTelefonos{
	width:60px;
	}
.unidades tr{
	color: red;
	height: 25px;
	background-image: url(../images/unidades/pleca_datos_fichas_tecnicas.png);
	background-size: 100% 100%;
	color: #001b49;
	padding-left: 20px;
}
.unidades tr td{
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.recomendaciones{
	height: 40px;
	background-image: url(../images/unidades/pleca_titulo_fichas_tecnicas.png);
	background-size: 100% 100%;
	color: #FFF;
	line-height: 30px;
	margin-top: 18px;
	width: 240px;
	margin-bottom: 13px;


}
.textoRecomendaciones{
	padding-right: 20px;
	font-weight: bold;
	text-align: right;

}
.recomendacionesLeft{
	height: 40px;
	background-image: url(../images/unidades/pleca_titulo_fichas_tecnicas.png);
	background-size: 100% 100%;
	color: #FFF;
	line-height: 30px;
	
	width: 240px;
margin-bottom: 13px;

}
.textoRecomendacionesLeft{
		padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-align: left;
}

.imageBorder  img{
	text-align: center;
	width: 100%;
}

.siguenos{
		color: #001c44;
		font-size: 18px;
		
		font-weight: bolder;
		
	}



.estadoBarra tr td{
	text-align: right;
	padding-right: 26px;
	font-style: italic;
	font-size: 15px;

}

.estadoBarra tr td:hover{
	background-image: url(../images/boton_over_barra-lateral.png);
}

.EstadoSeleccionado{
		background-image: url(../images/boton_over_barra-lateral.png);	
}
.linkestado{
	height: 35px;
}
.separadorEstado{
height: 2px;	
text-align: right;
}
.estadoBarra{
	background-image: url(../images/bg_barra_estados.png);
	background-position: right;
}
.contacto a{
/*	background-size: auto !important;
background-image: url(/images/degradado_fletes_pegaso_fondo.png);
background-repeat: repeat-y;
background-size: 100%;
background-image: url(../images/degradado_fletes_pegaso_fondo.png);
background-repeat: repeat-y;
background-size: 100%;
*/
}

.divPrincipal{
	background-color: white;
	/*box-shadow: 0 0 40px rgba(50, 50, 60, 1);

	/*-webkit-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		-moz-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);*/


}

.separacionDiv{
	height: 38px;
	width: 100%;
}
.tituloEstadoCobertura{
	width: 100%;
    padding-left: 20px;
    text-align: left;
    color: #ff0104;
    padding-bottom: 15px;
    font-style: italic;
    font-size: 19px;
}




.hovereffect {
width:100%;
height:100%;

overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect a img {
display:inline;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;

background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
border-radius: 5px;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}



.img_productos{
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		-moz-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);

}


.img_sombra{
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		-moz-box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);
		box-shadow: 2px 6px 13px -4px rgba(50, 50, 60, 1);

}


.titulo{
	font-size: 24px;
	font-weight: bolder;
	font-style: italic;
}

.infoTitulo{
	font-size: 14px;
	font-weight: bolder;
	color:#8c8c8c;
}

.infoTituloHome{
	font-size: 12px;
	font-weight: bolder;
	color:#8c8c8c;
}

hr{
	border: 1px solid #8c8c8c;
}

.prev{
	background-color: #666666 !important; color: white !important;
}