@charset "utf-8";
/* CSS Document */
html{
	background-color:#000;
	}
#doc{
	background-image:url(images/bg.jpg);
	width:800px;
	height:600px;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -300px;
    margin-left: -400px;
	}
#nomUrl{
	width:100px;
	height:20px;
	margin:180px 0 0 460px;
	}
#nomUrl p{
	color:#F00;
	}
#text{
	width:300px;
	height:40px;
	margin:50px 0 0 280px;
	}
#text p{
	color:#CCC;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	}
#text p strong{
	color:#FFF;
	}
	
#casilla{
	width:168px;
	height:142px;
	background: url(images/bgSigueme.jpg) no-repeat;
	padding:10px;
	margin:0 0 0 330px;
	}
#casilla p{
	color:#CCC;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0 0 10px 0;
	}
#casilla p a{
	color:#CCC;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	margin: 0 10px 0 0;
	}
#casilla p a:hover{
	color:#FFF;
	font-weight:bold;
	}
#ftr{
	padding:10px;
	float:left;
	width:400px;
	}
#ftr p{
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#ftr p strong{
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
#btnEspañol, #btnEnglish{
	width:144px;
	height:42px;
	float:left;
	margin:20px 20px 20px 0;
	}
#btnEspañol a, #btnEnglish a{
	background-image:url(images/btns.jpg);
	width:144px;
	height:42px;
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	}
#btnEnglish a{
	background-position:right 0;
	}
#btnEspañol a span, #btnEnglish a span{
  position: relative;
  z-index: -1;
}
#btnEspañol a:hover{
	background-position:0 bottom;
	}
#btnEnglish a:hover{
	background-position:right bottom;
	}