@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Roboto+Slab:400,100,300,700);


@font-face {font-family: "Futura Std";
    src: url("font-face/6457161a2bd1197bca298f423ddeb76a.eot");
    src: url("font-face/6457161a2bd1197bca298f423ddeb76a.eot?#iefix") format("embedded-opentype"),
    url("font-face/6457161a2bd1197bca298f423ddeb76a.woff2") format("woff2"),
    url("font-face/6457161a2bd1197bca298f423ddeb76a.woff") format("woff"),
    url("font-face/6457161a2bd1197bca298f423ddeb76a.ttf") format("truetype"),
    url("font-face/6457161a2bd1197bca298f423ddeb76a.svg#Futura Std") format("svg");
}




@font-face {font-family: 'Myriad Pro';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), 
url('font-face/MYRIADPRO-REGULAR.woff') format('woff');

}







body {
	
	margin: 0px;
   padding: 0px;
   overflow-x: hidden;
   height:100%;
   
 
  
}



.headCont{
	position:fixed;
	top:2%;
	font-family:Gill Sans, Gill Sans MT, "Myriad Pro", DejaVu Sans Condensed, Helvetica, Arial, sans-serif;
	font-style:italic;
	color:#158297;
	font-size:200%;
	
	}
	
.imgMail{
	
	max-width:45px;
	
	
	}	


.navbar-brand {
	font-family: "Roboto Slab", Open Sans;
}

.masthead{
	position: fixed;
    top: 0;
	max-height:120px;
    width: 100%;
	z-index:10;
	background-color:#FFFFFF;
	
	}




.navbar-default {
	background-color: #158297;
	border: none;
	border-radius: 0;
	
	
	

}

.navbar-default .navbar-nav>.active>a {
	color: #FFFFFF;
	background-color: #246B80;
}

.navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #FFFFFF;
	background-color: #246B80;
}

.navbar-default .navbar-nav>.active>a:hover {
		color: #FFFFFF;
	background-color: #246B80;
}

.main-logo {
	width: 45%; /* was 30% */
	height: 80px;
	margin-top: 3px;
	margin-left:0px;
	margin-right:0px;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/logomc3.png') no-repeat;
	background-size: 100%;
}

/* bootstrap 3 helpers */

#nav.affix {
	margin-top:80px;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:10;
}



.navBarColor{
	
	
	background-image: linear-gradient(#158297, #0A414B);
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	
	
}


.navbar-nav > li > .dropdown-menu{
	
	   margin-left: 7%;
	   color:white;
	   background-image: linear-gradient(#158297, #0A414B);
	   font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	
}




.dropdown-menu > li > a{
	
	
	
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
	color:white;
	font-size:1.2vw;

	
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	
	color:black;
	
}






#sidebar.affix-top {
    position: static;
}

#sidebar.affix {
   position: fixed;
    top: 0;
    width: 100%;
	z-index:10;
}


.containerCert{
    
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  
}



#noBootCertCon{
	
	width:100%;

}




.fillCert{
    
    margin-right:30%;
    
}


.imgBlock1{

    
display: inline-block;
    text-align: center;
    
    
}






.imgBlock2{
    
display: inline-block;
    text-align: center;
    
    
}


.imgBlock3index{
    
display: inline-block;
    text-align: center;
    
    
}
  
.imgBlock4index{
    
display: inline-block;
    text-align: center;
    
    
}


.footerLogin{
	
	position: absolute;
    bottom: 0;
    width: 100%;

	}









.footer{
	
	position:relative;
	border: 0 none;
	top:50px;
	width:100%;

	height:auto;
	}
	
	
.imagefooter{
	
	
	position:absolute;
	right:0px;
  	
	bottom:1px;
	z-index:-1;
	
	}
	
.video{
    
    width:80%;
    margin-left: auto;
    margin-right: auto;
    
    
}

	
#wrapper {
  padding: 20px;

  }

.textofooter{
	padding-top:20px;
	font-size: 110%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#7c7c7c;
	color:#444;
	font-weight:bold;
	}
	
