@font-face {
  font-family: 'txt';
  src: url('../fonts/EurostileLTStdMedium.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/EurostileLTStdMedium.otf')  format('opentype'),
	     url('../fonts/EurostileLTStdMedium.woff') format('woff'), 
		 url('../fonts/EurostileLTStdMedium.ttf')  format('truetype'), 
		 url('../fonts/EurostileLTStdMedium.svg#EurostileLTStdMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'txtc';
    src: url('../fonts/eurostileltstd-oblique.eot');
    src: url('..vfonts/eurostileltstd-oblique.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-oblique.woff') format('woff'),
         url('../fonts/eurostileltstd-oblique.ttf') format('truetype'),
         url('../fonts/eurostileltstd-oblique.svg#EurostileLTStdOblique') format('svg');
}

@font-face {
    font-family: 'txtb';
    src: url('../fonts/eurostileltstd-bold.eot');
    src: url('../fonts/eurostileltstd-bold.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-bold.woff') format('woff'),
         url('../fonts/eurostileltstd-bold.ttf') format('truetype'),
         url('../fonts/eurostileltstd-bold.svg#EurostileLTStdBold') format('svg');
}

@font-face {
    font-family: 'EurostileLTStdMedium';
    src: url('../fonts/eurostileltstd.eot');
    src: url('../fonts/eurostileltstd.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd.woff') format('woff'),
         url('../fonts/eurostileltstd.ttf') format('truetype'),
         url('../fonts/eurostileltstd.svg#EurostileLTStdMedium') format('svg');
}

@font-face {
  font-family: 'txt_titulo';
  src: url('../fonts/EurostileLTStdExtended2.eot?#iefix') format('embedded-opentype'),  
 	     url('../fonts/EurostileLTStdExtended2.otf')  format('opentype'),
	     url('../fonts/EurostileLTStdExtended2.woff') format('woff'), 
		 url('../fonts/EurostileLTStdExtended2.ttf')  format('truetype'), 
		 url('../fonts/EurostileLTStdExtended2.svg#EurostileLTStdExtended2') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*FIX FONT FOR GOOGLE CHROME ON WINDOWS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'txt_titulo';
        src: url('../fonts/eurostileltstd-ex2.svg#EurostileLTStdExtended2') format('svg');
        font-weight: normal;
        font-style: normal;}
}

@font-face {
    font-family: 'txt_titulob';
    src: url('../fonts/eurostileltstd-boldex2.eot');
    src: url('../fonts/eurostileltstd-boldex2.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-boldex2.woff') format('woff'),
         url('../fonts/eurostileltstd-boldex2.ttf') format('truetype'),
         url('../fonts/eurostileltstd-boldex2.svg#EurostileLTStdBoldExtended2') format('svg');
}

@font-face {
    font-family: 'EurostileLTStdDemi';
    src: url('../fonts/eurostileltstd-demi.eot');
    src: url('../fonts/eurostileltstd-demi.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-demi.woff') format('woff'),
         url('../fonts/eurostileltstd-demi.ttf') format('truetype'),
         url('../fonts/eurostileltstd-demi.svg#EurostileLTStdDemi') format('svg');
}


@font-face {
    font-family: 'EurostileLTStdDemiOblique';
    src: url('../fonts/eurostileltstd-demioblique.eot');
    src: url('../fonts/eurostileltstd-demioblique.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-demioblique.woff') format('woff'),
         url('../fonts/eurostileltstd-demioblique.ttf') format('truetype'),
         url('../fonts/eurostileltstd-demioblique.svg#EurostileLTStdDemiOblique') format('svg');
}

@font-face {
    font-family: 'EurostileLTStdBoldOblique';
    src: url('../fonts/eurostileltstd-boldoblique.eot');
    src: url('../fonts/eurostileltstd-boldoblique.eot') format('embedded-opentype'),
         url('../fonts/eurostileltstd-boldoblique.woff') format('woff'),
         url('../fonts/eurostileltstd-boldoblique.ttf') format('truetype'),
         url('../fonts/eurostileltstd-boldoblique.svg#EurostileLTStdBoldOblique') format('svg');
}




