/************* #globalNav styles **************/
body{
 font-family: Open Sans, Arial, sans-serif;
 color: #646464;
 line-height: 1.166;	
 margin: 0px;
 padding: 0px;
 text-align:center;
 height:100%;
}


H2{
 font-size: 24px;
 color: #646464;
 font-weight: 700;
 margin: 0px;
}

H4{
color:#FFFFFF;
font-size:22px;
font-weight: 300; 
margin:0px;
padding-top:4px;
padding-left:4px;
}

H5{
color:#EA450B;
font-size:27px;
font-weight: 700; 
text-shadow: 1px 1px #ffffff;
margin:0px;
padding:30px 0 30px 0;
}

H6{
color:#EA450B;
font-size:27px;
font-weight: 700; 
text-shadow: 1px 1px #ffffff;
margin:0px;
padding:0px 0 30px 0;
}


a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}


.container{
 width:100%;
}

nav{
 height:30px;
 width:100%;
 max-width:1024px;
 margin:0 auto;
 text-align:left;
 color:#646464;
 font-size: 18px;
 font-weight:700;
 padding-top:10px;
 
}
nav a{
	color:#646464;
	font-size: 14px;
	font-weight:300;

}

nav a:visited{
	color:#646464;

}
nav a:link{
	color:#646464;

}
nav a:hover{
	color:#646464;

}
.nav-a{
	float:left;
	width:63%;
}

.nav-a img{
	vertical-align:sub;
}


#menu ul{
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}
 
/* Centramos y ponemos los textos en mayuscula */
#menu li{
    display: block;
    float: left;
    text-align: center;
    padding: 0 14px;
}
 
/* Damos estilo a nuestros enlaces */
/*
#menu li a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 26px;
}
#menu li a:hover{
    background: #151a1e;
    color: #ffc700;
}
*/ 
/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile{
    display: none;
    float: left;
    position: absolute;
    left:20px;
    top:10px;
    font-size:36px;
    text-decoration: none;
}
 
#logo-mobile{
    display: none;
    background: url(../images/logo-mygestion-mobile.jpg) no-repeat center center;
    float: right;
    width: 150px;
    height: 39px;
    position: absolute;
    right: 10px;
    top:10px;
} 

 
/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */

.nav-b{
	float:right;
	width:37%;
	text-align:right;
}

header{
 height:80px;
 margin:0 auto;
 width:100%;
 background-color:#033f6f;
 text-align:center;
 float:left;
}
.masterhead-socialhead{
 width:100%;
 max-width:1024px;
 margin:0 auto;
 padding-top:5px;
 }
.masterhead{
 width:50%;
 max-width:512px;
 float:left;
 text-align:left;
}

.masterhead img{
 border-radius: 5px;
}

.socialhead{
text-align:right;
width:50%;
max-width:512px;
float:right;
display:inline-block;
font-size: 21px;
font-weight: 400;
box-sizing:border-box;
color:#FFFFFF;
line-height: 36px;
}
.socialhead span{
font-size: 14px;
font-weight: 600;
}

.socialhead img{
	padding-top:14px;
	padding-right:14px;
}

.main-menu{
 width:100%;
 max-width:1024px;
 margin:0 auto;
}

.main-image-central{
 width:95%;
 max-width:1024px;
 height:90%;
 margin:0 auto;
}

.main-image-text{
 text-align:left;
 float:right;
 width:50%;
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}

.main-texto-ver-mas{
 font-size:14px;
 color: #FFFFFF;
 text-shadow: 1px 0px #c6c6c6;
 
}
.main-texto-ver-mas a:link{
	color: #FFFFFF;
}

.main-texto-ver-mas a:visited{
	color: #FFFFFF;
}

.main-texto-ver-mas a:hover{
	color: #FFFFFF;
	font-size:15px;
	text-decoration: none;
}



.main-image-ver-mas{
 text-align:center;
 float:none;
 width:100%;
 animation: bounce 2s infinite ease-in-out;
}

@keyframes bounce{
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40%  { transform: translateY(-5px); }
	60% { transform: translateY(5px); }
}

.main-price{
 width:100%;
 padding-top:30px;
 margin:0 auto;
 max-width:1024px;
 font-size: 30px;
 color: #646464;
 font-weight: 700;
}

.main-text{
 width:100%;
 padding:40px 10px 10px 10px;
 margin:0 auto;
 max-width:1024px;
 font-size: 20px;
 color: #646464;
 font-weight: 300;
 text-align: justify;
 line-height:28px;
 box-sizing:border-box;
}
.main-text b{
 font-weight: 500;
}



