@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'GaloRegular';
	src: url('../fonts/galo-regular.eot');
	src: url('../fonts/galo-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/galo-regular.woff') format('woff'), url('../fonts/galo-regular.ttf') format('truetype'), url('../fonts/galo-regular.svg#futura_bk_btbook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GaloBold';
	src: url('../fonts/galo-bold.eot');
	src: url('../fonts/galo-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/galo-bold.woff') format('woff'), url('../fonts/galo-bold.ttf') format('truetype'), url('../fonts/galo-bold.svg#futura_bk_btbook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GaloMono';
	src: url('../fonts/galo-mono.eot');
	src: url('../fonts/galo-mono.eot?#iefix') format('embedded-opentype'), url('../fonts/galo-mono.woff') format('woff'), url('../fonts/galo-mono.ttf') format('truetype'), url('../fonts/galo-mono.svg#futura_bk_btbook') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: url(../img/blue-background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#darken {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
	background-color: black;
	z-index: -20;
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, version anterior de safari */
	-moz-opacity: 0.8;       /* firefox, mozilla, netscape */
	opacity: 0.8;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*internet explorer 8 */
}
h1 {
	font-family: GaloMono, helvetica, arial, sans-serif;
	font-size: 16.5px;
	line-height: 20.5px;
	margin-top: 0px;
	color: #000;
	font-weight: normal;
}
h2 {
	font-family: GaloMono, helvetica, arial, sans-serif;
	font-size: 20.5px;
	line-height: 25px;
	margin-top: 0px;
	color: #000;
	font-weight: normal;
}
h3 {
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: 24px;
	margin-left: 28.5px;
	color: black;
	font-weight: normal;
	text-align: center;
	width: 79px;
}
h4 {
	font-family: GaloRegular, helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: -10px;
	margin-left: 29px;
	color: black;
	font-weight: normal;
	text-align: center;
	width: 80px;
}
#container {
	width: 1163px;
	height: 619px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -581px;
}
.home {
	margin-left: 238px;
}
.home a {
	color: white;
	text-decoration: none;
	font-family: GaloMono;
	font-size: 23.5px;
	line-height: 33px;
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, version anterior de safari */
	-moz-opacity: 0.6;       /* firefox, mozilla, netscape */
	opacity: 0.6;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*internet explorer 8 */
}
.home a:hover {
	color: white;
	text-decoration: none;
	font-family: GaloMono;
	font-size: 23.5px;
	line-height: 33px;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, version anterior de safari */
	-moz-opacity: 1;       /* firefox, mozilla, netscape */
	opacity: 1;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*internet explorer 8 */
}
#fons_menu {
	position: relative;
	z-index: 10;
	width: 263px;
	height: 287px;
	background-color: #000;
	margin-left: 0px;
	margin-top: 167px;
	/*float: left;*/
}
#menu {
	top: -14px;
	position: relative;
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 19.5px;
	line-height: 24px;
}
#menu ul {
	list-style-type: none;
	padding-left: 0px;
}
#menu ul li {
}
#menu ul li.nivel1 {
	width: 263px;
	padding-left: 0px;
}
#menu ul li.primera {
}
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	border-top: none;
	padding: 0px 0px 0px 38px;
	position: relative;
}
#menu ul li:hover {
	position: relative;
	background-color: #fff;
	color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	background-color: #fff;
	color: #000;
	position: relative;
}
#menu ul li a.nivel1 {
	display: block!important;
	display: none;
	position: relative;
}
#menu ul li ul {
	display: none;
	background-color: black;
	padding-top: 42px;
	padding-bottom: 42px;
	margin-top: -41px;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 263px;
	top: -1px!important;
	top: -31px;
	width: 263px;
}
#menu ul li ul li a {
	width: 206px;
	padding-right: 19px;
	/*background-color: #000;*/
	/*color: #fff;*/
}
#menu ul li ul li a:hover {
	position: relative;
	background-color: #fff;
	color: #000;
}
#social {
	/*background-color: red;*/
    height: 20px;
    width: 263px;
    margin-top: 16px;
	/*display: none;*/
	display: inline-block;
}
#social_icons {
	width: 98px;
    height: 20px;
    margin: 0 auto;
}
#social_icons ul {
	list-style: none;
    display: inline-block;
	margin: 0;
	padding: 0;
}
#social_icons ul li {
	float: left;
}
#social_icons ul li a {
	background-repeat: no-repeat;
    height: 20px;
    display: block;
    background-size: 100%;
	opacity: 1;
}
#social_icons ul li a:hover {
	opacity: 0.8;
}
.social-facebook {
	background-image: url("http://miquelgalofre.com/img/miquel-galofre-facebook.png");
	width: 20px;
	margin-right: 16px;
}
.social-youtube {
	background-image: url("http://miquelgalofre.com/img/miquel-galofre-youtube.png");
	width: 26px;
	margin-right: 16px;
}
.social-instagram {
	background-image: url("http://miquelgalofre.com/img/miquel-galofre-instagram.png");
	width: 20px;
}
table.falsa {
	border-collapse: collapse;
	border: 0px;
	float: left;
	position: relative;
}
.boto_left {
	width: 42px;
	height: 60px;
	display: inline-block;
	margin-right: 21px;
	margin-left: 0px;
}
.boto_right {
	width: 42px;
	height: 60px;
	display: inline-block;
	margin-left: 1px;
}
.new .boto_right {
	position: absolute;
    right: -42px;
    bottom: 31px;
}
.left {
	width: 21px;
	height: 60px;
	left: 21px;
	position: absolute;
	display: inline-block;
	background-color: #000;
	border:hidden;
}
.left:hover {
	width: 42px;
	height: 60px;
	left: 0px;
	position: absolute;
	display: inline-block;
}
.left img {
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, version anterior de safari */
	-moz-opacity: 1;       /* firefox, mozilla, netscape */
	opacity: 1;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*internet explorer 8 */
	border:hidden;
}
.left:hover img {
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
}
.right {
	width: 21px;
	height: 60px;
	display: inline-block;
	background-color: #fff;
		filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	border:hidden;
}
.right:hover {
	width: 42px;
	height: 60px;
	display: inline-block;
}
.right img {
		filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, version anterior de safari */
	-moz-opacity: 1;       /* firefox, mozilla, netscape */
	opacity: 1;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*internet explorer 8 */
	border:hidden;
}
.right:hover img {
		filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	margin-left: 21px;
}
#reel {
	width: 100%;
	height: 521px;
	background-color: white;
		filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 49px;
	z-index: -10;
}
#reel_youtube {
	width: 853px;
	height: 480px;
	/*position: relative;*/
	float: right;
	/*margin-top: 70px;
	margin-right: 22px;*/
	position: absolute;
	top: 69px;
    left: 288px;
}
#fons_about {
	width: 100%;
	height: 392px;
	background-color: white;
		filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 115px;
	z-index: -10;
}
#fons_about_tt {
	width: 100%;
	height: 392px;
	background-color: white;
		filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 115px;
	z-index: -10;
	
}
#about {
	width: 832px;
	position: absolute;
	float: right;
	top: 123px;
	left: 300px;
	z-index: 5;
}
#about_tt {
	width: 832px;
	position: absolute;
	float: right;
	top: 169px;
	left: 300px;
	z-index: 5;
}
#text_about {
	width: 520px;
	height: 246px;
	display: inline-block;
	position: relative;
	float: left;
	z-index: 10;
	margin-right: 19px;
	margin-top: 81px;
}
#about_tt #text_about{
	height: 187px;
}
#idiomes {
	width: 112px;
	height: 14px;
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 14px;
	color: #808080;
	margin-left: 408px;
	position: absolute;
	bottom: 0px;
}
#idiomes a {
	text-decoration: none;
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 14px;
	color: #808080;
}
#idiomes a:hover {
	color: black;
}
.selected {
	color: black;
	display: inline;
}
.filet {
	width: 2px;
	height: 287px;
	background-color: #808080;
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 21px;
	margin-right: 22px;
	margin-top: 42px;
	z-index: 10;	
	filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3;      /* khtml, version anterior de safari */
	-moz-opacity: 0.3;       /* firefox, mozilla, netscape */
	opacity: 0.3;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*internet explorer 8 */
}
.columna_dreta {
	width: 248px;
	height: inherit;
	display: inline-block;
	position: relative;
	float: left;
	z-index: 10;
}
.foto {
	background-image: url(../img/about-galo.jpg);
	width: 248px;
	height: 165px;
	z-index: 10;
	margin-top: 98px;
}
.foto_tt {
	background-image: url(../img/tt-foto.jpg);
	width: 248px;
	height: 260px;
	z-index: 10;
	margin-top: 10px;
}
#fons_films {
	width: 100%;
	height: 531px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 43px;
	z-index: -10;
}
#fons_films_2 {
	width: 726px;
	height: 531px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 43px;
	z-index: -10;
}
#fons_television {
	width: 100%;
	height: 287px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 167px;
}
#fons_jamaica {
	width: 100%;
	height: 579px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 16.5px;
	z-index: -10;
}
#fons_jamaica_2 {
	width: 871px;
	height: 579px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 16.5px;
	z-index: -10;
}
#fons_awards {
	width: 100%;
	height: 600px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 8.5px;
	z-index: -10;
}
#fons_contact {
	width: 580px;
	height: 287px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 167px;
}
#fons_photo {
	width: 100%;
	height: 555px;
	background-color: white;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
	-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
	opacity: 0.7;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 */
	position: absolute;
	margin-top: 31.5px;
	z-index: -10;
}
#films {
	width: 984px;
	height: 489px;
	position: absolute;
	float: right;
	top: 64px;
	left: 221px;
	z-index: 5;
}
#television {
	width: 984px;
	height: 536px;
	position: absolute;
	float: right;
	top: 193px;
	left: 221px;
	z-index: 5;
}
#jamaica {
	width: 984px;
	height: 579px;
	position: absolute;
	float: right;
	top: 37px;
	left: 222px;
	z-index: 5;
}
#awards {
	width: 773px;
	height: 491px;
	position: absolute;
	float: right;
	top: 70px;
	left: 330px;
	z-index: 5;
}
#awards.new {
	width: 855px;
    background-color: red;
    left: 287px;
    height: 558px;
    top: 30px;
}
.awards_col {
    width: 271px;
    background-color: yellow;
    height: 100%;
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 21px;
}
.awards_photo {
	width: 100%;
    height: 230px;
    background-color: blue;
	position: relative;
}
.laurel_number {
	width: 64px;
    height: 58px;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.6;
	background: url("../img/laurel_back.png") no-repeat;
	background-size: 100%;
}
.laurel_number span {
	font-size: 28px;
    text-align: center;
    width: 100%;
    display: block;
    height: 100%;
    line-height: 56px;
}
#awards h2 {
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 19.5px;
	line-height: 22.5px;
}
#awards p {
	font-family: GaloBold, helvetica, arial, sans-serif;
	font-size: 14.5px;
	line-height: 17.5px;
	margin: 0;
}
#awards p.festival {
	font-family: GaloRegular, helvetica, arial, sans-serif;
	margin-bottom: 9px;
}
.awards_text {
	width: 100%;
    background-color: white;
    height: auto;
	margin-top: 20px;
}
#photo {
	width: 827px;
	height: 487px;
	background-color: #000;
	/*position: relative;*/
	position: absolute;
	float: right;
	/*margin-top: 52.5px;
	margin-right: 22px;*/
	padding: 13px;
	top: 53px;
    left: 288px;
}
#instagram {
	display: inline-block;
	position: absolute;
	z-index: 100;
	/*bottom: 70px;
	left: 173px;*/
	bottom: 128px;
    left: 189px;
}
#instagram a {
	text-decoration: none;
	opacity: 1;
	transition: all 0.5s ease 0s;
}
#instagram a:hover {
	text-decoration: none;
	opacity: 0.6;
	transition: all 0.5s ease 0s;
}
#instagram span {
	font-family: 'GaloRegular';
	font-size: 13.5px;
	display: inline-block;
	line-height: 20px;
	height: 20px;
	margin-right: 10px;
	color: #000;
}
.logo_instagram {
	display: none;
	width: 20px;
	height: 20px;
	float: right;
	background-size: 100% auto;
	background-image: url('../img/logo-instagram.png');
}
		
