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




@font-face {
    font-family: 'MyriadProBoldCond';
    src: url('myriadpro-boldcond-webfont.eot');
    src: url('myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-boldcond-webfont.woff') format('woff'),
         url('myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('myriadpro-boldcond-webfont.svg#libel_suitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
	font-family: 'myfont';
	src: url('./UFONTSCOMHELVETICALTCONDENSEDBOLD.eot');
	src: local('UFONTSCOMHELVETICALTCONDENSEDBOLD'), url('./UFONTSCOMHELVETICALTCONDENSEDBOLD.woff') format('woff'), url('./UFONTSCOMHELVETICALTCONDENSEDBOLD.ttf') format('truetype');
}	
	
@font-face{
	font-family:fontTitle;
	src:url(HelveticaLTStd-BlkObl.otf);
}
@font-face{
	font-family:BlkCond;
	src:url(HelveticaLTStd-BlkCond.otf);
}


@font-face {
	font-family: 'GillSans';
	src: url('./33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('./33535gillsansmt.woff') format('woff'), url('./33535gillsansmt.ttf') format('truetype');
}


@font-face {
	font-family: 'GillSans-Light';
	src: url('./33535gillsansmt.eot');
	src: local('33535gillsansmt'), url('./33535gillsansmt.woff') format('woff'), url('./33535gillsansmt.ttf') format('truetype');
}






#header{
	background:url(../images/header_01.png) no-repeat;
	height: 262px;
}
#apDiv1 {
	position:absolute;
	width:1462px;
	height: 100%;
	z-index:0;
	margin-left:-290px;
}


#apDiv2 {
	position:absolute;
	width:1462px;
	height: 667px;
	z-index:0;
	margin-left:-290px;
}




#logo {
float: left;
padding-top: 0px;
padding-left: 300px;
margin-top: 10px;
}

#wrapper {
background: #FFF;
}

#main-wrapper{
	margin-top: 155px;
}

#main-menu {
height: 145px;
font-family: Arial;
font-weight: bold;
margin-top: 0px;
width: 100%;
}

.navi>li{
	float:left;
	padding-left:10px;
}
.navi>li a{
	color:#000;
	cursor:pointer;
}
#carrousel {
margin-top: -25px;
margin-left: 0px !important;
margin-bottom:20px;
}

#carrousel p {
padding-top: 0px;
padding-left: 19px;
font-family: 'GillSans-Light' !important;
font-size:15px;
color: #000;
}

#image-carrousel{
	height: 147px;
	margin-left: 16px;
	margin-top: 13px;
}

#main-content{
	margin-top: 70px;
}
#content{
	margin-top: 30px;
	float:left;
	width: 723px;
}
#content>p{
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
	font-style: oblique;
}
#text {
font-family: Arial;
font-size: 14px;
width: 725px;
float: left;
margin-top: 25px;
text-align: justify;
}

#image-content{
	width: 375px;
	float:left;
	margin-top: 25px;
}
#text-content{
	width: 300px;
	float:left;
	margin-top: 25px;
	padding-left: 40px;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
}
.img-brands img{
	padding-left: 0px;
}


.marca-registrada {
padding-top: 33px;
bottom: 0;
background: #949494;
width: 100%;
margin-left: 0px !important;
}

.marca-registrada p {
padding-left: 50px;
color: #000;
}

.register{
	float:left;
}
.nav-tabs{
	border-bottom: 1px solid #2a7f2c;
	font-weight:900;
}
.nav-tabs>.active>a, {
	border: 1px solid #2a7f2c;
}
#myTab{
	margin-top: 15px;
}



.slider {
margin-left: 255px;
position: absolute;
}


@media (min-width: 1241px) and (max-width: 1348px) {

#apDiv1 {width: 1419px;}
#apDiv4 {width: 1419px;}

#apDiv2 {width: 1419px;}
#apDiv3 {width: 1304px; z-index:1;}

.marca-registrada {
padding-left: 0px !important;
}	


}






