html,
body { 
  height: 100%; 
  margin: 0px; 
  padding: 0px; 
  text-align: left;
}
body{
	position: relative;
	width: 100%;
	background-color: 000000;
	background-repeat:no-repeat;
	background-position:top;
	margin: 0px; padding: 0px; overflow-x:hidden;
	font-family: 'Myriad';
	height: 100%;
	display: table;
	width: 100%;
	font-size: 16px;
}
.backPrincipal{
  background:url(../img/BackIvana.jpg); 
  background-size: 100%;
  
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:top;
  color: #ffffff;
}
.like-button{
	cursor: pointer;
}
#contenedor{
	background-image: url(../img/cono-06.png);
	background-repeat:no-repeat;
    background-size:50%;
    background-position:right top;
    
}

#index-principal{
	background-image: url(../img/fondoMorado.png);
	background-repeat:no-repeat;
    background-size:cover;
}
/*
	Es el header grande
*/
#header-formulario{
	background-image: url(../img/Header23.jpg);
	background-repeat:no-repeat;
	text-align: left;
    background-size:100% 100%;
    width: 100%;
    height: 250px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
}
@media(min-width: 1900px){
	#header-formulario{
		height: 320px;	
	}
}
/* Si la p�gina es de 1000 pixeles o mayor ocultar el header mini */
@media(min-width:1000px){
	#header-formulario-mini{
		display: none;
	}
}
/* Si la p�gina es menor de 1000 pixeles, ocultar el header grande */
@media(max-width:999px){
	#header-formulario{
		display: none;
	}
}

@media(min-width:1900px){
	.encabezadoExpo2{
		height: 450px;
	}
}

.titulo{
    font-size: 5vw;
    /*color: #187699;*/
    color: #566BA6;
}
.subtitulo{
    
    letter-spacing: .1em;
    font-size: 20px;
}
  
.titulo-gigante{
    font-size: 4.5vw;
    /*font-weight: 1000;*/
    font-family: 'Myriad Bold';
}

.myriad-lite{
	font-family: 'Myriad Light'; 
}
.myriad-bold{
	font-family: 'Myriad Bold';
}

.leyendaCamposObligatorios{
    color: #e53057;
    font-size: 20px;
    font-family: 'Myriad Bold';
}
.footer{
	background-image:url(../img/footer.png);
	
	background-repeat:no-repeat;
	position:relative;
	margin: 0; padding: 10; 
	text-align: left;
	background-size: 20% 20%;
	overflow-x:hidden;
	
	background-repeat: no-repeat;
    background-size:cover;
}

.form-control{
	border-radius: 0px;
}

hr{
	background-color: #0bb8e5;	
	height: 1px;
	border: 0;
}

.img_btn{
	width: 125px;
  	height: 125px;
  	line-height: 80px;
  	border-radius: 50%;
	padding:5px;
	border:2px solid #323948;
}
.img_btn:hover{
	border:5px solid #0086c9;
}
.img_btn img{
	height:65px;
}


.btn-color{
	/*background-color: #4F4E90;
	color: #FFFFFF;*/
	border-color:#136FA0;
	color: #FFFFFF;
	background-color: #136FA0;
	
}
.btn-color:hover{
	border-color: #136FA0;
	color:  #136FA0;
	background-color: #FFFFFF;
}
.btn-color2{
	border-color: #136FA0;
	color:  #136FA0;
	background-color: #FFFFFF;
	
}
.btn-color2:hover{
	border-color:#136FA0;
	color: #FFFFFF;
	background-color: #136FA0;
}
.negritas{
font-weight: bold;
}

.iconos{
	font-size:50px;
	color: #555555;
}
.iconos2{
	font-size:25px;
	color: #555555;
}
.iconosAdmin{
	font-size:77px;
	color: #02495D;
}
#mensajeError{
	color: #FA5858;
	border: 1px solid #f2f2f2;
	border-radius: 15px 50px;
}
.error{
	color: #FA5858;
}
.mayusculas{
	text-transform: uppercase;
}
.minusculas{
	text-transform: lowercase;
}

