@charset "utf-8";
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?fikmju');
    src:    url('../fonts/icomoon.eot?fikmju#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?fikmju') format('truetype'),
        url('../fonts/icomoon.woff?fikmju') format('woff'),
        url('../fonts/icomoon.svg?fikmju#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;


    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#cargando {
    position: fixed;
    width:100%;
    height:100%;
    background: rgba(255,255,255,1) url(../img/guifka2.gif) no-repeat center;
		z-index: 5555;
		overflow:hidden
}

#pop01 
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop02 
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop03 
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop04 
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop05
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop06 
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
#pop07
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
	opacity: 0;
	position: absolute;
	background-color:  rgba(0,0,0,0.85);
	z-index: 9999;
	transition: 0.9s all ease-in-out;
	-webkit-transition: 0.9s all ease-in-out;
	-moz-osx-transition: 0.9s all ease-in-out;
}
object
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#derecha 
{
	height: 100%;
	width: 50%;
	transition: 0.4s all ease-in-out;
	-webkit-transition: 0.4s all ease-in-out;
	-moz-osx-transition: 0.4s all ease-in-out;
	position: absolute;
	text-align: center;
	overflow: hidden;
	display: block;
	background-color: #FFF;
	top: 1px;
	left: -50%;
}

#cajaderecha 
{	height: 96%;
	width: auto;
	margin: 10px;
	text-align: center;
	border: thin solid;
	border-color: rgba(0,0,0,0.2);}

#kaderecha
{
	width: 15%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	text-align: center;
	opacity: 0;
	cursor: pointer;
	}
.descripstl {
	font-size: 1.4em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666;
}	
.descripst2 {
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #999;
}
.descripst3 {
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #666;
}
.descripst4 {
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #555;	
	top: -2px;
	position:relative;
	margin: 2px;
	transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-osx-transition: 0.5s all ease-in-out;
	}
	.descripst4:hover {
	color: #777;
	text-decoration: underline;
	}
	.descripst5 
{
	font-size: 1.2em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #555;
	padding-left: 2px;
	font-weight: bold;
	
}
#kaderecha:hover
{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-osx-transform:scale(1.05);
	transition: 0.7s all ease-in-out;
	-webkit-transition: 0.7s all ease-in-out;
	-moz-osx-transition: 0.7s all ease-in-out;
	}
#kaizquierda:hover
{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-osx-transform:scale(1.05);
	transition: 0.7s all ease-in-out;
	-webkit-transition: 0.7s all ease-in-out;
	-moz-osx-transition: 0.7s all ease-in-out;
	}	
	

#kaderecha img 
{
	width: 100%;
	height: auto;
	margin: 0;
	}

#lineaderecha00 
{
	width: 100%;
	height: 20%;
	position: absolute;
	background-color: rgba(255,255,255,0.7);
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.3);
	border-bottom-color: rgba(0,0,0,0.3);
	}
	
#lineaderecha00 img 
{
	width: 35%;
	height: auto;
	margin:  5% auto;
	}	
	
#flechaderecha #contentff1 #innerff1 img
{
	width: auto;
	height: 20%;
	position: absolute;
	right: -4%;
	margin-left: -20%;
	cursor: pointer;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	opacity: 0;
	}
#flechaderecha #contentff1 #innerff1 img:hover 
{
	right: -2%;
	}
	
#d1f01, #d2f01, #d3f01, #d4f01, #d5f01, #d6f01, #d7f01, #d8f01, #d9f01, #d10f01, #d11f01, #d12f01, #d13f01, #d14f01, #d15f01, #d16f01, #d17f01, #d18f01, #d19f01, #ds19f01, #ds1f02, #ds2f02, #ds3f02, #ds4f02, #ds5f02, #ds6f02, #ds7f02
{
	width: 60px;
	height: auto;
	margin-left: -17px;
	cursor: pointer;
	display: none;
	position: absolute;
	left: 0;
	transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-osx-transition: 0.5s all ease-in-out;
	
	}
	