@media (min-width: 968px) and (max-width: 1024px) {


.surf {
width: 50%;
position: absolute;
margin-left: 405px;
margin-top: 25px;
}


.log1 {
margin-left: 80px;
position: absolute;
}

#logo{padding-left:255px !important;}

#apDiv1 {width: 1291px;}
#apDiv4 {width: 1291px;}

#apDiv2 {width: 1291px;}
#apDiv3 {width: 1170px;}


#indexnav {
margin-top: 105px !important;
margin-left: 110px !important;
}

nav {
margin-top: 105px !important;
margin-left: 315px !important;
}

#redes {
margin-left: 1120px !important;
}

.marca-registrada {
padding-left: 0px !important;
}


}



#indexnav {
font-family: 'GillSans' !important;
font-size:15px;

width: 860px;
position: absolute;
z-index: 2;
margin-top: 110px;
margin-left: 110px;
}







nav {
font-family: 'GillSans' !important;
font-size:15px;

width: 960px;
position: absolute;
z-index: 1;
margin-top: 110px;
margin-left: 300px;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
list-style: none;
position: relative;
display: inline-table;
width: 860px;
margin-left: 0px;
}

	
	
nav ul:after {
		content: ""; clear: both; display: block;
}
	
nav ul li {
	float: left;
	width: auto;
	margin-left: 0px;
}

	nav ul li:hover {	
}

nav ul li:hover a.primero {
background: #f9be44; /* Old browsers */
vheight: 20px;
}
	
nav ul li a.primero {
display: block;
padding: 5px 20px;
color: #000;
text-decoration: none;
text-align: center;
width: auto;
}
	
	
nav ul ul {
	background: rgba(249, 190, 68, 0.8);  
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7F94D3E8', endColorstr='#7F94D3E8'); /* IE */ 
	padding: 0;
	position: absolute; 
	top: 95%;
	width: 156px;
	margin-left: 0px;	
	
	
}
	nav ul ul li {
		float: left; 
		position: relative;
	
}

		nav ul li ul li a.segundo {
			text-decoration: none;
			color: #000;
			text-align:center;
			font-size: 13px;
			margin-left: 0px;
			float: left;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 0px;
			width: 156px;
			
}	

		nav ul li ul li:hover a.segundo {
			background: rgba(0, 0, 0, 0.4);
			color: #000;
			text-align:center;
		
			width: 156px;
			padding-left: 0px;
			
}


		nav ul li ul li a.segundo1 {
			text-decoration: none;
			color: #FFF;
			font-size: 12px;
			margin-left: 0px;
			float: left;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
}	

		nav ul li ul li:hover a.segundo1 {
			background: rgba(0, 0, 0, 0.4);
			color: #000;
			text-align:center;
		
			width: 141px;
			padding-left: 15px;
}





/* Clear float */
.clear{
    clear:both;

}

ul{
	margin:0;
	padding:0;
}

#brands{ background-color:#003c62;margin-left:0px !important;}

.clear{
	clear:both;
}

#contenido {
float: left;
width: 305px;
margin-right: 15px;
height: 285px;
margin-top: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#contenido h1 {color: #000; margin-top: 0px;margin-left: 0px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-left: 6px;font-family: 'myfont' !important;
font-size:24px;
padding:5px;}


#contenidos1 {
background-color: #ebeced;
float: left;
width: 305px;
margin-right: 15px;
height: 220px;
margin-top: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#contenidos1 h1 {color: #FFF; margin-top: 0px;margin-left: 0px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-left: 6px;text-shadow: 0px 1px #000;font-family: 'MyriadProBoldCond' !important;
font-size:33px;padding:5px;}



#contenido2 {
background-color: #f83b00;
border-radius: 5px;
float: left;
width: 305px;
margin-right:15px;
height:220px;
}

#contenido2 h1 {color: #FFF; margin-top: 0px;margin-left: 0px;padding-left: 6px;font-family: 'MyriadProBoldCond' !important;
font-size:33px; padding:10px;}


