@charset "utf-8";
body{color:#333;font-family:'Lato', Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;margin:0;counter-reset:contador;}

a{
	cursor: pointer;
	text-decoration: none;
}

header{
	background: #2e2e2e;
	padding: 15px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	padding: 0;
}
h2 {
	color: #fff;
	font-size: 33px;
	padding: 0;
}

[class^="show"]{display: none}

.none {
	display: none! important;
}
.contenedor {
	width: 1280px;
	margin: 0px auto;
}
.contenedor2 {
	width: 640px;
	margin: 0px auto;
}
.contenedor-main{
	padding-top: 135px;
	margin: 0 auto;
	width: 70%;
}
.Cont50-left{
	width: 640px;
	margin-right: 0;
	margin-left: auto;
}

.Cont50-right{
	width: 640px;
	margin-right: auto;
	margin-left: 0;
}

.logo{
	display: inline-block;
	text-align: left;
}
.logo a {
	display: inline-block;
}
.logo img{
	height: 75px;
}

/****************************
COLUMNAS
****************************/
.col-xl-12,
.col-lg-12,
.col-mg-12,
.col-md-12,
.col-mc-12,
.col-ch-12{
	margin: 0;
}

[class^=col-]{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
}

.col-xl-1 {width: 8.33333%;}
.col-xl-2 {width: 16.666%;}
.col-xl-3 {width: 25%;}
.col-xl-4 {width: 33.33%;}
.col-xl-5 {width: 41.66667%;}
.col-xl-5-1 {width: 20%;}
.col-xl-6 {width: 50%;}
.col-xl-7 {width: 58.33333%;}
.col-xl-8 {width: 66.66667%;}
.col-xl-9 {width: 75%;}
.col-xl-10 {width: 83.33333%;}
.col-xl-11 {width: 91.66667%;}
.col-xl-12 {width: 100%;}

.btn-session{
	background: #00c9ff;
	border-bottom: 0;
	color: #fff; 
	font-weight: 700;
	margin-top: 20px;
}




.logos-descargas {
	display: inline-block;
	text-align: center;
}
.logos-descargas > div {
	color: #fff;
    text-align: right;
}
.logos-descargas h2 {
	font-size: 28px;
}
.logos-descargas a {
	background: #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	display: inline-block;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}
.logos-info figure {
	margin: 15px 0; 
	vertical-align: middle;
}
.navbar-nav > li > a {
	border-bottom: 0;
	color: #fff;
}





/*ESTILOS CÉSAR*/
.fondo{
	background: url(../../img/home/fondo.jpg) no-repeat center;
    background-size: cover;
    height: 100%;
    top: 0;
    position: fixed;
    width: 100%;
}
.bg-mesa{
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../../img/home/mesa.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
}
.logo-final {
	bottom: 90px;
	display: inline-block;
	position: absolute;
	right: 20px;
	z-index: 11;
}
.logo-final img{
    max-width: 250px;
}
.titulo{
	position: relative;
	width: 87%;
	z-index: 9;
}

.titulo h1, .titulo h2 {
	color: #fff;
}
.titulo h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 55px;
	margin: 0;
}
.titulo h1 {
	font-size: 33px;
	font-weight: 300;
	line-height: 33px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.img-devices{
	bottom: 80px;
	left: 10%;
	position: absolute;
	width: 45%;
	z-index: 10;
}
.img-devices img{
	width: 100%;
}
.registrate {
	text-align: center;
}
a.btn-registro  {
	background: #007eb1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
	display: inline-block;
	padding: 20px 45px;
	text-align: center;
	text-decoration: none;
}
.btn-registro p {
	font-size: 34px;
	line-height: 45px;
    padding-left: 0;
    text-shadow: 1px 1px 1px #1a3d52; 
}
.btn-registro p span {
	display: block;
	font-size: 1.5em;
	font-weight: 900;
    padding: 0;
    text-shadow: 3px 3px 3px #1a3d52;
}

.downloads h2{
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	margin: 1em 0;
}
.logos-downloads{
	margin: 1em 0;
}
.logos-downloads p{
	color: #fff;
	display: inline-block;
	font-weight: 400;
	text-align: left;
	max-width: 150px;
	vertical-align: middle;
	width: 100%;
}
.logos-downloads figure{
	display: inline-block;
	vertical-align: middle;
	max-width: 200px;
	width: 100%;
}
.logos-downloads figure a{
	background: #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: inline-block;
	padding: 10px;
	width: 100%;
}

/*ESTILOS CÉSAR*/















.parrafos {
	text-align: left;
	vertical-align: middle;
}
.parrafos p{
	display: block;
	font-size: 15px;
	margin: 0;
}



.session{
	display: inline-block;
	padding: 0 15px;
	margin: 0 -2px;
	margin-bottom: 0;
	text-align: left;
	vertical-align: top;
}
.session a {
	color: #c6c6c6;
	display: block;
	font-size: 14px;
}
.session label {
	color: #fff;
	display: block;
}
.text-center {
	font-size: 28px;
}
/*.titulo div:first-child {
    margin-left: 100px;
}*/

.titulo img {
    bottom: 0;
	left: -90px;
	position: absolute;
}
.idioma{
	text-align: right;
}
.idioma .nav > li > a {
    font-size: 0.875em;
    padding-left: 18px;
    padding-right: 18px;
    color: #fff;
    border: none;
    border-radius: 0;
    background-clip: padding-box;
    cursor: pointer;
}
.idioma .nav > li > a:hover, .idioma .nav .open > a, .idioma .nav .open > a:hover{
  	background: #00c9ff;
    color: #fff;
}
.idioma .nav > li > a:hover,  .idioma .nav .open > a, .idioma .nav .open > a:hover {
	background-color: #00c9ff;
}
/**************************************
FOOTER
**************************************/
footer{
	bottom: 0;
	background: #2f2f2f;
	color: #fff;
	display: block;
	position: fixed;
	padding: 10px 0;
	width: 100%;
}
footer .Foot ul{
	margin-bottom: 0;
	text-align: center;
}

footer .Foot ul li a{	
	border-right: 1px solid #000;
	color: #fff;
	display: block;
	padding: 0 20px;
	text-decoration: none;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color: #337ab7!important;
}