@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;700&family=Nixie+One&family=Cabin+Sketch:wght@700&family=Caveat+Brush&family=Allura&family=Berkshire+Swash&family=Gochi+Hand&family=Pacifico&family=Open+Sans:wght@300;400&display=swap');

/*
font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Gochi Hand', cursive;
font-family: 'Berkshire Swash', cursive;
font-family: 'Caveat Brush', cursive;
font-family: 'Allura', cursive;
font-family: 'Cabin Sketch', cursive;
*/

*{margin:0;padding: 0;}

body{
   
}

::-webkit-scrollbar {
	width: 10px;
	background: white; 
}

::-webkit-scrollbar-thumb{
        width: 5px;
        /*background: #007D8A;*/
        background: linear-gradient(0deg, rgba(0,71,109,1) 0%, rgba(0, 181, 171,1) 70%);	
}

/*#seguidor{
	z-index: 0;
	position: fixed;
	width: 30px;
	height: 30px;
	border-radius: 50vw;
	background: url("imagenes/pointer.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}*/

#contServActuallyPort{
	display: none;
}

.contTitleTextPortNstServ{
	display: none;
}

h1{
    font-family: 'Poppins', sans-serif;
    font-size: 50px;
    font-weight: 700;
}

h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
}

h3{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

h4{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

h5{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}	

p{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;	
}

#navPage{
	display: none;
	z-index: 3;
	position: fixed;
	top: 0;
	float: left;
	width: 100%;
	min-height: 500px;
	height: calc(100vh + 80px);
	background: #15212C;
}

#logoBack{
	z-index: 4;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	margin-top: calc((100vh - 317.3553px) / 2);
	float: left;
	width: 300px;
	height: 317.3553px; 
	display: flex;
	justify-content: center;
	align-items: center;
	filter: opacity(0.05);
}

#btnCloseNav{
	z-index: 6;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 20px;
	margin-right: 20px;
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#btnCloseNav:hover{
	cursor: pointer;
}

#contNavI{
	z-index: 5;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
    margin: auto;
    float: left;
	width: auto;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.itemNav{
	float: left;
	width: auto;
	height: 30px;
	margin-top: 12px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
    color: white;
}

.itemNav:hover{
	cursor: pointer;
}

.h5Nav{
	font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

#itemNavI-I{
	margin-top: 0px;
}

.underlineNav{
	display: none;
	float: left;
	width: 100%;
	height: 3px;
	margin-top: -7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	background: #007D8A;
}

#contNavII{
	z-index: 5;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
    margin: auto;
    float: left;
	width: auto;
	height: 100vh;
	display: none;
    justify-content: center;
	align-items: center;
	flex-direction: column;
}

#itemNavII-I{
	margin-top: 0px;
}

#backNav{
	width: 50px;
	height: 17.104677px;
	background: url("imagenes/nav/arrowBack.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

#barSup{
	z-index: 2;
	position: fixed;
	float: left;
	width: 100%;
	height: 80px;
	background: transparent;
}

#logoI{
	display: none;
	float: left;
	width: 170px;
	height: 40px;
	margin-left: 10%;
	margin-top: 15px;
}

#isoLogoBar{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: flex-end;
}

#logoBar{
	float: left;
	width: 130px;
	height: 40px;
	display: flex;
	align-items: flex-end;
}

#triggerWhatsApp{
	cursor: pointer;
	position: relative;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 22px;
	height: 20px;
	margin-top: 30px;
	margin-right: 10px;
}

#triggerWhatsApp img:nth-child(1){
	width: 20px;
	height: 20px;
}

#triggerWhatsApp img:nth-child(2){
	width: 5px;
	height: 10px;
}

#modalWhatsAppNumbers{
	user-select: none;
	visibility: hidden;
	opacity: 0;
	transition: .3s;
	position: absolute;
	top: 0;
	margin-top: 50px;
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: auto;
	border: 1px solid #e4e4e4;
	background: #FFFFFF;
	/* box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px; */
}

#modalWhatsAppNumbers.open{
	visibility: visible;
	opacity: 1;
}

#modalWhatsAppNumbers div{
	cursor: pointer;
	display: flex;
	gap: 5px;
}

#btnMain{
	float: right;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-right: 5%;
}

#btnMain:hover{
	cursor: pointer;
}

header{
	position: relative;
	float: left;
	width: 100%;
	min-height: 500px;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#contVideo{
	z-index: 0;
	position: absolute;
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#video1{
	object-fit: cover;

}

#frontVideo{
	z-index: 1;
	position: absolute;
	float: left;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	background: rgba(111, 127, 135,0.6);
}

#contLogoHeader{
	z-index: 1;
	position: relative;
	float: left;
	width: 450px;
	height: 142.383px;
	/* background: url("imagenes/barSup/logoE.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; */
}

#contIsoHeader{
   float: left;
   width: 134.4504px;/*width del iso es (height / 1,059) */
   height: 142.383px;
   
}

#contTextLogoHeader{
   float: left;
   width: 315.5496px;
   height: 142.383px;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}

/*#titleHeader{
	z-index: 1;
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	color: white;
	text-shadow: 1px 1px 10px rgba(150, 150, 150, 1);
	text-align: center;
}*/

#subTitleHeader{
	z-index: 1;
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	margin-top: 20px;
	color: white;
	text-shadow: 1px 1px 10px rgba(0,0,0, 1);
	text-align: center;
}

#contDownBarSup{
	z-index: 1;
	position: absolute;
	bottom: 0;
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 50px;
}

#btnSound{
	z-index: 1;
	float: left;
	margin-left: 0%;
	margin-bottom: 40px;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("imagenes/header/redes/soundSVG.svg");
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#btnSound:hover{
	cursor: pointer;
}

#contRedesHeader{
	z-index: 1;
	float: left;
	width: 110px;
	height: 40px;
	margin-left: 10%;
}

.itemRedes{
	float: left;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	margin-left: 10px;
}

.itemRedes:hover{
	cursor: pointer;
}

