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

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?iefix') format('eot'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#webfont1U7OGYUy') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body, h1, h2, h3, h4, h5, h6, p,  ol, ul, li, fieldset, form, label, legend, table, tr, th, td, input, textarea, select{
	margin: 0;	padding: 0;}

img{ border: 0;}

li{ list-style: none; vertical-align: middle !important;}

body{ background:#fff url(../images/body-bg.jpg) repeat;
	  font: normal 12px/18px Arial, Helvetica, sans-serif;
	  text-decoration: none;
	  color: #212121;
}

input, textarea, select{ line-height: normal;}

a{outline: none; text-decoration: none;}
a:hover{text-decoration: underline;}
img{ border: none;}
.float-l{ float: left;}
.float-r{ float: right;}
.clear{ clear: both;}

.over-flow{ overflow: hidden;}

#page{  background:url(../images/header-bg.jpg) left top repeat-x; height:84px;}
#container{ width:847px; margin:0 auto;  }
#header-out{  background:url(../images/header-bg.jpg) left top repeat-x; height:84px;}
#header{ width:847px; margin:0 auto;}
#header div.headertop{ overflow:hidden; float:right;}
#header div.headertop ul{ overflow:hidden;}
#header div.headertop ul li{ float:left;}
#header div.headertop ul li.language{ overflow:hidden;  margin-top:16px;}
#header div.headertop ul li.language a{ color:#7e8183; font: italic 11px/15px Arial, Helvetica, sans-serif; background:url(../images/english-bg.png) left top no-repeat; width:44px; height:22px; display:inline-block; padding:3px 16px; text-decoration:none;}
#header div.headertop ul li.language a:hover{ text-decoration:none; font-weight:bold;}
#header div.headertop ul li.chat{position:relative; margin-top:9px;}
/*.sign{ background:url(../images/chat-sign.png) left top no-repeat; position:absolute; top:-8px; right:6px;}
.sign:hover{ background:url(../images/chat-sign-hover.png) left top no-repeat; position:absolute; top:-8px; right:6px;}*/
#header div.headertop ul li.chat a{ color:#2bace2; font:bold italic 13px/15px Arial, Helvetica, sans-serif; background:url(../images/chat-m.png) left top no-repeat; width:77px; height:22px; display:inline-block; padding:9px 16px 5px 16px;}
#header div.headertop ul li.chat a:hover{ text-decoration:none; color:#FF0000; background:url(../images/chatm-hover.png) left top no-repeat; }
#header div.headertop ul li.twiter{ overflow:hidden;  margin-top:16px;}
#header div.headertop ul li.twiter a{ background:url(../images/tweter-bg.png) left top no-repeat; width:16px; height:22px; display:inline-block; padding:2px 16px;}
#header div.headerlogo{ overflow:hidden; width:279px; float:left;}
#header div.headerlogo a{ background:url(../images/logo.png) left top no-repeat; width:233px; height:39px; text-indent:-999999px; margin:51px 0 0 10px; display:inline-block;}
#header div.headernavi{  float:right; width:569px; margin-top:-34px;}
#header div.headernavi ul{ overflow:hidden;}
#header div.headernavi ul li{ float:left; background:url(../images/seprator.png) left top no-repeat;}
#header div.headernavi ul li a { color:#7e8183; font: italic 12px/15px Arial, Helvetica, sans-serif; padding:6px 14px; text-decoration:none; display:inline-block;}
#header div.headernavi ul li a:hover{ text-decoration:none; color:#fff;}

#header div.headernavi ul li a.inicio { padding:6px 11px; margin-right:-6px;}
#header div.headernavi ul li a.inicio:hover, #header div.headernavi ul li a.active1{ background:url(../images/inicio-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.laempresa { padding:6px 20px; margin-right:-6px;}
#header div.headernavi ul li a.laempresa:hover,#header div.headernavi ul li a.active2{ background:url(../images/laempresa-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.services { padding:6px 20px; margin-right:-6px;}
#header div.headernavi ul li a.services:hover,#header div.headernavi ul li a.active3{ background:url(../images/services-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.tracking { padding:6px 13px; margin-right:-6px;}
#header div.headernavi ul li a.tracking:hover,#header div.headernavi ul li a.active4{ background:url(../images/tracking-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.cotizaciones { padding:6px 18px; margin-right:-6px;}
#header div.headernavi ul li a.cotizaciones:hover,#header div.headernavi ul li a.active5{ background:url(../images/cotizaciones-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.empieo { padding:6px 16px; margin-right:-6px;}
#header div.headernavi ul li a.empieo:hover,#header div.headernavi ul li a.active6{ background:url(../images/empieo-nav.png) no-repeat; color:#fff;}
#header div.headernavi ul li a.contacto { padding:6px 16px; margin-right:-6px;}
#header div.headernavi ul li a.contacto:hover,#header div.headernavi ul li a.active7{ background:url(../images/contacto-nav.png) no-repeat; color:#fff;}