#wdjrsf {
	width: 984px;
	height: 480px;
	position: absolute;
	float: right;
	top: 69px;
	left: 221px;
	z-index: 5;
}
.columna_1 {
	width: 854px;
	height: auto;
	display: inline-block;
	margin-right: 16px;
}
.columnes_2 {
	width: 416px;
	height: auto;
	display: inline-block;
	margin-right: 17px;
}
.columnes_3 {
	width: 271px;
	height: auto;
	display: inline-block;
	margin-right: 17px;
	margin-bottom: -21px;
}
.youtubes_4 {
	margin-bottom: 21px;
	width: 416px;
	height: 234px;
}
.youtubes_9 {
	margin-bottom: 21px;
	width: 271px;
	height: 165px;
}
.vimeo_4 {
	margin-bottom: 21px;
	width: 416px;
	height: 234px;
}
.invisible {
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*internet explorer 8 */
	margin-top: -4px;
}
.invisible_small {
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, version anterior de safari */
	-moz-opacity: 0;       /* firefox, mozilla, netscape */
	opacity: 0;           /* safari, chrome, opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*internet explorer 8 */
	margin-top: -4px;
}
.laurel {
	width: 136px;
	height: 112px;
	background-image: url(../img/laurel.png);
	background-size: 100%;
	display: inline;
	float: left;
	margin-right: 17px;
	margin-bottom: 9px;
}
#contact {
	width: 271px;
	height: 44px;
	position: absolute;
	float: right;
	top: 286px;
	left: 286px;
	z-index: 5;
	text-align: center;
	line-height: 48px;
}
#contact a {
	margin-top: 14px;
	font-family: GaloBold;
	font-size: 17px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#contact a:hover {
	margin-top: 14px;
	font-family: GaloBold;
	font-size: 17px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
#sobre {
	width: 25px;
	height: 16px;
	margin: 0 auto;
	background-size: 100% auto;
	background-image: url('../img/galo-mail.png');
}
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#container {
	height: 480px;
	width: 900px;
	background-color: white;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -450px;
}
#menu {
	position: relative;
	z-index: 10;
	width: 204px;
	height: 222px;
	background-color: #000;
	margin-left: 0px;
	margin-top: 129px;
}
}

*/