#itemRedesI{
	margin-left: 0px;
	background: url("imagenes/header/redes/faceSVG.svg");
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#itemRedesII{
	background: url("imagenes/header/redes/instamSVG.svg");
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#itemRedesIII{
	background: url("imagenes/header/redes/whatSVG.svg");
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#phoneBar{
	float: right;
	width: auto;
	height: 40px;
	margin-right: 10%;
	display: none;
	justify-content: center;
	align-items: center;
	color: white;
}

#sectionI{
	float: left;
	width: 100%;
	height: auto;
	background: #EFEFEF;
}

#contTextAbout{
	float: left;
	width: 39%;
	height: auto;
	margin-top: 50px;
	margin-left: 10%;
	box-sizing: border-box;
}

#supraTitleAbout{
	float: left;
	width: 100%;
	height: 25px;
	color: #009698;
}

#titleAbout{
	float: left;
	width: 100%;
	height: 30px;
	margin-top: 5px;
	color: #5D6B78;
}

#textAbout{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	color: #6F7F87;
	color: #262626;
	text-shadow: 0px 0px 5px rgba(255,255,255, 0.25);
}

#contNumAbout{
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
	height: 50px;
	margin-left: 20px;
	margin-top: 30px;
	color: #5D6B78;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #007D8A;
	border-radius: 5px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#contNumAbout:hover{
	cursor: pointer;
}

#qualityPolitics{
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
	height: 50px;
	margin-left: 20px;
	margin-top: 30px;
	color: #5D6B78;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #007D8A;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#qualityPolitics:hover{
	cursor: pointer;
    background: #007D8A;
    color: white;
}

#iconNum{
	float: left;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#textNum{
	float: left;
	width: auto;
	min-height: 30px;
	height: auto;
	display: flex;
	align-items: center;
}

#btnAbout{
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
	height: 50px;
	margin-top: 30px;
	margin-left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5D6B78;
	transition: 0.5s;
	box-sizing: border-box;
	border: 1px solid #007D8A;
	border-radius: 5px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#btnAbout:hover{
	cursor: pointer;
	background: #007D8A;
	color:white;
}

#imgAbout{
    float: left;
	width: 39%;
	height: auto;
	margin-top: 50px;
	margin-left: 2%;
	background: url("imagenes/sectionI/about.jpg");	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#supraTitleAboutA{
	visibility: hidden;
	float: left;
	width: 100%;
	height: 25px;
	color: #009698;
}

#titleAboutA{
	visibility: hidden;
	float: left;
	width: 100%;
	height: 30px;
	margin-top: 5px;
	color: #5D6B78;
}

#textAboutA{
	visibility: hidden;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	color: #6F7F87;
	color: #262626;
	text-shadow: 0px 0px 5px rgba(255,255,255, 0.25);
}

#contNumAboutA{
	visibility: hidden;
	float: left;
	width: 180px;
	height: 50px;
	margin-left: 20px;
	margin-top: 30px;
	color: #5D6B78;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #007D8A;
	border-radius: 5px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#iconNumA{
	visibility: hidden;
	float: left;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#textNumA{
	visibility: hidden;
	float: left;
	width: auto;
	min-height: 30px;
	height: auto;
	display: flex;
	align-items: center;
}

#btnAboutA{
	visibility: hidden;
	float: left;
	width: 180px;
	height: 50px;
	margin-top: 30px;
	margin-left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5D6B78;
	transition: 0.5s;
	box-sizing: border-box;
	border: 1px solid #007D8A;
	border-radius: 5px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

.squareDataAbout{
	float: left;
	width: 24.6666%;
	min-height: 210px;
	height: auto;
	margin-left: 3%;
	margin-top: 50px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
	background: white;
}

#squareDataAboutI{
	margin-left: 10%;
}

#lastSquareDataAbout{
	margin-bottom: 50px;
}

.iconDataAbout{
    float: left;
    width: 80px;
    height: 80px;
    margin-left: calc((100% - 80px) / 2);
    margin-top: 30px;
}


#iconDataAboutI{
	background: url("imagenes/sectionI/aboutIconI.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#iconDataAboutII{
	background: url("imagenes/sectionI/aboutIconII.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#iconDataAboutIII{
	background: url("imagenes/sectionI/aboutIconIII.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.textDataAbout{
	float: left;
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}

#sectionII{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #001C29;
	background: #d9d9d9;
}

#supraTitleServ{
	float: left;
	width: 100%;
	height: auto;
	color: #00AFA7;
	color: #5D6B78;
	text-align: center;
	margin-top: 60px;
}

#titleServ{
	float: left;
	width: 80%;
	height: auto;
	margin-top: -15px;
	margin-left: 10%;
	text-align: center;
	color: #009698;
	color: white;
	color: #5D6B78;
	color: #3A434B;
	/*color: #363E45;*/
	font-size: 37px;
}

#infraTitleServ{
	float: left;
	width: 80%;
	height: auto;
	margin-top: -25px;
	margin-left: 10%;
	text-align: center;
	font-family: 'Allura', cursive;
	font-weight: 400;
	font-size: 55px;
	color: white;
	color: #009698;
	/*color: #A6A6A6;*/
}

.contColorNstServ{
	position: relative;
	float: left;
	width: 26.3333%;
	height: 26.3333vw;
	margin-left: 0.5%;
	margin-top: 0.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    border-radius: 7px;
    background: #323D46;
    background: #d9d9d9;
    background: transparent;
    /*box-shadow: 0 0 11px rgba(34,34,34, 0.3); 
	-webkit-box-shadow: 0 0 11px rgba(34,34,34, 0.3); 
	-moz-box-shadow: 0 0 11px rgba(34,34,34, 0.3); */
}

.contNstServ{
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.3); 
	border-radius: 0px;
}

.contNstServ:hover{
	cursor: pointer;
}

#contColorNstServI,#contColorNstServII,#contColorNstServIII{
	margin-top: 50px;
}