body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #ffffff url(../images/bg.gif);
	font-family: txt;
	font-size: 16px; 
	line-height: 25px;
	margin: auto;
	padding:0 4%;
}

#main {
	background-color: #FFF;
	max-width: 1920px;				/* AJUSTAR WIDHT */
	height: 100%;				/* quitar: pruebas p/scroll */
	margin: auto;
	overflow: hidden;
	border-top: 8px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}



/*_____________________
	 header
______________________*/
#top_banner
{
	
}
.top_logo
{
	float: left;	
	margin-left: 50px;
	margin-top: 60px;
	margin-bottom: 20px;
	/*border: 1px solid red;*/
}
#top_slogan_01
{
	font-family: txt_titulo;
	font-size: 13px;
	color: #4C4C4C;
}
#top_slogan_02
{
	font-family: txt_titulo;
	font-size: 11px;
	color: #666;
}
#top_slogan
{
	float: left;	
	margin-left: 40px;
	border-left: 1px solid gray;
	margin-top: 60px;
	padding-left: 10px;
}
#top_datos
{
	float: right;	
	text-align: right;
	margin-top: 50px;
	margin-right: 100px;
	color: #666;
}

.top_datos_01
{
	font-family: txt;
	font-size: 10px;
	color: #999;
}

.top_datos_01 a:link
{
	text-decoration:none;
	color: #999;
}

.top_datos_01 a:hover
{
	color: #000;
}

.top_datos_02
{
	font-family: txt;
	font-size: 10px;
	color: #666;
}

/*_____________________
	 Menú top 
______________________*/
.floating_menu
{
	clear: both;
	margin: auto;
	max-width: 100%;			/*AJUSTAR WIDHT*/
	padding-top: 5px;	
	border-top: 1px solid #999999;		/* borde superior menu */
	border-bottom: 1px solid #999999;		/* borde superior menu */
	font-family: txt_titulo;
	text-align: center;
	position: relative;
	z-index: 999;
	/*border: 5px solid green;*/
}



nav {
	margin: 0px auto; 
	/*margin-left: 130px;
	text-align: left;		*//* texto 1er nivel: centrado */
	/*font-family: txt_titulo;*/
	/*border: 1px solid green;*/	
}

nav ul ul {
	display: none;
	font-family: txt;
	color: pink;
	width: 235px;
	/*border: 1px solid yellow;*/
}

nav ul li:hover > ul 
{
	display: block;	
}

nav ul {
	text-align: left;		/* texto subniveles a la izq */
	background: white; 		/* background de menu */
	padding: 0 10px;
	list-style: none;
	position: relative;
	display: inline-table;
	/*font-family: txt_titulosb;*/
	font-size: 13px;				/* tamaño fuente submenu*/
	/*border: 1px solid blue;*/
	
}

nav ul:after 
{
	content: ""; 
	clear: both; 
	display: block;
}

nav ul li 
{
	float: left;
	/*margin-right: 30px;	*/
}

nav ul li:hover 
{
	/*background: #F1F1F1;		/* background de onMouseover */
}

nav ul li:hover a 
{
	color: #3865D4;			/* color opcion onMouseover */
}
		
nav ul li a 
{
	display: block; 
	padding: 10px 30px;		/* espaciado menu principal */
	color: #000; 			/* color texto normal */
	text-decoration: none;
	/*border: 1px solid pink;*/
	
}
			
nav ul ul 
{
	background: #FFF; 		/* background submenu normal */
	opacity: 0.92;
	padding: 0;
	position: absolute; 
	top: 100%; 
	/*border: 1px solid purple;*/
 
}

nav ul ul li 
{
	float: none; 
	border-top: 1px solid #F7F7F7;		/* borde superior subelemento */
	position: relative;
	
}

nav ul ul li a 
{
	padding: 7px 10px;
	color: #fff;
}	

nav ul ul li a:hover 
{
	background: #f8f8f8;		/* background submenu onMouserover */
	color: #000;
}
		
nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top: 0;
}

.slicknav_menu {
    display: none;
}

/*_____________________
  Menu Responsive
 _____________________ */
 
 


