body { 

background-color: #4e6eb2;
/* background-color: #4b70af; */
font-family: sans-serif;
font-size: 12px;

}






a {
color: #ffffff;
text-decoration: none;
outline: none; 
/* background-color: #4e6eb2; */
}





a:visited {
color: #ffffff;
}





a:active {
color: #000000; 
font-weight: bold;
}




a:hover {
color:  #ffffff;
text-decoration: underline;
}




a:link img, a:visited img {
border-style: none
}



strong, strong2 { font-weight: bold; }  .strong2 { font-size: 20px; } 


input {
color: #ffffff;
background-color: #6b89bc;
border: 1px solid  #000000;
}






#header {
float: left;
/* position: absolute; */
top: 0px;
width: 100%;
background-color: #4e6eb2;

}





#titulop {
background-color: #000000;
border: 1px solid #ff0000;
}




#titulop div.titulo {
width: 20%;
background: #3f5baa;
border: 1px solid #00ff00;
}





#principal {
 float: left; 
margin-top: 20px;
width: 100%;
/* border: 1px solid #27458e; */
 border: 1px solid #ffffff; 
padding-bottom: 20px;
font-size: 12px;
}


#principal2 {
float: left;
margin-top: 20px;
width: 100%;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 20px;
font-size: 12px;
}
  


#principal2 p.mostrar {
text-align: center;
color: #ffffff;
}

#principal2 p.mostrarvolver {

text-align: center;
color: #ffffff;
}


#back {
float: left; 
margin-top: 10px;
width: 100%;
}

#back div.back2 {
width: 100%;
margin-top: 0px;
color: #ffffff;
border: 1px solid #ffffff;
margin-bottom: 40px;
text-align: center;
}
 
#back p.info {
margin: 2em;
}








#izquierda {
float: left;
width: 24%;
margin-top: 20px;
font-size: 12px;
color: #ffffff;

}

#derecha {
float: right;
width: 23%;
margin-top: 12px;
font-size: 12px;
color: #ffffff;
}





#izquierda div.a {  
float: left;
width: 20%; 
border: 1px solid #4e6eb2; 
}


#derecha div.a {
float: left;
width: 20%;
border: 1px solid #4e6eb2;
}



#izquierda div.b {  
float: left;
width: 55%; 
/* border: 1px solid #ffffff;  */
}

#derecha div.b {
float: left;
width: 58%;
/* border: 1px solid #ffffff;  */
}




#izquierda div.c {  
float: left;
width: 20%; 
/* border: 1px solid #ffffff; */
}

#derecha div.c {
float: left;
width: 17%;
/* border: 1px solid #ffffff; */ 
} 




#izquierda div.d {
float: left;
width: 100%;
/* border: 1px solid #ffffff; */
} 

#derecha div.d {
float: left;
width: 100%;
/* border: 1px solid #ffffff; */
}



#izquierda ul {
margin-top: 2px;
margin-bottom: 2px;
 margin-left: 18%;
/* list-style-type: inherit; */
list-style-type: circle;

}

	  



#izquierda p.sec {
/* margin-left: 15%; */
background: #6b89bc;
color: #111111;
margin-top: 2px;
margin-bottom: 0px;
/* margin-left: 5px;
margin-right: 15%; */
text-align: center;
 border: 1px solid #000000; 
 }

#derecha p.sec {
/* margin-left: 15%; */
background: #6b89bc;
color: #111111;
margin-top: 10px;
/* margin-bottom: 10px; */
/* margin-left: 5px;
margin-right: 15%; */
text-align: center;
 border: 1px solid #000000; 


 }
  


#izquierda p.see {
margin-top: 2px; 
margin-bottom: 2px;
margin-left: 29%;
}

ul.menuu {

margin-top: 2px;
margin-bottom: 2px;
margin-left: 29%;
}

ul.menuuu {
margin-top: 0px;
margin-bottom: 2px;
margin-left: 20%;
/* list-style-type: inherit; */
list-style-type: circle;

}




#derecha p.see-captura {
margin-top: 0px;
margin-bottom: 2px;
text-align: center;
}


#derecha p.see {
margin-top: 10px;
margin-bottom: 2px;
text-align: center ;
}


#derecha img { 
border: 1px solid #ffffff;
}


#centro {
float: left;
width: 50%;
margin-top: 0px;
font-size: 12px;
}

#centro2 {
float: left;
width: 73%;
margin-top: 0px;
font-size: 12px;
}




#centro div.error {


}


#centro p.error {
font-size: 25px;
color: #ffffff;
}

#centro p.error1 {

color: #ffffff;
margin-left: 40px;
font-size: 15px;
}


