Template:Set/styles.css

.infobox {
	font-size:.9em; 
	color:#333333; 
	background-color:#ffffff;
	letter-spacing:.03em; 
	font-family:Arial,Sans-serif; 
	border-spacing:0px; 
	border:1px solid #cccccc;
	margin-bottom:15px; margin-top:10px;
	border-radius: 15px; 
	box-shadow: 0 10px 20px #cccccc, 0 6px 6px #cccccc; 
}
.cota {
	background-color:#e0e0e0;
}
.cota1 {
	color:#f89a3a; 
	background-color:#831e1e;
	border-top:1px solid #f89a3a;
	border-bottom:1px solid #f89a3a;
}
.cota2 {
	background-color:#f9f9f9;
}
.aoa {
	background-color:#e0e0e0;
}
.aoa1 {
	color:#fff972; 
	background-color:#295578;
	border-top:1px solid #fff972;
	border-bottom:1px solid #fff972;
}
.aoa2 {
	background-color:#f9f9f9;
}
.wc {
	background-color:#e0e0e0;
}
.wc1 {
	color:#f5e073; 
	background-color:#552264;
	border-top:1px solid #f5e073;
	border-bottom:1px solid #f5e073;
}
.wc2 {
	background-color:#f9f9f9;
}
.mm {
	background-color:#e0e0e0;
}
.mm1 {
	color:#ffff50; 
	background-color:#000000;
	border-top:1px solid #ffff50;
	border-bottom:1px solid #ffff50;
}
.mm2 {
	background-color:#f9f9f9;
}
.dt {
	background-color:#e0e0e0;
}
.dt1 {
	color:#69d9fb; 
	background-color:#3f4681;
	border-top:1px solid #69d9fb;
	border-bottom:1px solid #69d9fb;
}
.dt2 {
	background-color:#f9f9f9;
}
.WoE {
	background-color:#e0e0e0;
}
.WoE1 {
	color:#d09434; 
	background-color:#2d3127;
	border-top:1px solid #d09434;
	border-bottom:1px solid #d09434;
}
.WoE2 {
	background-color:#f9f9f9;
}
.GR {
	background-color:#e0e0e0;
}
.GR1 {
	color:#EA4025; 
	background-color:#032754;
	border-top:1px solid #EA4025;
	border-bottom:1px solid #EA4025;
}
.GR2 {
	background-color:#f9f9f9;
}
.VM23 {
	background-color:#e0e0e0;
}
.VM231 {
	color:#ffffff; 
	background-color:#0f284b;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.VM232 {
	background-color:#f9f9f9;
}
.topimage {
	padding-top:15px; padding-bottom:5px;
}
.name {
	padding-top:10px; padding-bottom:10px; 
	letter-spacing:.03em; 
	font-size:1.6em;
	font-weight:600;
	text-align: center;
}
.row {
	display:flex; 
	padding:1px;
	background-color:#f9f9f9;
}
.middlerow {
	padding-top:5px; padding-bottom:5px;
	display:flex;
	font-weight:bold;
}
.bottomrow {
	display:flex;
	padding:1px;
}
.textleft {
	flex:32%; 
	font-weight:bold; 
	text-align:right; 
	margin-right:5px;
	margin-left:2px;
}
.textright {
	flex:68%;
	margin-right:5px;
}
@media screen and (min-width: 601px) {
  div.infobox {
  	width:325px;
  	float:right;
	margin-left:10px;
	margin-right:10px; 
  }
}
@media screen and (max-width: 600px) {
  div.infobox {
  	width:95%;
  	max-width:350px;
  	margin-left:auto;
  	margin-right:auto;
  }
}