/* BODY DEL INDEX */
body.index
{
	background: url("../img/background.png") top center no-repeat;
	background-size: cover;
	position: relative;
	min-width: 980px;

}

/* BODY DEL INDEX */
body.fncy
{
	overflow-x: hidden;
	background-color: #e2e2e2;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size: 17px;
}

/****************************************/
/************ SECCION DE BLN ************/
/****************************************/
div.bln-backg .info
{
    margin: 43% 0 0 12%;
    float: left;
}
div.bln-backg .enter
{
   margin: 8% 0 0 8%;
   height: 37px;
   width: 112px;
}
div.bln-backg .window
{
	background: url("../img/bln/bln.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	background-size: 100% 100%;
    height: 256px;
    width: 193px;
}

/****************************************/
/*********** SECCION DE TIER ************/
/****************************************/
div.tier-backg .info
{
    margin: 43% 0 30% 0;
    float: right;
}
div.tier-backg .enter
{
    margin: 6% 0 0 17%;
}
div.tier-backg .enter span
{
    color: white;
    font-family: 'Dorsa',sans-serif !important;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
div.tier-backg .enter span:hover
{
    color: black;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px;
}
div.tier-backg .window
{
	background: url("../img/tier/tier.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	background-size: 100% 100%;
    height: 256px;
    width: 193px;
}

/****************************************/
/************ SECCION MEDIA *************/
/****************************************/
div.middle
{
	margin  : 16% 0 0 43%;
	position: absolute;
	z-index : 3;
}
div.social
{
	width : 30px;
	margin: 88% 0 0 35%;
	height: 70px;
}
div.social .twt
{
	margin-top: 5px;
}
/* PLECA DEL FIN DE PÁGINA INDEX */
div.pleca
{
	background: url("../img/pleca.png") center bottom repeat-x;
    height: 12px;
    width: 100%;
    position:fixed;
  	bottom: 0;
}

/****************************************/
/********* VENTANA EMERGENTE ************/
/****************************************/
div.center
{
	text-align: center !important;
}
span.bold
{
	font-weight: 700;
}

div.information
{
	padding:3% 0;
	height: auto;
	width: 464px;
	margin: 0 auto;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 970px){

	div.bln-backg .window
	{
	    height: 176px;
    	width: 113px;
	}

	div.bln-backg .info
	{
	    margin: 43% 0 0 12%;
	}

	div.tier-backg .window
	{
	    height: 176px;
	    width: 113px;
	}

	div.tier-backg .info
	{
	    margin: 43% 0 0 41%;
	}

	div.middle
	{
		margin-left  : 42.5%;
		width: 80px;
		height:130px;
	}

	body.index
	{
		min-width: 700px;

	}
}
.tier-backg a { display:block; height:650px; width:480px;}