#contenido2 p {
margin-left: 20px;
width: inherit;
text-align: justify;
position: absolute;
margin-top: -25px;
color: #FFF;
text-decoration: underline;
}

#title p{ color:#FFF;font-family: 'myfont' !important;
font-size:24px;}

#subtitle {position:absolute;}
#subtitle p{ color:#21beff;font-family: 'myfont' !important;
font-size:24px;}

#redes {
margin-left: 1110px;
position: absolute;
margin-top: 11px;
text-align: center;
font-size: 12px;
width:100px;
}

#guia {
width: 270px;
margin-top: 25px;
margin-left: 50px;
padding-top: 70px;
}

#myform .enviar {
cursor: pointer;
font-family: Helvetica;
background-image: url(../images/send.png);
margin-top: 0px;
margin-left: 0px;
width: 138px;
height: 38px;
background-color: transparent;
color: transparent;
border:0;
}

.marca-registrada a{color:#000; text-decoration:none; font-family: 'GillSans' !important;
font-size:14px;}
	
.marca-registrada a:hover{text-decoration:none; color:#fff;}


@-moz-document url-prefix(){

table {
font-family: 'GillSans' !important;
font-size:15px;
color: #FFF !important;
margin-bottom: 40px !important;
margin-left: 90px !important;
}



#contenido-casos{height:350px !important;}
#contenido-casos p{color: #FFF;}
#contenido-casos p#next {margin-top: 40px !important;}

}

#contenido-casos{
	width: 290px;
	margin-top: 0px;
	margin-bottom: 40px;
	text-align: center;
	background-color: #f83b00;
	border-radius: 5px;
	float: left;
	width: 305px;
	margin-right: 15px;
	height: 335px;	
}

#contenido-casos p{color: #FFF;}

#contenido-casos p#next {margin-left: 0px;width: 250px;text-decoration: none;margin-top: 70px;line-height: 20px;font-size: 20px;text-align: right;}

table {
font-family: 'GillSans' !important;
font-size:15px;
color: #FFF;
margin-bottom: 40px;
margin-left: 90px;
}


#response{
    margin-left: 140px;
    margin-top: -30px;
    position: absolute;
}

ol {
font-family: 'GillSans-Light' !important;
font-size:15px;
margin: 20px 40px;
}


#map-canvas {
margin: 0;
padding: 0;
	width: 465px;
	margin: 30px auto;
	display: block;
	border: 6px solid #FFF;
	height: 500px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); 
margin-left: 415px;
margin-top: 100px;
position:absolute;
}


	#map-canvas div { color: #555555; }

	#map-canvas img { max-width: none; }
	
	
.bgserver{width:100%;}	


.green-line {
height: 0px;
margin-left: 15px;
margin-top: 460px;
width: 960px;
border-bottom: solid;
color: #7F8D7F;
position: absolute;
}

.green-line2 {
height: 0px;
margin-left: 15px;
margin-top: 5px;
width: 960px;
border-bottom: dotted;
color: #68ae20;
position: absolute;
}


@media (min-width: 1900px) and (max-width: 1920px) {

#apDiv1, #apDiv2 {
width: 100% !important;
margin-left: -454px !important;
}

#logo {
padding-left: 460px !important;
}

#redes {
margin-left: 1270px !important;
}


	
}


@media (min-width: 1660px) and (max-width: 1680px) {


#apDiv1, #apDiv2 {
width: 100% !important;
margin-left: -334px !important;
}

#logo {
padding-left: 340px !important;
}

#redes {
margin-left: 1154px !important;
}




	
}



@media (min-width: 1580px) and (max-width: 1600px) {
#apDiv1, #apDiv2 {
width: 100% !important;
margin-left: -294px !important;
}

#logo {
padding-left: 300px !important;
}

#redes {
margin-left: 1114px !important;
}

	
}


@media (min-width: 1420px) and (max-width: 1440px) {
#apDiv1, #apDiv2 {
width: 100% !important;
margin-left: -214px !important;
}