#contant{ width:847px; margin:0 auto; padding-top:48px; overflow:hidden; }
#contant div.contantleft{ float:left; width:632px;}
/*#contant div.contantleft div.back{ background:url(../images/banner-bg.jpg) 7px 9px no-repeat; width:602px; height:396px; padding:20px 16px; display:inline-block; position:relative;}*/
#contant div.contantleft div.back{ background:url(../images/leftimg-bg.jpg) left top no-repeat; width:602px; height:396px; padding:20px 16px; display:inline-block; position:relative;}
#contant div.contantright{ float:right; width:197px; margin-right:10px;}
#contant div.contantright div.righttop{ overflow:hidden; margin-top:9px;}
#contant div.contantright div.righttop a{ display:inline-block;}
#contant div.contantright div.rightbot{ overflow:hidden; margin-top:8px;}
#contant div.contantright div.rightbot span{ background:url(../images/compra.jpg) left top no-repeat; width:194px; height:229px; display:inline-block; position:relative;}
#contant div.contantright div.rightbot span a{ background:url(../images/ingresa-but.png) left top no-repeat; padding:4px 38px 4px 12px; color:#fff; font: normal 12px/15px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; display:inline-block; position:absolute; left:11px; top:149px;}
#contant div.contantright div.rightbot ul{ overflow:hidden; margin-top:3px;}
#contant div.contantright div.rightbot ul li{ float:left; /*background:url(../images/sep-right.png) left top no-repeat;*/ color:#939598; font: bold 11px/15px Arial, Helvetica, sans-serif;}
#contant div.contantright div.rightbot ul li.mpp{ margin-right:3px;}
#contant div.contantright div.rightbot ul li a{ color:#939598; font: normal 9px/15px Arial, Helvetica, sans-serif; margin:2px 1px; text-decoration:none; word-spacing:-1px}
#contant div.contantright div.rightbot ul li a:hover{ font: bold 9px/15px Arial, Helvetica, sans-serif;}

#footer{ width:847px; margin:0 auto; padding-top:40px; overflow:hidden;}
#footer div.footertop{ float:left; width:824px; border-bottom: 2px solid #ec2227; margin-left:9px;}
#footer div.footertop ul{overflow:hidden; margin-left:225px; padding-bottom:10px;}
#footer div.footertop ul li{ float:left;}
#footer div.footertop ul li a{ color:#f05a42; font: normal 11px/15px Arial, Helvetica, sans-serif;  text-decoration:none; margin:2px 10px;}
#footer div.footerbottom{ float:left; width:100%; padding:10px 0 25px 0;}
#footer div.footerbottom p{ color:#a8a9ac; font: normal 9px/15px Arial, Helvetica, sans-serif; text-align:right; margin-right:13px; }
#footer div.footerbottom p strong{ color:#6e6e71; font: normal 9px/15px Arial, Helvetica, sans-serif; }
#footer div.footerbottom p strong a{ color:#6e6e71; font: normal 9px/15px Arial, Helvetica, sans-serif;}
#footer div.footerbottom p strong a:hover{ text-decoration:none; font-weight:bold;}
/*------------------contacto start here------------------*/
#contant div.contactus{ width:841px; overflow:hidden;}
#contant div.contactus div.contactustopbg{ background:url(../images/contac-top-bg1.png) left top no-repeat; padding-top:18px;}
#contant div.contactus div.contactusmidbg{ background:url(../images/contactmid-bg.png) left top repeat-y;}
#contant div.contactus div.contactusbotbg{ background:url(../images/contact-bot-bg.png) 1px bottom no-repeat; padding-bottom:18px; overflow:hidden;}
#contant div.contactus div.contactustopbg div.cotant-txt{ width:486px; margin-left:197px; padding-top:30px;}
#contant div.contactus div.contactustopbg div.cotant-txt img{ text-align:center;}
#contant div.contactus div.contactustopbg div.cotant-txt h2{ color:#ec2227; letter-spacing:1px; font-size:19px; line-height:19px; font-weight:normal; font-family: 'MyriadProRegular';  padding-bottom:30px;}
#contant div.contactus div.contactustopbg div.cotant-txt span{ color:#525456; font-size:14px; line-height:15px; font-weight:normal; font-family: 'MyriadProRegular'; padding-bottom:20px; display:inline-block;}
#contant div.contactus div.contactustopbg div.cotant-txt p{ color:#6e6f72; font-size:14px; line-height:15px; font-weight:normal; font-family: 'MyriadProRegular'; padding-bottom:18px;}
#contant div.contactus div.contactustopbg div.cotant-txt p strong{ color:#2a2b2d; font-size:14px; line-height:15px; font-weight:normal; font-family: 'MyriadProRegular'; padding-bottom:18px;}
#contant div.contactus div.contactustopbg div.cotant-txt p span{ color:#6e6f72; font-size:14px; line-height:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.pad{ padding:100px 0 200px 0;}