.main-text2{
 width:100%;
 padding:0px 10px 20px 10px;
 margin:0 auto;
 max-width:1024px;
 font-size: 20px;
 color: #646464;
 font-weight: 300;
 text-align: justify;
 line-height:28px;
 box-sizing:border-box;
}
.main-text2 b{
 font-weight: 500;
}
.main-icons{
 width:100%;
 margin:0 auto;
 max-width:1024px;
 overflow: hidden;
}

.main-icon{
 width:50%;
 max-width:512px;
 float:left;
 display:inline-table;
}

.main-icon ul{
 list-style-image: url('../images/main-icon/check.png');
 max-width:350px;
 text-align:left;
 font-size: 18px;
 font-weight: 300;
 line-height:26px;
 display:inline-table;
}

.main-prueba{
 clear: both;
 text-align:center;
 display:inline-table;
 padding:10px 0 30px 0;
}

.banners-container{
	border-top: 2px dotted #E4E2E2;
	text-align:center;
	width:100%;
	background-color:#F2F1F1;
	margin:0 auto;
}
.banners{
	width:100%;
	max-width:1024px;
	padding:30px 0 30px 0;
	margin:0 auto;
    white-space: normal;
    text-align:center;
    
}

.banner {
    height:150px;
    width: 200px;
    max-width:200px;
    vertical-align: middle;
    text-decoration: none;
    padding:0 40px 0 40px;
    text-align:center;
}
    
.banner img{
    max-height: 100%;
    max-width: 100%;
    border-radius: 5px;
    border: solid #636363 2px;
}