#d1f01:hover, #d2f01:hover, #d3f01:hover, #d4f01:hover, #d5f01:hover, #d6f01:hover, #d7f01:hover, #d8f01:hover, #d9f01:hover, #d10f01:hover, #d11f01:hover, #d12f01:hover,
#d13f01:hover, #d14f01:hover, #d15f01:hover, #d16f01:hover, #d17f01:hover, #d18f01:hover, #d19f01:hover, #ds1f02:hover, #ds2f02:hover, #ds3f02:hover, #ds4f02:hover, #ds5f02:hover, #ds6f02:hover, #ds7f02:hover
{
	margin-left: -6px;
	}
	
#d1f01 img, #d2f01 img, #d3f01 img, #d4f01 img, #d5f01 img, #d6f01 img, #d7f01 img, #d8f01 img, #d9f01 img, #d10f01 img, #d11f01 img, #d12f01 img, #d13f01 img, #d14f01 img, #d15f01 img, #d16f01 img, #d17f01 img, #d18f01 img, #d19f01 img, #ds1f02 img, #ds2f02 img, #ds3f02 img, #ds4f02 img, #ds5f02 img, #ds6f02 img, #ds7f02 img
{
	width: 100%;
	height: auto;
	cursor: pointer;
	}
	
#d1f02, #d2f02, #d3f02, #d4f02, #d5f02, #d6f02, #d7f02, #d8f02, #d9f02, #d10f02, #d11f02, #d12f02, #d13f02, #d14f02, #d15f02, #d16f02, #d17f02, #d18f02, #d19f02, #ds1f01, #ds2f01, #ds3f01, #ds4f01, #ds5f01, #ds6f01, #ds7f01
{
	width: 60px;
	margin-right: -17px;
	right: 0;
	transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	-moz-osx-transition: 0.5s all ease-in-out;
	cursor: pointer;
	display: none;
	position: absolute;
	}
	
#d1f02:hover, #d2f02:hover, #d3f02:hover, #d4f02:hover, #d5f02:hover, #d6f02:hover, #d7f02:hover, #d8f02:hover, #d9f02:hover, #d10f02:hover, #d11f02:hover, #d12f02:hover, #d13f02:hover, #d14f02:hover, #d15f02:hover, #d16f02:hover, #d17f02:hover, #d18f02:hover, #d19f02:hover, #ds1f01:hover, #ds2f01:hover, #ds3f01:hover, #ds4f01:hover, #ds5f01:hover, #ds6f01:hover, #ds7f01:hover
{
	margin-right: -6px;
	}
	
#d1f02 img, #d2f02 img, #d3f02 img, #d4f02 img, #d5f02 img, #d6f02 img, #d7f02 img, #d8f02 img, #d9f02 img, #d10f02 img, #d11f02 img, #d12f02 img, #d13f02 img, #d14f02 img, #d15f02 img, #d16f02 img, #d17f02 img, #d18f02 img, #d19f02 img, #ds1f01 img, #ds2f01 img, #ds3f01 img, #ds4f01 img, #ds5f01 img, #ds6f01 img, #ds7f01 img
{
	width: 100%;
	height: auto;
	}	
	
#izquierda
{   height: 100%;
	width: 50%;
	transition: 0.4s all ease-in-out;
	-webkit-transition: 0.4s all ease-in-out;
	-moz-osx-transition: 0.4s all ease-in-out;
	position: absolute;
	text-align: center;
	overflow: hidden;
	display: block;
	right: -50%;
	background-color: #000;
	opacity: 0;
	}

#cajaizquierda 
{	height: 96%;
	width: auto;
	margin: 10px;
	text-align: center;
	border: thin solid;
	border-color: rgba(255,255,255,0.2);
	z-index: 1;}
	
#kaizquierda 
{
	width: 15%;
	margin-top: 8%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	text-align: center;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
	}


#flechaizquierda #contentff2 #innerff2 img
{
	width: auto;
	height: 20%;
	position: absolute;
	left: -4%;
	margin-left: -20%;
	cursor: pointer;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	opacity: 0;
	}

#flechaizquierda #contentff2 #innerff2 img:hover
{
	left: -2%;
	}
	
#lineaizquierda00 	 
{
	width: 100%;
	height: 20%;
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.2);
	border-bottom-color: rgba(255,255,255,0.3);
	}
	
#lineaizquierda00 img 
{
	width: 35%;
	height: auto;
	margin:  5% auto;
	}	
	
#kaizquierda img 
{
	width: 100%;
	height: auto;
	margin: 0;
	}


