/* CSS Document */
 


.badge {
	min-width:40px;
	min-height:40px;
	text-align:center;
	display:block;
	
	color:#FFF;
	font-weight:bold;	
	margin-left:4px;
	margin-right:2px;	

	padding:5px;

	border-radius: 					8px 8px 8px 8px;
	-webkit-border-radius: 	8px 8px 8px 8px;
	-moz-border-radius: 		8px 8px 8px 8px;
	
}		
 

.badge3 {
	width:55px;
	color:#FFF;
	font-weight:bold;	
	margin-left:2px;
	margin-right:2px;	
	padding-left:5px;
	padding-right:5px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;

}
		
.badge2 {
	width:  30px;
	height: 30px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;	
        display:flex;
        justify-content: center;
        align-items: center;
	border-radius: 						18px 18px 18px 18px;
	-webkit-border-radius: 		18px 18px 18px 18px;
	-moz-border-radius: 			18px 18px 18px 18px;
	
}		

.badge4 {
	width:  15px;
	height: 15px;
	color:#FFF;
	font-size:10px !important;
	font-weight:bold;	
        display:flex;
        position: relative;
        margin-left:5px;
        right: 0;
        justify-content: center;
        align-items: center;
	border-radius: 						18px 18px 18px 18px;
	-webkit-border-radius: 		18px 18px 18px 18px;
	-moz-border-radius: 			18px 18px 18px 18px;
	
}		

.badgeLarge {
	height					:25px;
	width						:125px;
	color						:#FFF;
	margin-left     : 5px;
	margin-right    : 5px;	
	margin-top      : 2px;
	margin-bottom   : 2px;
	padding-left    : 15px;
	padding-right   : 15px;
	padding-top     : 2px;
	padding-bottom  : 5px;
	border-radius   : 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	float:left;
	border: thin #CCC solid;
  box-shadow: 2px 2px 4px #CCC;
	
}		


.bcircle{
	
	width: 30px;
	height:30px;
	text-align:center;
	display:block;
	color:#FFF;
	font-weight:bold;	
	margin-left:4px;
	margin-right:4px;	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-border-radius: 	20px 20px 20px 20px;
	-moz-border-radius: 		20px 20px 20px 20px;
	border-radius: 					20px 20px 20px 20px;
		
}
	
.badgeAnchoDefinido{
	width:40px;	
}

.bred {
	background-color:#FAAFB5;
	color:#88170f;
}

.bazul {
	background-color:#06F;
	color:#FFF;

	
	
}

.bazul a:hover {
		background-color:#0F6;	
}


.bazul a:link {
		background-color:#0F6;	
}

.bazul a {
		background-color:#0F6;	
}

/* BOTON VERDE */
.bverde {
	background-color:#3F3;
	color:#000;
	
}

.bverde a:hover {
	background-color:#3C3;
	color:#000;
}


.bverde a:link {
	background-color:#3C3;
	color:#000;

}

.bverde a {
	background-color:#3C3;
	color:#000;

}





/* BOTON ROJO*/

.brojo {
	background-color:#C30;
	color:#FFF;
	
}

.brojo a:hover {
		background-color:#F00;	
}


.brojo a:link {
		background-color:#930;	
}

.barojo a {
		background-color:#F00;	
}


.blime {
	background-color:#0F9;
	color:#333;
	
}


.bceleste  {
	background-color:#6CF;
	color:#333;
	
}

.bnaranja  {
	background-color:#fdd190;
	color:#846303;
	
}

.bgray  {
	background-color:#999;
	color:#FFF;
	
}

.bgrey  {
	background-color:#DDD;
	color:#666;
	
}

.bclear  {
	background-color:#CC0;
	color:#666;
	
}

.divNumero {
		width  : 35px;
		height : 25px;
		background-color:#FC9;
		border-radius:25px 25px 25px 25px;
		text-align:center;
		padding-top:5px;
	float:left;	
	margin-top    : 4px;
	margin-bottom : 4px;
}

.clarall{
		clear:both;
		width:100%;
}
.container {
	width:96%;
	margin:auto;	
}
.badge5{
    width:15px;
    height:15px;
    display:flex;
    font-size:9px;
    position: absolute !important;
    top:-5px;
    right:-5px;
    color:white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.badge6-left{
    width:15px;
    height:15px;
    display:flex;
    font-size:9px;
    position: absolute !important;
    top:-15px;
    left:-15px;
    color:white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.badge6-right{
    width:15px;
    height:15px;
    display:flex;
    font-size:9px;
    position: absolute !important;
    top:-15px;
    right:-15px;
    color:white;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}