.quality{
	padding-bottom:40px;
	}
	
	
.soluciones{
	
	position: relative;
	padding-top:50px;
	padding-bottom:40px;
	background-image: url('../img/peop.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
	background-size: cover;
    width: 100%;
	
	}	

.soluciones2{
	
	position: relative;
	padding-top:50px;
	padding-bottom:50px;
	background-image: url('../img/aggBg23.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
	background-size: cover;
    width: 100%;
	
	}




	

.anchor{
  display: block;
  /*height: 230px; /*same height as header
  margin-top: -230px; /*same height as header*/
  visibility: hidden;
}

/*inicio de boxes*/

.boxes{
	
	margin-left:90px;
	margin-right:90px;
	
	
	}
	
	.modaleffects{
		display:none;
	
	}
	.modaleffects2{
		display:none;
		}
		
.ptxt{
	
	display: none;
	padding-top: 20px;
	margin-left: 100px;
	margin-right: 100px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 140%;
	color:#999;
	font-style:italic;
	
	
	
}

.imgmsgtxt{
	float:left;
	max-width:18%;
	height:auto;
	
	
	}


.lista{	
display:table; margin:0 auto;
text-align:left;

}

.indC{
	display:none;
	background-color: #B84848;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	color: white;
	height: 100%;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
	
	
	.indL{
	display:none;
	background-color: #0086FF;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	color: white;
	height: 100%;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
	
.indI{
	display:none;
	background-color: #330066;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	color: white;
	height: 100%;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
	
	
	
.indA{
	display:none;
	background-color: #389941;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	color: white;
	height: 100%;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}	
	
	
/*inicio de botones portafolio*/	
#myBtn{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	

	}
	
#myBtn2{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}		
#myBtn3{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
#myBtn4{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
#myBtn5{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	border-style: outset;
	font-size:24px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
#myBtn6{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
	
#myBtn7{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:24px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}	
	
.modal-body{
	
	
	font-weight:bold;
	font-size:120%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	



	
.titleText{
	
	font-size:190%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-height:100px;
	display:inline-block;
	margin-bottom:5px;
	
	}
	
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
	font-size:130%;
	
}	

.titlemodal{
	
	font-size:130%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#4C4C43;
	}





h2.modalti{
	
	
	color:white;
	}	
	
	
h3.modalti{
	
	
	color:white;
	font-style:italic;
	}		

.contImg{
	margin-top:30px;
	width:80%;
	margin-left:auto;
	margin-right:auto;

	
	
	}	
	

.contmv{
	
	margin-left:auto;
        margin-top:10px;
	margin-right:auto;
	}
	


.context{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-height: 100px;
	margin-top: 10px;
	background-color: #7c7c7c;
	color: white;
	text-align: left;
	border-top-left-radius: 19px;
	border-bottom-right-radius: 19px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 180%;
	padding-top: 1%;
	padding-bottom: 1%;
	font-style: italic;

	}
	

.contTxt{
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	text-align:justify;
	
	}	
	
.imgcertif{
	diaplay:inline-block !important;
	text-align:center;
	margin-left:10%;	
		
	}
		
#imagescert{
	
	max-width:72px;
	
	
	}



#imgport{
	
	max-width:60%;
	margin-bottom:2%;
	
	
	}	


.anchorSlns{
	
	position:relative;
	top:-100px;
	z-index:-50;
	
	}
	
	
.workUs{
	
	
	
	
	height:200px;
	}	
		

.certblock{
	
	
	margin-bottom:5px;
	
	}


		

#imbl1{
	
	width:100%;
	}
	
#imbl2{
	
	width:16%;
	
	}
	
#newsFeed{
	
	height:25%;
	width:80%;
	margin:auto;
	font-family:Gill Sans, Gill Sans MT, "Myriad Pro", DejaVu Sans Condensed, Helvetica, Arial, sans-serif;
	font-size:180%;
	color:#7C7C7C;
	
	
	}
	
.noBull{
	
	list-style-type: none;
	margin-left:7%;
	}	
	
	