#logo {
padding-left: 220px !important;
}

#redes {
margin-left: 1034px !important;
}

}




.green-line3 {
border-left: 2px dotted #f9be44;
width: 1px;
height: 230px;
margin-top: 0px;
margin-left: 325px;
position: absolute;
}


.green-line4 {
border-left: 2px dotted #f9be44;
width: 1px;
height: 230px;
margin-top: 0px;
margin-left: 640px;
position: absolute;
}


.green-line5 {
border-left: 2px dotted #f9be44;
width: 1px;
height: 230px;
margin-top: -15px;
margin-left: 480px;
position: absolute;
}




.hclientes {
position: relative;
width: 934px;
margin-top: 170px;
z-index: 1;
}

.hclientes li {
list-style-image: url(../images/pin.png);
font-family: 'myfont' !important;
font-size:24px;
margin-left: 15px;
padding-bottom: 5px;
}

.clientes {
background-image: url(../images/Nuestros-Clientes-Documents.jpg);
margin-left: 24px;
width: 956px;
border-radius: 10px;
height: 738px;
margin-top: 20px;
margin-bottom: 2px;
}

.hnosotros, .hcontact {
position: relative;
width: 934px;
margin-top: 170px;
z-index: 1;
}

.hnosotros, .hcontact li {
list-style-image: url(../images/pin.png);
font-family: 'myfont' !important;
font-size:24px;
margin-left: 45px;
}

.hnosotros p { width:500px; text-align:justify; font-family: 'myfont' !important;
font-size:14px;}


.hcontact p { width:500px; text-align:justify; font-family: 'myfont' !important;
font-size:16px;}
.hcontact span{color: rgb(255, 191, 55);}


.green-linec {
height: 0px;
margin-left: 15px;
margin-top: 0px;
width: 870px;
border-bottom: solid;
color: #7F8D7F;
position: absolute;
}


.green-line2c {
height: 0px;
margin-left: 15px;
margin-top: 5px;
width: 960px;
border-bottom: dotted;
color: #68ae20;
position: absolute;
}


.formc{position: relative;margin-left: -45px;width: 295px;padding: 30px;border-radius: 10px;}
.formc p {font-family: 'myfont' !important;
font-size:17px;}


.backfond {
background-color: rgb(255, 191, 55);
margin-left: 40px;
width: 920px;
border-radius: 10px;
height:685px;
margin-bottom:30px;
}


