/* Import Some CSS Files 
@import "normalize.css";
*/
@import "tooltipster.css";



/*Tipografia*/
@font-face {
    font-family: HelveticaNuelight; /*a name to be used later*/
    src: url('../fonts/HelveticaNeueLight.ttf'); /*URL to font*/
}
@font-face {
    font-family: QuickSandAukera;
    src: url('../fonts/Quicksand-Light.otf'); 
}
@font-face {
    font-family: CandelaBook;
    src: url('../fonts/CandelaBook-webfont.ttf'); 
}
@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Medium.ttf'); 
}
@font-face {
    font-family: RobotLite; /*a name to be used later*/
    src: url('../fonts/Roboto-Thin.ttf'); /*URL to font*/
}
@font-face {
    font-family: ConfortaRegular; /*a name to be used later*/
    src: url('../fonts/Comfortaa_Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: Arimo; /*a name to be used later*/
    src: url('../fonts/Arimo-Regular.ttf'); /*URL to font*/
}


/*Parallax*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {

}


body {
	background-color: white;
	/*background: url("../imagenes/aukera305Logo.png") no-repeat scroll center center transparent;*/
	background: url("../imagenes/aukera305Logo.png") no-repeat fixed center center transparent;
	/*background: url("../imagenes/pattern1.png") repeat fixed center center transparent;*/
	/*min-height: 100%;*/
}



a {
	text-decoration: none;
	outline: none;
}

a:focus {
	outline: none;
}

a:hover{
/* 	background-color: rgba(255, 255, 255, 0.6); */
	color: #8f8f8f;
}


#enviaVectorModal input[type="text"]{
    /*
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    */
}


#enviaVectorModal input[type="password"]{
    /*
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    */
}


#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('../imagenes/s1.png'), url('../imagenes/s2.png'), url('../imagenes/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 0px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 0px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	


/*Comienza video*/
.parallaxZero{
	position: fixed !important;/*agregado para chrome el fixed*/
	top: -1%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
/*
	background: url('../imagenes/frontFace000.jpg') no-repeat;
	background-size: cover;	
*/
	transition: 1s opacity;
	z-index: -100;
}

video#bgvid{ 
	position: fixed !important;/*agregado para chrome el fixed*/
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;

	/*transform: translateX(-50%) translateY(-50%);*/
	

	/*background: url('../imagenes/polina.jpg') no-repeat; lo elimine para que no ponga la polina */
	background-size: cover !important;	
	transition: 1s opacity;
}

.stopfade { 
	-webkit-transition: opacity: .5;
   opacity: .5;
}

@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
/* 
  html { background: url(//demosthenes.info/assets/images/polina.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
*/
}


/*Parallax*/
.containerPx {
    max-width: 960px;
    max-width: 95%;
    margin: 0 auto;
}



section.module.content{
    padding: 10px 0;
    padding-left: -250px;
    background: transparent;

    border-top: 1px solid #5ee2ff;
    border-bottom: 1px solid #5ee2ff;
		height: 800px;
 
}

section.module.content.parallaxTranslucido{
/*
	background-color:rgba(255, 255, 255, 1.0);
	background-color:rgba(0, 0, 0, 0.75);
	background-color:rgba(0, 0, 0, 0.55);
*/
	background-color:white;	
			height: 400px;

}


section.module blockquote{
	margin-top: 8%;
	color: white;
	color: #515151;
    margin-bottom: 20px;
    font-size:35px;
    height: auto;
    text-align: justify
}

section.module h2{
    margin-bottom: 20px;
    font-size: 30px;
    height: auto;
}


section.module p{
		font-family: HelveticaNuelight;
		color: white;
    margin-bottom: 0px;
    font-size: 18px;
    height: auto;
    text-align: justify;
}

section.module div{
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    height: 600px;
    background: transparent;
}


section.module p:last-child{
    margin-bottom: 0;
}

section.module:last-child{
    margin-bottom: 0;
}