.containerNewsDate{
		
		max-height:30px;
		margin-top:15px;
		
		
		}		
	
	
.newsImgD{
	display:inline-block;
	max-width:55px;
	vertical-align:text-top;
	margin-right:10px;
	
	
	
	}		
	
	.dateNews{
		display:inline-block;
		max-height:25px;
		font-size:70%;
		vertical-align:text-top;
		margin-right:5%;
		
		}	
		
	.urlText{
		display:inline-block;
		max-height:25px;
		font-size:70%;
		vertical-align:text-top;
		font-weight:bold;
		
		}	
		


	
.cmButton{
	
	margin:0 auto;
	
	
	}	
	
.conmButton{
	
	background-color: white;
	font-weight:bold;
	font-family:'Futura Std';
    color: #246B80;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	margin:0 auto;
	border: 2px solid #246B80;
	border-radius:2px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
	}	
	
	
	
	
	
	
.conmButton:hover{
	
	
	background-color: #246B80; 
    color: white;
	border: 2px solid white;
	
	
	}
	
	
.conmButton2{
	
	background-color: #246B80;
	font-weight:bold;
	font-family:'Futura Std';
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
	margin:0 auto;
	border: 2px solid #246B80;
	border-radius:2px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
	}

 	
	
.conmButton2:hover{
	
	background-color: white; 
    color: #246B80;
	border: 2px solid white;
	
	}


	
	
	 
	
	
	
	
	
	
#socialfe{
	height:25%;
	width:80%;
	margin:auto;
	
	
	}	
	
.socialFeed{
	
	font-size:30px;
	
	
	}		
	
.fa-stack-1x {
    color:white;
}
.icon-facebook {
   color:#3b5998;
}

.icon-twitter {
    color:#00aced;
}

.icon-linkedin{
    color:#0085AE;
}		
		
#hyperlinknews{
	
	color:#7C7C7C;
	text-decoration: none;
	-webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.3s;

	
	}
#hyperlinknews:hover{
	color:#246B80;
	
	
	}



.servPan{
	display:none;
	background-color: #808080;
	width: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	color: white;
	height: 100%;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	padding:10px;
	}
	
	
#grupoTxt{
	
	border: 2px solid #dadada;
    border-radius: 7px;
	}
	
	
#grupoTxt :focus{
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}			



.boxesUser{
	
	margin-right:80%;
	display:block;
	width:80%;
	
	
	
	
	}
	
.boxesUser2{
	
	margin-right:80%;
	display:block;
	width:80%;
	
	}	
	
	

#clientInfo{
	
	display: inline-block;
  width: 45%;
  text-align: right;
  margin-right:2%;
	
	}		
	
	
.blockClientes input{
	
	border: 2px solid #dadada;
    border-radius: 7px;
	margin-bottom:1%;
	width:35%;
	}	
	
.blockClientes input:focus{
	
	 outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
	}	
	
	
.blockClientes input[type="checkbox"]{
	margin-top:2%;
	 display: inline-block;
  text-align: right;
	 
  max-width:20px;
	margin-left:3%;
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
	}	
	
.blockClientes label{
	
	color:#158297;
	vertical-align: middle;
	font-family:Gill Sans, Gill Sans MT, "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	
	}	
	
	
.blockClientes #buttonOk{
	
	
	margin-bottom:1%;
	margin-left:25%;
	
	}

.blockClientes #buttonOk:hover{
	
	 outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
	}	
	



.boxesUser2 #buttonOk2{
	
	
	margin-top:-1%;
	margin-left:25%;
	z-index:10;
	
	
	}

 .boxesUser2 #buttonOk2:hover{
	
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
	}



	
	