#logo
{
	width: 5%;
	height: auto;
	position: fixed;
	top: -300px;
	left: 1.2%;
	display:block;
	transition: 2s all ease-in-out;
	-moz-osx-transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	z-index: 100;
	opacity: 0;
	cursor: pointer;
}
#logo img
{
	width: 100%;
	height: auto;
	transition: 0.4s all ease-in-out;
	-webkit-transition: 0.4s all ease-in-out; 
	-moz-osx-transition: 0.4s all ease-in-out;
}
#logo img:hover
{
	opacity: 0.7;
}
#logon
{
	width: 5%;
	height: auto;
	position: fixed;
	top: -300px;
	left: 1.2%;
	display:block;
	transition: 2s all ease-in-out;
	-moz-osx-transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	z-index: 185;
	opacity: 0;
	cursor: pointer;
}
#logon img
{
	width: 100%;
	height: auto;
	transition: 0.4s all ease-in-out;
	-webkit-transition: 0.4s all ease-in-out; 
	-moz-osx-transition: 0.4s all ease-in-out;
}
#logon img:hover
{
	opacity: 0.7;
}

.patanegra00
{
	width: 100%;
	height: 30px;
	position: fixed;
	right: -100%;
	bottom: 0;
	background-color: #080808;
	display:block;
	transition: 2.2s all ease-in-out;
	-webkit-transition: 2.2s all ease-in-out; 
	-moz-osx-transition: 2.2s all ease-in-out;
	z-index: 4;
}

.creditosblancos
{
	width: 55%;
	padding: 5px;
	margin: 2px;
	font-size: 12px;
	font-weight: 200;
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-moz-osx-transition: 3s all ease-in-out;
	color: rgba(255,255,255,0.34);
	position:fixed;
	left: 0;
	bottom: 0;
	vertical-align:central;	
	z-index: 120;
	opacity: 0;
	display: none}
	
	.creditosblancos1
{
	width: 55%;
	padding: 5px;
	margin: 2px;
	font-size: 12px;
	font-weight: 200;
	color: rgba(255,255,255,0.34);
	position:fixed;
	left: 0;
	bottom: 0;
	vertical-align:central;	
	z-index: 99999;}
	
	.creditosnegros
{
	width: 55%;
	padding: 5px;
	margin: 2px;
	font-size: 12px;
	font-weight: 200;
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-moz-osx-transition: 3s all ease-in-out;
	color: rgba(0,0,0,0.5);
	position:fixed;
	left: 0;
	bottom: 0;
	vertical-align:central;	
	z-index: 168;
	opacity: 0;
	display: none}
	
		.creditosnegros1
{
	width: 55%;
	padding: 5px;
	margin: 2px;
	font-size: 12px;
	font-weight: 200;
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-moz-osx-transition: 3s all ease-in-out;
	color: rgba(0,0,0,0.5);
	position:fixed;
	left: 0;
	bottom: 0;
	vertical-align:central;	
	z-index: 6666;}

	
.creditosblancos img
{
	display: inline-block;
	height: 14px;
	width: auto;
	position: relative;
	bottom: -2px;
	margin-right: 5px;}

.creditosnegros img
{
	display: inline-block;
	height: 14px;
	width: auto;
	position: relative;
	bottom: -2px;
	margin-right: 5px;
}
.creditosnegros1 img
{
	display: inline-block;
	height: 14px;
	width: auto;
	position: relative;
	bottom: -2px;
	margin-right: 5px;
}
.resaltado
{
	display: inline-block;
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	z-index: 6;
	position: absolute;
	bottom: 23px;
	right: 221px;
}
.resaltado:hover
{
	color: rgba(255,255,255,0.2);
}
.resaltado2
{
	display: inline-block;
	font-weight: 500;
	color: rgba(255,255,255,0.8);
}
.resaltadon2
{
	display: inline-block;
	font-weight: 500;
	color: rgba(0,0,0,0.8);
}
.resaltadon:hover
{
	color: rgba(0,0,0,0.2);
}
.accionesblancas
{
	width: 55%;
	padding-right: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: 200;
	text-align: right;
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-moz-osx-transition: 3s all ease-in-out;
	color: rgba(255,255,255,0.34);
	position:fixed;
	right: 0;
	bottom: -20px;
	vertical-align:central;	
	z-index: 160;
	opacity: 0;
	display: none
}
.accionesblancas ul li
{
	display: inline-block;
	color:rgba(255,255,255,0.96);
	margin: 0px 1px;
	cursor: pointer;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
	-moz-osx-transition: 0.2s all ease-in-out;
}
.accionesblancas ul li:hover
{
	color:rgba(255,255,255,0.20);
}
.accionesblancas ul
{
	display: inline-block;
}
.accionesnegras a
{
	color:#000
}
.accionesnegras a:hover
{
	color: #333
}
.accionesblancas a
{
	color:#FFF
}
.accionesblancas a:hover
{
	color: #999
}