.tabla{
	border-spacing: 10px; 
	border-collapse: separate;
}
.ocultar{
	display: none;
}
.mostrar{
	display: block;
}
.btn-regresar{
	left: 3px;
	position:fixed;
	margin-left: 5px;
	margin-right: auto;
	margin-top: 100px;
}
.logout{
	position:fixed;
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#DC1938;
	right:50px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	margin-top:55px;
	z-index:10;
	opacity:.8;
	display:block;
}
.logout a, .logout a:hover{
	color:#fff;
	display:block;
}
.logout:hover{
	opacity:.6;
}



footer {
	width: 100%;
	height: 115px;
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
}

@media(max-width:895px){
	footer{
		height:220px;
	}
}

@media(max-width:385px){
	footer{
		padding-left:0 !important;
		padding-right:0 !important;
	}
}


@font-face {
  font-family: 'Mirador';
  src: url('mirador.otf') format('truetype');
}

@font-face {
  font-family: 'Courier';
  src: url('Courier.ttf') format('truetype');
}

@font-face {
  font-family: 'Codigo39';
  src: url('3OF9.ttf') format('truetype');
}

@font-face {
  font-family: 'New Era';
  src: url('../Tipografias/New Era Casual Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Myriad';
  src: url('fuentes2/MyriadPro-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Myriad Light';
  src: url('fuentes2/MyriadPro-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Myriad Bold';
  src: url('fuentes2/MyriadPro-Bold.otf') format('opentype');
}

.btn-index{
	border-radius: 30px 50px; 
	box-shadow: 2px 5px 10px #888888;
}

.inputError{
	background-color: #F2DEDE;
	border-color:#FA5858;
	box-shadow: 0 0 10px #FA5858;
}
.inputError:focus{
  outline: none !important;
  /*color: verde */
  border-color:#FA5858;
  box-shadow: 0 0 10px #FA5858;
}

.liga-header{
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
}
.liga-header:hover{
	color: #ffffff;
	text-decoration-color: #ffffff;
}
.liga-formulario{
	color: #FFFFFF;
	font-weight: bold;
}

.liga-formulario:hover{
	color: #f0e40b;
	text-decoration-color: #FFFFFF;
}

.index-liga-formulario{
	color: #f0e40b;
	font-weight: bold;
}
.index-liga-formulario:hover{
	color: #FFFFFF;
	font-weight: bold;
}

.icono-venta{
    border-style: solid; 
    border-color: #60B4AD; 
    border-width: 2px; 
    border-radius: 5px;
    width: 85px; 
    height: 85px; 
    text-align: center; 
    vertical-align: middle; 
    padding: 5px;
    margin: 10px;
    font-size: 16px;
}

.icono-venta2{
    border-style: solid; 
    border-color: #FF8080; 
    border-width: 3px; 
    border-radius: 15px;
    width: 140px; 
    height: auto;
    min-height: 140px; 
    text-align: center; 
    vertical-align: middle; 
    padding: 5px;
    margin: 10px;
    font-size: 20px;
    box-shadow: 3px 3px 3px #FF8080;
    word-wrap: break-word;
    display: table-cell;
    vertical-align: top;

    /* Código para el sombreado dentro del div */
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

}

.icono-venta-academia{
    border-style: solid; 
    border-color: #FF8080; 
    border-width: 3px; 
    border-radius: 15px;
    width: 170px; 
    height: auto;
    min-height: 120px; 
    text-align: center; 
    vertical-align: middle; 
    padding: 5px;
    margin: 10px;
    font-size: 18px;
    box-shadow: 3px 3px 3px #FF8080;
    word-wrap: break-word;
    display: table-cell;
    vertical-align: top;

    /* Código para el sombreado dentro del div */
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1);
    }