/*------------------empresa start here------------------*/
#contant div.empresa{ width:841px; overflow:hidden;}
#contant div.empresa div.empresatopbg{ background:url(../images/contac-top-bg1.png) left top no-repeat; padding-top:18px;}
#contant div.empresa div.empresamidbg{ background:url(../images/contactmid-bg.png) left top repeat-y;}
#contant div.empresa div.empresabotbg{ background:url(../images/contact-bot-bg.png) 1px bottom no-repeat; padding-bottom:18px; overflow:hidden;}
#contant div.empresa div.empresatopbg div.map-bg{ background:url(../images/map.jpg) 10px top no-repeat; min-height:200px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt1{ width:486px; margin-left:210px; padding-top:30px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt1 img{ text-align:center;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt1 h2{ color:#ec2227; font: normal 19px/19px MyriadProRegular; padding-bottom:30px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt1 p{ color:#6e6f72; font:normal 14px/19px MyriadProRegular; padding-bottom:20px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt1 p span{ color:#595a5c; font:normal 14px/19px MyriadProRegular; padding-bottom:20px;}

#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2{ width:574px; margin-left:135px; padding-top:30px; overflow:hidden;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2left{ float:left; width:313px;  }
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2left span{ background:url(../images/img1-bg.png) left top no-repeat; display:inline-block;  }
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2left span a{ padding:7px 12px 10px 87px; float:left;}

#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2right{ float:right; width:246px; padding-top:10px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2right h2{ color:#ec2227; font: normal 19px/19px MyriadProRegular; padding-bottom:30px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt2 div.cotant-txt2right p{ color:#6e6f72; font:normal 14px/19px MyriadProRegular; padding-bottom:20px;}
.pad3{ margin-left:76px;}

