* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	background-image:url(../images/fondo.jpg) ;
	font-family: 'Calibri', sans-serif; 
	font-size: 16px; 
	color:#333;

	line-height: 22px;
	min-width: 980px;
}

/*font-family: 'Calibri', sans-serif;*/

a { color: #fff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color: #fff}

a.ventas-mail, a.ventas-mail:hover { text-decoration: none; color: #fff}

a img { border: 0;}
a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; box-shadow: 7px 7px 0 #D4D4D4}
.right, .alignright { float: right; display: inline; }


.cabecera  {background-color: #fff;width: 980px; margin: 0 auto; height: 130px}

.contenedor-up .cabecera { position: relative; 
}

.contenedor-up { }



#logo { margin:20px 0 0 10px; float:left; height:100px;}


.datos-cabecera{
background-color: rgba(255,255,255,0.8);
color: #727272;
float: right;
font-size: 18px;
height: 24px;
margin-bottom: 5px;
text-align: left;
width: 290px;
}

#box-right{ 
float:right;
margin-top:20px;
width: 350px;
}

#datos{ height:46px ;width:156px; margin-top:10px; padding:4px 0px 0px 20px; background-image: url(../images/bg-redes-sociales.png);float:right}


#redes-sociales{ height:30px ; float:right}

#servicio-horas{ height:60px ;width:260px; margin-top:10px; padding:4px 0px 0px 0px;float:right}

.txt-red {
	color:#C9000C;
	float:left;
	font-size:18px;
	font-weight:bold;
}

.txt-negro {
	color:#000;
	float:left;
	font-size:18px;
	font-weight:bold;
	width:200px;
}

#servicio-horas img { margin-right:10px;}

.p-home {font-family: 'Calibri', sans-serif; font-size: 16px; color:#555; text-align:justify; margin:10px 0px 5px 0px; line-height:20px;}

.p-home-2 {font-family: 'Calibri', sans-serif; font-size: 16px; color:#555; text-align:justify; margin:15px 0px 20px 0px; line-height:20px;}

.p-home-white {font-family: 'Calibri', sans-serif; font-size: 16px; color:#fff; text-align:justify; margin:10px 0px 10px 0px; line-height:20px;}


.img-home { margin:0px 0px 15px 0px;}

.img-empresa { margin:15px 10px 3px 0px; border-radius:0px; border:1px solid #bbb}

.img-flota { margin:15px 0px 10px 17px; border-radius:0px; border:1px solid #bbb; float:right}

.line-green { height: 1px; background-color: #90CC2E}

.line-black { height: 3px; background-color: #FC9B00}

.bg-menu { width: 980px; margin: 0 auto; height:100%; background-color:#494949}

.shell { width: 980px; margin: 0 auto;}

.top-nav .shell { position: relative;}
.top-nav {height: 48px;}
.top-nav ul { list-style: none; list-style-position: outside; font-family: 'Calibri', sans-serif; font-size: 15px; text-transform: uppercase; line-height: 45px; font-weight:bold}
.top-nav ul li { float: left; padding: 0 0 0 0}
.top-nav ul li a {
background: #850000;
color: #FFF;
float: left;
padding: 0px;
text-align: center;
width: 167px;
border-left: #580000 solid 1px;
border-right: #920000 solid 1px;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-nav ul li span { float: left; }

.top-nav ul li a:hover { 
background:#C10C02; 
color: #FFF; 
text-decoration: none;
padding-right:20px;
border-left: #580000 solid 1px;
border-right: #920000 solid 1px;

   -webkit-transition:all 0.5s ease-in;
   -moz-transition:all 0.5s ease-in;
   -o-transition:all 0.5s ease-in;
   -ms-transition:all 0.5s ease-in;
   transition:all 0.5s ease-in;
}

.top-nav ul li.active a { text-decoration: none; background:#C10C02; color: #F5F5F5; text-decoration: none; 
border-left: #580000 solid 1px;
border-right: #920000 solid 1px;
}

.top-nav ul li.active span {  padding: 0px; }
.top-nav span.top-nav-shadow {
	width: 959px;
	height: 7px;
	position: absolute;
	top: 53px;
	left: 50%;
	margin-left: -480px;
}
.top-nav a.nav-btn { display: none; } 





#header {
}

.container{ padding-top:35px}


.header-inner { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px;position: relative;  background: url(images/header-cnt.png) no-repeat center 0; margin-top: 30px;}

.header-cnt #logo { width: 397px; font-size: 0; line-height: 0;  }
.header-cnt #logo a { height: 134px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; display: block;  }
.header-cnt { width: 422px; padding-top: 30px; }
.header-cnt h2 { font-size: 74px; line-height: 83px; color: #fff;  font-weight: 100; } 
.header-cnt h3 { font-size: 40px; padding-bottom: 8px; line-height: 50px; font-weight: bolder;  color: #fff;font-family: 'Calibri', sans-serif;  } 
.header-cnt p { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom: 10px; }
.header-cnt a.blue-btn { background: url(images/blue-btn.png) no-repeat 0 -75px; position: relative; bottom: -30px; z-index: 100; width: 198px; height: 70px; text-align: center; line-height: 56px; display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Calibri', sans-serif; font-weight: 700;   }
.header-cnt a.blue-btn:hover  { text-decoration: none; background-position: 0 0px; }

.slider-holder { float: right; width: 495px; height: 293px; background: url(images/slider.png) no-repeat 0 0; position: absolute; top: 7px; right: -19px; padding: 34px 44px; z-index: 1000;}
.slider-holder .flexslider { width: 497px; height: 288px; position: relative; }
.slider-holder .flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.slider-holder .flexslider ul.slides li { width: 497px; height: 288px; float: left; }
.slider-holder .flexslider ul.slides li img { width: 497px; height: 288px; }

.main { padding: 0px; position: relative; height: 100%}

.main span.shadow-top {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 46px;
	z-index: 0;
	display: block;
	background-color:#CCC;
}

.main h1 { font-size: 24px; color: #494949; font-family: 'Calibri', sans-serif; padding-bottom: 5px; font-weight:100}

.main h2 { 
font-size: 18px;
color: #81C700;
font-family: 'Calibri', sans-serif;
font-weight: 100;
padding-top: 5px;
}

.main h3 { font-size: 17px; color: #FFF; line-height: 28px; font-family: 'Calibri', sans-serif; padding-bottom: 0px; font-weight:100}


.main section {
	background: url(images/section-shadow.png) no-repeat 0 bottom;
	padding-top:0px;
	padding-bottom: 0px;
}

.main section:last-of-type { background: transparent; }

.main .testimonial { text-align: center; padding-right: 88px; padding-left: 88px; }
.main .testimonial p { padding-bottom: 10px; }
.main .testimonial p strong { font-size: 28px; font-family: georgia, serif; position: relative; top: 10px; left: -5px; }

.main .content { width: 980px; float: left; padding:20px 0 25px 0;}


ul.disc{
column-count: 2;
-webkit-column-count: 2;}

ul.disc li { list-style:disc; margin-left: 20px; color:#fff}

ul.disc2{
column-count: 2;
-webkit-column-count: 2;}

ul.disc2 li { list-style:disc; margin-left: 20px; color:#333}

.main .content img.alignleft { margin-right: 22px; }

.main .content .cnt-marcas { float:left; margin:0px 20px 0px 20px}

.main .content .cnt-izq {
overflow: hidden;
width: 290px;
float: left;
margin: 20px 0px 0px 28px;}

.main .content .titulo { overflow: hidden; width: 940px; float:left; margin:0px 0px 10px 20px;}

.main .content .quienes { overflow: hidden; width: 580px; float:left; margin-left:20px;}


.main .content .cnt { overflow: hidden; width: 610px; float:right; margin-right: 20px;}

.main .content .mision { overflow: hidden; width: 940px; float:left; margin-left: 20px;}

.main .content .vision { overflow: hidden; width: 940px; float:left; margin-left: 20px;}

.main .content .cnt2 { overflow: hidden; width: 610px; float:right; margin: 10px 20px 0px 0px;}

.main .content .quienes-der { overflow: hidden; width: 350px; float:right; margin: 10px 20px 10px 0px;}

.main .content .cnt-laempresa { overflow: hidden; width: 940px; float:right; margin: 0px 20px 0px 20px}

.main .content .cnt-servicios { overflow: hidden; width: 940px; float:right; margin: 0px 20px 0px 20px;}

.main .content .cnt-objetivos {width: 940px; float:right; margin: 0px 20px 0px 20px;}

.main .content .cnt-mision {width: 940px; float:right; margin: 0px 20px 0px 20px;}

.main .content .cnt-transporte { overflow: hidden; width: 442px; float:left; margin: 10px 5px 0px 20px; background-color:#fff; border:solid 1px; border-color:#000; padding:10px}

.main .content .cnt-dos { overflow: hidden; width: 442px; float:right; margin: 10px 20px 0px 5px; background-color:#fff; border:solid 1px; border-color:#000; padding:10px}

.main .content .cnt-tres { overflow: hidden; width: 920px; float:right; margin: 10px 20px 0px 20px; background-color:#fff; border:solid 1px; border-color:#000; padding:10px}

.main .content .cnt-cuatro { overflow: hidden; width: 920px; float:right; margin: 10px 20px 0px 20px; background-color:#fff; border:solid 1px; border-color:#000; padding:10px}

.main section.blog { padding-bottom: 3px; background-color: #FFF}

.main .sidebar { width: 200px; float: left; }
.main .sidebar ul { list-style: none; list-style-position: outside; }
.main .sidebar ul li {
	border-bottom: 1px solid #B6C54B;
	background-color:#A9BB2B;
	padding: 3px 0px 2px 5px;
	position: relative;
}

.main .sidebar ul li a { color: #fff; text-decoration: none; display: block; cursor:pointer}

.main .sidebar ul li:hover, .main .sidebar ul li.active { text-decoration: none; background-color:#fff; }

.main .sidebar ul li img { margin-right:5px}


.main .cols {}
.main .cols a.view { margin-right: 16px; position: absolute; bottom: 0; right: 0px; }
.main .cols .col {
	width: 300px;
	height: 201px;
	float: left;
	background-image: url(../images/bg-box.jpg);
	margin-right: 40px;
	position: relative;
}

.main .cols .col2 {
	width: 300px;
	height: 201px;
	float: left;
	background-image: url(../images/bg-box.jpg);
	position: relative;
}

.main .cols .col-cnt { padding: 10px 20px 0px 20px; height:  100%; overflow: hidden; text-align:justify; color:#FFF; font-family: 'Calibri', sans-serif; font-size:15px; font-weight:100;}


.main .cols .col img.alignleft { margin-right: 7px; }
.main .cols .col.last { width: 280px; padding-right: 0; margin-right: 0; background: transparent; }

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; 
}

#footer span.shadow-bottom { background: url(images/main-shadow-bottom.png) repeat-x 0 0;  top: -46px; left: 0; position: absolute; width: 100%; height: 46px; z-index: 20; display: block;  }

#footer {
position: relative;
margin-top: 30px;
height: 70px;
}
	
.footer-cols { background: url(images/footer-cols.png) repeat-x 0 0; }
.footer-cols .col { float: left; width: 226px; padding-right: 24px; }
.footer-cols .col.last { padding-right: 0; }
.footer-cols h3 { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; font-size: 21px; line-height: 28px; font-family: 'Calibri', sans-serif; font-weight: 500; padding-bottom: 12px; }
.footer-cols h3 a { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; }
.footer-cols h3 a:hover { text-decoration: none; color: #bdbdbd;  }
.footer-cols p { color: #fff; }
.footer-cols p a { color: #fff; }
.footer-cols ul { list-style: none; list-style-position: outside; }
.footer-cols ul li { color: #fff; padding-bottom: 6px; padding-left: 9px; background: url(images/bullet-footer-col.png) no-repeat 0 8px; }
.footer-cols ul li a { color: #fff; }

.footer-bottom {
	height: 60px;
	padding: 0;
}

.franja-negra {
	background-color:#FFF;
	height: 40px;
	margin: 20px 0px 25px 0px;
	padding-top: 20px;
	width: 980px;
}

.franja-verde {
	width: 980px;
	padding-top:0px;
	margin: 10px 0px 0px 0px;
	color:#555;
	font-size: 13px;
	font-family: 'Calibri';
}

.franja-verde img{
	margin: 0px 2px 0px 0px;

}


.footer-nav { float: left; line-height: 11px;  }
.footer-nav ul { list-style: none; list-style-position: outside; }
.footer-nav ul li { float: left; padding: 0 10px; background: url(images/footer-nav-border.png) no-repeat 0 0; }
.footer-nav ul li.first { background: transparent; padding-left: 0;  }
.footer-nav ul a { color: #4E764B }
.footer-bottom p.copy-left { color: #fff;  line-height: 13px; margin-left:335px;}

.footer-bottom p.copy { float: left; color: #D8D8D8;  line-height: 17px;}

.footer-bottom p.copy span  { padding: 0 9px;  }
.footer-bottom p.copy a { text-decoration: none; color:#fff}
.footer-bottom p.copy a:hover { color:#fff  }

/* NOSOTROS
================================================== */

.main .content-nosotros { width: 977px; float: left; }
.main .content-nosotros ul { list-style: none; list-style-position: outside; padding-top: 8px;  }
.main .content-nosotros ul li { padding-left: 8px; background: url(images/bullet.png) no-repeat 0 9px; padding-bottom: 5px;  }
.main .content-nosotros ul li a { text-decoration: underline; }
.main .content-nosotros ul li a:hover { text-decoration: none; }
.main .content-nosotros img.alignleft { margin-right: 22px; }
.main .content-nosotros .cnt { overflow: hidden; height: 100%; }

.main .cols .col-cnt-nosotros-m { padding: 10px 20px 20px 20px; height:  100%; overflow: hidden; text-align:justify; color:#FFF; font-family: 'Calibri', sans-serif; font-size:15px; font-weight:100; background-color:#00A5CE; margin-bottom:15px;}

.main .cols .col-cnt-nosotros-v { padding: 10px 20px 20px 20px; height:  100%; overflow: hidden; text-align:justify; color:#FFF; font-family: 'Calibri', sans-serif; font-size:15px; font-weight:100; background-color:#9DA72C}

.footer-bottom p.copy-left { float: left; color: #fff;  line-height: 11px; width:310px; font-size: 16px; font-family: 'Calibri', sans-serif; font-weight: 100;
padding-bottom:5px; text-align:center}

.footer-bottom p.copy-left span  { padding: 0 0px;  }

/* PRODUCTOS
================================================== */




/* SERVICIOS
================================================== */

.main .cols .col-cnt-servicios { height: 100%; overflow: hidden; font-family: 'Calibri', sans-serif; font-size:15px; font-weight:100; background-color:#00A5CE; margin-bottom:15px}

/* CONTACTENOS
================================================== */

.main .contac { 
background-color:#850000;
box-shadow: #D1D1D1 5px 5px 7px;
color:#FFF;
font-family: 'Calibri', sans-serif; 
font-size:15px; 
float: left; 
height: 250px; 
margin:10px 0px 0px 20px;
padding:20px; 
width: 180px; 
}

.main .contac p img { margin-right:0px}

.main .content-contact { width: 710px; float: right; font-family: 'Calibri', sans-serif; font-size:15px;}

.main .content-contact img.alignleft { margin-right: 22px; }

.main .content-contact .cnt-medio { overflow: hidden; width: 690px; float: right; margin: 0px 15px 0px 0px;}

.main .content-contact .cnt3 {
	width: 265px;
	padding:0px 10px 0px 0px;
	float:right;
}

.line-gray { width: 100%; height: 5px; background-color: #E4EBEF; float:left}


.direccion{
    margin:0 0 15px 0;
	width:180px;
	float:left;
	color: #fff;
}
.telef{
    margin:15px 0 15px 0;
	width:180px;
	float:left;
	color: #fff;
}
.celu{
	margin:15px 0 0 0;
	width:180px;
	float:left;
	color: #fff;
}
.ventas{
	margin:15px 0 0 0;
	width:180px;
	float:left;
	color: #000;
}

.mapa{
	margin:15px 0 0 0;
	width:207px;
	float:left;
}

.es{
	margin:20px 0 0 0;
	border:1px solid #aaa;
	height:20px;
	float:right;
}

.es2{
	margin:20px 0 0 0;
	border:1px solid #aaa;
	float:right;}

.nombre{
	width:70px;
	float:left;
	overflow:hidden;
	margin:0px;
}

.nombre p{
	width:71px;
	float:left;
	color:#555;
	margin:20px 0 0 0px;
}

.botones input{
	color:#fff;
	background-color: #850000;
	width:93px;
	height:27px;
	margin:0 0 0 15px;
	border:0px;
	
	-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease;
}

.botones input:hover{
	color:#fff;
	background-color: #C10C02;
	cursor:pointer;
	
	-webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    -o-transition:all 0.5s ease-in;
    -ms-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;
}

.botones {
	float:right;
	width:220px;
	padding:20px 0px 0px 0px;
}

#fmail {
	width:660px;
}

.vineta {
	padding:0px 7px 0px 0px;
}

.correo-white {
	color:#fff;
	margin:12px 0px 0px 25px;
	float:left;
	font-size:17px;
	width:260px;
}

.just-der {
	text-align: right;
	width:52%;
	float:right;
	margin-left:5px;
}

.just-der-direccion {
	text-align: left;
	width:100%;
	font-size:14px;
	float:right
}

.just-izq {
	text-align: left;
	width:80px;
	height:40%;
	float:left

}

.just-direccion {
	text-align: left;
	width:20px;
	float:left
}

.just-der-mail {
	text-align: left;
	width:87%;
	float:left;
}

.just-izq-mail {
	text-align: left;
	width:12%;
	float:left
}

.just-izq-mail2 {
	text-align: left;
	width:9%;
	float:left
}

.title-contactenos {
	width:96%;
	height:35px;
	padding: 14px 20px 0px 20px;
	margin:0px;
}

.img-proy { width: 300px; float:left; margin:0px 0px 7px 0px; list-style:none}

.img-prod { width: 300px; float:left; margin:0px 0px 7px 20px; list-style:none}

.img-proyectos { width: 96%; float:left; margin:0px 0px 7px 20px; list-style:none}

.bluebox {
color: #fff;
background-color: #FF6600;
margin-right: 3px;
padding-left: 5px;
padding-right: 5px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
text-decoration: none;
float:left
}

.blueboxright {
color: #C00900;
padding-right: 5px;
padding-bottom:2px;
}

.redes-sociales {
	color:#fff;
	margin:7px 0px 0px 10px;
	float:right;
	width:85px;
	height:30px
}



.ver-mas { 
width: 80px; 
float: right; 
}

.ver-mas a{ 
background-color: #FF0000;
border: 2px solid #CF0000;
color: #fff;
cursor: pointer;
display: block;
text-align: center;
font-weight: 500;
text-shadow: rgba(150, 0, 0, 0.7) 2px 2px 3px;

   -webkit-transition:all 1s ease-in;
   -moz-transition:all 1s ease-in;
   -o-transition:all 1s ease-in;
   -ms-transition:all 1s ease-in;
   transition:all 1s ease-in;
}

.ver-mas a:hover {
text-decoration: none; 
background-color:#000;
border: 2px solid #ccc;

	
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   -ms-transition:all 1s ease;
   transition:all 1s ease;
}



button {
background-color: transparent;
border: 0px;
cursor: pointer;
height: 20px;
margin: 2px 0 0 1px;
padding: 0px;
width: 20px;
}


.div-audio {
color: #fff;
margin: 10px 0px 0px 0px;
float: right;
width: 100px;
height: 27px;
background-color: #B6B6B6;
border-radius: 4px;
border: 1px solid #757575;
}


ul.vinetas-number2 li {
list-style-type: circle;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 5px;
}

ul.vinetas-number2 {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
column-gap: 1.5em;
-webkit-column-gap: 1.5em;
-moz-column-gap: 1.5em;
-o-column-gap: 1.5em;
-ms-column-gap: 1.5em;
}