/*_____________________
	 Título Sección
______________________*/
#titulo
{
	margin: auto;
	/*border-top: 1px solid gray;*/
	/*border: 1px solid red;*/
	border-bottom: 1px dotted #999999;
	font-family: txt_titulo;
	font-size: 20px;
	color: #000;
	padding: 20px 30px;
}




/*______________________________
	 Contenido secciones
________________________________*/

#contenido_index
{
	margin: 0;
	padding: 1px 0px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#contenido
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*margin-bottom: 100px;*/
	margin-bottom: 1px;
	/*border: solid 1px blue;*/
}

#quienes
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 1px;
}

#historia
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 1px;
}

#mision
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px blue;*/
	margin-bottom: 1px;
}

#vision
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px green;*/
	margin-bottom: 1px;
}

#valores
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#especializacion
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#audi
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}


#dinamica
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}


#prestigio
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}



#empatia
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}


#vang
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#resp
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#flete
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#aduana
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#coord
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#transp
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#logistico
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#proyecto
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#tramite
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#defensa
{
	margin: auto;
	padding: 5px 20px;
	overflow: hidden;
	height: 100%;
	/*border: solid 1px tellow;*/
	margin-bottom: 1px;
}

#column1
{
	float: left;
	margin-top: 30px;
	max-width: 900px;
	height: 600px;
	text-align: justify;
	/*border: 1px solid #ECEAC9;		/* Propiedades del borde */
	position: relative;
}

#column1_hist
{
	float: left;
	margin-top: 30px;
	max-width: 900px;
	height:auto;
	text-align: justify;
	/*border: 1px solid #ECEAC9;		/* Propiedades del borde */
	position: relative;
}

#column2
{
	float: right;
	margin: auto;
	margin-top: 20px;
	text-align: center;
	border: 1px solid #CCCCCC;	
	padding: 8px;
	overflow: hidden;
	
}

/* fin contenido*/

.abottom
{
	position: absolute;
	/*height: 600px;*/
	bottom: 0px;
	/*border: 1px solid blue;*/
	font-size: 12px;
}

.abottom a:link
{
	color: #666;
	text-decoration:none;
}

.abottom a:hover
{
	color: #3865D4;
	text-decoration: underline;
}

.abottom a:visited 
{
	text-decoration:none; color:#666;
	
}


.linea
{
	border-bottom: 1px dotted #999;
}


/*_____________________
	 	Footer 
______________________*/
#footer
{
	clear: both;
	margin: auto;
	color:white;
	background-color: #FFF;
	border-top: 15px solid #CCC;
	/*border: 1px solid red;*/
	overflow: hidden;
}

#footer_01
{
	float: left;
	/*border-right: solid 1px #666;*/
	padding: 5px;
	margin: 20px;
}
#footer_02
{
	float: left;	
	padding: 5px;
	margin: 20px;
	/*border: 1px solid red;*/
}

#footer_02_cont
{
	padding: 5px;
	margin: 20px;
	color: #666;
	border-bottom: 1px dotted #666;
	font-size: 14px;
	
}

.footer_02_cont_tit
{
	font-family: txt_titulo;
	color: #3865D4;
	font-size: 16px;
}
	
.sombra {
    -moz-box-shadow: 1px 3px 2px #666;
    -webkit-box-shadow: 1px 3px 2px #666;
    box-shadow: 3px 3px 4px #666;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}


/* Fin footer */


/*________________________________
	 Titulos caption slider
__________________________________*/
.titulo
{
	font-family: txt_titulo;
	font-size: 20px;
	color: #3865D4;
}

#tit_01
{
	font-family: txt_titulo;
	font-size: 25px;
	line-height:30px;
}

#tit_02
{
	font-family: txt_titulo;
	font-size: 25px;
	line-height:35px;
}

#tit_03
{
	font-family: txt;
	font-size: 40px;
	line-height:35px;
}

#tit_04
{
	font-family: txt;
	font-size: 12px;
}



/*_____________________
	 Fecha Completa 
______________________*/
#fecha {
	font-family: txt;
	font-size: 10px;
	color: #000;
}

/* FIN FECHA COMPLETA */


/*-------------------------
  			link
____________________________*/

/**/
