@import url("effects.css");
@import url("sprites.css");
body, html {
    height: 100%;
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px;
    overflow: hidden !important;
    background-color: #FFF;
    
   background-image: url('bgMap.jpg');
   background-position: center;
   background-repeat: no-repeat;
}

#loading{
	width:128px;
	height:128px;
	background-image:url('../img/spinner.gif');
	background-repeat:no-repeat;
	
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25%;
	
}
    
.boxSizing{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.roundButton{
	padding:8px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 80%;
}

.inputBox{
	border: 1px solid #DDD;
	background-color: #FFF;
	padding: 6px;
	font-size: 16px;
	
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow:    1px 1px 2px 0px #555;
   -webkit-box-shadow: 1px 1px 2px 0px #555;
   box-shadow:         1px 1px 2px 0px #555;
}

/*Ajustes locales*/
#template_bg_logoLeft{
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	cursor:pointer;	
	z-index: 100;
}
#template_bg_logoLeft:hover{
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
#template_bg_logoRight{
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	cursor:pointer;
	z-index: 100;	
}
#template_bg_logoRight:hover{
	-webkit-opacity: 1;
	-moz-opacity: 1;
}

/*Ajustes de escala*/
@media all and (max-height: 500px) {
    html {
    	zoom:75%;
    }
}