.ini, .cto, .be, .infor
{
	display: inline-block;
	font-family: 'icomoon';
}		
.ini:before {
	content: "\e900";
	margin-right: 4px;
}
.cto:before {
	content: "\e002";

}
.be:before {
	content: "\eaa8";
}
.infor:before {
	content: "\f129";
	margin-right: 3px;
	font-size: 0.9em;
	margin-bottom: 2px;
}

.accionesnegras
{
	color: rgba(0,0,0,0.5);
	width: 55%;
	padding-bottom: 8px;
	font-size: 16px;
	padding-right: 8px;
	font-size: 16px;
	font-weight: 200;
	text-align: right;
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-moz-osx-transition: 3s all ease-in-out;
	position:fixed;
	right: 0;
	bottom: -20px;
	vertical-align:central;	
	z-index: 170;
	opacity: 0;
	display: none
}
.accionesnegras ul li
{
	display: inline-block;
	color:rgba(0,0,0,0.96);
	margin: 0px 1px;
	cursor: pointer;
	transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}
.accionesnegras ul li:hover
{
	color:rgba(0,0,0,0.40);
}
.accionesnegras ul
{
	display: inline-block;
}
body
{
margin: 0;
padding:0;
-webkit-overflow: hidden;
-moz-osx-overflow: hidden;
overflow: hidden;
overflow-y:hidden;
background-color: #FFF;
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
}
body
{
margin: 0;
padding:0;
-webkit-overflow: hidden;
-moz-osx-overflow: hidden;
overflow: hidden;
background-color: #CCC;
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
}
html, body
{
	width: 100%;
	height: 100%;
	max-width:100%; max-height:100%;
	-webkit-overflow: hidden;
-moz-osx-overflow: hidden;
overflow: hidden;
	font-family: 'Raleway', sans-serif;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out; 
	-moz-osx-transition: 1s all ease-in-out; 
	-moz-osx-transition: 1s all ease-in-out;}
/*portada*/


/*dibujo01*/
#container01, #container02, #container03, #container04, #container05, #container06, #container07, #container08, #container09, #container10, #container11, #container12, #container13, #container14, #container15, #container16,
#container17, #container18, #container19 {
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	background: #000;
	transition: 1.5s all ease-in-out;
	-webkit-transition: 1.5s all ease-in-out; 
	-moz-osx-transition: 1.5s all ease-in-out;
	text-align: center;
	overflow: hidden;
	position: absolute;
	right: -100%;
    }