.totalHidden {
    overflow:hidden;
	height:590px;
	

    
}
.buttonHidden {
    position: relative;
    top: 0;
    background-color: #19595b;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}

.buttonHidden4 {
    position: relative;
    top: 0;
    background-color: #337ab7;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}


.buttonHidden5 {
    position: relative;
    top: 0;
    background-color: #337ab7;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}




	
.boxesUser {
    position: relative;
    top: -500px;
	display:none;

    z-index: 0;
     -webkit-transition: top 1s;
    -moz-transition: top 1s;
   -o-transition: top 1s;
    transition: top 1s;
}



.boxesUser4 {
    position: relative;
    top: -500px;
	display:none;

    z-index: 0;
     -webkit-transition: top 1s;
    -moz-transition: top 1s;
   -o-transition: top 1s;
    transition: top 1s;
}


.boxesUser5 {
    position: relative;
    top: -500px;
	display:none;

    z-index: 0;
     -webkit-transition: top 1s;
    -moz-transition: top 1s;
   -o-transition: top 1s;
    transition: top 1s;
	overflow:scroll;
}





#boxesClient {
  
	
    
    z-index: 0;
    
}





.buttonHidden2 {
    position: relative;
    top: 0;
    background-color: #2f696b;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}



.buttonHidden3 {
    position: relative;
    top: 0;
    background-color: #467a7b;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}



.boxesUser2 {
    position: relative;
    top: -500px;
	display:none;

    z-index: 0;
     -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
	
}



.boxesUser3 {
    position: relative;
    top: -500px;
	display:none;

    z-index: 0;
     -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
	overflow:scroll;
	
}


	

	
	
.cuadroSuperior{

	
	width:130%;
	margin-left:auto;
	margin-right:auto;
	 overflow:auto;
	 
	
	
	
}


.cuadroSuperiorc{

	
	width:100%;
	margin-left:0;
	margin-right:0;
	 overflow:auto;
	 padding-left:0;
	 
	
	
	
}
.cuadroSuperiorc2{

	
	margin-top:2%;
	 
	
	
	
}






.dropFincas{
	
	
	
	
	/* display:inline-block; */
	
	
}




.outputArea{
	
	
	/* display:inline-block; */
	min-width:30%;

	
}


.outputArea2{
	
	
	/* display:inline-block; */
	min-width:30%;
	margin-right:10%;

	
}	

.outputareac{
	
	
	/* display:inline-block; */
	min-width:30%;
	margin-right:10%;
	

	
}	


.outputareaL{
	
	
}	


.wrapper2{
	
	
}



.mensajeBar{
	
	margin-right:25%;
	
	
}	

.separador{
	
	height:29rem;
	margin-bottom:28%;
	margin-left:1%;
	
	
}
	
	
#hideInferior{
	
	display:none;
	
	vertical-align:middle;
	min-height:950px;
	
	
	
}
#hideInferiorc{
	
	
	
	vertical-align:middle;
	
	
	
	
	
}


#hideInferiorc2{
	
	
	
	vertical-align:middle;
	
	
	
	
	
}



#hideInferior2{
	
	display:none;
	
	vertical-align:middle;
	min-height:400px;
	
	
	
}





#cuadroInferior{
	
	vertical-align:middle;
	
	
}

#cuadroInferior2{
	
	vertical-align:middle;
	
	
}







#logoutBot{
	
	margin-top:5%;
	
	
}

	
	
#uploadArchives{
	
	
	min-width:50%;
	vertical-align:middle;
	
	
}

#buttonSubir{
	
vertical-align:middle;
	
	
}	
	



	
	
	

#prodNumber {
	
	border: 2px solid #dadada;
    border-radius: 7px;
	margin-bottom:1%;
	width:15%;
	text-align:center;
}

#prodNumber:focus{
	
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

	

#caliNumber{
	
	border: 2px solid #dadada;
    border-radius: 7px;
	margin-bottom:1%;
	width:15%;
	text-align:center;
}

#caliNumber:focus{
	
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}


#cumplNumber{
	
	border: 2px solid #dadada;
    border-radius: 7px;
	margin-bottom:1%;
	width:15%;
	text-align:center;
}
#cumplNumber:focus{
	
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}


#colorDrop{
	
	color:#158297;

	
}

#colorDrop2{
	
	color:#158297;

	
}	


#informe:hover{
	
	color:green;
	font-weight:bold;
	font-size:160%;
	
	
}	

#informe{
	
	margin-right:3%;
	
	
}



