/* Creatore Player 1.0 (28/05/2014). David Najar (david_najar@hotmail.com). Copyright © 2014 David Najar. Todos los derechos reservados. */

@charset "utf-8";

/* CLASSES (GLOBAL) */

.header{
	position:absolute;
	width:100%;
	height:44px;
	overflow:hidden;
	background-image:url(top.png)
}

.header_title {
	position:absolute;
	left: 10px;
	top: 13px;
	right:44px;
	text-align:left;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.footer {
	position:absolute;
	bottom:0px;
	width:100%;
	height:44px;
	overflow:hidden;
	display:none;
	background-image:url(bottom.png);
}

.footer_menu {
	position:absolute;
	height:44px;	
	left:50%;
	top:50%;
	margin-top:-22px;
}

.loader {
	position:absolute;
	bottom:0px;
	width:0%;
	height:2px;
	background-image:url(loader.png);	
}

.hotspot {
	position:absolute;
	cursor:pointer;
	background-color:rgba(255,255,255,0);
}

.hotspotDebug {
	position:absolute;
	cursor:pointer;
	border-style:solid;
	border-width:1px;
	border-color:#FFF;
	background-color:rgba(0,0,0,.2);
	box-shadow:1px 1px 0px #000
}

.button {
	position:relative;
	width:44px;
	height:44px;
	background-image:url(icons.png);
	cursor:pointer;
}

.button_close {
	position:absolute;
	right:0px;
	background-position: -440px 0px;
}

.thumbnail{
	position:relative;
	width:120px;
	height:142px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
}

.thumbnail_number{
	position:absolute;
	width:40px;
	left:40px;
	bottom:3px;
	text-align:center;
	background-color:rgba(0,0,0,.5);
	border-radius:10px;
}

/* ELEMENTS (SPECIFIC) */

html, body {
	width:100%;
	height:100%;
	margin:0;
	border:0;
	padding:0;
	background-image:url(back.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#container {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	color:#FFF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	white-space:nowrap;
	text-shadow: 0px 1px 2px #000;
}

#splash {
	position:absolute;
	left:50%;
	top:50%;
	width:220px;
	height:220px;
	margin-top:-110px;
	margin-left:-110px;
	background-image:url(splash.png);
	display:none;
}

#header {
	display:none;
}

#header_index {
	position:absolute;
	background-position: 0px 0px;
}

#header_title {
	left: 44px;
	text-align:center;
}

#main {
	position:absolute;
	top: 44px;
	bottom:44px;
	width:100%;
	overflow:hidden;
	display:none;
}

#main_content {
	position:absolute;
	top:0px;
	width:100%;
	bottom:0px;
	overflow:hidden;
}

#main_content_container{
	position:absolute;
	cursor:move;
	box-shadow:0px 0px 10px #000;
}

#main_page_error {
	position:absolute;
	width:220px;
	height:220px;
	left:50%;
	top:50%;
	margin-left:-110px;
	margin-top:-110px;
	background-image:url(error.png);
	display:none;
}

#main_previous {
	position:absolute;
	top:50%;
	margin-top:-22px;
	background-position: -484px 0px;
	display:none;
}

#main_next {
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-22px;
	background-position: -528px 0px;
	display:none;
}

#footer_menu {
	width:220px;
	margin-left:-110px;
}

#footer_menu_zoom_out {
	background-position: -44px 0px;
	float:left;
}

#footer_menu_zoom_in {
	background-position: -88px 0px;
	float:left;
}

#footer_menu_fit_width {
	background-position: -132px 0px;
	float:left;
}

#footer_menu_fit_full {
	background-position: -176px 0px;
	float:left;
}

#footer_menu_share{
	background-position: -220px 0px;
	float:left;
}

#share_menu{
	width:176px;
	margin-left:-88px;
}

#share_menu_facebook{
	background-position: -264px 0px;
	float:left;
}

#share_menu_twitter{
	background-position: -308px 0px;
	float:left;
}

#share_menu_google{
	background-position: -352px 0px;
	float:left;
}

#share_menu_email{
	background-position: -396px 0px;
	float:left;
}

#block {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.7;
	display:none;
}

#index{
	position:absolute;
	left:0px;
	top:44px;
	bottom:44px;
	width:268px;
	display:none;
}

#index_content{
	position:absolute;
	top:44px;
	width:100%;
	bottom:0px;
	overflow:hidden;
	background-image:url(window.png);
}

#index_content_container{
	position:absolute;
	cursor:pointer;
}

#viewer{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}

#viewer_content{
	position:absolute;
	top:44px;
	width:100%;
	bottom:0px;
	background-image:url(window.png);
	overflow:hidden;
}

#email{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}

#email_content{
	position:absolute;
	top:44px;
	width:100%;
	bottom:0px;
	background-image:url(window.png);
	overflow:hidden;
}

#email_content_container{
	position:absolute;
	width:240px;
	height:370px;
	left:50%;
	top:50%;
	margin-left:-120px;
	margin-top:-185px;
}

.email_form_label{
	color:#FFF;
}

.email_form_text_input{
	width:100%;
	height:24px;
	margin:0;
	border:0;
	padding:0;
}

.email_form_text_area{
	width:100%;
	height:72px;
	resize:none;
	margin:0;
	border:0;
	padding:0;
}

.email_form_fields_error{
	background-color:#FFD9D9
}

#email_form_send{
	position:absolute;
	width:100%;
	height:44px;
	bottom:0px;
	background-color:#333;
	font-size:16px;
	cursor:pointer;
}

#email_form_send_title{
	position:absolute;
	left: 0px;
	top: 13px;
	right:0px;
	text-align:center;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#touch {
	position:absolute;
	width:88px;
	height:88px;
	margin-left:-44px;
	margin-top:-44px;
	background-image:url(touch.png);
	display:none;
}