@font-face {
		font-family: "plain";
		font-style: normal;
		font-weight: normal;
		src: local("?"),
		url("fonts/AvenirNext.otf") format("opentype"),
		url("fonts/AvenirNext.ttf") format("truetype"),
		url("fonts/AvenirNext.woff") format("woff");
	}
	@font-face {
		font-family: "cl_font";
		font-style: normal;
		font-weight: normal;
		src: local("?"),
			url("fonts/Please_write_me_a_song.otf") format("opentype"),
			url("fonts/Please_write_me_a_song.ttf") format("truetype"),
			url("fonts/Please_write_me_a_song.woff") format("woff");
	}
	@font-face {
		font-family: "cl_font_back";
		font-style: normal;
		font-weight: normal;
		src: local("?"),
			url("fonts/VAGRounded Lt Regular.ttf") format("truetype"),
	}
	@font-face {
		font-family: "cl_fontBold";
		font-style: normal;
		font-weight: bold;
		src: local("?"),
			url("fonts/Please_write_me_a_song.otf") format("opentype"),
			url("fonts/Please_write_me_a_song.ttf") format("truetype"),
			url("fonts/Please_write_me_a_song.woff") format("woff");
	}

	@font-face {
		font-family: "cl_fontCon";
		font-style: normal;
		font-weight: normal;
		src: local("?"),
			url("fonts/Please_write_me_a_song.otf") format("opentype"),
			url("fonts/Please_write_me_a_song.ttf") format("truetype"),
			url("fonts/Please_write_me_a_song.woff") format("woff");
	}

	@font-face {
		font-family: "titles";
		font-style: normal;
		font-weight: normal;
		src: local("?"),
			url("fonts/LuckiestGuy.otf") format("opentype"),
			url("fonts/LuckiestGuy.ttf") format("truetype"),
			url("fonts/LuckiestGuy.woff") format("woff");
	}

	body{
		font-family: "cl_font";
	}

	.font-menu{
		font-family: "cl_fontCon", "cl_font";
	}

	.font-title{
		font-family: "titles", "cl_font";
		text-transform: uppercase;
		line-height: 100%;
	}

	.border-color0{
		border-color: white !important;
	}

	.border-color1{
		border-color: black !important;
	}
	.border-color2{
		border-color: #0073BF !important;
	}
	.border-color3{
		border-color: #FF6700 !important;
	}
	.border-color4{
		border-color: #efefef !important;
	}
	.border-color7{
		border-color: #8f8f97 !important;
	}
	.border-color7:hover{
		border-color: #019ee1 !important;
	}

	.bg-color-transparent{
		background-color: transparent !important;
	}
	.bg-color0{
		background: white !important;
	}
	.bg-color0-hover:hover{
		background: white !important;
	}
	.bg-color0-transparent{
		background-color: rgba(255,255,255, 0.3) !important;
	}
	.bg-color0-semitransparent{
		background-color: rgba(255,255,255, 0.6) !important;
	}
	.bg-color1{
		background-color: black !important;
	}
	.bg-color1-transparent{
		background: rgba(0,0,0, 0.3) !important;
	}
	.bg-color2,
	.bg-hover-color2:hover{
		background: #017CD9 !important;
		color: white !important;
	}
	.bg-color2-5,
	.bg-hover-color2-5:hover{
		background: white !important;
		color: #E65B01 !important;
	}
	.bg-color3{
		background-color: #FF6700 !important;
	}
	.bg-color4{
		background-color: #efefef !important;
	}
	.bg-color4-transparent{
		background-color: rgba(239, 239, 239, 0.3) !important;
	}
	.bg-color5{
		/*background-color: #353430 !important;*/
		background-color: #e5e7e4 !important;
	}
	.bg-color6{
		background-color: #004562 !important;
	}
	.bg-color7{
		background-color: #464646 !important;
	}
	.bg-color10{
		background-color: #bfbfbf !important;
	}
	.bg-color11{ /*gris oscuro*/
		background-color: #EEEEEE !important;
	}

	.bg-color12{
		background-color: #82bd00  !important;
	}

	.bg-color13{
		background-color: #EFEFEF  !important;
	}
	.bg-color14{
		background-color: #408ACE !important;
	}

	.text-color0{
		color: white !important;
	}
	.text-color1{
		color: black !important;
	}
	.text-color2,
	.usuarios{
		color: #0073BF !important;
	}
	.text-color3{
		color: #c08405  !important;
	}
	.text-color4{
		color: #cbcbcd !important;
	}
	.text-color5{
		color: #353430 !important;
	}
	.text-color6{
		color: #004562 !important;
	}
	.text-color7{
		color: #8f8f97 !important;
	}
	.text-color8{
		color: #1bfc0a !important;
	}
	.text-color9{
		color: #FB7B24 !important;
	}

	/*chapu para corregir un video*/
	span.fr-video{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		display: block;
	}
	span.fr-video iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}