.colaboraa {
 margin: 2em;
 border: 1px solid #111111; 
 background-color: #6b89bc;
    
 
 }


.colaborab {
 font-size: 12px;
 color: #152f70;;
 padding: 8px;

 border: 1px solid #111111;
 background-color: #ffffff;
 /* background-color: #4e6eb2; */
  
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
 }

.colaboraa a { 
color: #000000; 
font-weight: bold;
}





#centro div.miembro {
float: left;
margin-top: 50px;
width: 100%;
}



#centro div.foto {
float: left;
margin-top: 0px;
margin-bottom: 10px;
width: 206px;
}

#centro img.foto {
margin-left: 10px;
}


#centro p.mdato {
margin-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
color: #ffffff;
}


#centro div.mdato {
float: left;
width: 48%;
}


#centro p.centrado {
text-align: center;
margin-top: 10px;
}




#centro div.titulo5 {
margin-left: 5%;
margin-right: 9%;
margin-bottom: 0px;
margin-top: 20px;
border-bottom: 1px solid #000000;
/* border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;  */
padding-top: 7px;
padding-bottom: 2px;
}


#centro p.titulo5 {
color: #ffffff;
text-align: left;
font-size: 12px;
margin-left: 2px;
margin-bottom: 0px;
margin-top: 0px;
}

#centro p.descripcion5 {
color: #152f70;
font-style: italic;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}


#centro p.como-contenido {
color: #152f70;
font-style: italic;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#centro p.como-visitas {
color: #152f70;
font-style: italic;
margin-left: 10px;
margin-right: 10px;
margin-top: 29px;
margin-bottom: 0px;
padding-left: 5px;
border-left: 1px solid #000000;
}




#centro p.como-contenido1 {
color: #152f70;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #000000;
text-align: center;
}

#centro div.cautor{
float: left;
width: 50%;
}

#centro div.cfecha{
text-align: right;
float: left;
width: 50%;
}





#centro div.descripcion5 {
margin-top: 0px;
margin-left: 12%;
margin-right: 9%;
margin-bottom: 20px;
border-top: 1px solid #e0e0e0;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
background: #ffffff;
}


#centro div.como-tabla {
margin-top: 30px;
margin-left: 12%;
margin-right: 9%;
margin-bottom: 20px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
background: #ffffff;
}

.como-tabla a {
color: #000000;
font-weight: bold;
}




#centro div.version {
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
border-bottom: 1px solid #111111;
}

#centro p.version {
background: #6b89bc;
color: #111111;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
margin-top: 2px;
margin-bottom: 0px;
margin-right: 60%;
text-align: center;
}

#centro2 div.version {
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 10px;
border-bottom: 1px solid #111111;
}

#centro2 p.version {
background: #6b89bc;
color: #111111;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
margin-top: 2px;
margin-bottom: 0px;
margin-right: 60%;
text-align: center;
}



#centro div.cuno{
float: right;
width: 32%;
height: 92px;
margin-top: 24px;
text-align: center;
}

#centro div.sig{
float: right;
width: 99%;
height: 92px;
margin-top: 40px;
text-align: center;
}




#centro p.cuno {
color: #ffffff;
margin-top: 0px;
text-align: center;
}


#centro div.suno{
float: right;
width: 98%;
margin-top: 2px;
/* height: 20px; */
}

#centro div.suno2{
float: right;
width: 98%;
margin-top: 20px;
/* height: 20px; */
}



#centro2 div.suno{
float: right;
width: 98%;
margin-top: 2px;
/* height: 20px; */
}

#centro2 div.suno2{
float: right;
width: 98%;
margin-top: 20px;
/* height: 20px; */
}


#centro2 p.suno {
color: #ffffff;
text-align: left;
margin-top: 0px;
margin-bottom: 2px;
}


#centro p.suno {
color: #ffffff;
text-align: left;
margin-top: 0px;
margin-bottom: 2px;
}


#centro div.titiso1 {
float: left;
width: 15%;
margin-top: 50px;
/* border-bottom: 1px solid #ffffff; */
}
#centro div.titiso2 {
float: left;
width: 64%;
margin-top: 50px;
/* border-bottom: 1px solid #ffffff; */
}
#centro div.titiso3 {
float: left;
width: 20%;
margin-top: 50px;
/* border-bottom: 1px solid #ffffff; */
}
																				#centro p.titiso11 {
background: #6b89bc;
color: #111111;
margin-top: 2px;
margin-bottom: 5px;
border: 1px solid #111111;
text-align: center;
}
#centro p.titiso22 {
background: #6b89bc;
color: #111111;
margin-top: 2px;
margin-bottom: 5px;
margin-right: 22px;
margin-left: 22px;
border: 1px solid #111111;
text-align: center;
}
#centro p.titiso33 {
background: #6b89bc;
color: #111111;
margin-top: 2px;
margin-bottom: 5px;
border: 1px solid #111111;
text-align: center;
}