#containers01, #containers03, #containers05, #containers02, #containers04, #containers06, #containers07 {
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	background: #fff;
	transition: 1.5s all ease-in-out;
	-webkit-transition: 1.5s all ease-in-out; 
	-moz-osx-transition: 1.5s all ease-in-out;
	text-align: center;
	overflow: hidden;
	position: absolute;
	left: -100%;
    }
	
	#containerf1{
	display: table;
	height: 100%;
	width: 60px;
	margin: 0;
	text-align: center;
	position: fixed;
	left: 0;
	z-index: 99;
	transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	-moz-osx-transition: 2s all ease-in-out;
	opacity: 0;
	margin-top: -1%;
    }
	
	#containersf1{
	display: table;
	height: 100%;
	width: 60px;
	margin: 0;
	text-align: center;
	position: fixed;
	left: 0;
	z-index: 143;
	transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	-moz-osx-transition: 2s all ease-in-out;
	opacity: 0;
	margin-top: -1%;
    }
	
	#containerf2{
	display: table;
	height: 100%;
	width: 60px;
	margin: 0;
	text-align: center;
	position: fixed;
	right: 0;
	z-index: 98;
	transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	-moz-osx-transition: 2s all ease-in-out;
	opacity: 0;
	margin-top: -1%;
    }
	
	#containersf2{
	display: table;
	height: 100%;
	width: 60px;
	margin: 0;
	text-align: center;
	position: fixed;
	right: 0;
	z-index: 144;
	transition: 2s all ease-in-out;
	-webkit-transition: 2s all ease-in-out; 
	-moz-osx-transition: 2s all ease-in-out;
	opacity: 0;
	margin-top: -1%;
    }
	
	#containerinfo{
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	position: fixed;
	z-index: 0;
	overflow:hidden;
    }
	#containerinfor{
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.8);
	text-align: center;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out; 
	-moz-osx-transition: 1s all ease-in-out;
	overflow:hidden;
	opacity: 0;
    }
	
	#lineaderecha{
	display: table;
	height: 100%;
	width: 50%;
	text-align: center;
	position: fixed;
	z-index: 10;
	left: -50%;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	-moz-osx-transition: 1s all ease-in-out;
	text-align: center;
	opacity: 0;
	margin-top: -3%;
    }	
	#lineaizquierda{
	display: table;
	height: 100%;
	width: 50%;
	text-align: center;
	position: fixed;
	z-index: 12;
	right: -50%;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	-moz-osx-transition: 1s all ease-in-out;
	text-align: center;
	opacity: 0;
	margin-top: -3%;
    }
	
	#flechaderecha{
	display: table;
	height: 100%;
	width: 50%;
	text-align: center;
	position: fixed;
	z-index: 20;
	left: 0;
	text-align: left;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	text-align: center;
	overflow: hidden;
	margin-top: -3%;
    }
	
	#flechaizquierda{
	display: table;
	height: 100%;
	width: 50%;
	text-align: center;
	position: fixed;
	z-index: 20;
	right: 0;
	text-align: right;
	transition: 0.8s all ease-in-out;
	-webkit-transition: 0.8s all ease-in-out;
	-moz-osx-transition: 0.8s all ease-in-out;
	text-align: center;
	overflow: hidden;
	margin-top: -3%;
    }
	
#content01, #content02, #content03, #content04, #content05, #content06, #content07, #content08, #content09, #content10, #content11, #content12, #content13, #content14, #content15, #content16, #content17, #content18, #content19, #contentf1, #contentf2, #contentl2, #contentl1, #contentff2, #contentff1, #contentinfo, #contentinfor  {
    display: table-cell;
    vertical-align: middle;
    position: relative;
	z-index: 90;
    }
	
#contentf1, #contentf2  {
    display: table-cell;
    vertical-align: middle;
    position: relative;

    }
	
#contents01, #contents02, #contents03, #contents04, #contents05, #contents06, #contents07{
    display: table-cell;
    vertical-align: middle;
    position: relative;
	z-index: 90;
    }
	#contentsf1, #contentsf2{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    }
	
#inner01, #inner02, #inner03, #inner04, #inner05, #inner06, #inner07, #inner08, #inner09, #inner10, #inner11, #inner12, #inner13, #inner14, #inner15, #inner16, #inner17, #inner18, #inner19, #innerf1, #innerf2, #innersf1, #innersf2, #innerl2, #innerl1, #innerff2, #innerff1, #innerinfo, #innerinfor {
    padding: 0;
    }
#inners01, #inners02, #inners03, #inners04, #inners05, #inners06, #inners07, #innersf1, #innersf2{
    padding: 0;
    }
* html #content01, * html #content02, * html #content03, * html #content04, * html #content05, * html #content06, * html #content07, * html #content08, * html #content09, * html #content10, * html #content11, * html #content12, * html #content13, * html #content14, * html #content15, * html #content16, * html #content17, * html #content18, * html #content19, * html #contentf1, * html #contentf2, * html #contentsf1, * html #contentsf2, * html #contentl2, * html #contentl1, * html #contentff2, * html #contentff1* html #contentinfo, * html #contentinfor{
    top: 50%;
    }
	
* html #contents01, * html #contents02, * html #contensts03, * html #contensts04, * html #contents05, * html #contents06, * html #contents07
{
    top: 50%;
    }

