/* style.css */

a:link, a:visited {
  color: #99aadd;
  text-decoration: none;
}

a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: underline;
}

body {
  font: 14px Trebuchet;
  margin-left: 10%;
  margin-right: 10%;
  color: #cccccc;
  background-image: url(background.jpg);
}

.marginar_agradecimientos {
   width: 400px;
   height: auto;
   margin-left: 30px;
   border: 0px;
   background: #090909;
}

.marginar_relacionados {
   width: auto;
   height: auto;
   margin-left: 10px;
   border: 0px;
   background: #000000;
}

.marginar_awards {
   width: 430px;
   height: auto;
   margin-left: 10px;
   border: 0px;
   background: #090909;
}

.imagenes_mapa {
   width: 300px;
   height: 200px;
   margin: 5px 5px 5px;
   padding: 5px 5px 5px;
   border: 1px dashed #333333;
}

.imagenes_pelis {
   float: left;
   width: 190px;
   height: 120px;
   margin: 5px 5px 5px;
   padding: 5px 5px 5px;
   border: 1px dashed #333333;
}

.imagenes_index {
   float: center;
   width: 190px;
   height: 120px;
   margin: 5px 5px 5px;
   padding: 5px 5px 5px;
   border: 1px dashed #333333;
}

.imagenes_inprogress {
   float: left;
   width: 200px;
   height: 160px;
   margin: 0px 5px 5px;
   margin-bottom: 10px;
   padding: 5px 5px 5px;
   border: 1px dashed #333333;
}

.tabla_inprogress {
   font: 10px Verdana;
   text-align: left;
   letter-spacing:.2em;
   color: #777777;
}

.tabla_comentarios {
   float: center;
   height: auto;
   width: 460px;
   font: 10px Verdana;
   border: 0px;
}

.tabla_comentarios_col_1 {
   text-align: right;
   height: auto;
   width: 50px;
   font: bold 11px Verdana;
   border: 0px;
}

.tabla_comentarios_col_2 {
   text-align: left;
   height: auto;
   width: auto;
   font: 10px Verdana;
   border: 0px;
}

.span_tabla_comentarios_checks {
   margin-left: 1px;
   height: auto;
   width: auto;
   font: bold 11px Verdana;
   border: 0px;
}

.span_tabla_comentarios_checks_suggestions {
   margin-left: 1px;
   height: auto;
   width: auto;
   font: bold 11px Verdana;
   border: 0px;
}

.tabla_comentarios_botones {
   text-align: center;
   height: auto;
   width: auto;
   font: 10px Verdana;
   border: 0px;
}

.tabla_servidores {
   float: center;
   height: auto;
   width: 460px;
   font: 10px Verdana;
   border: 1px dotted #333333;
}

.tabla_servidores_titulo {
   height: auto;
   width: auto;
   font: bold 10px Verdana;
   letter-spacing:.2em;
   color: #777777;
   background: #080808;
   text-align: center;
}

.tabla_servidores_contenido {
   height: auto;
   width: auto;
   font: 10px Verdana;
   color: #777777;
   border: 1px solid #333333;
   text-align: left;
}

.tabla_servidores_contenido_center {
   text-align: center;
   border-top: 1px solid #333333;
}

.tabla_servidores_contenido_img {
   text-align: center;
   border-top: 1px solid #333333;
}

.tabla_servidores_contenido_borde {
   border-top: 1px solid #333333;
}

.final_menus {
   float: right;
   color: #111;
   border: 0px;
   background: #111;
}

.cursive_form {
   font: cursive 10px Verdana;
   letter-spacing:.0em;
   color: #777;
}

#baneados {
   margin:5px 0 2px;
   padding:3px 3px 3px;
   font: 10px Verdana;
   letter-spacing:.2em;
   border: 1px dotted #333333;
   color: #777777;
   text-align: left;
}

#contenidor {
	width: 700px;
	height: auto;
	min-height: 710px;
	margin: auto;
	text-align:center;
	border: 1px solid #333;
	padding: 10px 10px 10px 10px;
	color:blue;
	background: #000;
}

#cap {
   background-image: url(cap.jpg);
   background-repeat: no-repeat;
   height: 170px;
   padding:0px 20px 15px;
   font: 11px Trebuchet MS;
   letter-spacing:.2em;
   border: 1px solid #333333;
   color: #777777;
   text-align: center;
}

#cap h1 {
   margin:5px 5px 0;
   text-transform:uppercase;
   margin-top: 32px;
   letter-spacing: 0;
   font: bold 27px Trebuchet MS;
   color: #940f04;
}

#cap_dos {
   margin:5px 0 2px;
   padding:3px 3px 3px;
   font: 10px Verdana;
   letter-spacing:.2em;
   border: 1px dotted #333333;
   color: #777777;
   text-align: left;
}

