@CHARSET "UTF-8";

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	color: #333333;
	height: 100%;
	*overflow: auto;
	text-align: center;
	background-image:url('../img/background.jpg');
}

img {
	border: 0px none;
}

a {
	text-decoration: none;
	color:#000000;
	font-weight:bold;
}

a:hover{
	color:#990000;
}

h1{
	color:#990000;
}

h2{
	color:#990000;
}

h3{
	color:#990000;
}

hr{
	border-top: 1px solid #990000;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
}

li{
	margin-top:10px;
}

#dvcontainer {
	margin:0px auto;
	text-align: left;
	padding:0px;
	width:1000px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #000000;
	/*background-image:url('../img/background_2.jpg');*/
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

#dvheader {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 200px;
	color:#ffffff;
}

#dvcontent {
	position: relative;
	margin:0px 0px 0px 0px;
	padding: 0px 20px 80px 20px;
}

.dverror {
	background-image: url('../img/error.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 2px solid #990000;
	background-color: #aaaaaa;
	color: #990000;
	padding: 5px 5px 5px 30px;
	border-radius:5px;
	font-weight:bold;
}

.dvwarning {
	background-image: url('../img/warning.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #ff9900;
	background-color: #ffdd5c;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #c85100;
	padding: 5px 5px 5px 30px;
}

.dvwarning a {
	color: #c85100;
}

.dvwarning a:hover {
	color: #c85100;
}

.dvinfo {
	background-image: url('../img/info.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #0000ff;
	background-color: #afd7ff;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #000000;
	padding: 5px 5px 5px 30px;
}

.tblistcrud{
	border:1px solid #ddddff;
	width:700px;
}

.tblistcrud th{
	background-color:#f8d133;
}

.tblistcrud tr{
	background-color:#f6ecc5;
}

.tblistcrud tr:hover{
	background-color:#d0d2db;
}

.tbcrudactionicon{
	width:25px;
}

.tbeditcrud{
	width:700px;
	background-color:#f6ecc5;
}

.tblistcrudsubform{
	border:1px solid #ddddff;
	width:550px;
}

.tblistcrudsubform th{
	background-color:#aab8d2;
}

.tblistcrudsubform tr{
	background-color:#f0f4fd;
}

.tblistcrudsubform tr:hover{
	background-color:#d0d2db;
}

.tbeditcrudsubform{
	width:550px;
	background-color:#f0f4fd;
}

.dvmain{
	background-color:#ffffff;
}

.dvnewuser{
	float:left;
	background-color:#ffffff;
	border-radius:15px;
	padding:10px;
	width:450px;
	height:350px;
	font-size:12px;
}

.dvlogin{
	float:right;
	background-color:#ffffff;
	border-radius:15px;
	padding:10px;
	width:450px;
	height:350px;
	font-size:12px;
}

.imgreddragon{
	float:right;
	margin-right:5px;
	margin-top:-5px;
}

.imggreendragon{
	float:right;
	margin-right:5px;
	margin-top:-40px;
}

.dvfooter{
	width: 1000px;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 20px;
	width: 100%;
	font-size: 0px;
	/*border-top: 1px solid #b20032;*/
	background-image:url('../img/fire-pattern.jpg');
}

.txtbasic{
	border:1px solid #990000;
	border-radius:5px;
}

.btnbasic{
	border:1px solid #990000;
	border-radius:5px;
	background-image:url('../img/fire-pattern.jpg');
	color:#ffffff;
	cursor:pointer;
}

.dverrhome{
	float:left;
	width:200px;
	margin-top:20px;
}

.dvregistro{
	background-color:#ffffff;
	border-radius:15px;
	padding:10px;
}

.imgbeholder{
	float:right;
	margin-right:5px;
	margin-top:-140px;
}

.dvvalidado{
	background-color:#ffffff;
	border-radius:15px;
	padding:10px;
	height:300px;
}

.imgexplorer{
	float:right;
	margin-right:5px;
}

.imgvampire{
	float:right;
	margin-right:5px;
}

.dvhomeusuario{
	background-color:#ffffff;
	border-radius:15px;
	padding:10px;
}

.dvfuego{
	background-image: url('../img/fuego.png');
	background-repeat: no-repeat;
	background-position: 5px 15px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:left;
	cursor:pointer;
}

.dvagua{
	background-image: url('../img/agua.png');
	background-repeat: no-repeat;
	background-position: 5px 15px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:right;
	cursor:pointer;
}

.dvviento{
	margin-top:10px;
	background-image: url('../img/viento.png');
	background-repeat: no-repeat;
	background-position: 5px 15px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:left;
	cursor:pointer;
}

.dvtierra{
	margin-top:10px;
	background-image: url('../img/tierra.png');
	background-repeat: no-repeat;
	background-position: 5px 15px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:right;
	cursor:pointer;
}

.dvmapa{
	margin-top:10px;
	background-image: url('../img/mapa_icono.png');
	background-repeat: no-repeat;
	background-position: 5px 30px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:left;
	cursor:pointer;
}

.ulmenu{
	float:left;
}

.ulmenu li{
	display:inline;
	margin-right:20px;
}

.ulmenu a{
	color:#ffffff;
}

.ulmenu a:hover{
	color:#990000;
}

.ulmenu2{
	float:right;
}

.ulmenu2 li{
	display:inline;
	margin-right:20px;
}

.ulmenu2 a{
	color:#ffffff;
}

.ulmenu2 a:hover{
	color:#990000;
}

.dvcrearheroe{
	background-image: url('../img/barbaro.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:left;
	cursor:pointer;
}

.dvverheroes{
	background-image: url('../img/semidragon.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 2px solid #990000;
	border-radius:20px;
	width:300px;
	padding:20px;
	padding-left:120px;
	background-color:#000000;
	color:#ffffff;
	float:right;
	cursor:pointer;
}

.imgtaberna{
	float:right;
	margin-right:15px;
	margin-top:-260px;
}

.dvlistadoheroe{
	/*background-image: url('../img/semidragon.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;*/
	border: 2px solid #990000;
	border-radius:20px;
	width:400px;
	padding:20px;
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;
	margin-bottom:10px;
}

.dvlistadoheroe:hover{
	background-color:#ffffff;
	-webkit-box-shadow: 8px 6px 5px 0px rgba(136, 30, 30, 0.75);
	-moz-box-shadow: 8px 6px 5px 0px rgba(136, 30, 30, 0.75);
	box-shadow: 8px 6px 5px 0px rgba(136, 30, 30, 0.75);
}

.dvcaracteristicas{
	float:right;
	border:2px solid #990000;
	border-radius:5px;
	background-color: #000000;
	font-size:14px;
	padding:5px;
	margin-right:46px;
	margin-top:10px;
}

.tbcaracteristicas th{
	color:#ffffff;
	width:30px;
}

.tbcaracteristicas td{
	background-color:#ffffff;
	font-weight:bold;
	text-align:center;
	border:1px solid #ffffff;
}

.dvlevelup{
	float:left;
	margin-left:20px;
	margin-top:16px;
	font-size:14px;
	border:1px solid #990000;
	border-radius:5px;
}

.dvlevelup:hover{
	background-color:#ddaaaa;
}

.dvdolvlup{
	background-color:#ffffff;
	width:90%;
	border-radius:15px;
	margin-left:5%;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.inputlvlup{
	width:30px;
}

.tbintroducircaracteristicas{
	border:2px solid #990000;
	border-radius:5px;
	background-color: #000000;
	font-size:14px;
	padding:5px;
	margin:20px;
}

.tbintroducircaracteristicas th{
	color:#ffffff;
	width:30px;
}

.tbintroducircaracteristicas td{
	color: #990000;
	font-weight:bold;
	text-align:center;
	border:1px solid #ffffff;
}

.dvhistoria{
	width:500px;
	overflow:auto;
	height:350px;
	float:left;
}

.dvexperiencia{
	width:216px;
	border:2px solid #990000;
	border-radius:15px;
	background-color:#000000;
	height:20px;
	float:right;
	margin-right:46px;
	margin-top:10px;
}

.dvrellenoexperiencia{
	width:50px;
	border-radius:15px;
	height:20px;
	float:left;
	background-image:url('../img/fondo_experiencia.png');
}

.mapcontainer{
	text-align:center;
	position:relative;
	margin-left:70px;
}

.marker_red {
	display:block;
	text-indent:-9999px;
	/*width:30px;
	height:30px;
	outline:none;
	background:url(../img/punto_mapa.png) no-repeat;*/
	width:15px;
	height:23px;
	outline:none;
	background:url(../img/red_marker.png) no-repeat;
	cursor:pointer;
	margin-top:-22px;
	margin-left:-7px;
	/*border-radius:15px;*/
}

.marker_blue {
	display:block;
	text-indent:-9999px;
	/*width:30px;
	height:30px;
	outline:none;
	background:url(../img/punto_mapa.png) no-repeat;*/
	width:15px;
	height:23px;
	outline:none;
	background:url(../img/blue_marker.png) no-repeat;
	cursor:pointer;
	margin-top:-22px;
	margin-left:-7px;
	/*border-radius:15px;*/
}

.predmarker{
	background:url(../img/red_marker.png) no-repeat;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	float:left;
}

.pbluemarker{
	background:url(../img/blue_marker.png) no-repeat;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	float:left;
}

.mapa_anathia{
	float:left;
	width:800px;
	height:500px;
}

.mapa_anathia-profecia{
	float:left;
	width:800px;
	height:500px;
}

.popup {
width:300px;
position:absolute;
padding:8px;
background:#2a2a2a;
color:#fff;
font-weight:bold;
font-size:11px;
line-height:20px;
}

.popup h3 {
margin:0;
margin-bottom:10px;
font-family: 'Cabin Condensed', sans-serif;
font-weight:normal;
font-size:20px;
color:#cc0000;
}

.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../img/close.gif) no-repeat;
cursor:pointer;
}

.dvInput{
	float:left;
	margin-left:30px;
}

.dvLimpiar{
	clear:both;
}

.tabMenu{
	cursor:pointer;
	font-size:16px;
}

.tbMejorasWeb{
	/*border-radius:15px;
	border: 1px solid #990000;*/
}

.trMejoraWeb{
	background-color:#eeeeee;
}

.negrita{
	font-weight:bold;
}