/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/


/* ------------
	 Generales
---------------*/


* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

#focus-stealer      { position: absolute; left: -9999px; }

/*-----------------------*/
/*       CONTENIDO       */
/*-----------------------*/
#message{
	width:600px;
	/*border:1px solid blue;*/
	margin:290px 0 0 20px;
	overflow:hidden;
}	

	#message h1{
		background:url("../images/isotipo.png") left top no-repeat;
		width:173px;
		height:173px;
		overflow:hidden;
		text-indent:-999px;
	}
	
	#message p{
		background:#000;
		color:#FFF;
		font-size:0.8em;
		font-family:tahoma, verdana, helvetica, arial;
		width:270px;
		padding:2px;
		margin:5px 0 0 52px;
		/*font-weight:bold;*/
	}
	
	#message h2{
		background:url("../images/hotelsantino.png") left top no-repeat;
		width:377px;
		height:120px;
		overflow:hidden;
		text-indent:-999px;
		margin:15px 0 0 38px;
		float:left;
	}
	
	#message a{
		display:block;
		background:url("../images/btn.png") 0 0 no-repeat;
		width:47px;
		height:45px;
		overflow:hidden;
		text-indent:-999px;
		margin:90px 0 0 15px;
		float:left;
	}
	
	#message a:hover{
		background:url("../images/btn.png") 0 -45px no-repeat;
	}
	
	

/*-----------------------*/
/* Background Fullscreen */
/*-----------------------*/

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
		
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
	}
			
	div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
		
	/* These have no effect on the functionality 
	width: 500px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;*/
}