.buttonHidden10 {
    position: relative;
    top: 0;
    background-color: #5e8a8c;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}


.buttonHidden14 {
    position: relative;
    top: 0;
    background-color: #759b9c;
    color:white;
    z-index: 1;	
	cursor:pointer;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-family: myriad pro;
	font-style:italic;
	font-size: 1.2em;
	box-shadow: 5px 10px 9px #888888;
	
}




	

#buttonBackRes{
	
	
	position:relative;
	top:10%;
	
	
}


#certImg{
    
    width:45%;
    
    
}



#subTextCliBtn{
    
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    float: left;
    font-size: 14.5rem;
    opacity: 0.05;
    overflow: hidden
    
}
	

.Curse{
	
	height:55vh;
	position: relative;
	padding-top:60px;
	padding-bottom:40px;
	background-image: url('../img/virtual22.jpg');
/*     background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed; */
	background-size: cover;
    width: 100%;
	background-position: 30%;

	}

#Curse{
	

	/* height: 55vh; */
	
}


	

				
@media screen and (max-width: 392px) {
.main-logo {
	position:fixed;
	width: 30%;
	right:0;
	top:0;
	margin-top: 40px;
	margin-left:0px;
	margin-right:6%;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/logo.png') no-repeat;
	background-size: 100%;
}



.masthead{
	position: fixed;
    top: 0;
	min-height:100px;
    width: 100%;
	z-index:10;
	background-color:#FFFFFF;
	
	}
	
.masthead2{
	min-height:100px;
	
	
	}


.anchorSlns{
	
	position:fixed;
	top:280px;
	max-width:30px;
	
	}


#nav.affix {
	margin-top:80px;
    position: fixed;
    top:0;
    width: 100%;
	z-index:10;
}



.headCont{
	margin-top:15px;
	font-size: 110%;
	
	}

.soluciones{
	
	position: relative;
	padding-top:40px;
	padding-bottom:40px;
	
}

.certificaciones{
	padding-top:30px;
	padding-bottom:30px;
	margin-left:10px;
	margin-right:10px;	
	
	}
	
	
	

	
	


.anchor{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}


.imagefooter{
	
	
	max-width:200px;
	}

.contacto{
	
	border:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	
	}

#fontcont{
	
    line-height: 1.6875;
    font-family:arial;
	font-style:italic;
	font-weight:bold;
	color:#Fff;

	
	}

#imgcont{
	
  position: relative;
  left: 0;
  top: 0;
}	




#textcont{

	left: 0;
	position: absolute;
	text-align: center;
	font-size: 7px;
	top: 23px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}



.footer{
	width:100%;
	background-color:#7c7c7c;
	
	
	}
	

	
	
.textofooter{
	
	margin-left:10px;
	margin-right:10px;
	font-size:70%;
	font-family:arial;
	font-weight:bold;
	color:#444;
	text-align:center;
	}
	
.boxes{
	margin-left:50px;
	margin-right:50px;
	
	
	}
	
.ptxt{
	
	margin-left:5px;
	margin-right:5px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:95%;
	font-style:italic;
	
}


/*inicio de botones portafolio*/	
#myBtn{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;

	}
	
#myBtn2{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}		
#myBtn3{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}
#myBtn4{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}
#myBtn5{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	border-style: outset;
	font-size:15px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}
#myBtn6{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}		
	
#myBtn7{
	background-color: #246B80;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size:15px;
	border-style: outset;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 9px;
	}

	
.context{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 100%;
	margin-top: 10px;
	background-color: #7c7c7c;
	color:white;
	text-align: left;
	border-top-left-radius: 19px;
	border-bottom-right-radius: 19px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 140%;
	padding-top:2%;
	padding-bottom:2%;
	font-style:italic;
	}
	

#imbl1{
	

	margin-right:0.1%;
	margin-right:0.1%;
	}
	
#imbl2{
	width:15%;
	
	}	
	
	
.noBull{
	
	margin-top:-15%;
	
	margin-left:-8%;
	}	
	
	.newsContainer{
		
		max-height:60px;
		
		
		}
	
	.containerNewsDate{
		
		max-height:40px;
		margin-top:15px;
		
		
		}
	
	
