#art-resp {    display: none; }  

@media all and (max-width: 1px) {     

#art-resp, #art-resp-t { display: block; }    

 #art-resp-m { display: none; } }  

@media all and (max-width: 1px) {    

 #art-resp, #art-resp-m { display: block; }     

#art-resp-t { display: none; } }

.main { border-width: 1px; border-color: #C5B132; border-style: solid; background-color: #121109; color:white; font-size: 14px; } 
.bordetodos { border-width: 1px; border-color: #fbfaae; border-style: solid; }
.bamarillo { background-color: #d4c62a; color:black; } 
.bgris { background-color: 30302b; color:white; }
.bhab { background-color: 70C3D6; color:white; }
.bazul { background-color: 5499C7; color:white; }
.bnegro { background-color: 000000; color:white; }
.bblanco { background-color: ffffff; }  
.left { text-align: left; padding-left: 8px; padding-right: 8px; padding-top:5px; padding-bottom:5px; }
.indice { font-size: 35px; padding-bottom: 40px; padding-top: 40px; color: rgb(241, 234, 62); } 
.subindice { font-size: 25px; } 
.subindice2 { font-size: 18px; } 
.tverde { color: c4f4b8; } 
.tamarillo { color: f4efb8; } 
.tnaranja { color: ff8000; } 
.tazul { color: b8f4f0; } 
.tmorado { color: dbb8f4; } 
.trojo { color: f4b8c6; } 
.tdestacar  { font-weight: bold; } 

.plantilla1 { border-width: 1px; border-color: #c4c61d; border-style: solid; }
.plantilla2 { border-width: 1px; border-color: #ac397d; border-style: solid; }
.plantilla3 { border-width: 1px; border-color: #9f0e1f; border-style: solid; }
.plantilla4 { border-width: 1px; border-color: #785e47; border-style: solid; }

.buscadoryw3 { background-color:000000; border-width: 1px; border-color: #c4c61d; border-style: solid; color: ffffff; } 
.buscadoryw4 { background-color:000000; border-width: 1px; border-color: #ac397d; border-style: solid; color: ffffff; }
.buscadorgakuen { background-color:000000; border-width: 1px; border-color: #17d0e3; border-style: solid; color: ffffff; } 
.buscadormicchy { background-color:000000; border-width: 1px; border-color: #5353ef; border-style: solid; color: ffffff; } 
.ibuscadormicchy { background-image: url('/skin/buscamicchy.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 
.ibuscadoryw3 { background-image: url('/skin/buscadoryw3.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 
.ibuscadoryw4 { background-image: url('/skin/buscadoryw4.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 
.ibuscadorgakuen { background-image: url('/skin/buscadorgakuen.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 

.buscador { color: ffffff; } 
.buscador2 { background-color:545150; border-width: 1px; border-color: #efbd43; border-style: solid; color: ffffff; font } 
.buscador3 { background-image: url('/skin/buscador.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 
.buscador4 { background-image: url('/skin/buscador4.png'); background-repeat: no-repeat; background-position: center right; background-color:545150; border-width: 1px; border-color: #ffffff; border-style: solid; } 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: e1e1df;  font-style: oblique; font-size: 11px;
}

ul {
	list-style-image: url('/skin/listas1.png'); padding-left:25px;
}

ul ul {
	list-style-image: url('/skin/listas2.png'); padding-left:30px;
}

ul ul ul {
	list-style-image: url('/skin/listas3.png'); padding-left:35px;
}

.redondas {
border-radius: 20px;
}

/* ############ ESTILOS DE LOS TEXTOS ############ */

.tsecciones { text-align:center; border: 1px solid #C9E8FF; padding-bottom:7px; padding-top:7px; font-family:franco; font-size: 18px; color: #F3F5FA; background: #565457; border-radius: 15px; text-shadow: rgb(51, 51, 51) -1px -1px 0px, rgb(51, 51, 51) 1px -1px 0px, rgb(51, 51, 51) -1px 1px 0px, rgb(51, 51, 51) 1px 1px 0px, rgb(51, 51, 51) -1px 0px 0px, rgb(51, 51, 51) 0px -1px 0px, rgb(51, 51, 51) 1px 0px 0px, rgb(51, 51, 51) 0px 1px 0px;}

.noticias0 { background: #bf8428; border: 1px solid #3e2f07; }
.noticias1 { padding-left:12px; padding-right:12px; padding-bottom:7px; padding-top:4px; font-family:Trebuchet MS; font-size: 18px; color: #191500; background: #c99802;
background-image:url('skin/notis.png'); background-position:left; background-repeat:no-repeat;}
.noticias2 { padding-left:12px; padding-right:12px; padding-bottom:7px; padding-top:15px; font-family:georgia, sans-serif; font-size: 14.5px; color: #F3F5FA; 
   background: #100f0f;  background-image:url('skin/notis2.png'); background-position:right center; background-repeat:no-repeat;}
.noticias3 { padding-right:10px; padding-bottom:5px; padding-top:5px; font-family:Trebuchet MS; font-size: px; color: #F3F5FA; 
   background: #100f0f;}
 
.noticias8 { padding-left:12px; padding-right:12px; padding-bottom:4px; padding-top:4px; font-family:Trebuchet MS; font-size: 18px; color: #F3F5FA; border: 1px solid #0F1114; background: #002961;
background-image:url('skin/notis.png'); background-position:right; background-repeat:no-repeat; background-size:140px;
     border-top-left-radius:10px; border-bottom-left-radius:10px
 }
.noticias9 { padding-left:12px; padding-right:12px; padding-bottom:2px; padding-top:2px; font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 13.6px; color: #F3F5FA;border: 1px solid #0F1114; background: #002961;
   background: #01142A;  background-image:url('/img/skin/notis2.png'); background-position:right; background-repeat:no-repeat;
    border-top-right-radius:10px; border-bottom-right-radius:10px }

.bnotis { padding-bottom:5px; padding-top:5px; padding-right:5px; padding-left:5px; border: 1px solid #000000; background: #ffffff; font-family:Arial; color: #EBF3F7; background-image:url('skin/notis3.png'); background-position:center; background-repeat:repeat;}
.bnotis2 { padding-bottom:3px; padding-top:3px; padding-right:3px; padding-left:3px; border: 1px solid #000000; background: #3e3300; font-family:Arial; font-size: 26px; color: #F1F1F1; }
.bnotis3 { padding-bottom:5px; padding-top:5px; padding-right:5px; padding-left:5px; border: 1px solid #ffffff; background: #ffcc00; font-family:Arial; color: #EBF3F7; background-image:url('skin/notis4.png'); background-position:center; background-repeat:repeat;}
.lnotis { font-family:Arial; font-size: 12px; color: #F1F1F1; }
.copyright { font-family:tahoma,geneva,sans-serif; font-size: 13px; color: #ffffff; text-shadow: 1px 1px 1px #747678; }
.principal {  font-family: georgia; color: #f4f4f5; font-size: 14px;}

/* ############ ESTILOS DE LAS TABLAS ############ */

.secc { border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #abdaf7;
background: #5c6f85;
font-family:tahoma,geneva,sans-serif;
font-size: 14px;
color: #f9ce8b; 
padding-bottom:15px;
padding-top:15px;
padding-right:15px;
padding-left:15px; }

.tabla { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #abdaf7; background: #f0f0f0; font-family:Arial; font-size: 14px; color: #303030; }
.subtabla { border: 1px solid #d0e2f6; background: #013136; 
font-family:Arial, helvetica; font-size: 14px; color: #ffffff; }
.tabla0 { border: 1px solid #d0e2f6; background: #046772; 
font-family:Arial, helvetica; font-size: 14px; color: #ffffff; }
.tabla1 { border: 1px solid #d0e2f6; background: #2C828C; 
font-family:Arial; font-size: 14px; color: #ffffff; }
.tabla2 { border: 1px solid #CFE0F4;  background: #8995A1;
font-family:Arial; font-size: 14px; color: #F2F2F7; }
.tabla3 { border: 1px solid #d0e2f6; background: #2C828C; 
font-family:Arial, helvetica; font-size: 14px; color: #ffffff; }
.tabla4 { border: 1px solid #d0f6d2; background: #7aa07c;
font-family:Arial; font-size: 14px; color: #e8e9eb; }
.tabla5 { border: 1px solid #f6d0ea; background: #A972A1;
font-family:Arial; font-size: 14px; color: #FEE9FB; }
.tabla6 { border: 1px solid #d0e2f6; background: #A1C0C6; 
font-family:arial; font-size: 22px; color: #F5FEFF; font-weight: bold; 
text-shadow: rgb(51, 51, 51) -2px -2px 0px, rgb(51, 51, 51) 1px -1px 0px, rgb(51, 51, 51) -1px 1px 0px, rgb(51, 51, 51) 1px 1px 0px, rgb(51, 51, 51) -1px 0px 0px, rgb(51, 51, 51) 0px -1px 0px, rgb(51, 51, 51) 1px 0px 0px, rgb(51, 51, 51) 0px 1px 0px; }
.tabla7 { border: 1px solid #d0e2f6; background: #3D3D3D; 
font-family:Arial, helvetica; font-size: 14px; color: #ffffff; }

.tab5 { border: 1px solid #f6d0ea; background: #70566D; font-family:Arial;
font-size: 14px; color: #E4DEE4; padding-left:6px; line-height: 13pt; }
.tablita { border: 1px solid #abdaf7; background: #f0f0f0;
font-family:Arial; font-size: 14px; color: #303030;}

.efectividades { border: 1px solid #abdaf7; background: #dedede; }
.muyefectivo { border: 1px solid #abdaf7; background: #407246; 
font-family:Arial; font-size: 14px; color: white; }
.muyefectivo2 { border: 1px solid #abdaf7; background: #79DBAC; 
font-family:Arial; font-size: 14px; color: #595A59; }
.pocoefectivo { border: 1px solid #abdaf7; background: #611f21; 
font-family:Arial; font-size: 14px; color: white; }
.pocoefectivo2 { border: 1px solid #abdaf7; background: #624E4F; 
font-family:Arial; font-size: 14px; color: white; }
.noefectivo { border: 1px solid #abdaf7; background: #0a0b0a; 
font-family:Arial; font-size: 14px; color: white; }

.hab {  padding-left:5px; border: 1px solid #ffffff; background: #496D83; font-family:Arial; font-size: 14px; color: #EBF3F7; text-shadow: 1px 1px 1px black; }
.mov {  padding-left:5px; border: 1px solid #ffffff; background: #496D83; font-family:Arial; font-size: 14px; color: #EBF3F7; text-shadow: 1px 1px 1px black; }
.pp {  border: 1px solid #ffffff; background: #C5E3F7; font-family:Arial; font-size: 14px; color: #474447; }
.pot {  border: 1px solid #ffffff; background: #A3C7DF; font-family:Arial; font-size: 14px; color: #474447; }
.pre {  border: 1px solid #ffffff; background: #80A5BD; font-family:Arial; font-size: 14px; color: #474447; }
.efe {   padding-left:5px; padding-right :5px; border: 1px solid #ffffff; background: #5B7381; font-family:Arial; font-size: 11.5px; color: #F4F3F4;text-shadow: 1px 1px 1px black;  }
.efe2 {   padding-left:5px; padding-right :5px;border: 1px solid #ffffff; background: #425B6B; font-family:georgia; font-size: 12px; color: #F4F3F4;text-shadow: 1px 1px 1px black; }
.efe3 {   padding-left:5px; padding-right :5px;border: 1px solid #ffffff; background: #407F98; font-family:georgia; font-size: 12px; color: #F4F3F4;text-shadow: 1px 1px 1px black; }

/* ############ EFECTIVIDADES DE LOS TIPOS ############ */

.efectividades { border: 1px solid #abdaf7; background: #dedede; }
.muyefectivo { border: 1px solid #abdaf7; background: #407246; 
font-family:Arial; font-size: 14px; color: white; }
.muyefectivo2 { border: 1px solid #abdaf7; background: #79DBAC; 
font-family:Arial; font-size: 14px; color: #595A59; }
.pocoefectivo { border: 1px solid #abdaf7; background: #611f21; 
font-family:Arial; font-size: 14px; color: white; }
.pocoefectivo2 { border: 1px solid #abdaf7; background: #624E4F; 
font-family:Arial; font-size: 14px; color: white; }
.noefectivo { border: 1px solid #abdaf7; background: #0a0b0a; 
font-family:Arial; font-size: 14px; color: white; }

/* ############ TRIBUS ############ */	

.desconocido { border: 1px solid #fbfaae; background: #ffffff;}
.Valiente { border: 1px solid #fbfaae; background: #da4a4e;}
.Misteriosa { border: 1px solid #fbfaae; background: #dad84a;}
.Robusta { border: 1px solid #fbfaae; background: #da7d4a;}
.Guapa { border: 1px solid #fbfaae; background: #da4aa2;}
.Amable { border: 1px solid #fbfaae; background: #83da4a;}
.Oscura { border: 1px solid #fbfaae; background: #4a4dda;}
.Siniestra { border: 1px solid #fbfaae; background: #7d4ada;}
.Escurridiza { border: 1px solid #fbfaae; background: #4adad1;}
.Maléfica { border: 1px solid #fbfaae; background: #666973;}
.Enma { border: 1px solid #fbfaae; background: #802a30;}
.Androide { border: 1px solid #fbfaae; background: #3b3da9;}

/* ############ TRIBUS YW4 ############ */	

.Goriki { border: 1px solid #fbfaae; background: #da4a4e;}
.Mononoke { border: 1px solid #fbfaae; background: #dad84a;}
.Tsukumono { border: 1px solid #fbfaae; background: #da7d4a;}
.Shinma { border: 1px solid #fbfaae; background: #8c9966;}
.Mikado { border: 1px solid #fbfaae; background: #330033;}
.Uwanosora { border: 1px solid #fbfaae; background: #4a4dda;}
.Onnen { border: 1px solid #fbfaae; background: #c653c6;}
.Omamori { border: 1px solid #fbfaae; background: #66cc00;}
.Kaima { border: 1px solid #fbfaae; background: #666973;}
.Oni { border: 1px solid #fbfaae; background: #802a30;}
.Izana { border: 1px solid #fbfaae; background: #3b3da9;}
.Mikakunin { border: 1px solid #fbfaae; background: #a6a6a6;}

.tipo1:hover{
   background-color:#FF0000;
}

/* ############ RANGOS ############ */	

.UZp {border: 1px solid #fbfaae; background: #9894E0;}
.UZ {border: 1px solid #fbfaae; background: #56B8BB;}
.ZZZ {border: 1px solid #fbfaae; background: #F5B041;}
.ZZ {border: 1px solid #fbfaae; background: #717D7E;}
.Z {border: 1px solid #fbfaae; background: #be3949;}
.SSS { border: 1px solid #fbfaae; background: #7e39be;}
.SS { border: 1px solid #fbfaae; background: #be39b9;}
.S { border: 1px solid #fbfaae; background: #399abe;}
.A { border: 1px solid #fbfaae; background: #beb339;}
.B { border: 1px solid #fbfaae; background: #c75a6c;}
.C { border: 1px solid #fbfaae; background: #5ac769;}
.D { border: 1px solid #fbfaae; background: #5a85c7;}
.E { border: 1px solid #fbfaae; background: #acb6c4;}
 
.clase { border: 2px dotted #fbfaae; background: #3C3C34; color: #FFFFEE;}

/* ############ ROLES ############ */	

.Atacante { border: 1px solid #fbfaae; background: #b1555d;}
.Sanador { border: 1px solid #fbfaae; background: #55b166;}
.Tanque { border: 1px solid #fbfaae; background: #ffb31a;}
.Comando { border: 1px solid #fbfaae; background: #9655b1;}

/* ############ ELEMENTOS ############ */	

.Agua {border: 1px solid #fbfaae; background: #6CBBBD;}
.Fuego { border: 1px solid #fbfaae; background: #B65F60;}
.Hielo { border: 1px solid #fbfaae; background: #6FD7D7;}
.Tierra { border: 1px solid #fbfaae; background: #AC9B7A;}
.Viento { border: 1px solid #fbfaae; background: #A1C595;}
.Relámpago { border: 1px solid #fbfaae; background: #D9BD57;}
.Absorción { border: 1px solid #fbfaae; background: #C792D0;}
.Restauración { border: 1px solid #fbfaae; background: #74CEA7;}
.Luz { border: 1px solid #fbfaae; background: #ffffcc;}
.Oscuridad { border: 1px solid #fbfaae; background: #b3b3cc;}

/* ############ ATRIBUTOS ############ */

.pv { border: 1px solid #fbfaae; background: #bbf9f2; font-family:Arial; font-size: 14px; color: #62837f; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.yp { border: 1px solid #fbfaae; background: #ffffb3; font-family:Arial; font-size: 14px; color: #62837f; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.fue { border: 1px solid #fbfaae; background: #f9bbc6; font-family:Arial; font-size: 14px; color: #75555b; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.esp { border: 1px solid #fbfaae; background: #debbf9; font-family:Arial; font-size: 14px; color: #655373; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.def { border: 1px solid #fbfaae; background: #a2b1e3; font-family:Arial; font-size: 14px; color: #4b536d; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.vel { border: 1px solid #fbfaae; background: #a4e3a2; font-family:Arial; font-size: 14px; color: #4a6b49; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.res { border: 1px solid #fbfaae; background: #ff8080; font-family:Arial; font-size: 14px; color: #4a6b49; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.skfc { border: 1px solid #fbfaae; background: #000000; font-family:Arial; font-size: 14px; color: #EA5611; font-weight: bold; }

/* ############ ENLACES ############ */		

a:link{ color: #E5C449; text-decoration: underline; }
a:active{ color: #E5C449; text-decoration: underline }
a:visited{ color: #E5C449; text-decoration: underline }
a:hover{ color: #fbf89c; text-decoration: underline; }
a.contador:link{ color: #89223B; text-decoration: underline }
a.contador:active{ color: #89223B; text-decoration: underline }
a.contador:visited{ color: #89223B; text-decoration: underline }
a.contador:hover{ color: #DE2652; text-decoration: underline }
a.lista:link{ color: #f8e3fc; text-decoration: underline }
a.lista:active{ color: #f8e3fc; text-decoration: underline }
a.lista:visited{ color: #f8e3fc; text-decoration: underline }
a.lista:hover{ color: #fbf89c; text-decoration: underline }
a.menu:link{ color: #f3f3f3; text-decoration: underline }
a.menu:active{ color: #f3f3f3; text-decoration: underline }
a.menu:visited{ color: #f3f3f3; text-decoration: underline }
a.menu:hover{ color: #bbe33f; text-decoration: underline }
a.out { padding-right: 18px; background-image: url('/skin/externo.png'); background-repeat: no-repeat; background-position: top right; background-size: 15px 15px;}