@font-face {
	font-family: 'Philosopher-Bold';
	src: url('../fonts/Philosopher-Bold/Philosopher-Bold.eot');
	src: url('../fonts/Philosopher-Bold/Philosopher-Bold.woff') format('woff'), url('../fonts/Philosopher-Bold/Philosopher-Bold.ttf') format('truetype'), url('../fonts/Philosopher-Bold/Philosopher-Bold.svg') format('svg');
}
body {
	background: url(../images/bg-page.jpg) no-repeat top center;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	min-width: 1000px;
	padding: 0;
}

#header {
	background: url(../images/bg-header2.png) repeat-x top center;
	margin: 0;
	padding: 0;
}
#header > div {
	background: url(../images/bg-header.png) no-repeat top center;
	margin: 0;
	padding: 0;
}
#header > div > div {
	height: 147px;
	margin: 0 auto;
	padding: 49px 0 0;
	position: relative;
	width: 960px;
	z-index: 5;
}
#header a.logo {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 540px;
}
#header a.logo img {
	border: 0;
	display: block;
}
#header ul {
	background: url(../images/bg-navigation.png) no-repeat center center;
	bottom: -107px;
	height: 98px;
	left: 30px;
	margin: 0 auto;
	overflow: hidden;
	padding: 9px 17px;
	position: absolute;
	width: 865px;
}
#header ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
#header ul li a {
	background: url(../images/menu.png) no-repeat;
	color: #a8a8a8;
	display: block;
	font-family: 'Philosopher-Bold';
	font-size: 16px;
	font-weight: normal;
	height: 98px;
	letter-spacing: 0.07em;
	line-height: 104px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 163px;
}
#header ul li #menu1 {
	background-position: 0 0;
}
#header ul li #menu2 {
	background-position: -168px 0;
}
#header ul li #menu3 {
	background-position: -335px 0;
}
#header ul li #menu4 {
	background-position: -502px 0;
}
#header ul li #menu5 {
	background-position: -669px 0;
}
#header ul li a:hover, #header ul li.selected a {
	color: #fff;
}
#header ul li #menu1:hover, #header ul li.selected #menu1 {
	background-position: 0 -113px;
}
#header ul li #menu2:hover, #header ul li.selected #menu2 {
	background-position: -168px -113px;
}
#header ul li #menu3:hover, #header ul li.selected #menu3 {
	background-position: -335px -113px;
}
#header ul li #menu4:hover, #header ul li.selected #menu4 {
	background-position: -502px -113px;
}
#header ul li #menu5:hover, #header ul li.selected #menu5 {
	background-position: -669px -113px;
}
#contenedor{ 
    text-align: left; 
    width: 1000px; 
    margin: auto; 
} 

#cuerpo{ 
	
background: url(../images/bg-body-header.png) no-repeat top center;
	margin: 0 auto;
	padding: 112px 0 0;

} 
#lateral{ 
    margin: 10 0 10 0px; 
  width: 200px; 
    float:left; 
} 
#otrolado{ 
margin: 10 0 10 0px; 
   	width: 200px; 
   	float: right;	
} 
#principal{ 
margin: 10 0 10 0px; 
    margin-left: 210px; 
    width: 580px; 
} 
#pie{ 
	background: url(../images/bg-body-footer.png) no-repeat center;
color: #CCCCCC;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: capitalize;

}

#footer p {
	background: url(../images/bg-body-footer.png) no-repeat center;
color: #CCCCCC;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: capitalize;
}

h4 {
	background: #070707 url(../images/gradient2.png) repeat-x top center;
	border: 1px solid #22272a;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 1px;
	padding: 10px 19px;
}
.encuadrar{
	background: #181818;
	border: 1px solid #22272a;
	padding: 14px 14px;
margin-bottom: 10px; 
}

.encuadrarint{
	background: #181818;
	border: 1px solid #22272a;
	padding: 14px 14px;
}

.texto {
color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 26px;
     padding: 0px;
     text-align: justify;
}
.texto a {
	color: #aaaaaa;
}

h3 {
	background: #070707 url(../images/gradient3.png) repeat-x top center;
	border: 1px solid #22272a;
	color: #fff;
	font-family: 'Philosopher-Bold';
	font-size: 16px;
	font-weight: normal;
	height: 50px;
	letter-spacing: 0.07em;
	line-height: 50px;
	margin: 0 0 1px;
	padding: 0 19px;
	text-transform: uppercase;
}

span {
	background: #181a1a url(../images/gradient4.png) repeat-x bottom left;
	border-bottom: 1px solid #22272a;
	border-left: 1px solid #22272a;
	border-right: 1px solid #22272a;
	display: block;
	height: 38px;
}
span a {
	color: #a7a9ac;
	display: block;
	font-size: 12px;
	line-height: 38px;
	margin: 0;
	padding: 0 9px;
	text-align: center;
	text-decoration: none;
}


span a:hover {
	color: #fff;
}

a {
	color: #a7a9ac;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	color: #fff;
}


table {     
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;        
width: 100%; 
border-collapse: collapse;
}

th {     
font-size: 13px;      
padding: 8px;     
background: #111111;
color: #111111; }

td {    
padding: 8px;     
background: #000000;      
color: #eeeeee;    
text-align:center;
border: 1px solid #111111    
}


.ranking:hover td { 
background: #111111; 
color: #eee;
 }

.titulo td { 
background: #111111; 
color: #eee;
Font-weight: bold;
 }

.alianza { 
background: #0D67A5; 
color: #eee;
 }

.caos{ 
background: #A50D0D; 
color: #eee;
 }

.neutral{ 
background: #595959; 
color: #eee;
 }

.neutral:hover { 
background: #656565; 
color: #eee;
 }

.alianza:hover { 
background: #0E75A9; 
color: #eee;
 }

.caos:hover { 
background: #B00F0F; 
color: #eee;
 }

.textocaos {
color:#B00F0F;
Font-weight: bold;}

.textoneutral {
color:#656565;
Font-weight: bold;}

.textoalianza {
color:#0E75A9;
Font-weight: bold;}

.textoonline {
color:#45EC59;
Font-weight: bold;}

a {
	color: #a7a9ac;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
a:hover {
	color: #fff;
}

.izquierda {
	background: url(../images/border.gif) repeat-x top left;
	float: left;
	margin: 0 10px;
	padding: 3px 0 0;
	width: 200px;
}

.style17{
     font-size: 13px;
     color: fff;
     font-family: sans-serif;
     padding: 10px;
     text-align: justify;
line-height : 25px;
}

textarea{
  font    : 14px, "handwriting", sans-serif;
color: #FFF;
 border:1px solid #222222;
 border-radius:5px;
width   : 90%;
  background-color:#050505;
resize: none; 
}

input[type="submit"]{
	width:100%;
	padding:8px 16px;
	margin-top:0px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#000;
} 

input[type="submit"]:hover{
background-color:#111111;
	cursor:pointer;

}

.form-control {
   background: black;
   border: 1px solid #393939;
   border-radius: 5px 5px 5px 5px;
   color: #FFFFFF;
   font-size: 12px;
   padding: 5px;
margin-top:10px;
}



.box select {
  background-color: #000000;
  color: white;
  padding: 12px;
  width: 31%;
  border: none;
margin-left:5px;
margin-right:5px;
  font-size: 14px;
  box-shadow: 10 1px 45px rgba(0, 0, 0, 0);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}

.box select:hover{
  background-color: #111111;
cursor:pointer;
  }