.newsImgD{
	max-width:25px;
	display:inline-block;
	vertical-align:text-top;
	
	}		
	
	.dateNews{
		
		display:inline-block;
		max-height:10px;
		font-size:38%;
		vertical-align:text-top;
		
		}
		
		
	.urlText{
		display:block;
		margin-top:-7%;
		max-height:10px;
		font-size:38%;
		vertical-align:text-top;
		
		}		


.conmButton{
	

	background-color: white;
	font-weight:bold;
	font-family:"Myriad Pro" ;
    color: #246B80;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
	margin:0 auto;
	border: 2px solid #246B80;
	border-radius:2px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	width:28%;
   
	}		


.conmButton2{
	
	padding: 10px 22px;
	font-size: 10px;
}	

.socialFeed{
	
	font-size:15px;
	
	}
		

	#fontInforme{
	
	font-size:80%;
	
	
}






#bxcontrol{
	
	padding-top:15%;
	position:absolute;
	top:80%;
	left:35%;
	display:inline-flex;
	
	
}

#arrow {
    margin-right: 55%;
    
}



#arrow2 {
    margin-left: 65%;

}




#fileMsj{
	
	margin-left:-18%;
	min-width:120px;
	min-height:90px;
}


#outputAreac3 hr{

padding-left:20%;
min-width:100px;


}



#fileMsj2{
	
	min-width:143px;
	margin-left:-9%;
	min-height:90px;
	
	
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
	font-size: 2vw;
	
}





.dGroup2{
    min-height:62px;
    min-width:120px;
    
}

#downloadGroup{
    
    min-width:120px;
    min-height:62px;
    
}

.downloadGroup{
    
    min-width:120px;
    min-height:62px;
    
}


#certImg{
    
    width:85%;
    
    
}



#subTextCliBtn{
    

    font-size: 4.5rem;
    
}
	


.Curse{
	

	background-size: auto;
    background-repeat: no-repeat;
    /* background-position: top center; */
	    background-position: 30%;
	      padding-top: 30px;
	      height:35vh;

}

#curse{
	
	padding-top: 12%;
	
	
}




	

}




@media screen and (min-width: 393px)and (max-width: 766px) {
	.main-logo {
	position:fixed;
	width: 45%;
	right:0;
	top:0;
	margin-top: 40px;
	margin-left:0px;
	margin-right:6%;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/logomc3.png') no-repeat;
	background-size: 100%;
}





.masthead{
	position: fixed;
    top: 0;
	min-height:120px;
    width: 100%;
	z-index:10;
	background-color:#FFFFFF;
	
	}
	
.masthead2{
	min-height:120px;
	
	
	}

#nav.affix {
	margin-top:90px;
    position: fixed;
    top:0;
    width: 100%;
	z-index:10;
}


.headCont{
	margin-top:15px;
	font-size: 110%;
	
	}







.contacto{
	
	border:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	
	}
	
	.anchorSlns{
	
	position:fixed;
	top:280px;
	max-width:1px;
	
	}

#fontcont{
	
    line-height: 1.6875;
    font-family:arial;
	font-style:italic;
	font-weight:bold;
	color:#Fff;

	
	}
.imagefooter{
	
	
	max-width:300px;
	}	

#imgcont{
	
  position: relative;
  left: 0;
  top: 0;
}	




#textcont{

	left: 12px;
	position: absolute;
	text-align: center;
	font-size: 12px;
	top: 37px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
		
	
	
  
}






.footer{
	width:100%;
	background-color:#7c7c7c;
	height:70px;
	
	}
	
	.textofooter{
	position:relative;
	font-size: 80%;
	font-family:arial;
	font-weight:bold;
	color:#444;
	margin-left:auto;
	margin-right:auto;
	}



	
	
.boxes{
	margin-left:60px;
	margin-right:60px;
	
	
	}	
	
	.ptxt{
	margin-left:5px;
	margin-right:5px;
	font-size:120%;
	}
	
	
