/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html, body {
	margin: 0px;
	max-height: 100%;
	height: 100%;
}
body{
    overflow-x: hidden;	
}
table, td, th {
}
th {
}
h1 {
	color: #50302e;
	font-weight: normal;
	font-family: 'Avenir LT Std';
	font-size: 55px;
	float: left;
	position: relative;
	clear: both;
}
h2 {
	font-family: 'Avenir LT Std';
	color: #50302e;
	font-weight: normal;
	position: relative;
	clear: both;
	font-size: 40px;
}
h3 {
	font-family: 'ArcherPro';
	color: #726858;
	font-weight: normal;
	float: right;
	position: relative;
	clear: both;
	font-size: 16px;
}
hr {
}
li {
}
#logo{
    position: fixed;
    width: 100%;
    height: 60px;
    display: none;
    z-index: 5;
    left: 0px;
}
#logo h1 {
	color: #FFFFFF;
	font-size: 40px;
	top: -25px;
	position: absolute;
	left: 10px;
	cursor: pointer;
}
#logo h1:hover {
	color: #FFFFFF;
}
.apostrofe1 {
	font-family: 'ArcherPro' !important;
	font-size: 70px;
	top: 20px;
	position: relative;
}
#logo_contenido {
	position: absolute;
	right: 5px;
	top: 10px;
}
#logo_killatika {
    position: relative;
    float: left;
    z-index: 5;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    top: -80px;
    left: calc(50% - 180px);
}
#logo_killatika h1 {}
#logo_killatika h2 {}
.apostrofe2 {
	font-family: 'ArcherPro' !important;
	font-size: 90px;
	top: 20px;
	position: relative;
}
#menu {
    position: fixed;
    z-index: 5;
    top: calc(50% - 60px);
    left: 5px;
    font-family: 'Avenir LT Std';
    font-size: 18px;
    font-weight: normal;
    height: 120px;
    display: none;
}
#item01 {
	position: relative;
	float: left;
	background-image: url(../images/pic01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	clear: both;
	color: rgba(255,255,255,0.00);
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}
#item01:hover {
	color: rgba(255,255,255,1.00);
	animation: item01_hover 1s forwards;
}
@keyframes item01_hover {
  from {color: rgba(255,255,255,0.00);}
  to {color: rgba(255,255,255,1.00);}
}
@-webkit-keyframes item01_hover {
  from {color: rgba(255,255,255,0.00);}
  to {color: rgba(255,255,255,1.00);}
}
#item02 {
	position: relative;
	clear: both;
	color: #FFFFFF;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Avenir LT Std';
	font-size: 20px;
	font-weight: normal;
}
#bienvenida {
    background-color: rgba(255,255,255,0.90);
    position: absolute;
    top: calc(50% - 160px);
    left: calc(50% - 300px);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 80px;
    padding-right: 80px;
    z-index: 5;
    width: 450px;
    font-family: 'ArcherPro';
    font-size: 22px;
    height: 200px;
    text-align: center;
}
#bienvenida h1 {
    float: none !important;
    font-size: 30px !important;
}
#bienvenida_cerrar {
    position: absolute;
    width: 18px;
    background-color: #000000;
    top: 0px;
    right: 0px;
    color: #000000;
    padding-left: 14px;
    padding-bottom: 4px;
    cursor: pointer;
    z-index: 9999;
    padding-right: 10px;
}
#bienvenida_cerrar:before{
	content: "x";
	color: #FFFFFF;
}
#imagen1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	z-index: 1;	
}
#imagen2,#imagen3,#imagen4,#imagen5,#imagen6,#imagen7,#imagen8,#imagen9,#imagen10 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#imagen11,#imagen12 {
	position: relative;
	float: left;
	width: 100%;
	z-index: 1;
	padding-bottom: 20px;
}
#imagen1c h1 {}
#imagen1c h1 {}
#imagen1c h3 {}
.apostrofe3 {
	font-family: 'ArcherPro' !important;
	font-size: 90px;
	top: 20px;
	position: relative;
}
#imagen1 {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url(../images/imagen01.jpg);
	background-position: center center;
	background-size: auto 100%;
}
#imagen1c {
	position: absolute;
	z-index: 5;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	left: calc(50% - 165px);
	display: none;
}
#imagen2 {
	background-image: url(../images/imagen02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen2c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen3 {
	background-image: url(../images/imagen03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen3c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen4 {
	background-image: url(../images/imagen04.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen4c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen5 {
	background-image: url(../images/imagen05.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen5c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen6 {
	background-image: url(../images/imagen06.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen6c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen7 {
	background-image: url(../images/imagen07.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
}
#imagen7c {
	position: absolute;
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
}
#imagen8 {
	background-image: url(../images/imagen08.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen8c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen9 {
	background-image: url(../images/imagen09.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen9c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen10 {
	background-image: url(../images/imagen10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-attachment: scroll;
	z-index: 1;
}
#imagen10c {
	position: absolute;	
	width: calc(100% - 10px);
	color: #FFFFFF;
	font-family: 'ArcherPro';
	font-size: 18px;
	text-align: left;
	bottom: 0px;
	left: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 20px;
	padding-right: 5px;
	background-color: #000000;
	z-index: 2;
	visibility: visible;
	display: block;
}
#imagen11 {
	/*background-image: url(../images/imagen11.jpg);
	background-position: -250px -90px;
	background-size: auto 120%;*/
	background-color: #eeece5
}
#imagen11c_texto {
    position: relative;
    clear: both;
    text-align: center;
    width: 100%;
    top: -50px;
}
#imagen12 {
	background-color: #471716
}
#imagen12c {
	position: relative;
	width: 600px;
	color: #eeece5;
	font-family: 'ArcherPro';
	font-size: 19px;
	background-color: #471716;
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
	margin-top: 80px;
	padding-bottom: 20px;
}
#imagen12c h2 {
	color: #eeece5;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
	font-family: 'ArcherPro';
	font-style: italic;
}
#imagen12c h3 {
	color: #eeece5;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
	font-family: 'ArcherPro';
	font-style: italic;
	font-size: 22px;
}
#imagen11c {
    position: relative;
    width: 40%;
    color: #471716;
    font-family: 'ArcherPro';
    font-size: 19px;
    background-color: #eeece5;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
    margin-top: 80px;
}
#imagen2c h2, #imagen3c h2, #imagen4c h2, #imagen5c h2, #imagen6c h2, #imagen7c h2, #imagen8c h2, #imagen9c h2, #imagen10c h2 {
	color: #FFFFFF;
	width: 100%;
	margin-bottom: 10px;
}
#imagen11c h2 {
	color: #471716;
}
#facebook {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../images/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin-right: 5px;
	cursor: pointer;
}
#instagram {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../images/instagram.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin-right: 5px;
	cursor: pointer;	
}
#twitter {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../images/twitter.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin-right: 5px;
	cursor: pointer;	
}
#youtube {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../images/youtube.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin-right: 5px;
	cursor: pointer;	
}
#email {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	margin-right: 5px;
	cursor: pointer;
}
#facebook:hover {
	background-image: url(../images/facebook_o.png);
}
#instagram:hover {
	background-image: url(../images/instagram_o.png);
}
#twitter:hover {
	background-image: url(../images/twitter_o.png);
}
#youtube:hover {
	background-image: url(../images/youtube_o.png);
}
#email:hover {
	background-image: url(../images/email_o.png);
}
#menu_adaptativo {
	width: 40px;
	height: 40px;
	position: fixed;
	top: 5px;
	left: 5px;
	background-image: url(../images/pic02.png);
	cursor: pointer;
	z-index: 9;
	display: none;
	opacity: 0.7;
}
#menu_adaptativo_c {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.90);
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
	display: none;
	text-align: center;
}
a:link, a:visited, a:active {
	color: #2c539e;
}
a:hover {
	color: #FF6600;
}
a.vinculos01, a.vinculos01:active, a.vinculos01:visited, a.vinculos01:link{
    color: #50302e;
    font-weight: normal;
    font-family: 'Avenir LT Std';
    text-decoration: underline;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
a.vinculos01:hover {
}
a.vinculos02, a.vinculos02:active, a.vinculos02:visited, a.vinculos02:link{
	color: #FFFFFF;
	font-weight: normal;
	font-family: 'Avenir LT Std';
	text-decoration: none;
	font-size: 16px;
	padding-right: 20px;
	position: relative;
	float: left;
	margin-top: 5px;
}
a.vinculos01:hover {
}
a.vinculos03, a.vinculos03:active, a.vinculos03:visited, a.vinculos03:link{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	font-style: italic;
}
a.vinculos01:hover {
}
.img01 {
}
.img02 {
}
.tabla01 {
}
.tabla02 {
}
.tabla03 {
}
.campo01 {
    font-family: 'ArcherPro';
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #471716;
    font-size: 18px;
}
.boton01 {
    font-family: 'ArcherPro';
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #471716;
    font-size: 18px;
    color: #FFFFFF;
    border: 1px solid #721F1E;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #000;;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #535353;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #6A6A6A;
}
.ui-tooltip {
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
	font-size: 12px;
	background: #244386;
	border-radius: 5px;
	border: 1px solid #001647;
	padding-top: -5px;
	padding-bottom: -5px;
	line-height: 12px;
}