.text_footer_header{
	border-bottom: 2px dotted #FFFFFF;
	font-size:16px;
	text-align:left;
}
.text_footer_horizontal{
	font-size:16px;
	text-align:left;
	line-height:24px;
}
.footer{
	font-size: 14px;
	align:center;
	width:100%;
	background-color:#033f6f;
	margin:0 auto;
	overflow: hidden;
}
.footer a:link {color:#FFFFFF;}      /* unvisited link */
.footer a:visited {color:#FFFFFF;}  /* visited link */
.footer a:hover {color:#FFFFFF;}  /* mouse over link */
.footer a:active {color:#FFFFFF;}	

.footer-social{
 padding-top:20px;
}
.footer-social img{
 padding:15px;
}


.footer-menus{
 width:100%;
 max-width:750px;
 padding-top:20px;
 text-align:center;
 margin:0 auto;
 
}
.footer-menu{
 width:29%;
 float:left;
 text-align:left;
 font-size:16px;
 line-height:30px;
 margin:15px;
 display:inline-table;
}

.footer-arrow{
	clear: both;
    text-align: center;
    
}


.text_footer_header{
 border-bottom: 2px dotted #FFFFFF;
 font-size:16px;
 text-align:center;
 color:#FFFFFF;
 max-width:250px;

}


.footer2{
	border: 0px solid #cccccc;
	font-size: 14px;
	margin:0px auto;	
	clear:both;
	align:center;
	width:100%;
	background-color:#033f6f;
	min-height:54px;
	color:#FFFFFF;
	padding-top:10px;
	
}
.footer2 a:link {color:#FFFFFF;}      /* unvisited link */
.footer2 a:visited {color:#FFFFFF;}  /* visited link */
.footer2 a:hover {color:#FFFFFF;}  /* mouse over link */
.footer2 a:active {color:#FFFFFF;}	

/* Boton Prueba 15 días*/
.boton-prueba {
	height:40px;
	width:250px;
	background-color:#FF4E0F;
	border-radius:5px;
	font-weight: 700; 
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
}
.boton-prueba:link {color:#FFFFFF;}      /* unvisited link */
.boton-prueba:visited {color:#FFFFFF;}  /* visited link */
.boton-prueba:active {color:#FFFFFF;}	
.boton-prueba:hover{
	background-color:#de6236;
	color:#FFFFFF;
	text-decoration: none;
}

#acceso.boton-prueba{
	height:25px;
	width:150px;
	border-radius:2px;
	font-weight: 400; 
	font-size:14px;
	background-color: #A6A6A6;
	display:inline-block;
	padding-top:5px;
	box-sizing:border-box;
}
#acceso.boton-prueba:hover{
	background-color:#646464;
	color:#FFFFFF;
	text-decoration: none;
}

#registro.boton-prueba{
	height:25px;
	width:150px;
	border-radius:2px;
	font-weight: 400; 
	font-size:14px;
	display:inline-block;
	padding-top:5px;
	box-sizing:border-box;

}
#registro.boton-prueba:hover{
	background-color:#de6236;
	color:#FFFFFF;
	text-decoration: none;
}

.casos-exito-cover{
	 width:100%;
	 margin:0 auto;
	 background-size: contain;
	 background-image:url(../images/casos-exito.jpg);
	 clear: both;
	 overflow: initial;
	 background-position: top;
	 background-repeat: no-repeat;
	 background-size: cover;
}
.casos-exito{
	width:100%;
	max-width:1024px;
	text-align:center;
	margin:0 auto;
}
.caso-exito{
	text-align:left;
	border: 1px solid #cccccc;
	display:inline-table;
	font-size:15px;
	width:50%;
	max-width: 400px;
	margin: 20px;
	padding:15px;
	background:#FFFFFF;
	min-height:260px;
	line-height:20px;
}
.caso-exito p{
	margin:0px 10px;
	text-align:right;
	font-weight: 600;
}
.caso-exito img{
	align:left;

}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  font-style:italic;
  margin: 10px;
  padding: 15px;

}

blockquote:before {
  color: #ccc;
  content:"\201C";
  font-family:serif;
  font-weight:900;
  font-size: 50px;
  line-height: 0%;
  margin-right: 0.10em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content:"\201D";
  font-family:serif;
  font-weight:900;
  font-size: 50px;
  line-height: 0%;
  margin-right: 0.10em;
  vertical-align: -0.55em;
}
.clear {
  clear: both;
}
.texto-inferior{
 	clear:both;
 	margin:0 auto;
	font-size:16px;
	text-align:center;
	max-width:1024px;
	padding:20px 0 20px 0;
} 
    /* Quitamos estilos por defecto de el tag UL */

#boxpolicy {
    position: fixed;
    bottom: 0px;
    /*right: 4px;*/
    /*width: 350px;*/
    width: 100%;
    z-index: 999;
    display: block;
    	
}
#infopolicy {
    position: relative;
	padding-top: 5px;
    height: 30px;
    width: 100%;
    background-color: #eeeeee;
    font-size:13px;
    text-align:center;
}
#infopolicy a {
    margin-right:5px;
    text-decoration: underline;
}


@media screen and (max-width: 1024px) {
    .caso-exito{
		width:80%;
		max-width:960px;
		margin: 10px 0 10px 0;
		min-height:100px;
	}   
	.main-image{
	 	height:400px;
	}	
	H1{
		font-size:32px;
	}	
	H3{
 		font-size: 18px;
	}	 
	.nav-b{
		float:left;
		width:100%;
		text-align:center;
		padding:10px 0 20px 0;
	}
	
   /* mostramos #nav-mobile */
    #nav-mobile{ display: block; }

 
    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo */
    #menu{
    	padding-top:50px;
        width: 100%;
        float: none;
        
        /*padding-top: 60px;*/
    }
 
        /* Convertimos nuestra lista de enlaces en un menú horizontal */
        #menu ul{
            /*box-shadow: 0 1px 2px rgba(0,0,0,.5);*/
            max-height: 0;
            overflow: hidden;
        }
            /* estilos para los LI del menu */
            #menu li{
                text-align:left;
                /*border-bottom: 1px solid #282b30;*/
                float: none;
                height: 35px;
                
            }
                /* Quitamos el borde del ultimo item del menú */
 
                #menu li a{
                 /*   padding: 15px 0 15px;*/
                    height: auto;
                    line-height: normal;
                    font-size: 18px;
                }
               /* #menu li a:hover{background:#2a2d33}*/
 
        /* Agregamos una animación al despligue del menú */
        #menu ul.open-menu{
            max-height: 400px;
            transition: max-height .4s;
        }	
	
	
	
	
		 
}
@media screen and (max-width: 650px) {

    /*.masterhead{ display: none; }
	.socialhead{
		width:100%;
	}  
	*/  
	#registro.boton-prueba{
		width:120px;
		font-size:16px;
	}	
	#acceso.boton-prueba{
		width:120px;
		font-size:16px;
	}		
	H3{
 		font-size: 16px;
	}	 
	.main-image-text{
	 	width:100%;
 		text-align:center;
	}	
	.main-icon{
	 	width:100%;
	}
	.banner {
	    padding:0px;
	}	
	.footer-social img{
		width: 15%;
		padding:5px;
	}
	.footer-menu{
	 	width:100%;
	}	
	#infopolicy{
    	height: 40px;
    	font-size:11px;
	}	
}