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

body, html { height: 100%; }

body {
	background-image:url(../images/fondo.jpg) ;
	font-family: 'Calibri', sans-serif; 
	font-size: 15px; 
	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  {width: 980px; margin: 0 auto; height: 150px; background-color:#FFF; margin-top:3px}

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

.contenedor-up { }



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


#datos-cabecera{ 
color:#8DB2A1;
float:right;
font-size:18px;
font-weight:100;
margin-top:30px;
width: 220px;
height:50px;
text-align:left;
}

#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: 15px; color:#333; text-align:justify; margin:10px 0px 10px 0px; line-height:20px;}

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


.img-home { margin:0px 0px 15px 0px; border: #8FB0A1 1px solid;}

.img-empresa { margin:14px 17px 20px 0px;}

.line-green { height: 1px; background-color: #8FB0A1}

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

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

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

.top-nav .shell { position: relative;}
.top-nav {height: 45px;}
.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; border-right: 0px solid #FFD83C }
.top-nav ul li.active  {}
.top-nav ul li a {
background: #F5F5F5; 
color: #2F885F;
	
float: left; 
padding: 0px;
text-align:center;
width:168px;
border-right: #E1E1E1 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:#8DB2A9; 
color: #FFF; 
text-decoration: none; 

   -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 { background:#8DB2A9; 
color: #FFF; text-decoration: none; }


.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 {}

.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;  }

.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 0 30px; 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: 17px; color: #8DB2A1; font-family: 'Calibri', sans-serif; padding-bottom: 0px; font-weight:100}

.main h2 { font-size: 17px; color: #8DB2A1; font-family: 'Calibri', sans-serif; padding: 10px 0px 0px 10px; font-weight:100}

.main h3 { font-size: 16px; color: #990000; 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:0px 0 40px 0}
.main .content ul { list-style: none; padding-top: 8px;  }
.main .content ul li { padding-left: 0px; padding-bottom: 5px;  }
.main .content ul li a { text-decoration: underline; }
.main .content ul li a:hover { text-decoration: none; }
.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: 300px; float:left; margin:30px 0px 30px 20px;}

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

.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; height:210px;}

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

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

.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:#030; }

.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 {
	border-top: 1px solid #fff;
	position: relative;
	height:80px;
}
	
.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;
	margin-top:30px;
}

.franja-negra {
	width: 980px;
	padding-top:12px;
	margin: 20px 0px 0px 0px;
	height:23px;
}

.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: #333;  line-height: 13px;}

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

/* 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: #000;  line-height: 11px; width:370px; font-size: 14px; 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 { height: 100%; width: 180px; float: left; color:#FFF; padding:20px; font-family: 'Calibri', sans-serif; font-size:14px; margin:17px 0px 0px 20px; background-color:#8DB2A9;
}

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

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

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

.main .content-contact .cnt-medio { overflow: hidden; width: 660px; 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 10px 0;
	width:180px;
	float:left;
	color: #fff;
}
.telef{
    margin:0 0 10px 0;
	width:180px;
	float:left;
	color: #fff;
}
.celu{
    margin:0 0 10px 0;
	width:180px;
	float:left;
	color: #fff;
}
.ventas{
	margin: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 #8FB0A1;
	height:20px;
	float:right;
}

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

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

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

.botones input{
	color:#fff;
	background-color: #000;
	width:93px;
	height:27px;
	margin:0 0 0 5px;
	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:#000;
	background-color: #8DB2A9;
	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:200px;
	padding:20px 0px 0px 0px;
}

#fmail {
	width:655px;
}

.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: left;
	width:52%;
	float:right;
	margin-left:5px;
}

.photo-contactenos {
	width:100%;
	margin-bottom:10px;
}

.just-der-direccion {
	text-align: left;
	width:100%;
	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:85%;
	float:right
}

.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: #8DB2A9;
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: #fff;
background-color: #2CC2FF;
padding-left: 5px;
padding-right: 5px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
text-decoration: none;
float:right;

padding-bottom:2px;
}

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

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

.ver-mas a{ 
background-color:#333;
border: 1px solid #000;
color: #fff; 
cursor:pointer;
display: block;
text-align:center;
font-weight:500;

   -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; 
border: 1px solid #2CC2FF;
background-color:#2CC2FF; 
	
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   -ms-transition:all 1s ease;
   transition:all 1s ease;
}