#centro p.iso11 {
margin-top: 0px;
color: #ffffff;
text-align: center;
}
#centro p.iso22 {
margin-top: 15px;
color: #ffffff;
text-align: center;
}
#centro p.iso33 {
margin-top: 15px;
color: #ffffff;
text-align: center;
}



#centro div.iso1 {
float: left;
width: 15%;
height: 70px;
border-bottom: 1px solid #ffffff;
margin-top: 7px;
}

#centro div.iso2 {
float: left;
width: 65%;
height: 70px;
border-bottom: 1px solid #ffffff;
margin-top: 7px;
}

#centro div.iso3 {
float: left;
width: 20%;
height: 70px;
border-bottom: 1px solid #ffffff;
margin-top: 7px;
}


#centro div.minicomos {
margin-left: 10%;
margin-right: 7%;
margin-top: 4px;
}

#centro p.alfa {
color: #ffffff;
margin: 1px;
text-align: center;
}


#centro div.mini-titulo {
background: #6b89bc;
color: #111111;
border: 1px solid #000000;
margin-top: 40px;
margin-left: 10%;
margin-right: 7%;

}

#centro div.minicomoss {
width: 99%;
height:150px;
}



#centro p.tiposeccion {
color: #111111;
margin-left: 7px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px;
}

#centro div.categoria {
float: left;
width: 31%;
/* border: 1px solid #ffffff; */
text-align: center;
margin-top: 10px;
margin-left: 4px;
}


#centro p.categoria {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 7px;
color: #ffffff;
}






#centro div.juego{
background: #ffffff;
width: 100%;
margin-bottom: 10px;
color: #152f70;
margin-top: 40px;
padding-right: 5px;
padding-bottom: 5px;
}

.juego a {
color: #000000;

}




#centro div.juego-izq{
float: left;
width: 30%; 
text-align: center;
}

#centro p.juego-captura{
text-align: center;
margin-bottom: 1px;
margin-top: 15px;
}

#centro p.captura-texto{
text-align: center;
margin-top: 1px;
}




#centro div.juego-der{
float: left;
width: 70%;
}


#centro p.juego-nombre{
margin-top: 10px;
margin-left: 2px;
margin-bottom: 4px;
font-size: 20px;
color: #152f70;
}

#centro p.juego-descripcion{
margin-top: 10px;
margin-left: 20px;
margin-right: 10px;
margin-bottom: 2px;
}

#centro p.juego-info{
text-align: right;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 20px;
}

#centro div.juego-datos{
text-align: right;
width: 100%;
}

#centro p.juego-datos{
text-align: right;

}


#logo {
float: left;
top: 0px;
width: 310px;
/* background: #ff0000; */
font-size: 12px;
}

#banner img.banner {
border: 1px solid #ffffff;
}


#logo p.logo {
margin-top: 10px;
margin-bottom: 0px;
}

#banner {
float: left;
margin-top: 0px;
width: 57%;
background: transparent;
font-size: 12px;
text-align: center;

}

#banner p.bannerh {
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
}



#banner p.banner{
margin-top: 40px;
margin-left: 40px;
}





#interactivo{
float: left;
/* position: absolute; */
margin-top: 10px;
margin-left: 0px;
width: 100%;

border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;  


 background-color: #3f5baa; 
}






#usuarios {
float: left;
color: #ffffff;
background: transparent;
/*  background: #00ff00; */
font-size: 11px;
width: 40%;
}

#usuarios div.tipo {
float: left;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 0px;
text-align: right;

}




#usuarios div.entrada {
float: left;
margin-top: 7px;
margin-bottom: 0px;
margin-left: 7px;
}


#usuarios div.boton {
float: left;
margin-top: 7px;
margin-bottom: 0px;
margin-left: 7px;
text-align: left;
}


#usuarios p.tipo {  }


#usuarios p.tipo2 {
margin-top: 15px;
}


#usuarios p.entrada { }


#usuarios p.boton { }

#irc{
float: left;
background-color: #6b89bc;

margin-left: 2px;
margin-top: 15px;
margin-bottom: 7px;
width: 10%;
text-align: center;
color: #000000;
border: 1px solid #000000;
font-weight: bold;

}

/* #irc a {
color: #000000;
} */


#kernel {
float: right;
color: #ffffff;
/* background: #ff0000; */
/* background: #ff0000; */
font-size: 11px;
width: 48%;
margin-top: 10px;
margin-bottom: 7px;
padding-right: 10px;
}