#contColorNstServI,#contColorNstServIV,#contColorNstServVII{
	margin-left: 10%;
}

#contColorNstServIX{
	margin-bottom: 50px;
}

#contColorNstServI,#contColorNstServVI,#contColorNstServVII{
	
}

#contColorNstServII,#contColorNstServV,#contColorNstServVIII{
	
}

#contColorNstServIII,#contColorNstServIV,#contColorNstServIX{
	
}

#contNstServI{
    background: url("imagenes/sectionII/impUvE.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#contNstServII{
    background: url("imagenes/sectionII/offConvencionalE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServIII{
    background: url("imagenes/sectionII/offDigitalE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServIV{
    background: url("imagenes/sectionII/granFormatoE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServV{
    background: url("imagenes/sectionII/planosE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServVI{
    background: url("imagenes/sectionII/servEmpE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServVII{
    background: url("imagenes/sectionII/camaPlanaE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServVIII{
    background: url("imagenes/sectionII/disenoE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contNstServIX{
    background: url("imagenes/sectionII/disenoIndE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

.logoNstServ{
	display: none;
	opacity: 1;
	z-index: 1;
	float: left;
	width: 80px;
	height: 80px;
	background: url("imagenes/sectionII/iso.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: -moz-radial-gradient(circle, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0.6026785714285714) 12%, rgba(34,34,34,0.4) 79%);
background: -webkit-radial-gradient(circle, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0.6026785714285714) 12%, rgba(34,34,34,0.4) 79%);
background: radial-gradient(circle, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0.6026785714285714) 12%, rgba(34,34,34,0.4) 79%);
}

.titleSquareNstServ{
	opacity: 1;
	z-index: 1;
	float: left;
	width: auto;
	height: auto;
	margin-top: 20px;
	text-align: center;
	color:#FFCF00;
	color: #00AFA7;
	color: white;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    box-sizing: border-box;
    padding: 10px;
	text-shadow: 0px 0px 6px rgba(45, 45, 45, 1);
	/*background: rgba(34,34,34,0.5);*/
}



.frontImgNstServ{
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	/*background: url("imagenes/sectionII/backServis.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	transition: 0.5s;
	border-radius: 0px;
}


.contGralFloatNstServ{
	z-index: 50;
	position: fixed;
	float: left;
	width: 100%;
	min-height: 500px;
	height: 100vh;
	display: flex;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(17, 20, 27,0.9);
}

.contFloatNstServ{
	/* pointer-events: none; */
	float: left;
	width: 60%;
	min-height: 400px;
	height: 80vh;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

.contImgFloatNstServ{
	float: left;
	width: 55%;
	height: 100%;
}

#contImgFloatNstServI{
    background: url("imagenes/sectionII/impUvE.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#contImgFloatNstServII{
    background: url("imagenes/sectionII/offConvencionalE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServIII{
    background: url("imagenes/sectionII/offDigitalE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServIV{
    background: url("imagenes/sectionII/granFormatoE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServV{
    background: url("imagenes/sectionII/planosE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServVI{
    background: url("imagenes/sectionII/servEmpE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServVII{
    background: url("imagenes/sectionII/camaPlanaE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServVIII{
    background: url("imagenes/sectionII/disenoE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#contImgFloatNstServIX{
    background: url("imagenes/sectionII/disenoIndE.jpg");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;	
}

.contTitleFloatNstServ{
	float: left;
	width: 45%;
	height: 70px;
	background: #e5e5e5;
}

.contLogoFloatNstServ{
	float: left;
	width: 50px;
	height: 70px;
	margin-left: 10px;
	background: url("imagenes/sectionII/iso.svg");
	background-position: center;
	background-size: 65% auto;
	background-repeat: no-repeat;
}

.titleFloatNstServ{
	float: left;
	width: auto;
	height: 70px;
	display: flex;
	align-items: center;
}

.contTextFloatNstServ::-webkit-scrollbar{
	width: 3px;
	background: white; 
}

.contTextFloatNstServ::-webkit-scrollbar-thumb{
        width: 3px;
        /*background: #007D8A;*/
        background: #5D6B78;	
}

.contTextFloatNstServ{
	float: left;
	width: 45%;
	height: calc(100% - 150px);
	overflow: auto;
	background: #efefef;
}

ul{
	float: left;
	width: 80%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 10%;
	list-style-position: inside;
}

ul.lastUl{
	margin-bottom: 20px;
}

ol{
	float: left;
	width: 80%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10%;
	list-style-position: inside;
}

.ulSecond{
	margin-top: 10px;
}

.firstWithTitle{
	margin-top: 10px;
}

.titleServOrd{
	float: left;
	width: 80%;
	min-height: 20px;
	height: auto;
	margin-left: 10%;
	margin-top: 20px;
	color: #00AFA7;
}

.titleServOrd.firstTitle{
	margin-top: 20px;
}

.subTitleInUlOrd{
	float: left;
	width: 80%;
	min-height: 20px;
	height: auto;
	margin-left: 10%;
}

li{
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;	
    color: #262626;
    
}


.contRedesFloatNstServ{
	float: left;
	width: 45%;
	height: 80px;
	background: #e5e5e5;
}

#contBtnFloatWts{
	float: left;
	width: 150px;
	height: 40px;
	margin-top: 20px;
	margin-left: 10%;
	background: #222222;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 11px rgba(34,34,34, 0.3); 
	-webkit-box-shadow: 0 0 11px rgba(34,34,34, 0.3); 
	-moz-box-shadow: 0 0 11px rgba(34,34,34, 0.3); 
}

#contBtnFloatWts:hover{
	cursor: pointer;
}

#iconFloatWts{
	float: left;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#btnFloatWts{
	float: left;
	width: 100px;
	height: 30px;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

.closeFloatNstServ{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	margin-top: 20px;
	margin-right: 20px;
	/* background: url("imagenes/nav/closeNav.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat; */
}

.closeFloatNstServ:hover{
	cursor: pointer;
}

#sectionIII{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: white;
}

#supraTitleWork{
	float: left;
	width: 100%;
	height: auto;
	color: #a6a6a6;
	text-align: center;
	margin-top: 60px;
}

#titleWork{
	float: left;
	width: 80%;
	height: auto;
	margin-top: -15px;
	margin-left: 10%;
	text-align: center;
	color: #009698;
	font-size: 37px;
}

#infraTitleWork{
	float: left;
	width: 80%;
	height: auto;
	margin-top: -25px;
	margin-left: 10%;
	text-align: center;
	font-family: 'Allura', cursive;
	font-weight: 400;
	font-size: 55px;
	color: #5D6B78;
}

.contWorks{
	clear: both;
	float: left;
	width: calc(80% - 350px);
	height: auto;
	margin-left: 10%;
	margin-top: 50px;
}

#contWorksLast{
	margin-bottom: 50px;
}

.contWorkBig{
	float: left;
	width: calc((100% - 10px) / 2);
	height: 250px;
	margin-left: 10px;
	margin-top: 0px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contWorkSmall{
	float: left;
	width: calc((100% - 30px) / 4);
	height: 180px;
	margin-left: 10px;
	margin-top: 10px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#contWorkI-I,#contWorkII-I,#contWorkIII-I,#contWorkIV-I,#contWorkV-I,#contWorkVI-I,#contWorkVII-I,#contWorkVIII-I,#contWorkIX-I{
	margin-left: 0px;
}

#contWorkI-III,#contWorkII-III,#contWorkIII-III,#contWorkIV-III,#contWorkV-III,#contWorkVI-III,#contWorkVII-III,#contWorkVIII-III,#contWorkIX-III{
	margin-left: 0px;
}

#contWorkI-I{
	background: url("imagenes/sectionIII/impresionUV/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkI-II{
	background: url("imagenes/sectionIII/impresionUV/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkI-III{
	background: url("imagenes/sectionIII/impresionUV/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkI-IV{
	background: url("imagenes/sectionIII/impresionUV/7.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkI-V{
	background: url("imagenes/sectionIII/impresionUV/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkI-VI{
	background: url("imagenes/sectionIII/impresionUV/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-I{
	background: url("imagenes/sectionIII/offConvencional/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-II{
	background: url("imagenes/sectionIII/offConvencional/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-III{
	background: url("imagenes/sectionIII/offConvencional/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-IV{
	background: url("imagenes/sectionIII/offConvencional/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-V{
	background: url("imagenes/sectionIII/offConvencional/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkII-VI{
	background: url("imagenes/sectionIII/offConvencional/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-I{
	background: url("imagenes/sectionIII/offDigital/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-II{
	background: url("imagenes/sectionIII/offDigital/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-III{
	background: url("imagenes/sectionIII/offDigital/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-IV{
	background: url("imagenes/sectionIII/offDigital/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-V{
	background: url("imagenes/sectionIII/offDigital/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIII-VI{
	background: url("imagenes/sectionIII/offDigital/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-I{
	background: url("imagenes/sectionIII/granFormato/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-II{
	background: url("imagenes/sectionIII/granFormato/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-III{
	background: url("imagenes/sectionIII/granFormato/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-IV{
	background: url("imagenes/sectionIII/granFormato/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-V{
	background: url("imagenes/sectionIII/granFormato/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIV-VI{
	background: url("imagenes/sectionIII/granFormato/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-I{
	background: url("imagenes/sectionIII/planos/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-II{
	background: url("imagenes/sectionIII/planos/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-III{
	background: url("imagenes/sectionIII/planos/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-IV{
	background: url("imagenes/sectionIII/planos/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-V{
	background: url("imagenes/sectionIII/planos/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkV-VI{
	background: url("imagenes/sectionIII/planos/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-I{
	background: url("imagenes/sectionIII/serviciosEmpresas/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-II{
	background: url("imagenes/sectionIII/serviciosEmpresas/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-III{
	background: url("imagenes/sectionIII/serviciosEmpresas/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-IV{
	background: url("imagenes/sectionIII/serviciosEmpresas/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-V{
	background: url("imagenes/sectionIII/serviciosEmpresas/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVI-VI{
	background: url("imagenes/sectionIII/serviciosEmpresas/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-I{
	background: url("imagenes/sectionIII/camaPlana/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-II{
	background: url("imagenes/sectionIII/camaPlana/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-III{
	background: url("imagenes/sectionIII/camaPlana/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-IV{
	background: url("imagenes/sectionIII/camaPlana/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-V{
	background: url("imagenes/sectionIII/camaPlana/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVII-VI{
	background: url("imagenes/sectionIII/camaPlana/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-I{
	background: url("imagenes/sectionIII/disenoGraf/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-II{
	background: url("imagenes/sectionIII/disenoGraf/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-III{
	background: url("imagenes/sectionIII/disenoGraf/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-IV{
	background: url("imagenes/sectionIII/disenoGraf/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-V{
	background: url("imagenes/sectionIII/disenoGraf/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkVIII-VI{
	background: url("imagenes/sectionIII/disenoGraf/6.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-I{
	background: url("imagenes/sectionIII/disenoInd/1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-II{
	background: url("imagenes/sectionIII/disenoInd/2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-III{
	background: url("imagenes/sectionIII/disenoInd/3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-IV{
	background: url("imagenes/sectionIII/disenoInd/4.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-V{
	background: url("imagenes/sectionIII/disenoInd/5.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contWorkIX-VI{
	background: url("imagenes/sectionIII/disenoInd/7.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#contOptServActually{
	position: relative;
    top: 0;
	right: 0;
	z-index: 0;
	float: left;
	width: 350px;
	height: 440px;
	margin-top: 50px;
	margin-right: 10%;
}

#contServActually{
	float: left;
	width: 40px;
	height: 440px;
	margin-left: 20px;
}

#textServActually{
   float: left;
   width: 40px;
   height: auto;
   margin-top: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
    writing-mode: vertical-lr;
    color: #363E45;
    color:#a6a6a6;
}

#arrowServActually{
   float: left;
   width: 40px;
   height: 60px;
   margin-top: 20px;
   background: url("imagenes/sectionIII/arrowOptServ.png");
   background-position: center;
   background-size: 70% auto;
   background-repeat: no-repeat;
   writing-mode: vertical-lr;
}

#arrowServActually:hover{
	cursor: pointer;
}

.optServItem{
	float: left;
	width: 270px;
	height: 40px;
	margin-top: 10px;
	color: #5D6B78;
	color: #737373;
	color:#d9d9d9;
	display: flex;
	justify-content: center;
	align-items: center;
}

.optServItem:hover{
	cursor: pointer;
}

#optServItemI{
	margin-top: 0px;
	color: #F0B27A;
}

#optServItemI,#optServItemV,#optServItemIX{
    font-family: 'Pacifico', cursive;
    font-size: 30px;
    text-align: center;
}

#optServItemII,#optServItemVI{
   font-family: 'Gochi Hand', cursive;
   font-size: 25px;
    text-align: center;
}

#optServItemIII,#optServItemVII{
    font-family: 'Berkshire Swash', cursive;
    font-size: 30px;
    text-align: center;
}

#optServItemIV,#optServItemVIII{
    font-family: 'Caveat Brush', cursive;
    font-size: 25px;
    text-align: center;
}

#sectionIV{
	float: left;
	width: 100%;
	height: 500px;
	background: #004A6C;
	background: #286784;
}

#contImgContact{
	float: left;
	width: calc(90% - 580px);
	height: 500px;
	background: url("imagenes/sectionIV/imgContact.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


#contTitleContactFx{
	position: relative;
	float: left;
	width: 80px;
	height: 500px;
	writing-mode: vertical-lr;
}

#bigTitleContactFx{
	z-index: 0;
	position: absolute;
	float: left;
	width: 70px;
	height: 400px;
	letter-spacing: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 63px;
	margin-top: 50px;
	color: rgba(0, 101, 124,0.5);
	color: rgba(255,255,255,0.05);
}

#smallTitleContactFx{
	position: relative;
	z-index: 1;
	float: left;
	width: 25px;
	height: 120px;
	margin-top: 50px;
	margin-left: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

#hrContact{
	z-index: 1;
	position: relative;
	float: left;
	width: 4px;
	height: 270px;
	margin-left: 65px;
	margin-top: 10px;
	background: white;
	border: none;
}

#contTextContact{
	float: right;
	width: 500px;
	height: 500px;
	margin-right: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.contInfoContact{
	float: left;
	width: 400px;
	height: auto;
	margin-left: calc((100% - 480px) / 2);
	margin-top: 0px;
}

#contInfoContactII{
	margin-top: 30px;
	
}

.iconInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50vw;
	background: rgba(0, 101, 124,0.5);
	background: #184052;
}

.titleInfoContact{
	float: left;
	width: calc(100% - 50px);
	height: 40px;
	margin-left: 10px;
	color: white;
	display: flex;
	align-items: center;
}

.textInfoContact{
	float: left;
	margin-top: 10px;
	color: #D9D9D9;
}

.btnInfoContact{
	float: left;
	width: 150px;
	height: 40px;
	color: black;
	margin-top: 20px;
}

.btnInfoContact:hover{
	cursor: pointer;
}

.textBtnInfoContact{
	float: left;
	width: 110px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #43C9BD;
}

.iconBtnInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d9d9d9;
}

#btnContactWithLeft{
	margin-left: 30px;
}

#sectionV{
  float: left;
  width: 100%;
  height: auto;
  background: #002E44;
  background: white;
  background: linear-gradient(0deg, rgba(229,231,230,0.8) 0%, rgba(229,231,230,0.8)),url("imagenes/sectionV/backClientesII.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#supraTitleClientes{
	/*display: none;*/
	float: left;
	width: 100%;
	height: auto;
	color: #a6a6a6;
	color: #757575;
	text-align: center;
	margin-top: 50px;
}

#titleClientes{
	/*display: none;*/
	float: left;
	width: 80%;
	height: auto;
	margin-top: -15px;
	/*margin-top: 50px;*/
	margin-left: 10%;
	text-align: center;
	color: #009698;
	font-size: 37px;
}

#infraTitleClientes{
	/*display: none;*/
	float: left;
	width: 80%;
	height: auto;
	margin-top: -25px;
	margin-left: 10%;
	text-align: center;
	font-family: 'Allura', cursive;
	font-weight: 400;
	font-size: 55px;
	color: #5D6B78;
}

#contClientes{
	position: relative;
	float: left;
	width: 80%;
	height: 80px;
	margin-left: 10%;
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	flex-flow: row nowrap; /*"row" es propiedad de flex-direction y "nowrap" de flex-wrap*/
	overflow: hidden;
}

.logoCliente{
	float: left;
	height: 80px;
	flex: 0 0 19.2%;/*notar que el utilmo numero es el width que deseo que tengan los elementos interiores --> esta propiedad tiene prioridad vs. a width*/
	margin-left: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: orange;*/
	/*box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;*/
}

#logoClienteI{
	margin-left: 0px;
	background: url("imagenes/sectionV/1.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteII{
	background: url("imagenes/sectionV/2.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteIII{
	background: url("imagenes/sectionV/3.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteIV{
	background: url("imagenes/sectionV/4.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteV{
	background: url("imagenes/sectionV/5edit.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 110%;
	background-repeat: no-repeat;
}

#logoClienteVI{
	background: url("imagenes/sectionV/6.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteVII{
	background: url("imagenes/sectionV/7.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteVIII{
	background: url("imagenes/sectionV/8.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logoClienteIX{
	background: url("imagenes/sectionV/9.png"), rgba(255,255,255,0.7);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}



footer{
	float: left;
	width: 100%;
	height: auto;
	background: #001C29;
	/*background: #15212C;*/
	background: #363E45;
	background: #004A6C;
	background: #002638;
}

.contInfoFoo{
	float: left;
	width: 25.3333%;
	height: auto;
	margin-left: 2%;
	margin-top: 50px;
	background: rgba(27,27,27,0);
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#contInfoFooI{
	margin-left: 10%;
}

#contInfoFooIII{
	margin-bottom: 50px;
}

.titleInfoFoo{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	text-align: center;
}

.textInfoFoo{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: center;
	color: white;
}

.iconInfoFoo{
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: calc((100% - 80px) / 2);
}

#titleInfoFooI{
	color: #4BF2A7;
}

#titleInfoFooII{
	color: #FCD97B;
}

#titleInfoFooIII{
	color: #05C7F2;
}

#iconInfoFooI{
	background: url("imagenes/footer/tel.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#iconInfoFooII{
	background: url("imagenes/footer/direc.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#iconInfoFooIII{
	background: url("imagenes/footer/hora.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 1135px){														/*inicio menor que 1135*/

.contWorkSmall{
	float: left;
	width: calc((100% - 20px) / 3);
	height: 180px;
	margin-left: 10px;
	margin-top: 10px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#contWorkI-VI,#contWorkII-VI,#contWorkIII-VI,#contWorkIV-VI,#contWorkV-VI,#contWorkVI-VI,#contWorkVII-VI,#contWorkVIII-VI,#contWorkIX-VI{
  display: none;
}

}																							/*fin menor que 1135*/


@media screen and (max-width: 1010px){														/*inicio menor que 1010*/

.contFloatNstServ{
	width: 70%;
}

.textDataAbout{
	height: 70px;
}

}																							/*fin menor que 1010*/

@media screen and (max-width: 990px){														/*inicio menor que 990*/

.contWorks{
	clear: both;
	float: left;
	width: calc(80% - 60px);
	height: auto;
	margin-left: 10%;
	margin-top: 40px;
}

.contWorkSmall{
	float: left;
	width: calc((100% - 30px) / 4);
	height: 180px;
	margin-left: 10px;
	margin-top: 10px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#contWorkI-VI,#contWorkII-VI,#contWorkIII-VI,#contWorkIV-VI,#contWorkV-VI,#contWorkVI-VI,#contWorkVII-VI,#contWorkVIII-VI,#contWorkIX-VI{
  display: block;
}

#contOptServActually{
	display: none;
}

#contServActuallyPort{
	display: block;
	float: left;
	width: 40px;
	height: auto;
	margin-left: 20px;
	margin-top: 50px;
}

#textServActuallyPort{
   float: left;
   width: 40px;
   height: auto;
   display: flex;
   justify-content: center;
   align-items: center;
    writing-mode: vertical-lr;
    color: #363E45;
    color:#a6a6a6;
}

#arrowServActuallyPort{
   float: left;
   width: 40px;
   height: 60px;
   margin-top: 20px;
   background: url("imagenes/sectionIII/arrowOptServ.png");
   background-position: center;
   background-size: 70% auto;
   background-repeat: no-repeat;
   writing-mode: vertical-lr;
}

#arrowServActuallyPort:hover{
	cursor: pointer;
}

/*esto lo agregue*/
#contTextAbout{
	width: 80%;
}

#imgAbout{
    width: 80%;
	margin-top: 50px;
	margin-left: 10%;
}

.textDataAbout{
	height: 90px;
}

.h5Nav{
	font-size: 16px; 
}
.underlineNav{
	display: none;
	float: left;
	width: 100%;
	height: 5px;
	margin-top: -9px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	background: #007D8A;
}	

.contIconItem{
    display: none;
}

.contTextItem{
	width: calc(100% - 40px);
}

.contImgItem{
	float: left;
	width: 80%;
	height: 300px;
	margin-left: 10%;
	margin-top: 30px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}
.contItem{
	float:left;
	width: 80%;
	min-height: 80px;
	height: auto;
	margin-left: 10%;
	margin-top: 15px;
	background: rgba(54, 62, 69, 0.5);
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#contItemI{
	margin-top: 15px; 
}

#contItemLast{
	margin-bottom: 50px;
}

.titleSquareNstServ{
    font-size: 16px;
}

}																							/*fin menor que 990*/

@media screen and (max-width: 850px){														/*inicio menor que 850*/


.itemNav{
	float: left;
	width: auto;
	height: 20px;
	margin-top: 20px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.h5Nav{
   font-size: 16px; 
}
.underlineNav{
	display: none;
	float: left;
	width: 100%;
	height: 5px;
	margin-top: -9px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	background: #007D8A;
}	

.contIconItem{
    display: none;
}

.contTextItem{
	width: calc(100% - 40px);
}

.contImgItem{
	float: left;
	width: 80%;
	height: 300px;
	margin-left: 10%;
	margin-top: 30px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}
.contItem{
	float:left;
	width: 80%;
	min-height: 80px;
	height: auto;
	margin-left: 10%;
	margin-top: 15px;
	background: rgba(54, 62, 69, 0.5);
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

#contItemI{
	margin-top: 15px; 
}

#contItemLast{
	margin-bottom: 50px;
}

.contFloatNstServ::-webkit-scrollbar{
	width: 3px;
	background: white; 
}

.contFloatNstServ::-webkit-scrollbar-thumb{
        width: 3px;
        /*background: #007D8A;*/
        background: #5D6B78;	
}

.contFloatNstServ{
	float: left;
	min-width: 363px;
	width: 60%;
	min-height: 400px;
	height: 80vh;
	overflow: auto;
	background: white;
}

.contImgFloatNstServ{
	display: none;
	width: 300px;
	height: 300px;
	margin-top: 30px;
	margin-left: calc((100% - 300px) / 2);
}

.contTitleFloatNstServ{
	width: 300px;
	margin-top: 10px;
	margin-left: calc((100% - 300px) / 2);
	background: white;
}

.contLogoFloatNstServ{
	width: 40px;
	margin-left: 0px;
	background-size: 85% auto;
	background-position: left;
	
}

.titleFloatNstServ{
	float: left;
	width: auto;
	height: 70px;
	display: flex;
	align-items: center;
}

.contTextFloatNstServ::-webkit-scrollbar{
	width: 3px;
	background: white; 
}

.contTextFloatNstServ::-webkit-scrollbar-thumb{
        width: 3px;
        /*background: #007D8A;*/
        background: #5D6B78;	
}

.contTextFloatNstServ{
	float: left;
	width: 300px;
	height: auto;
	overflow: auto;
	margin-left: calc((100% - 300px) / 2);
	background: white;
}

ul{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 0%;
	list-style-position: inside;
}

ol{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 0%;
	list-style-position: inside;
}

.titleServOrd{
	margin-left: 0%;
}
.subTitleInUlOrd{
	margin-left: 0%;
}

.contRedesFloatNstServ{
	float: left;
	width: 300px;
	height: 60px;
	margin-left: calc((100% - 300px) / 2);
	margin-bottom: 0px;
	background: white;
}

#contBtnFloatWts{
	margin-top: 0px;
	margin-left: 0px;
}

/*.titleSquareNstServ{
    font-size: 14px;
}*/

.logoCliente{
	flex: 0 0 32.6666%;/*notar que el utilmo numero es el width que deseo que tengan los elementos interiores --> esta propiedad tiene prioridad vs. a width*/
}

}																							/*fin menor que 850*/

@media screen and (max-width: 750px){														/*inicio menor que 750*/

.squareDataAbout{
	width: 25.3333%;
	height: 250px;
	margin-left: 2%;
	margin-top: 30px;
}

#squareDataAboutI{
	margin-left: 10%;
	margin-top: 30px;
}

#lastSquareDataAbout{
	margin-bottom: 50px;
}

.textDataAbout{
	height: auto;
}

.contWorkSmall{
	float: left;
	width: calc((100% - 20px) / 3);
	height: 180px;
	margin-left: 10px;
	margin-top: 10px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#contWorkI-VI,#contWorkII-VI,#contWorkIII-VI,#contWorkIV-VI,#contWorkV-VI,#contWorkVI-VI,#contWorkVII-VI,#contWorkVIII-VI,#contWorkIX-VI{
  display: none;
}

.titleSquareNstServ{
    font-size: 12px;
}

}																							/*fin menor que 750*/

@media screen and (max-width:  725px){																		/*inicio menor que 725*/

#contImgContact{
	display: none;
}

#contTitleContactFx{
	float: left;
    margin-left: 10%;
}

#contTextContact{
	float: right;
	width: calc(80% - 80px);
	height: 500px;
	margin-right: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.contInfoContact{
	width: 80%;
	margin-left: 0%;
}

#contInfoContactII{
	margin-top: 30px;
	
}

.iconInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50vw;
	background: rgba(0, 101, 124,0.5);
	background: #184052;
}

.titleInfoContact{
	float: left;
	width: calc(100% - 50px);
	min-height: 40px;
	height: auto;
	margin-left: 10px;
	color: white;
	display: flex;
	align-items: center;
}

.textInfoContact{
	float: left;
	margin-top: 10px;
	color: #D9D9D9;
}

.btnInfoContact{
	float: left;
	width: 150px;
	height: 40px;
}

.textBtnInfoContact{
	float: left;
	width: 110px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #43C9BD;
}

.iconBtnInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d9d9d9;
}

}																							/*fin menor que 725*/

@media screen and (max-width:  680px){																		/*inicio menor que 680*/

.contInfoFoo{
	float: left;
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 50px;
}

#contInfoFooI{
	margin-left: 10%;
}

#contInfoFooII{
	
}

#contInfoFooIII{
	
	margin-bottom: 50px;
}

.logoCliente{
	flex: 0 0 49.5%;/*notar que el utilmo numero es el width que deseo que tengan los elementos interiores --> esta propiedad tiene prioridad vs. a width*/
}

}																							/*fin menor que 680*/

@media screen and (max-width:  640px){																		/*inicio menor que 640*/

/*.titleSquareNstServ{											
    font-size: 10px;
}	*/

}																							/*fin menor que 640*/

@media screen and (max-width: 540px){														/*inicio menor que 540*/

#qualityPolitics{
	margin-left: 5px;
}


.contTitleTextPortNstServ{
	display: block;
	float: left;
	width: 80%;
	height: auto;
	margin-top: 20px;
	margin-left: 10%;
	transition: 0.5s;
}


.iconPortNstServ{
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	border-radius: 50vw;
	background: url("imagenes/sectionII/iso.svg"), #EBEBEB;
	background-position: center;
	background-size: 50% auto;
	background-repeat: no-repeat;
}

.titlePortNstServ{
	float: left;
	width: calc(100% - 50px);
	height: 40px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	color: #3A434B;
}

.titleSquareNstServ{											
    font-size: 16px;
}

.textPortNstServ{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	transition: 0.5s;
	color: #a6a6a6;
	color: #5D6B78;
	color: #3A434B;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
	text-align: justify;
}

.ulPort{
	float: left;
	width: calc(100% - 20px);
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	list-style-position: inside;
}

#downTitleInUl{
	margin-top: 20px;
}

.olPort{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10%;
	list-style-position: inside;
}

.titleInUl{
	float: left;
	width: calc(100% - 20px);
	min-height: 20px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	color: #00AFA7;
}

.subTitleInUl{
	float: left;
	width: calc(100% - 20px);
	min-height: 20px;
	height: auto;
	margin-left: 20px;
}

#titleInUlI{
	margin-top: 0px;
}

.ulPortSecond{
	width: calc(100% - 20px);
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 20px;
	text-align: left;
}

.liPort{
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;	
    color: #a6a6a6;
    color: #5D6B78;
    color: #262626;
}

.spanMore{
	float: left;
	margin-top: 0px;
	color: #00AFA7;
}

.spanMore:hover{
	cursor: pointer;
}

.squareDataAbout{
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 30px;
}

.contColorNstServ{
	position: relative;
	float: left;
	width: 80%;
	height: 80vw;
	margin-left: 10%;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    border-radius: 7px;
    /*background: #222222;*/
    /*background-image: linear-gradient(to top, #222222, #333333);*/
    background-attachment: fixed;
}

#contColorNstServI,#contColorNstServII,#contColorNstServIII{
	margin-top: 30px;
}

#contColorNstServIX{
	margin-bottom: 0px;
}

#contTitleTextPortNstServLast{
	margin-bottom: 50px;
}

}																							/*fin menor que 540*/


@media screen and (max-width: 525px){														/*inicio menor que 525*/

#contNumAbout{
	display: none;
}	

#contLogoHeader{
	width: 300px;
	height: 94.922px;
}

#contIsoHeader{
   width: 89.6336px;/*width del iso es (height / 1,059) */
   height: 94.922px;
   
}

#contTextLogoHeader{
   width: 210.3664px;
   height: 94.922px;
}

#subTitleHeader{
	font-size: 22px;
}

.contWorkBig{
	float: left;
	width: 100%;
	height: 250px;
	margin-left: 10px;
	margin-top: 0px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contWorkSmall{
	float: left;
	width: calc((100% - 10px) / 2);
	height: 180px;
	margin-left: 10px;
	margin-top: 10px;
	background: url("imagenes/sectionIII/workEjm.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#contWorkI-II,#contWorkII-II,#contWorkIII-II,#contWorkIV-II,#contWorkV-II,#contWorkVI-II,#contWorkVII-II,#contWorkVIII-II,#contWorkIX-II{
  display: none;
}

#contWorkI-V,#contWorkII-V,#contWorkIII-V,#contWorkIV-V,#contWorkV-V,#contWorkVI-V,#contWorkVII-V,#contWorkVIII-V,#contWorkIX-V{
  display: none;
}

#contWorkI-VI,#contWorkII-VI,#contWorkIII-VI,#contWorkIV-VI,#contWorkV-VI,#contWorkVI-VI,#contWorkVII-VI,#contWorkVIII-VI,#contWorkIX-VI{
  display: none;
}

}																							/*fin menor que 525*/

@media screen and (max-width: 510px){													/*inicio menor 510*/

#sectionIV{
	height: auto;
}

#contTitleContactFx{
	position: relative;
	float: left;
	width: 80%;
	height: 50px;
	margin-left: 10%;
	margin-top: 30px;
	writing-mode: horizontal-tb;
}

#bigTitleContactFx{
	z-index: 0;
	position: absolute;
	float: left;
	width: 100%;
	height: 50px;
	letter-spacing: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 37px;
	margin-top: 0px;
	color: rgba(0, 101, 124,0.5);
	color: rgba(255,255,255,0.05);
}

#smallTitleContactFx{
	position: relative;
	z-index: 1;
	float: left;
	width: 120px;
	height: 20px;
	margin-top: 15px;
	margin-left: 0px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: white;
}

#hrContact{
	z-index: 1;
	position: relative;
	float: left;
	width: calc(100% - 130px);
	height: 4px;
	margin-left: 10px;
	margin-top: 23px;
	background: white;
	border: none;
}

#contTextContact{
	float: left;
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.contInfoContact{
	width: 100%;
	margin-left: 0%;
}

#contInfoContactII{
	margin-top: 30px;
	
}

.iconInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50vw;
	background: rgba(0, 101, 124,0.5);
	background: #184052;
	
}

.titleInfoContact{
	clear: auto;
	float: left;
	width: calc(100% - 50px);
	min-height: 40px;
	height: auto;
	margin-top: 0px;
	margin-left: 10px;
	color: white;
	display: flex;
	align-items: center;
}

.textInfoContact{
	float: left;
	margin-top: 10px;
	color: #D9D9D9;
}

.btnInfoContact{
	float: left;
	width: 150px;
	height: 40px;
}

.textBtnInfoContact{
	float: left;
	width: 110px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #43C9BD;
}

.iconBtnInfoContact{
	float: left;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d9d9d9;
}

}																							/*fin menor que 510*/

@media screen and (max-width: 460px){														/*inicio menor que 460*/

#imgAbout{
    height: 300px;
}

#btnCloseNav{
	margin-top: 10px;
	margin-right: 10px;
}

#contNumAbout{
	float: left;
	width: 160px;
	height: 50px;
	margin-top: 30px;
}

#iconNum{
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 10px;
	background: url("imagenes/sectionI/iconPhone.png");	
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
}

#textNum{
	float: left;
	width: 80%;
	min-height: 30px;
	height: auto;
	margin-top: 10px;
	display: flex;
	align-items: center;
	color: #A1B8CE;
	color: #009698; 
}

}																							/*fin menor que 460*/

@media (max-width: 420px){
	
	#btnContactWithLeft{
		clear: both;
		margin-left: 0px;
	}
	
}

@media screen and (max-height: 460px){														/*incio landscape 460px*/

#btnCloseNav{
	z-index: 6;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 40px;
	height: 40px;
	/* background: url("imagenes/nav/closeNav.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat; */
}

.itemNav{
	float: left;
	width: auto;
	height: 20px;
	margin-top: 8px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.h5Nav{
   font-size: 14px; 
}

.underlineNav{
	display: none;
	float: left;
	width: 100%;
	height: 5px;
	margin-top: -9px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	background: #007D8A;
}

.contGralFloatNstServ{
	z-index: 50;
	position: fixed;
	float: left;
	width: 100%;
	min-height: 500px;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: flex-start;
	background: rgba(17, 20, 27,0.9);
}

.contFloatNstServ{
	float: left;
	width: 60%;
	min-height: 260px;
	height: 80vh;
	margin-top: 20px;
	box-shadow:0px 0px 16px -12px #000000;
	-moz-box-shadow:0px 0px 16px -12px #000000;
	-webkit-box-shadow:0px 0px 16px -12px #000000;
}

}																							/*fin landscape 460px*/