#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3{ width:574px; margin-left:220px; padding-top:30px; overflow:hidden;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3left{ float:left; width:246px; padding-top:10px; }
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3left h2{ color:#ec2227; font: normal 19px/19px MyriadProRegular; padding-bottom:30px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3left p{ color:#6e6f72; font:normal 14px/19px MyriadProRegular; }
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3left label{ color:#595a5c; font:normal 14px/19px MyriadProRegular; }

#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3right{ float:right; width:313px;}
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3right span{ background:url(../images/img2-bg.png) left top no-repeat; display:inline-block;  }
#contant div.empresa div.empresatopbg div.map-bg div.cotant-txt3 div.cotant-txt3right span a{ padding:7px 87px 10px 12px; float:left;}
.padbot{ padding-bottom:20px;}

/*--------------------------cotizaciones start here----------------------------------*/
#contant div.cotizaciones{ width:841px; overflow:hidden;}
#contant div.cotizaciones div.cotizacionestopbg{ background:url(../images/contac-top-bg1.png) left top no-repeat; padding-top:18px;}
#contant div.cotizaciones div.cotizacionesmidbg{ background:url(../images/contactmid-bg.png) left top repeat-y;}
#contant div.cotizaciones div.cotizacionesbotbg{ background:url(../images/contact-bot-bg.png) 1px bottom no-repeat; padding-bottom:18px; overflow:hidden;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt{ width:486px; margin: 0 auto; padding-top:30px;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt img{ text-align:center;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt h2{ color:#ec2227; font: normal 19px/19px MyriadProRegular; padding-bottom:30px;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt p{ color:#6e6f72; font: normal 14px/15px MyriadProRegular; padding-bottom:18px;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt p strong{ color:#525456; font: normal 14px/15px MyriadProRegular; padding-bottom:18px;}
.pad{ padding:30px 0 200px 0;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt div.formarea{ width:200px; padding-bottom:60px;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt div.formarea ul{ overflow:hidden;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt div.formarea ul li{ float:left; padding-bottom:3px;}
#contant div.cotizaciones div.cotizacionestopbg div.cotizaciones-txt div.formarea p{color:#EC2227; font:normal 9px/15px MyriadProRegular;}
.inp1{ width:190px; height:20px; padding:2px 5px; background:#eeeeef; border:0px; color:#6e6f72; font:normal 9px/15px MyriadProRegular;}
.inp2{ width:190px; height:38px; padding:2px 5px; background:#eeeeef; border:0px; color:#6e6f72; font:normal 9px/15px MyriadProRegular;}
.inp3{ width:190px; height:105px; padding:2px 5px; background:#eeeeef; border:0px; color:#6e6f72; font:normal 9px/15px MyriadProRegular;}
.form-bt{ width:200px;}
.form-bt label{ width:150px; float:left; color:#a3a5aa; font:normal 10px/19px MyriadProRegular; text-align:center;} 
.enviar{ background:#eeeeef; padding:5px 10px; color:#535557; cursor:pointer; font:normal 9px/15px MyriadProRegular; float:right; border:0px; width:50px; display:inline-block;}

/*-----------------------------------servicios start here--------------------------------------*/
#contant div.servicios{ width:841px; overflow:hidden;}
#contant div.servicios div.serviciostopbg{ background:url(../images/contac-top-bg1.png) left top no-repeat; padding-top:18px;}
#contant div.servicios div.serviciosmidbg{ background:url(../images/contactmid-bg.png) left top repeat-y;}
#contant div.servicios div.serviciosbotbg{ background:url(../images/contact-bot-bg.png) 1px bottom no-repeat; padding-bottom:18px; overflow:hidden;}
#contant div.servicios div.serviciostopbg div.map-bg{ background:url(../images/servicios-bg.png) 10px 70px no-repeat; min-height:200px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1{ width:486px; margin-left:210px; padding-top:30px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 img{ text-align:center;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 h2{ color:#ec2227; font: normal 19px/19px MyriadProRegular; padding-bottom:30px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul{ width:520px; margin-left:-15px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li{ float:left; padding-bottom:20px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1{ width:252px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1 span{ background:url(../images/servicios-img-bg.png) left top no-repeat; display:inline-block; padding:10px 10px 8px 10px; margin-bottom:20px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1 h3{color:#ec2227; font:normal 19px/18px MyriadProRegular; width:215px; margin-left:15px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1 p{ color:#6e6f72; font:normal 14px/19px MyriadProRegular; width:231px; margin-top:20px; margin-left:15px;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1 p a{ color:#ec2227; font:normal 16px/15px MyriadProRegular; margin-right:10px; float:right;}
#contant div.servicios div.serviciostopbg div.map-bg div.servicios-txt1 ul li div.servicios1 p a:hover{ font-weight:bold; text-decoration:none;}
#contant div.servicios div.serviciostopbg div.map-bg div.bottomtxt{ color:#2bace2; font:normal 27px/33px MyriadProRegular; text-align:center; padding-top:5px;} 
#contant div.servicios div.serviciostopbg div.map-bg div.bottomtxt a{color:#2bace2; font:normal 27px/33px MyriadProRegular; text-align:center;}
#contant div.servicios div.serviciostopbg div.map-bg div.bottomtxt a:hover{ text-decoration:none;}
.pad2a{ margin:0px 0 73px 187px; width:486px;}
.pad2b{ margin:0px 0 0px 187px; width:486px;}


/*-------------------slider start here-------------*/
img{border:none;}
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:602px;
		height:397px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:55px;
		height:77px;
		position:absolute;
		left:15px;
		top:172px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:563px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:56px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */