@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width: 100%;
}
body {
	background:url(images/backecha.jpg);
	background-position:top;
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: 70%;
	background-attachment: fixed;
	margin: 0px;
}
.cortos {
	text-align: center;
}
.trailer {
	text-align: center;
}
.backbutton {
	width: 8%;
	height: 8%;
	position: fixed;
	top:20%;
	left:88%;
	z-index: 50;
}
.gralf {
	width: 100%;
	clear: both;
	padding-top: 1%;
	background-color: #545454;
}
.footer {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.bottom {
	width:90%;
	margin:auto;
	padding-top: 2%;
	padding-bottom: 3%;
	text-align: center;
	clear: both;
	font-family: 'Montserrat', sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color:#72DE00;
}
.blink:link {
	font-family: 'Montserrat', sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color:#72DE00;
	text-decoration: none;
}
.blink:hover {
	color:#FFF;
}
.blink:active {
	color:#72DE00;
}
.blink:visited {
	color:#72DE00;
}
.echawrap {
	width: 100%;
	clear:both;
	
}
.echawrapblack {
	width: 100%;
	clear:both;
	background-color: #000000;
	
}
.echawrapempty {
	width: 80%;
	clear:both;
	padding: 4% 10% 4% 10%;	
}
.echacol {
	width: 80%;
	margin-left: 10%;
	margin-right:10%;
}
#titulo{
	padding: 5% 25% 0% 25%;
	width: 50%;
	z-index: 10;
}
#personaje{
	padding: 2% 25% 0% 25%;
	width: 50%;
	z-index: 10;
	line-height: 0;

}
.txt {
	width:70%;
	padding:6% 15% 6% 15%;
}
h1 {
	color:#C343FF;
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
	font-size: 26pt;
	text-align: center;
	line-height: 30pt;
}
h2 {
	color:#C343FF;
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
	font-size: 22pt;
	text-align: center;
	line-height: 24pt;
}
p {
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	font-size: 14pt;
	line-height: 26pt;
}
p.frase {
	color:#FFF;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
	font-size: 26pt;
	line-height: 26pt;
	text-align: center;
	font-style: italic;
 }



#logos {
	width: 100%;
	clear: both;
}
#comex {
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
	text-align: center;
	padding: 2% 0% 2% 0%;
}
#comexlogo {
	width: 50%;
	padding: 0% 25% 0% 25%;
}
#partners{
	width: 100%;
	color:#72DE00;
}
.partners{
	width: 25%;
	float: left;
}


@media (max-width: 1280px) {
.backbutton {
	width: 6%;
	height: 6%;
	position: fixed;
	top:20%;
	left:90%;
	z-index: 50;
}
p {
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	font-size: 13pt;
	line-height: 22pt;
}
	p.frase {
	color:#FFF;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
	font-size: 22pt;
	line-height: 22pt;
	text-align: center;
	font-style: italic;
 }
}


@media (max-width: 768px) {
.txt {
	width:80%;
	padding:6% 10% 6% 10%;
}
}


@media (max-width: 420px) {
	body {
	background:url(images/backecha.jpg);
	background-position:top;
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: 70%;
	background-attachment: fixed;
	margin: 0px;
}
.backbutton {
	width: 12%;
	height: 12%;
	position: fixed;
	top:20%;
	left:84%;
	z-index: 50;
}
.cortos {
	width: 100%;
	text-align: center;
}
body {
	background:url(images/backecha.jpg);
	background-position:top;
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: 100%;
	background-attachment: fixed;
	margin: 0px;
}
#titulo{
	padding: 10% 2% 0% 2%;
	width: 96%;
	z-index: 10;
}
h1 {
	color:#C343FF;
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
	font-size: 22pt;
	text-align: center;
	line-height: 24pt;
}
p {
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 200;
	font-size: 11pt;
	line-height: 19pt;
}
p.frase {
	color:#FFF;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
	font-size: 26pt;
	line-height: 26pt;
	text-align: center;
	font-style: italic;
 }
.echacol {
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
}
p.frase {
	color:#FFF;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
	font-size: 20pt;
	line-height: 20pt;
	text-align: center;
	font-style: italic;
 }
.blink:link {
	font-family: 'Montserrat', sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color:#72DE00;
	text-decoration: none;
}
.blink:hover {
	color:#FFF;
}
.blink:active {
	color:#72DE00;
}
.blink:visited {
	color:#72DE00;
}
.bottom {
	width:96%;
	margin:auto;
	padding-top: 2%;
	padding-bottom: 3%;
	text-align: center;
	clear: both;
	font-family: 'Montserrat', sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color:#72DE00;
}
	#logos {
	width: 100%;
	clear: both;
}
#comex {
	padding: 2% 0% 2% 0%;
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
}
#comexlogo {
	width: 50%;
	padding: 2% 25% 2% 25%;
}
#partners{
	width: 100%;
	color:#72DE00;
}
.partners{
	width: 25%;
	float: left;
}
}