.titleText{
	
	font-size:150%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-height:100px;
	display:inline-block;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	
	}	

.contImg{
	margin-top:50px;
	width:80%;
	margin-left:auto;
	margin-right:auto;

	}	

#wrapper {
  padding: 0px;

  }

 #imbl1{
	

	margin-right:0.1%;
	margin-right:0.1%;
	}
	
#imbl2{
	width:14%;
	
	}	

.dateNews{
		
		
		font-size:50%;
		
		
		}
		
		
	.urlText{
		
		font-size:58%;
		
		
		}
		
		
.conmButton{
	

	background-color: white;
	font-weight:bold;
	font-family:"Myriad Pro" ;
    color: #246B80;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
	margin:0 auto;
	border: 2px solid #246B80;
	border-radius:2px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	width:28%;
   
	}		
			
.socialFeed{
	
	font-size:22px;
	
	}
	



 #fileMsj{
	
	padding-left:8%;
	min-height:80px;
	min-width:130px;
	
}


 #fileMsj2{
	
	max-width:250px;
	min-height:80px;

	
}





#outputAreac3 hr{

padding-left:20%;
min-width:100px;


}



#downloadGroup{
    
    min-height:70px;
    font-size:105%;
    padding-left: 20%;
    
    
}

.downloadGroup{
    
    min-height:70px;
    font-size:105%;
    padding-left: 20%;
    
    
}




.dGroup2{
	
	max-width: 250px;
    font-size:105%;
    min-height:70px;
    
	
	
}



#bxcontrol{
	
	padding-top:5%;
	position:absolute;
	top:80%;
	left:35%;
	display:inline-flex;
	
	
}

#arrow {
    margin-right: 55%;
    
}



#arrow2 {
    margin-left: 65%;

}


#certImg{
    
    width:85%;
    
    
}



.Curse {
    height: 40vh;
    padding-top: 20px;
	background-position: 30%;
}



	

}













@media screen and (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    	font-size: 3vw;
    	
    }
    
    
    #footL{
        height:0;
    }
 

}




@media screen and (min-width: 767px) and (max-width: 991px) {
    	.main-logo {
    	position:fixed;
    	width: 30%;
    	right:0;
    	top:0;
    	margin-top: 50px;
    	margin-left:0px;
    	margin-right:6%;
    	text-indent: 120%;
    	white-space: nowrap;
    	overflow: hidden;
    	background: url('../img/logo.png') no-repeat;
    	background-size: 100%;
    }
    
    
    
    .masthead{
    	position: fixed;
        top: 0;
    	min-height:150px;
        width: 100%;
    	z-index:10;
    	background-color:#FFFFFF;
    	
    	}
    	
    .masthead2{
    	min-height:150px;
    	
    	
    	}
    
    .slid{
    
    margin-top:50px;
    
    
    
    }
    
    
    
    #nav.affix {
    	margin-top:130px;
        position: fixed;
        top:0;
        width: 100%;
    	z-index:10;
    }
    
    
    .headCont{
    	margin-top:15px;
    	font-size: 180%;
    	
    	}
    
    
    	
    #wrapper {
      padding: 20px;
    
      }
    	
    	
    	.soluciones{
    	position: relative;
    	padding-top:50px;
    	padding-bottom:40px;
    	
    
      	
    	background: -webkit-linear-gradient(-90deg, #2a2a2a, #d4d4d4); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(-90deg, #2a2a2a, #d4d4d4); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(-90deg, #2a2a2a, #d4d4d4); /* For Firefox 3.6 to 15 */
      background: linear-gradient(-90deg, #2a2a2a, #d4d4d4); /* Standard syntax */
    	
    	
    	}
    
    .quality {
      position: relative;
      padding-top:30px;
      padding-bottom:40px;
      margin-left:20px;
      margin-right:20px;
    }
    	
    
    .contacto{
    	
    	border:0px;
    	margin-left:auto;
    	margin-right:auto;
    	width:100%;
    	position:relative;
    	
    	}
    
    #fontcont{
    	font-size: 17px;
        line-height: 1.6875;
        font-family:arial;
    	font-style:italic;
    	font-weight:bold;
    	color:#Fff;
    
    	
    	}
    
    
    
    
    
    #imgcont{
    	
      position: relative;
      left: 0;
      top: 0;
    }	
    
    
    
    
    #textcont{
    	left: 0;
    	position: absolute;
    	text-align: center;
    	top: 70px;
    	width: 100%;
      
    }
    
    
    .contTxt{
    
    font-size:150%;
    
    }
    
    #newsFeed{
    	
    	height:25%;
    	width:80%;
    	padding-top:55px;
    	margin:auto;
    	font-family:Gill Sans, Gill Sans MT, "Myriad Pro", DejaVu Sans Condensed, Helvetica, Arial, sans-serif;
    	font-size:180%;
    	color:#7C7C7C;
    	
    	
    	}
    	
    
    
    
    #downloadGroup{
        
        min-height:60px;
        font-size:105%;
        
        
    }
    
    .downloadGroup{
        
        min-height:60px;
        font-size:105%;
        
        
    }
    
    
    .dGroup2{
    	
    	max-width: 250px;
        margin-left: 30%;
        min-height:60px;
        font-size:105%;
    	
    	
    }
    
    
    #fileMsj{
    	
    	min-height:60px;
    	margin-left:-9%;
    	
    	
    }
    
    
    #fileMsj2{
    	
    	min-height:60px;
    	margin-left:29%;
    	font-size:105%;
    	max-width:250px;
    	
    	
    }
    
    
    #bxcontrol{
    	
    	padding-top:2%;
    	position:absolute;
    	top:80%;
    	left:43%;
    	display:inline-flex;
    	
    	
    }
    
    
    #arrow {
        margin-right: 55%;
        
    }
    
    
    
    #arrow2 {
        margin-left: 65%;
    
    }
    
    



}