* html #content01 #inner01,* html #content02 #inner02, * html #content03 #inner03, * html #content04 #inner04, * html #content05 #inner05, * html #content06 #inner06, * html #content07 #inner07, * html #content08 #inner08, * html #content09 #inner09, * html #content10 #inner10, * html #content11 #inner11, * html #content12 #inner12, * html #content13 #inner13, * html #content14 #inner14, * html #content15 #inner15, * html #content16 #inner16, * html #content17 #inner17, * html #content18 #inner18, * html #content19 #inner19, * html #contentf1 #innerf1, * html #contentf2 #innerf2, * html #contentsf1 #innersf1, * html #contentsf2 #innersf2, * html #contentl2 #innerl2 , * html #contentl1 #innerl1, * html #contentff2 #innerff2 , * html #contentff1 #innerff1, * html #contentinfor #innerinfor , * html #contentinfo #innerinfo{
    position: relative;
    top: -50%;
    }

* html #contents01 #inners01,* html #contents02 #inners02, * html #contents03 #inners03, * html #contents04 #inners04, * html #contents05 #inners05, * html #contents06 #inners06, * html #contents07 #inners07{
   position: relative;
    top: -50%;
    }

.titulo
{
	font-weight: 500;
	width: 100%;
	text-align: center;
	padding: 5px 0 0 0;
	color: rgba(255,255,255,1.00);
	font-size: 1em;
}

.inform
{
	width: 0%;
	height: 0%; 
	margin: auto;
	background-color: rgba(0,0,0,0.9);
	border:thin solid rgba(255,255,255,0.4);
	border-radius: 15px;
	text-align: center;
	padding: 5px 0 0 0;
	color: rgba(255,255,255,0);
	font-size: 1em;
	font-weight: 100;
	padding: 50px;
	transition: 0.6s all ease-in-out;
	-webkit-transition: 0.6s all ease-in-out;
	-moz-osx-transition: 0.6s all ease-in-out;
	overflow:hidden;
	opacity: 0;
	
	
}
.linea
{
	width: 100%;
	height: 0px;
	background-color: rgba(255,255,255,0);
	margin-bottom: 5px;
}
.descrip
{
	font-weight: 200;
	width: 100%;
	text-align: center;
	color: rgba(255,255,255,0.8);
	font-size: 0.85em;
	opacity: 0;}
.descrips
{
	display: inline-block;
	font-weight: 200;
	text-align: left;
	padding-left: 25px; 
	color: rgba(0,0,0,0.8);
	font-size: 0.8em;
	position: absolute;
	top: 47%;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	opacity: 0;
    cursor: pointer;
}
.titulon
{
	font-weight: 500;
	width: 100%;
	text-align: center;
	padding: 5px 0 0 0;
	color: rgba(0,0,0,1.00);
	font-size: 1em;
}
.descripn
{
	font-weight: 200;
	width: 100%;
	text-align: center;
	padding: 0 0 5px 0;
	color: rgba(0,0,0,0.8);
	font-size: 0.85em;
	}

#dibujo01
{
	display:block;
	width: 100%;
	text-align: center;
	overflow: hidden;
    transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	}
	
#dibujo01 img
{
	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}

#dibujo02
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo02 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo03
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo03 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo04
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo04 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo05
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo05 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo06
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo06 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}

#dibujo07
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo07 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo08
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo08 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo09
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo09 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo10
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo10 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo11
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo11 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo12
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo12 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo13
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo13 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo14
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo14 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}

#dibujo15
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo15 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo16
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo16 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo17
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo17 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo18
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo18 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #f6f6f6;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}
#dibujo19
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujo19 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #f6f6f6;
	opacity: 0;	
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
}

#dibujos01
{
	display:block;
	width: 100%;
	text-align: center;
	overflow: hidden;
    transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;}
	
#dibujos01 img
{
	width: 0%;
	cursor: pointer;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	display:inline-block;
	opacity: 0;
	border: 10px solid #333;
transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;}

#dibujos01 img:hover, #dibujos02 img:hover, #dibujos03 img:hover, #dibujos04 img:hover, #dibujos05 img:hover, #dibujos06 img:hover, #dibujos07 img:hover
{
	border: 10px solid #B4B4B4;
}

