/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);



/* HELPERS  ¡NOT REMOVE!*/

.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

/***/



html,body{
	background-color: #000;
	color: #fff;
	font-family: 'Raleway', sans-serif;
}


/********
Estilos HEADER 
********/

	.headerRow{
		padding-top: 30px;
	}


	.topBannerMenu{
		padding-top: 30px;
		margin-bottom: 80px;
	}

	.itemMenuDiv{
		text-align: center;
	}

	.item-menu-sup{
		color: #fff;
		font-size: 18px;
		font-weight: 700;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
	}

	.item-menu-sup:hover{
		color: #0088cc;
		font-weight: 900;
		cursor: pointer;
	}

	.itemActive{
		color: #0088cc !important;
		font-weight: 900 !important;
	}


@media only screen and (max-width: 480px){
		
		.menu li {
		display: none;
		position: relative;
		float: left;
		padding-bottom: 0;
		background-size: auto 100%;
		width: 100%;
		line-height: 40px;
		min-height: 40px;
		float: left;
		clear: both;
		text-align: center;
		-webkit-transition: all 3ms ease;
		-moz-transition: all 3ms ease;
		-ms-transition: all 3ms ease;
		-o-transition: all 3ms ease;
		transition: all 3ms ease;
		background: #000;
		}

		.item-show {
		display: block !important;
		-webkit-transition: all 3ms ease;
		-moz-transition: all 3ms ease;
		-ms-transition: all 3ms ease;
		-o-transition: all 3ms ease;
		transition: all 3ms ease;
		}

}



/********
********/










/********
Estilos HEADER 
********/


.bloqueROW{
	margin-top: 80px;
	margin-bottom: 80px;
}

.FrasesRow{
	margin-top: 80px;
	margin-bottom: 80px;

}


/********
********/













/********
Estilos FOOTER 
********/

	.footerRow{
		margin-top: 100px;
		margin-bottom: 100px;
	}

	.contenidoFooter{
		text-align: center;
	}

	.redesSociales{
		text-align: center;
	}

	.ico-rs{
		width: 25px;
		height: 25px;
		display: block;
		position: relative;
		float: right;
	}

/********
********/