.backbelieve {
background-image: url(../images/crencias.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 498px;
margin-top: 20px;
margin-bottom:30px;
}

.backbelieve p{margin-left:30px;margin-bottom:10px;}


.backvalors {
background-image: url(../images/valores.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 498px;
margin-top: 30px;
margin-bottom:30px;
}


.backgrowny {
background-image: url(../images/servicio-integrado.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 289px;
margin-top: 20px;
}


.backgrowny2 {
background-image: url(../images/servicio-integrado-tradicional.jpg);
margin-left: 50px;
width: 888px;
height: 655px;
margin-top: 20px;
}

.backgrowny3 {
background-image: url(../images/servicio-integrado-ganar.jpg);
margin-left: 50px;
width: 888px;
height: 578px;
margin-top: 0px;
margin-bottom:30px;
}


.backmail {
background-image: url(../images/servicio-distribucion.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 289px;
margin-top: 20px;
}

.backmail2{
background-image: url(../images/servicio-distribucion-cobertura.jpg);
margin-left: 50px;
width: 892px;
height: 800px;
margin-top: 20px;
}


.backmail3 {
margin-left: 50px;
width: 888px;
height: 265px;
margin-top: 40px;
}

.backmail3 strong {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left:30px;}
.backmail3 p {font-family: 'GillSans' !important; font-size:14px;margin: 30px 30px;}



.backmail4 {
background-image: url(../images/servicio-distribucion-ofrece.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 818px;
margin-top: 40px;
margin-bottom:30px;
}

.backmail4 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left: 45px;padding-top: 90px;}
.backmail4 p {font-family: 'GillSans' !important; font-size:15px;margin: 15px 15px; width:760px;}


.backmail4 li {font-family: 'GillSans' !important; font-size:15px; list-style:disc !important; margin:25px 0 0 40px;color:#000;}




.backshadow {
background-image: url(../images/servicio-shadow.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 289px;
margin-top: 20px;
}



.backshadow3 {
margin-left: 50px;
width: 888px;
height: 265px;
margin-top: 40px;
}

.backshadow3 strong {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left:30px;}
.backshadow3 p {font-family: 'GillSans' !important; font-size:14px;margin: 30px 30px;}



.backshadow4 {
background-image: url(../images/servicio-distribucion-ofrece.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 610px;
margin-top: 20px;
}

.backshadow4 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left: 45px;padding-top: 110px;}
.backshadow4 p {font-family: 'GillSans' !important; font-size:15px;margin: 15px 15px; width:760px;}


.backshadow4 li {font-family: 'GillSans' !important; font-size:15px; list-style:disc !important; margin:25px 0 0 40px;color:#000;}





.backprint {
background-image: url(../images/servicio-impresion.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 289px;
margin-top: 20px;
}



.backshadow3 {
margin-left: 50px;
width: 888px;
height: 325px;
margin-top: 40px;
}

.backshadow3 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left:30px;}
.backshadow3 strong {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left:30px;}
.backshadow3 p {font-family: 'GillSans' !important; font-size:14px;margin: 30px 30px;}



.backshadow4 {
background-image: url(../images/servicio-distribucion-ofrece.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 610px;
margin-top: 20px;
margin-bottom:30px;
}

.backshadow4 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left: 45px;padding-top: 110px;}
.backshadow4 p {font-family: 'GillSans' !important; font-size:15px;margin: 15px 15px; width:760px;}



.backshadow5 {
background-image: url(../images/servicio-distribucion-segundo.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 975px;
margin-top: 20px;
margin-bottom:30px;
}

.backshadow5 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left: 45px;padding-top: 55px;}
.backshadow5 h2 {font-family: 'GillSans' !important; font-size:16px;font-weight: bolder;margin-left: 45px;padding-top: 15px;text-align: center;}
.backshadow5 h3 {font-family: 'GillSans' !important; font-size:14px;font-weight: bolder;margin-left: 45px;padding-top: 15px;text-align: center;}
.backshadow5 p {font-family: 'GillSans' !important; font-size:15px;margin: 15px 15px; width:760px;}


.backshadow5 li {font-family: 'GillSans' !important; font-size:15px; list-style:disc !important; margin:25px 0 0 40px;color:#000; width:815px;}


.green-lineim {
border-left: 2px dotted rgb(0, 0, 0);
width: 1px;
height: 300px;
margin-top: 60px;
margin-left: 290px;
position: absolute;
}


.green-lineim2 {
border-left: 2px dotted #000;
width: 1px;
height: 300px;
margin-top: 60px;
margin-left: 590px;
position: absolute;
}


.backus {
background-image: url(../images/sobre-nosotros.jpg);
margin-left: 50px;
width: 888px;
border-radius: 10px;
height: 289px;
margin-top: 20px;
}

.backus3 {
margin-left: 50px;
width: 888px;
margin-top: 40px;
}

.backus3 h1 {font-family: 'GillSans' !important; font-size:25px;font-weight: bolder;margin-left:30px;}
.backus3 p {font-family: 'GillSans' !important; font-size:16px;margin: 30px 30px;width: 830px;text-align: justify;}


.enviar {
color: rgba(0, 0, 0, 0);
font-weight: 900;
line-height: 1.4em;
font-style: italic;
font-size: 13px;
word-wrap: break-word;
border: 0;
cursor: pointer;
background: url(../images/send.png) no-repeat;
font-family: Helvetica;
width: 134px !important;
height: 50px;
margin-left: 0px;
}