#cap_dos a:link, a:visited {
  color: #99aadd;
  text-decoration: none;
  letter-spacing:.2em;
  padding: 2px 6px 0px;
}

#cap_dos a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  letter-spacing:.2em;
  padding: 2px 6px 0px;
  border: 0px;
  border-bottom: 2px solid #883322;
  background: #201000;
}

#cap_tres {
   margin:5px 0 2px;
   padding:3px 3px 3px;
   font: 10px Verdana;
   letter-spacing:.2em;
   border: 1px dotted #333333;
   color: #777777;
   text-align: left;
}

#cap_tres i {
   font: cursive 10px Verdana;
   letter-spacing:.2em;
   color: #940f04;
   text-align: left;
}

#cap_tres a:link, a:visited {
  color: #99aadd;
  text-decoration: none;
  padding: 3px 6px 1px;
  letter-spacing:.2em;
}

#cap_tres a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 3px 6px 1px;
  border: 0px;
  border-bottom: 2px solid #ff0f04;
  background: #200000;
  letter-spacing:.2em;
}

#cap_cuatro {
   margin:5px 0 2px;
   padding:3px 3px 1px;
   font: 10px Verdana;
   letter-spacing:.2em;
   border: 1px dotted #333333;
   color: #777777;
   text-align: left;
}

#cap_cuatro_visitas {
   font: 10px Verdana;
   letter-spacing:.2em;
   color: #777777;
   text-align: left;
   float: right;
   background: #111;
}

#cap_cuatro i {
   font: cursive 10px Verdana;
   letter-spacing:.2em;
   color: #940f04;
   text-align: left;
}

#cap_cuatro tt {
   font: 10px Verdana;
   letter-spacing:.2em;
   color: #940f04;
   text-align: left;
}
  
#cap_cuatro u {
   text-decoration: none;
   font: bold 10px Verdana;
   letter-spacing:.2em;
   color: #777;
}

#cap_cuatro a:link, a:visited {
  color: #99aadd;
  text-decoration: none;
  padding: 2px 6px 0px;
  letter-spacing:.2em;
}

#cap_cuatro a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 2px 6px 0px;
  border: 0px;
  border-bottom: 2px solid #2205FF;
  background: #000030;
  letter-spacing:.2em;
}

#cap_cinco {
   margin:px 0px 10px;
   padding:0px 0px 0px;
   font: bold 18px Trebuchet MS;
   letter-spacing:.2em;
   border: 1px dotted #000;
   color: #ffbb66;
   text-align: center;
   margin-top: 0px;
}

#cap_cinco hr {
   background-color: #000;
   width: 100%;
   height: 0px;
   margin-top: 10px;
   border: 0;
   border-top: 4px dotted #333333
}

#cap_seis {
   margin:5px 0 2px;
   padding:3px 3px 3px;
   font: 10px Verdana;
   letter-spacing:.2em;
   border: 1px dotted #333333;
   color: #777777;
   text-align: left;
}

#cap_seis i {
   font: cursive 10px Verdana;
   letter-spacing:.2em;
   color: #940f04;
   text-align: left;
}

#cap_seis a:link, a:visited {
  color: #99aadd;
  text-decoration: none;
  padding: 3px 6px 1px;
  letter-spacing:.2em;
}

#cap_seis a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 3px 6px 1px;
  border: 0px;
  border-bottom: 2px solid #663388;
  background: #200020;
  letter-spacing:.2em;
}

#esquerra {
   margin: 0px 0px 0px;
   float: left;
   height: auto;
   width: 460px;
   border: 1px dotted #333333;
   text-align: left;
   margin-top: 0px;
   padding: 4px 4px 4px;
   font: 12px Trebuchet MS;
   color: #555;
}

#esquerra a:link, a:visited {
  color: #99aadd;
  font: 10px Verdana;
  text-decoration: none;
  padding: 0px 0px 2px;
  border: 0px;
  letter-spacing:.1em;
}

#esquerra a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 0px 0px 2px;
  border: 0px;
  letter-spacing:.1em;
}

#esquerra i {
   font: 10px Verdana;
   letter-spacing:.1em;
   color: #999;
}

#esquerra tt {
   font: bold 10px Verdana;
   letter-spacing:.1em;
   color: #888;
}

#esquerra u {
   font: 11px Trebuchet MS;
   text-decoration: none;
   letter-spacing:.1em;
   color: #999999;
}

#esquerra h1 {
   text-align: left;
   padding:4px 4px 4px;
   text-transform:uppercase;
   letter-spacing:.2em;
   font: bold 10px Verdana;
   color: #777777;
   background: #080808;
}

#esquerra h2 {
   text-align: left;
   padding:0px 4px 0px;
   font: bold 18px Verdana;
   color: #940f04;
}

/*  FOR GOOD COMMENTS*/
#esquerra h3 {
   text-align: left;
   padding:0px 0px 0px;
   font: bold 12px Verdana;
   text-transform: capitalize;
   color: #228B22;
   background: #111;
}