#dibujos02
{
	display:block;
	width: 100%;
	text-align: center;

}
#dibujos02 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #333;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	display:inline-block;
		cursor: pointer;
}
#dibujos03
{
	display:block;
	width: 100%;
	text-align: center;	
}
#dibujos03 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #333;
	display:inline-block;
	opacity: 0;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
		cursor: pointer;
}
#dibujos04
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujos04 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #333;	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	display:inline-block;
		cursor: pointer;
}
#dibujos05
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujos05 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #333;
	opacity: 0;	
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	display:inline-block;
		cursor: pointer;
}
#dibujos06
{
	display:block;
	width: 100%;
	text-align: center;
}
#dibujos06 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	opacity: 0;
	border: 10px solid #333;
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	display:inline-block;
		cursor: pointer;
}

#dibujos07
{
	display:block;
	width: 100%;
	text-align: center;
	cursor: pointer;
}		
#dibujos07 img
{	width: 0%;
	height: auto;
	margin: 1% auto 5px auto ;
	margin: 5px auto;
	border: 10px solid #333;
	opacity: 0;	
	transition: 1.4s all ease-in-out;
	-webkit-transition: 1.4s all ease-in-out;
	-moz-osx-transition: 1.4s all ease-in-out;
	display:inline-block;
		cursor: pointer;
}/* CSS Document */

/* contacto =========== */
#contactar
{
	font-family: 'icomoon';
	width: 700px;
	height: 0px;
	background: rgba(0,0,0,1);
	text-align: left;
	opacity: 0;
	padding: 10px;
	overflow: hidden;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-osx-transition:all 0.3s ease-in-out;
	position: absolute;
	bottom: 30px;
	right: 0;
	padding: 15px 30px 20px 20px;
	border-left-color: rgba(255,255,255,0.3);
	border-top-color: rgba(255,255,255,0.3);
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: thin;
	border-top-width: thin;
	z-index: 9999;
	border-top-left-radius: 3px;}
	 
#nombre, #email{
    width:20%;
	border-radius: 4px;
    height:20px;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.3);
    padding:1px;
	font-family: 'Open Sans';
    font-size:0.8em;
    color: rgba(255,255,255,0.7);
	margin:10px 2px 0 0;
}
#mensaje {
    width:40%;
	border-radius: 4px;
    height:20px;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.3);
    padding:1px;
	font-family: 'Open Sans';
    font-size:0.8em;
    color: rgba(255,255,255,0.6);
	margin:10px 2px -7px 0 ;
	
}
#submit:hover {
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-osx-transition:all 0.3s ease-in-out;
	letter-spacing:1px;
	background:rgba(255,255,255,0.7);
	color: rgba(0,0,0,0.7);
	font-weight: bold;
}
 
#submit {
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-osx-transition:all 0.4s ease-in-out;
	letter-spacing: 1px;
	font-family: "Walkway Bold";
	border-radius: 4px;
    font-size:0.8em;
    width:10%;
	vertical-align:middle;
	text-align:center;
    height:24px;
    border:none;
	padding: 0 2px 2px 0;
    cursor:pointer;
	background:rgba(255,255,255,1);
	color: rgba(0,0,0,1);
}
.btnx
{
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-osx-transition: all 0.4s ease-in-out;
	color: rgba(255,255,255,0.2);
	cursor:pointer;
	text-align:right;
	margin-top: -45px;
	margin-right: -20px;
	position: relative;
	font-family: 'icomoon';
	z-index: 999999
}
.btnx:hover
{
	color: rgba(255,168,0,0.7);
	text-align:right;
}
.btnx:before
{
	content: "\f00d";
}
.btnxi
{
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-osx-transition: all 0.4s ease-in-out;
	color: rgba(255,255,255,0.4);
	cursor:pointer;
	text-align:right;
	margin-top: -40px;
	margin-right: -40px;
	position: relative;
	font-family: 'icomoon';
	z-index: 999999
}
.btnxi:hover
{
	color: rgba(255,255,255,1);
	text-align:right;
}
.btnxi:before
{
	content: "\f00d";
}
.btnxpop
{
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-osx-transition: all 0.4s ease-in-out;
	color: rgba(255,255,255,0.8);
	cursor:pointer;
	position: absolute;
	right: 30px;
	top: 15px; 
	font-family: 'icomoon';
	z-index: 999999;
	cursor: pointer
}
.btnxpop:hover
{
	color: rgba(255,168,0,0.7);
	text-align:right;
}
.btnxpop:before
{
	content: "\f00d";
}