section.module.parallax h1{
    color: rgba(255, 255, 255, 0.8);
    font-size: 48px;
    line-height: 600px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

section.module.parallax-0 { background-image: url("../imagenes/Parallax0.png");}

section.module.parallax-1 { background-image: url("../imagenes/Parallax1.png");}

section.module.parallax-1A { background-image: url("../imagenes/Parallax1A.png"); }

section.module.parallax-2 { background-image: url("../imagenes/Parallax2.png"); }

section.module.parallax-2A { background-image: url("../imagenes/Parallax2A.png"); }

section.module.parallax-3 { background-image: url("../imagenes/Parallax3.png"); }

section.module.parallax-3A { background-image: url("../imagenes/Parallax1A.png"); }

section.module.parallax-4 { background-image: url("../imagenes/Parallax4.png"); }

section.module.parallax-5 { background-image: url("../imagenes/Parallax5.png"); }

section.module.parallax-6 { background-image: url("../imagenes/Parallax6.png"); }


section.module.parallax {
	height:800px;
	background-position: 0% 0% !important;
	background-repeat: no-repeat;
	background-attachment: fixed !important;
	background-size: cover !important;
	-webkit-transform: translateZ(0); /*agregado para chrome*/

}

section.module.parallax.parallaxTranslucido{
	background-color:rgba(0, 0, 0, 0.55);

}


@media all and (min-width: 600px) {
    section.module h2 {
        font-size: 42px;
    }
    section.module p {
        font-size: 20px;
    }
    section.module.parallax h1 {
        font-size: 96px;
    }
}
@media all and (min-width: 960px) {
    section.module.parallax h1 {
        font-size: 160px;
    }
    section.module.parallax blockquote {
        font-size: 160px;
    }
    section.module p {
        font-size: 20px;
    }
 }
@media screen and (max-width: 1024px) {
	section.module.parallax-1 { background-image: url("../imagenes/Parallax1024.png");}
	section.module.parallax-1A { background-image: url("../imagenes/Parallax1A1024.png"); }
	.parallaxZero{
		width: 70%;
		height: 70%;
	}
	
 }

@media all and (max-height: 725px) {
		section.module.parallax {
	  	height: 680px;
	  }
 }







/* Typography */
.labelPlica {
	font-family: QuickSandAukera;
	color: #6f6f6f;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelPlicaWhite {
	font-family: Arimo;
	color: white;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelPlicaNarnaja {
	font-family: Arimo;
	color: #F86042;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}


.labelPlicaBlanca {
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 18px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelPlicaGris{
	font-family: Verdana, Geneva, sans-serif;
	color: #6f6f6f;
	font-size: 16px;
	
}
.label {
	font-family: RobotLite;
	color: #8f8f8f;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelConforta30{
	font-family: ConfortaRegular;
	color: #bcbcbc;
	font-size: 30px;
}

.labelBlancaNue {
	font-family:HelveticaNuelight;
	color: white;
	font-size: 15px;
	text-align: center;
}
.labelBlancaGJ {
	font-family: Verdana, Geneva, sans-serif;
	color: #828282;
	font-size: 15px;
	text-align: justify;
}
.labelBlancaNue20 {
	font-family:HelveticaNuelight;
	color: white;
	font-size:20px;
	line-height: 22px;
	font-style: italic;
	
}
.labelBlanca25 {
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 25px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.labelNaranja25 {
	font-family: Verdana, Geneva, sans-serif;
	color: #f34611;
	font-size: 25px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.labelAzul25 {
	font-family: Verdana, Geneva, sans-serif;
	color: #00ffff;
	font-size: 25px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

.label1Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: #ff6919;
	font-weight: 500;
	text-align: left;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 10px;

}
.label2Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: #afafaf;
	text-align:center;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	
}

.label7Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: #676767;
	font-weight: 500;
	text-align: left;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 10px;

}

.espacioY20{
	margin-bottom: 20px;
}

.espacioY50{
	margin-bottom: 50px;
}




/* Diseño general de la plica y de todos sus componentes */
.plica {

	position: fixed !important; /*agregado para chrome el fixed*/
	top:0px;
	width: 100%; /*940px; /*si le pongo porcentaje se hace liquido*/
	height: 55px;
	margin-left: auto;
	margin-right: auto;
/*
	border-top: 0px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;	
	border-radius: 0px 0px 5px 5px;	
	background-color:rgba(55, 55, 55, 0.87);
*/
	z-index: 500;
	
	-webkit-transform: translateZ(0);/*agregado para chrome*/

}

.plicaW {

	position: fixed !important; /*agregado para chrome el fixed*/
	top:0px;
	width: 100%; /*940px; /*si le pongo porcentaje se hace liquido*/
	height: 55px;
	margin-left: auto;
	margin-right: auto;

	border-top: 0px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	
	border-radius: 0px 0px 5px 5px;	
	background-color:white;
	z-index: 500;
	
	-webkit-transform: translateZ(0);/*agregado para chrome*/

}

.top_links {
	float: right;
/* 	border: 1px solid black; */
	
}
.top_links > ul {
    padding: 0;
	margin: 0;
}
.top_links > ul > li {
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 8px;
	padding: 0 6px;
	height: 38px;
	line-height: 38px;
	background-position: 6px 8px;
}
.top_links > ul > li:last-child {
	margin-left: 0;
}
.top_links > ul > li:hover {
}
.top_links > ul > li > a {
	height: 38px;
	padding-left: 32px;
	display: block;
}
.top_links > ul > li.search_icon {
	width: 21px;
	cursor: pointer;
}
.top_links > ul > li.search_icon .top_tooltip{
	border-top: 2px solid transparent;
}


/*Dos secciones para el portal*/
.cajaRegistro {
	width: 940px;
	height: 550px;
	
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}


.mediaHojaIzquierda{
	float: left;
	display: inline;
	width: 49%;
	margin-right: 10px;
}

.mediaHojaDerecha{
	float: right;
	display: inline;
	width: 49%;
	padding-top: 170px;
	
/*
	border-radius: 5px 5px 5px 5px;	
	border: 1px solid #ebebeb;
*/
/* 	box-shadow: 0 1px 3px rgba(0,0,0,0.33); */
}

.label1Hoja {
	font-family: Verdana;
	color: #676767;
	font-size: 18px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/

}

.label1HojaWhite {
	font-family: Verdana;
	color: #ffffff;
	font-size: 18px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/

}

/*Pie de pagina*/
.cajaPie {
	width: 940px;
	height: 60px;
	
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.renglonPie050{
	display: inline-block;
	width: 33%;
	height: auto;

}


/* Definamos el estilo de usuario */
.plicaOpciones {
	position: fixed;
	height: 50px;
	float: left;
	line-height: 13px;
	position: relative;
	cursor: pointer;
	margin-right: 5px;
	margin-top: -1px;

}

.plicaOpcionesTwitter {
	position: fixed;
	height: 50px;
	float: left;
	line-height: 38px;
	position: relative;
	cursor: pointer;
	margin-right: 5px;
	margin-top: -1px;
/* 	display: inline; */

}


.plicaOpciones img {
	display: block;
	float: left;
	margin: 7px 7px 0px 14px;
}

.plicaOpcionesApple img {
	display: block;
	float: left;
	margin-top: 5px;
}





.cajaMenu {
	width: 940px;
	height: 90px;
	

	margin: 0px auto;
	padding-bottom: 0px;
	
	border: 0px solid rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;


}

.cajaMenu_logo {
	float: left;
}
.cajaMenu_logo img {
	display: inline-block;
/*  	border: 1px solid #ff6919; */

}



.menuEnvoltura {
	width: 940px; 
	height: 40px;
	
	margin-top: 40px;
	margin-bottom: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:visible;
	
	display: in-line;
	
}
div.logo {
	margin: 0 auto;
	margin-bottom: 0px;
	width: 150px;		
}
.logo {
	float: left;
}
.logo img {
	display: inline;
}

.menuConcepto {
	padding-top: 15px;
	padding-left: 0px; /*Permite la alineacion con base a logo de Aukera*/
	float: left;
	width: 780px;
	height: 30px;
}
.menuConcepto > ul {
	padding: 0;
	margin: 0;
}
.menuConcepto > ul > li {
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 10px;
	padding: 0 6px;
	height: 38px;
	line-height: 38px;
	background-position: 6px 8px;
}
.menuConcepto > ul > li:last-child {
	margin-left: 0;
}
.menuConcepto > ul > li:hover {
	
}
.menuConcepto > ul > li > a {
	height: 25px;
	padding-left: 33px;
	display: block;
	
}
.menuConcepto span:hover {
	color: #f34611;
	font-size: 20px;
}
.menuConcepto span:active {color: #f34611;}





.drop_menu {
	display: none;
	position: absolute;
    z-index: 5;
    
    /*Permite establecer la posicion del menu al momento de desplegarse.  Efecto sobre-encimado */
    top: 15px;
	right: 0px;
	left: 0;
	
	padding: 0;
	margin-top: 2px;
	border: 1px solid #dadada;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	border-radius: 4px;
}
.drop_menu > li {
	display: block;

}
.drop_menu > li:first-child {
	border-radius: 4px 4px 0 0;
}
.drop_menu > li:last-child {
	border-bottom-width: 0;
	border-radius: 0 0 4px 4px;
}
.drop_menu > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-position: 10px 9px;
}
.drop_menu > li > a:hover {
	background-color: rgba(255, 255, 255, 0.6);
}
.drop_menu .small_count {
	margin-top: 9px;
}
.drop_menu > li {
	background: url("../imagenes/drop_menu.png") repeat-x scroll 0 0 #f6f7f8;
}


/*------Comienza el diseño del contenido-------*/
.cajaInfo{
	width: 99%;/*auto*/
	height: 801px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid red;

}

/*Slider*/
.slider {
	position: fixed !important;
	top: -5%;
	overflow: visible;
	width: 1440px; /*auto*/
	height: 799px; /*800*/
	border: transparent !important;
	z-index: -100;
	background: transparent !important;

}
.sld-info {
	position: absolute;
	width: 1440px; /*auto*/
	height: 801px; /*800*/

	/*z-index: 50;*/

}
.slider .sld-info ul li {
	padding-left:0px;
	width: 1440px; /*auto*/
	height: 801px; /*800*/
	background:none;
	background-color:transparent;
}
.sld-info ul li p{
	color:#6D6D6D;
}
.sld-info img{
	top:  0; 
	left: 0;
	width: 1440px; /*1440*/
	height: 801px; /*800*/
	
	width: 135%;
	height: auto;
}

/*Contenido trasero*/
.sld-bg{
	position: absolute;
	top: 2px;
	width: 100%;
	height: 300px;
}
.sld-bg img{
   margin-left:170px;
}
ul.sld-bg {
	margin: 0;
	padding:0;
}
ul.sld-bg li {
	list-style-type: none;
	width: 1132px;
	height: 408px;
}
.info-slider p.info-contenido{
	font-family: Verdana, Geneva, sans-serif;
	color: #6d6d6d;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	float: left;
	margin: 0;
	background: inherit;
}
a.btn-conoce{
	float: left;
	display: block;
	width: 168px;
	height: 46px;
	text-indent: -99999px;
	margin: 15px 0 0 100px;
}


.label1Slider {
	font-family: Verdana;
	color: #ff6919;
	font-size: 35px;
	font-weight: lighter;
	/*text-shadow: 0 1px 0 #FFFFFF;*/

}
.label2Slider {
	font-family: sans-serif;
	color: #b0b0b0;
	font-weight: lighter;
	font-size: 20px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/

}
h2, h3{
	float: left;
	width: 100%;
}

#bienvenido-bg img{
	
}



/*-----Menu Secundario del Slider---------*/
.menu-secundario{
	position: relative;
	width: 940px;
	height: 83px;
	top: -85px;
	z-index: 30;
	left:90px;
	}
.menu-secundario ul{
	float: right;
	width: 671px;
	height: 83px;
	list-style-type: none;
}
.menu-secundario ul>li { 
	height: 83px;
	width: 111px;
	float: left;
	text-align: center;
}
.menu-secundario ul>li>a {
	color: #dedede;
	font-family: Verdana, Geneva, sans-serif;
	display: block;

	font-size: 12px;
/* 	text-shadow: .025em .025em .025em #000; */
	font-weight: bold;
/* 	background: url('../images/menu-secundario-btn.png') no-repeat top left; */
}
.menu-secundario ul>li+li { 
	margin-left: 1px;
}
.menu-secundario ul>li a:hover {
	background-position: 0 -83px;
/* 	text-shadow: .025em .025em .025em #9c3d20; */
	text-transform: uppercase;
	font-size: 16px;
	color: #757575;

}
.menu-secundario ul li.activeSlide {
	
}
.menu-secundario ul li.activeSlide a {
/* 	text-shadow: .025em .025em .025em #9c3d20; */
	background-position: 0 -83px;
	text-transform: uppercase;
	font-size: 16px;
	color: #757575;

}
a.renglon{
	height: 43px !important;
	padding-top: 40px !important;
}
/*________________Termina menu seundario_______________*/
/*------Termina Slider--------------*/


/*--Segundo contenido---*/
.cajaSeccionA{
	position: relative;
	width: 940px;
	min-height: 200px;
	background: none;
	z-index: 20;
/* 	border: 1px dashed black; */
}
.cont-reg{
	float: left;
	width: 940px;
	height: 164px;
	margin-top: -105px;
	background: url('../images/content-home-bg.jpg') no-repeat top left;
	
}
.registrate{
	float: left;
	width: 193px;
	margin: 24px 0 0 37px;
}

/*termina segundo contenido---*/




.label3Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: /*#ff6919*/ white;
	font-weight: 500;
	text-align: left;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding-left: 45px;

}
.label4Menu {
	font-family: Verdana, Geneva, sans-serif;
	color: #afafaf;
	text-align:left;
	font-size: 13px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.inicioBienvenido {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:115px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}


/* Clases de telon inicial */
.cajaTelon {
	width: 100%;/*940*/
	height: auto;/*550*/
	

 	margin-left: -10%;
	margin-right: 0;
	
	overflow: none;
/*	border: 1px solid transparent;
	border: 1px solid #ebebeb; 
 	background-image: url(../imagenes/PruebaBorra.png); */


}

.cajaMenuTelon {
    /*position: fixed;*/

    float: left;
    /*margin-left:-20px;*/

	bottom:0px;

	width: 100%;/*940px;*/
	height: 30px;
	
	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
	border: 1px solid transparent;
	z-index: 100;
    clear: left;
    border:1px solid black;

}
.menuTelon {
	float: left;
	position: absolute;
	margin-left: 0px;
	bottom: auto;
}
.menuTelon > ul {
	padding: 0px;
	margin: 0px;
	/* margin-left: 0px; */
}
.menuTelon > ul > li {
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 8px;
	padding: 0 6px;
	height: 30px;
	line-height: 38px;
	background-position: 6px 8px;
}
.menuTelon > ul > li:last-child {
	margin-left: 0;
}
.menuTelon > ul > li:hover {
	/* background-color: rgba(255, 255, 255, 0.6); */
	
}
.menuTelon > ul > li > a {
	height: 25px;
	padding-left: 75px;
	display: block;
	
}
.menuTelon span:hover 	{
	color: #f34611;
		font-size: 20px;
}
#menuCuboPersona span:hover 	{
	color: #f34611;
	font-size: 90px;
}

.menuTelon span:active 	{
	color: #f34611;
	}


.inicioBienvenido:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.inicioBienvenido:active {
	position:relative;
	top:1px;
}


/*Componentes de las paginas internas del portal*/
.cajaPortal {
	width: 940px; /*940*/
	height: 550px; /*1200*/
	
	margin-top: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:hidden;/*debe ser hidden*/
	padding-top: 20px;
}
.renglonPortal100{
	display: inline-block;
	width: 100%;

}
.renglonPortal090{
	display: inline-block;
	width: 85%;
	height: auto;
	margin-bottom: 15px;

}
.renglonPortal050{
	display: inline-block;
	width: 50%;
	height: auto;

}
.renglonPortalTituloDerecho{
	float: right;
	display: inline-block;
	height: 30px;
}
.renglonPortalTituloIzquierdo{
	float: left;
	display: inline-block;
}
.renglonPortalTituloIzquierdo img {
	display: block;
	float: left;
	margin: 10px 12px 40px 5px;
	height: auto;
}


.cuboIconoDerecho{
	float: right;
	width: 80px;
	height: 80px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ebebeb;
}
.cuboIconoIzquierdo{
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ebebeb;
}

.cajaGrid {
	width: 940px; 
	height:300px;
	
	margin-top: 50px;
	/*margin-right: 50%;*/
	margin-left: 17%;
	padding-top: 20px;
	margin-bottom: 100px;
	/*overflow:visible;*/
}
.celdaGrid {
	position:relative;
	display: inline-table;
	
	width: 33%;
	height: 33%;
	margin-bottom: 10px;	
	padding-right: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid transparent;/*#ebebeb*/
}
.celdaGrid2 {
	position:relative;
	display: inline-table;

	width: 33%;
	height: 100%;
	margin-bottom: 10px;	
	padding-right: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid transparent;/*#ebebeb*/
}
.celdaGrid50 {
	position:relative;
	display: inline-table;
	
	width: 49%;
	height: 33%;
	margin-bottom: 30px;	
	padding-left:  5px;
	padding-right: 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.celdaGrid img {
	display: block;
	float: left;

	height: 60px;
	width: 60px;

	margin-top: 0px;
	margin-right: 5px;
	margin-left: 3px;

	padding-top: 50px;
	padding-bottom: 50px;
	border: 1px solid transparent;
}
.celdaGrid50 img {
	display: block;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 200px;
}
.label8Grid {
	font-family: Verdana, Geneva, sans-serif;
	color: #757575;
	font-weight: 0px;
	text-align: left;
	font-size: 15px;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}
.celdaToolTipster {
	position:relative;
	display: inline-table;
	
	width: 500px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.celdaToolTipster img {
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 40%;
}
.celdaR{
	text-align: right;
}
.celdaI{
	text-align: left;
}
.celdaM{
	text-align: center;
}
.celdaJ{
	text-align: justify;
}
.fuenteItalicaNegrita{
	font-style: italic; 
	font-weight: 200;
}
.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: white;/*#ededed;*//*rgba(0,0,0,0.65);*/
	color: #666666;

	background-image: url(../imagenes/UIBackPlain.png) ; 	
	/* background-image:url(../imagenes/BackG00V8.png) ; 	 */

	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);

}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}
.label0Tipster {
	font-family: Verdana, Geneva, sans-serif;
	color:#757575;/*#757575;*/  /*#ffffff;*/
	font-size: 13px;
}
a.btn-conoce {
	float: left;
	display: block;
	width: 168px;
	height: 46px;
	text-indent: -99999px;
	margin: 0px 0px 0px 140px;

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:115px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
a.btn-conoce:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
a.btn-conoce:active {
	position:relative;
	top:1px;
}

.cajaConcepto {
	width: 940px; /*940*/
	height: 150px; /*1200*/
	
	margin-top: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:hidden;/*debe ser hidden*/
	padding-top: 20px;
	
/* 	border: 1px solid black; */
}
.cajaConceptoParrafo{
	width: 940px; 
	height: 100px;
	
	margin-top: 50px;
	margin-bottom: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:visible;

}
.areaConcepto1{
	position: absolute;
	display: inline;
	

	top:   220px;
	left:  250px;
	width: 235px;
	height:300px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.areaConcepto2{
	position: absolute;
	display: inline;
	
	top:   220px;
	left:  485px;
	width: 235px;
	height:300px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.areaConcepto3{
	position: absolute;
	display: inline;
	
	top:   220px;
	left:  720px;
	width: 235px;
	height:300px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.areaConcepto4{
	position: absolute;
	display: inline;
	
	top:   220px;
	left:  950px;
	width: 235px;
	height:300px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



.renglonConcepto100{
	display: inline;
	width: 100%;

}
.cajaMetodologia{
	width: 940px;
	height: 300px;
	display: block;

	margin: 0px auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
 	background-color: transparent;
 	overflow: hidden;

/*   	background: url("../imagenes/fondoMaestro.png") repeat scroll 0 0 #f4f4f4; */

}

.mka-info {
	position: absolute;
	width: auto;
	height: 298px;

	top: -15px;
	left: 385px;

	z-index: 50;

}
.slider .mka-info ul li {
	padding-left:50px;
	width: 400px;
	height: 286px;
	background:none;
	background-color:transparent;
}
.mka-info ul li p{
	color:#6D6D6D;
}


/*Contenido trasero*/
.mka-bg{
	position: absolute;
	top: 0px;
	width: 935px;
	height: 300px;
}
.mka-bg img{
   margin-left:170px;
}

ul.mka-bg {
	margin: 0;
	padding:0;
}
ul.mka-bg li {
	list-style-type: none;
	width: 1132px;
	height: 408px;
}


blockquote {
	font-family: Georgia, Times, serif;
	quotes:"\201C""\201D""\2018""\2019";
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; 
}
blockquote:before {
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.0em;
	vertical-align:-.4em;

}
blockquote:after {
	content:close-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: -.25em;
	margin-top: -.70em;
	vertical-align: -.6em;
    }
blockquote p {
	display:inline;
}


.label1Concepto {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #939292;
	font-weight: 0px;
	font-size: 20px;
/*	
	text-shadow: 0 1px 0 #FFFFFF;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; 
*/
}
.label2Concepto {
	font-family: Arimo; /*Georgia, Times,  serif;*/
	/*font-style: italic;*/
	color: #ffffff; /*#686868;*/
	font-weight: 0px;
	font-size: 15px;
/*
	text-shadow: 0 1px 0 #FFFFFF;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; 
	*/
}


.cajaPrivacidad{
	width: 940px; 
	height: 3000px;
	
	margin-top: 50px;
	margin-bottom: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:hidden;

}
.cajaUso{
	width: 940px; 
	height: 6000px;
	
	margin-top: 50px;
	margin-bottom: 10px;

	margin-right: auto;
	margin-left: auto;
	
	overflow:hidden;

}


.xcajaMensaje {
	display: none;
	position: fixed;
	top:-1px;
	width: 15%;
	left: 45%;
	height: 50px;

	z-index: 2;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	box-shadow: 0px 3px 4px 2px rgba(0,0,0,0.1);
	border-radius: 0px 0px 15px 15px;

	border: 1px solid #d1d1d1;

	background: rgb(205,252,112); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(205,252,112,1) 0%, rgba(205,252,112,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(205,252,112,1)), color-stop(100%,rgba(205,252,112,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(205,252,112,1) 0%,rgba(205,252,112,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(205,252,112,1) 0%,rgba(205,252,112,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(205,252,112,1) 0%,rgba(205,252,112,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(205,252,112,1) 0%,rgba(205,252,112,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdfc70', endColorstr='#cdfc70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


/*
background: rgb(204,244,94); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(204,244,94,1) 0%, rgba(204,244,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(204,244,94,1)), color-stop(100%,rgba(204,244,94,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(204,244,94,1) 0%,rgba(204,244,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(204,244,94,1) 0%,rgba(204,244,94,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(204,244,94,1) 0%,rgba(204,244,94,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(204,244,94,1) 0%,rgba(204,244,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf45e', endColorstr='#ccf45e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
*/

 	
}

.cajaAlertas {
	display:none;
	position: fixed;
	top: 150px;
	left: 31.3%;
	width: 500px;
	height:500px;

	z-index: 2;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	box-shadow: -1px 1px 7px rgba(0,0,0,0.2);
	border-radius: 0px 0px 10px 10px;

	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;

	background: white;
 	
}
.fondoBlurFirma 					{
    position:fixed; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.20); /* 0.7 = 70% opacity */

}
.efectoBlurFirma							{
	-webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    opacity: 0.9;
}

.efectoBlurFirma2					{
	-webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    opacity: 0.5;
}




/* Cintilla de fotos */
.slideshow {
  top: 250px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  
}
.containerInicio {
    position: fixed;
    left:0%;
    top:50%;
    width: 2125px;
    margin-top: -136px;
    margin-left: 0px;
    overflow: hidden;
    background: white;
    border: 1px solid transparent;
}
.photobanner {
    width: 3550px;
    height: 233px;
    margin-bottom: 0px;
}

.first {
    -webkit-animation: bannermove 10s linear infinite;
       -moz-animation: bannermove 10s linear infinite;
        -ms-animation: bannermove 10s linear infinite;
         -o-animation: bannermove 10s linear infinite;
            animation: bannermove 10s linear infinite;
               -webkit-transform: translate3d(0, 0, 0);
}

.pum {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
.pum video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

@keyframes "bannermove" {
   0%    { margin-left: 0; }
  100%  { margin-left: -2125px; }
 
}
 
@-moz-keyframes bannermove {
  0%    { margin-left: 0; }
  100%  { margin-left: -2125px; }
 
}
 
@-webkit-keyframes "bannermove" {
  0%    { margin-left: 0; }
  100%  { margin-left: -2125px; }
 
}
 
@-ms-keyframes "bannermove" {
  0%    { margin-left: 0; }
  100%  { margin-left: -2125px; }
 
}
 
@-o-keyframes "bannermove" {
  0%    { margin-left: 0; }
  100%  { margin-left: -2125px; }
 
}
 
	
.photobanner img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
 
}
.photobanner img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

/*Esconde el boton "x" que cierra todos los dialogos*/
.ui-dialog-titlebar-close {
  visibility: hidden;
}



	



.fondoProcesamientoTransparente{
    position:fixed;
    display:none; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent; /* 0.5 = 70% opacity */
}


.touchProyeccion					{
 	position:absolute; /*absolute*/	
 	background-color: transparent;
  border: 1px solid transparent; 
  display: inline-block;
  z-index: 10;
}

.telonOpcionImg{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Ajustes de pantallas*/
/*Ajustes para desktops - regular screen*/
@media only screen 
and (min-width: 1024px) 
and (max-width: 1402px) 
and (max-height: 800px) {
	.cajaMenu .cajaInfo .cajaMetodologia {
		width: 960px;
	}
	.cajaTelon{
		height: 800px;
	}
	
	.parallaxZero{
		background: url('../imagenes/frontFace000.jpg') no-repeat;	
	}
	video#bgvid{ 
		left:-4%;
		width: 110%;
		height: 110%;
	}
}

/*Ajustes para laptops - big screen*/
@media only screen 
and (min-width: 1025px)
and (min-height: 801px) {
	.cajaMenu .cajaInfo .cajaMetodologia  {
		width: 960px;
	}
	.cajaTelon {
		height: 540px;
	}
	.plicaOpciones {
		height: 90%;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.cajaMenu .cajaInfo .cajaMetodologia {
		width: 30%;
	}
	.cajaTelon{
		height: 200px;
	}

}


/* iPhone 5 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 40/71),
only screen and (min-device-pixel-ratio : 40/71) {
	
}