@charset "UTF-8";

/******* INICIO *******/
.logo{
	position: fixed;
	top:15px;
	left:50px;
	width: 8%;
	-ms-transform: translate3d(0, 0, 0);
  	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 800;
}

html, body {
        height: 100%;
        margin: 0;
}
.container {
	display: table;
	width: 100%;
    height: 100%;
	vertical-align: middle;
 }

.alto100 {
        height: 100%;
 }

.table {
	display: table;
  	margin: 0 auto;
}

.td {
	display: table-cell;
	vertical-align: middle;
}
.row {
  display: flex;
}

.thumb {
	position: relative;
	z-index: 0;
	width: 100%;
}

.totalcenter {
    position: absolute;
    top: 50%;
    left: 50%;
	z-index: 500;
    -ms-transform: translate3d(-50%, -60%, 0);
  	-webkit-transform: translate3d(-50%, -60%, 0);
	transform: translate3d(-50%, -60%, 0);
}

/******* MENU *******/
#header {position: fixed;background-color:rgba(0, 0, 0, 1.00);width: 100%;height: 3.75vw; z-index: 500; border-bottom: 0.5px solid rgba(0, 0, 0, 0.75);font-family: 'favoritregular';font-size: .9vw;color: #FFFFFF; line-height: .7vw;padding:0; text-align: left;letter-spacing: 1.5px;}
ul, ol {list-style:none;}
.nav{position: fixed;right:50px; z-index: 500; margin: 0; list-style: none;padding: 4px 10px;top: .7vw; }
.nav > li {float:left;}
.nav li a {text-decoration:none; color: #FFFFFF;background-color:rgba(0, 0, 0, 1.00); padding:.5vw 20px;display:block;}
.nav li a:hover {text-decoration:none; background-color:rgba(0, 0, 0, 1.00); color: rgba(164,164,164,1.00)}
.nav li ul {display:none;position:absolute;	min-width:140px;}
.nav li:hover > ul {display:block;}		
.nav li ul li {position:relative;}			
.nav li ul li ul {right:-140px;	top:0px;}

/* GENERAL */

body {
	background-color:#000;
	margin: 0;
	padding: 0;
	font-family: 'favoritregular';
	line-height: 1.4vw;
	font-size: 1vw;
	color: #fff;
}

.patched {
	line-height: 3vh;
	font-size: 2.5vh;
}

hr.styled {
	border-top: 0px solid rgba(255, 255, 255, 1.00);
	color: rgba(255, 255, 255, 1.00);
}

.whitebg{
	background-color:#FFF;
}

.corporatebg{
	background-color:rgba(218, 37, 30, 1.00);
}

.blackbg{
	background-color:#000000;
}

.white{
	color: #FFFFFF;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0; 
}

p {
	margin: 5px 0 0 0;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.squared {
	border: 1px dotted #D0CACA;
	padding: 1% 1% 0% 1%;
}

ul.project{
	list-style-position:inside;
	padding-left:20px;
	list-style-image: url("../refs/square.png");
}

ul li.project{
	list-style-position:inside;
}

.alfa {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.transl {
    opacity: 0%;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/* LINKS */

a img {
	border: none;
}

a:link {
	color: #fff;
	text-decoration: none; 
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: rgba(164,164,164,1.00);
	text-decoration: none;
}

.black {
	color: #000;
}

/* FONTS TYPE & ALIGN */

@font-face{
	font-family:favoritregular;
	src:url("../fonts/favoritregular.otf");
}

.favoritregular{
	font-family: 'favoritregular';
}

@font-face{
	font-family:favoritbold;
	src:url("../fonts/favoritbold.otf");
}

.favoritbold{
	font-family: 'favoritbold';
}

@font-face{
	font-family:archer;
	src:url("../fonts/archer.otf");
}

.archer{
	font-family: 'archer';
}

@font-face{
	font-family:playfair;
	src:url("../fonts/playfair.ttf");
}

.playfair{
	font-family: 'playfair';
}

@font-face{
	font-family:din;
	src:url("../fonts/din.ttf");
}

.din{
	font-family: 'din';
}

h1 {
	font-family: 'favoritbold';
	font-size:3em;
	margin-top:0px;
	margin-bottom:0px;
	text-transform: uppercase;
}

h2 {
	font-family: 'favoritbold';
	font-size:7em;
	letter-spacing: 2px;
	line-height: 1em;
	color: rgba(255,255,255,1.00);
	margin-top:30px;
	margin-bottom:0px;
}

.lilfontpunto8{
	font-size:.8em;
}

.lilfontpunto5{
	font-size:.5em;
}

.bigfont15{
	font-size:1.5em;
}

.bigfont20{
	font-size:2em;
}

.bigfont30{
	font-size:3em;
}

.bigfont50{
	font-size:5em;
}

.bigfont60{
	font-size:6em;
}

.bigfont90{
	font-size:9em;
}

.kerning{
	letter-spacing: 4px;
}

.versalita{
	font-style:italic;	
}

.centertext{
	text-align:center;
}

.righttext{
	text-align:right;
}

.lefttext{
	text-align:left;
}

.justified{
	text-align: justify;
}

/* FLOATING */

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

.centered{
	margin:0 auto;
}

/* WIDTHS */

.amplio05{
	width: 5%;
}

.amplio08{
	width: 8%;
}

.amplio10{
	width: 10%;
}

.amplio15{
	width: 15%;
}

.amplio16{
	width: 16.6666666666666666666666666666666666666666666666666666666666666666666666666667%;
}

.amplio20{
	width: 20%;
}

.amplio24{
	width: 24.8%;
}

.amplio25{
	width: 25%;
}

.amplio30{
	width: 30%;
}

.amplio35{
	width: 35%;
}

.amplio33{
	width: 33%;
}

.amplio333{
	width: 33.333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333334%;
}

.amplio40{
	width: 40%;
}

.amplio45{
	width: 45%;
}

.amplio498{
	width: 49.8%;
}

.amplio50{
	width: 50%;
}

.amplio505{
	width: 50.2%;
}

.amplio60{
	width: 60%;
}

.amplio66{
	width: 66.6666666666666666666666666666666666666666667%;
}

.amplio70{
	width: 70%;
}

.amplio80{
	width: 80%;
}

.amplio85{
	width: 85%;
}

.amplio90{
	width: 90%;
}

.amplio95{
	width: 95%;
}

.amplio100{
	width: 100%;
}

/* TOPPS & BOTTOMS */

.topped10 {
	margin-top:10px;
}

.topped15 {
	margin-top:15px;
}

.topped20 {
	margin-top:20px;
}

.topped25 {
	margin-top:25px;
}

.topped30 {
	margin-top:30px;
}

.topped40 {
	margin-top:40px;
}

.topped50 {
	margin-top:50px;
}

.topped60 {
	margin-top:60px;
}

.topped70 {
	margin-top:70px;
}

.topped80 {
	margin-top:80px;
}

.topped90 {
	margin-top:90px;
}

.topped100 {
	margin-top:100px;
}

.topped120 {
	margin-top:120px;
}

.topped150 {
	margin-top:150px;
}

.topped200 {
	margin-top:200px;
}

.topped250 {
	margin-top:250px;
}

.lesstopped05 {
	margin-top:-5px;
}

.lesstopped10 {
	margin-top:-10px;
}

.lesstopped20 {
	margin-top:-20px;
}

.lesstopped30 {
	margin-top:-30px;
}

.lesstopped34 {
	margin-top:-34px;
}

.lesstopped40 {
	margin-top:-40px;
}

.lesstopped45 {
	margin-top:-45px;
}

.lesstopped50 {
	margin-top:-50px;
}

.lesstopped85 {
	margin-top:-85px;
}

.bottomed05 {
	margin-bottom:3px;
}

.bottomed10 {
	margin-bottom:10px;
}

.bottomed20 {
	margin-bottom:20px;
}

.bottomed30 {
	margin-bottom:30px;
}

.bottomed40 {
	margin-bottom:40px;
}

.bottomed50 {
	margin-bottom:50px;
}

.bottomed60 {
	margin-bottom:60px;
}

.bottomed70 {
	margin-bottom:60px;
}

.bottomed80 {
	margin-bottom:60px;
}

.bottomed90 {
	margin-bottom:60px;
}

.bottomed100 {
	margin-bottom:100px;
}

.bottomed150 {
	margin-bottom:150px;
}

.bottomed200 {
	margin-bottom:200px;
}

.bottomed250 {
	margin-bottom:200px;
}

.lessbottomed10 {
	margin-bottom:-10px;
}
/* TABBS */

.tabbedcuatrocols{
	margin-left:.2666666666666667%;
}

.tabbedtrescols{
	margin-left:.5%;
}

.tabbedleft{
	margin-left:2%;
}

.tabbedname{
	margin-left:2.5%;
}

.tabbedlessname{
	margin-right:2.5%;
}

.roundsquared {
	border: 0px solid #847D7D;
	background-color: #DFDEDE;
	padding:3% 1% 2% 1%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

@media screen and (max-width: 1180px) {
	body {
		line-height: 1.2vw;
		font-size: 1vw;
	}
}