/*  FOR BAD COMMENTS*/
#esquerra h4 {
   text-align: left;
   padding:0px 0px 0px;
   font: bold 12px Verdana;
   text-transform: capitalize;
   color: #940f04;
   background: #111;
}

/*  FOR SUGGESTIONS TITLE*/
#esquerra h5 {
   text-align: left;
   padding:0px 0px 0px;
   font: bold 12px Verdana;
   text-transform: capitalize;
   color: #663325;
   background: #111;
}

#esquerra h6 {
   text-align: left;
   padding:4px 4px 4px;
   text-transform:uppercase;
   letter-spacing:.2em;
   font: bold 13px Verdana;
   color: #888;
   background: #080808;
}

/*  FOR EXCELENTS COMMENTS */
.excelent_comments {
   text-align: left;
   padding:0px 0px 0px;
   font: bold 12px Verdana;
   text-transform: capitalize;
   color: #FFCC00;
   background: #111;
}

.awards_title_comments {
   text-align: left;
   padding:0px 0px 0px;
   font: bold 12px Verdana;
   text-transform: capitalize;
   color: #99aadd;
   background: #111;
}

#esquerra hr {
   background-color: #000;
   width: 100%;
   height: 0px;
   margin-top: 10px;
   border: 0;
   border-top: 2px dotted #333333
}

#esquerra hr.solid {
   background-color: #000;
   width: 100%;
   height: 0px;
   margin-top: 20px;
   border: 0;
   border-top: 1px dotted #222
}

#esquerra .img_awards {
   float: right;
}

#esquerra ._rojo {
   color: #940f04;
}

.img_q {
   float: right;
}

#dreta {
   color: #940f04;
   margin:50px 0 20px;
   border: 1px dotted #333333;
   float: right;
   height: auto;
   width: 210px;
   margin-top: 0px;
}

#dreta a:link, a:visited {
  color: #99aadd;
  font: 10px Verdana;
  text-decoration: none;
  padding: 2px 5px 2px;
  border: 0px;
  border-left: 3px solid #000;
  letter-spacing:.1em;
}

#dreta a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 2px 5px 2px;
  border: 0px;
  border-left: 3px solid #663300;
  letter-spacing:.1em;
  background: #111;
}

#dreta hr {
   background-color: #000;
   width: 43%;
   height: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 0;
   border-top: 4px dotted #333333
}

#dreta h1 {
   text-align: left;
   padding:4px 4px 4px;
   text-transform:uppercase;
   letter-spacing:.2em;
   font: bold 10px Verdana;
   color: #777777;
   background: #080808;
}

#dreta h2 {
   text-align: left;
   margin-left: 20px;
   font: 13px Trebuchet MS;
   color: #999;
}

#dreta h3 {
   letter-spacing:.1em;
   text-align: left;
   margin-left: 30px;
   font: 10px Verdana;
   color: #999;
}

#dreta h4 {
   font: 10px Verdana;
   letter-spacing:.1em;
   color: #999;
}

#dreta i {
   font: 11px Trebuchet MS;
   color: #777777;
}

#dreta .logo {
   float: right;
}

.map_servers_by {
   font: 11px Trebuchet MS;
   color: #940f20;
   margin-left: 10px;
   text-align: left;
}

.map_servers {
   font: 11px Trebuchet MS;
   color: #777;
   margin-left: 30px;
   text-align: left;
}

#entrepeu {
   clear: both;
   font: 11px Trebuchet MS;
   border: 0px;
   text-align: right;
}

#entrepeu hr {
   background-color: #000;
   width: 88%;
   height: 0px;
   border: 0px;
   border-top: 4px dotted #333333
}

#peu {
   clear: both;
   font: 11px Trebuchet MS;
   letter-spacing:.2em;
   border-left: 1px solid #333333;
   border-right: 1px solid #333333;
   border-bottom: 1px solid #333333;
   color: #777777;
   text-align: center;
   padding-bottom: 15px;
}

#peu i {
   font: 10px Verdana;
   letter-spacing:.2em;
   color: #777;
}

#peu u {
   font: 10px Verdana;
   letter-spacing: .2em;
   text-decoration: none;
   color: #555;
}

#peu a:link, a:visited {
  color: #99aadd;
  font: 10px Verdana;
  text-decoration: none;
  padding: 0px 0px 2px;
  border: 0px;
  border-top: 2px solid #000;
  letter-spacing:.1em;
}

#peu a:hover, a:active { 
  color: #ffbb66;
  font: 10px Verdana;
  text-decoration: none;
  padding: 0px 0px 2px;
  border: 0px;
  border-top: 2px solid #2205FF;
  letter-spacing:.1em;
  background: #000030;
}

#peu .pent_left {
   float: left;
}

#peu .pent_right {
   float: right;
}