#kernel div.nombre {
text-align: center;
font-style: oblique;
text-decoration: underline;
color: #000000;
}


#kernel p.nombre {
margin-top: 7px;
margin-left: 40%;
border: 1px solid #2f498c ;
background: #6b89bc;
color: #000000;
}


#kernel div.version {
float: right;
margin-right: 2px;
margin-left: 2px; 
}


#kernel div.enlace {
float: right;
margin-right: 2px;
margin-left: 2px;
}


#kernel div.prepatch {
float: right;
margin-right: 2px;
margin-left: 2px;
}


#kernel div.ac {
float: right;
margin-right: 20px;
margin-left: 2px;
}


#kernel p.titulo{
background: #6b89bc;
color: #111111;
margin-top: 2px;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
border: 1px solid #000000;
}


#kernel p.kernels{
margin-top: 4px;
margin-bottom: 0px;
margin-left: 4px
}


#visitas { 
float: right;
color: #ffffff;
background: transparent;
font-size: 11px;
width: 100%;
/* border-right: 1px solid #ffffff; 
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff; */
margin-bottom: 10px;
text-align: center;
}


#foros {
float: right;
color: #ffffff;
background: transparent;
font-size: 11px;
width: 70%;
/* border: 1px solid #ffffff; */
margin-bottom: 10px;
margin-right: 15%;
text-align: left;
}


#foros p.titulo {
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
 padding: 5px 5px 3px 5px;
background-color: #3f5baa;
border: 1px solid #ffffff;

}

#foros div.post {
margin-top: 5px;
border: 1px solid #000000;
background: #ffffff;
padding-bottom: 5px;
}

#foros p.dato {
margin-left: 20px;
margin-top: 2px;
margin-bottom: 0px;
color: #152f70;
background-color: #ffffff;

}

#visitas p.tipo-usuario{
margin-left: 22%;
text-align: left;
}

#visitas div.centrar { width: 60%; }


#visitas div.recuadro {
float: right;
width: 100%;
margin-bottom: 10px;
border: 1px solid #ffffff;
}




#visitas div.tipo {
float: left;
width: 40%;
margin-left: 22%;
/* border: 1px solid #ffffff; */
}

#visitas p.tipo {
text-align: left;
background: #6b89bc;
color: #111111;
margin-top: 0px;
margin-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
}



#visitas p.numero {
text-align: left;
margin-top: 0px;
margin-bottom: 2px;
padding-left: 5px;
padding-right: 5px;

}



#visitas div.numero {
float: left;
width: 28%; 
/* border: 1px solid #ffffff; */
}






#escritorios {
margin-right: 0px;
margin-left: 1em;
margin-top: 2em;
/* height: 20px; */
border: 1px solid #000000;
background-color: #ffffff;
}

#escritorios a {
color: #152f70;
}

#escritorios p.escritorios {
text-align: center;
margin-top: 2px;
margin-bottom: 2px;
}
    
.story {

margin-right: 0px;
margin-left: 1em;
margin-top: 5em;

border: 1px solid #000000;
background-color: #ffffff;
}


.storyTitle {
font-size: 15px;
font-weight: bold;
color: #ffffff;
padding: 5px 5px 3px 5px;
background-color: #3f5baa;
border: 1px solid #ffffff;
}


.storyInfo {
float: left;
font-size: 11px;
color: #152f70;
font-family: serif;
width: 64%; 
font-style: italic;
margin-top: 30px;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
/*  padding-bottom: 3px; */
/* background-color: #00ff00; */ 
}

.storyInfo2 {
float: right;
font-size: smaller;
color: #152f70;
font-family: serif;
/* width: 30%; */
/* width: 80px; */
font-style: italic;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
/* background: #ff0000; */
 background: transparent ; 
text-align: right;
}


.story a { color: #000000 ; }

.recuadroo { 
/* width: 100%; */
background: #ffffff; 
height: 85px;
padding: 0px;
}


#principal p.topic {
margin: 0px;
}


.storyBody {
color: #152f70;
background-color: #ffffff;
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}


.storyBody:first-letter {
font-weight: bold;
font-size: 110px;
}



.coment {
margin-right: 0px;
margin-left: 2em;
margin-top: 10px;

border: 1px solid #000000;
background-color: #ffffff;
}

.coment a { color: #000000 ; }

.comentTitle {
font-size: 15px;
font-weight: bold;
color: #3f5baa;
padding: 5px 5px 3px 5px;
background-color: #dddddd;
border: 1px solid #ffffff;
}


.comentBody {
color: #152f70;
background-color: #ffffff;
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}


#anadirc {
margin-right: 0px;
margin-left: 5em;
margin-top: 15px;
color: #ffffff;
background-color: transparent;
}