@media (min-width: 992px){
        .navbar li {
            margin-left : 1.1em;
            margin-right : 1.1em;
        }
    	
    	
    .certificaciones {
      position: relative;
      padding-top:50px;
      padding-bottom:40px;
      margin-left:20px;
      margin-right:20px;
    }
    .certimg{
    	position: relative;
      	padding-top:50px;
      	padding-bottom:40px;
      	margin-left:20px;
      	margin-right:20px;
    	
    	
    	}
    .anchor{
      display: block;
      height: 230px; /*same height as header*/
      margin-top: -230px; /*same height as header*/
      visibility: hidden;
    }
    
    
    .contacto{
    	
    	border:0px;
    	margin-left:auto;
    	margin-right:auto;
    	width:100%;
    	position:relative;
    	
    	}
    
    #fontcont{
    	font-size: 20px;
        line-height: 1.6875;
        font-family:arial;
    	font-style:italic;
    	font-weight:bold;
    	color:#Fff;
    
    	
    	}
    
    .footer{
    	width:100%;
    	background-color:#7c7c7c;
    	height:120px;
    	
    	}
    
    
    #imgcont{
    	
      position: relative;
      left: 0;
      top: 0;
    }	
    
    
    
    
    #textcont{
    	left: 0;
    	position: absolute;
    	text-align: center;
    	top: 110px;
    	width: 100%;
      
    }
    .ptxt{
    	
    	margin-left:25%;
    	margin-right:25%;
    	}
    
    .dGroup2{
    	
    	max-width: 250px;
        margin-left: 30%;
        min-height:80px;
        font-size:105%;
    	
    	
    }
    
    
    #bxcontrol{
    	
    	padding-top:2%;
    	position:absolute;
    	top:80%;
    	left:43%;
    	display:inline-flex;
    	
    	
    }
    
    
    #arrow {
        margin-right: 55%;
        
    }
    
    
    
    #arrow2 {
        margin-left: 65%;
    
    }
    
    #downloadGroup{
        
        min-height:80px;
        font-size:105%;
        
        
    }
    
    .downloadGroup{
        
        min-height:80px;
        font-size:105%;
        
        
    }


}