.ec-stars-wrapper {
	/* Espacio entre los inline-block (los hijos, los `a`) 
	   http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
	font-size: 0;
	/* Podríamos quitarlo, 
		pero de esta manera (siempre que no le demos padding), 
		sólo aplicará la regla .ec-stars-wrapper:hover a cuando
		también se esté haciendo hover a alguna estrella */
	display: inline-block;
}
.ec-stars-wrapper a {
	text-decoration: none;
	display: inline-block;
	/* Volver a dar tamaño al texto */
	font-size: 28px;
	font-size: 1.6rem;
	
	color: #888;
}

.ec-stars-wrapper:hover a {
	color: rgb(39, 130, 228);
}
/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.ec-stars-wrapper > a:hover ~ a {
	color: #888;
}

form1 {
    margin: auto;
}


.mileft {
    width: 49%;
    float: left;
}

.miright {
    width: 49%;
    float: right;
}
.clearfix {
}

a.bases, a.bases:link, a.bases:visited {
text-decoration: none;
color: #accadc;
border-bottom-style: dotted;
border-bottom-color: #accadc;
border-bottom-width: 1px;
}

a.bases:hover {
text-decoration: none;
font-weight: bold;
color: #accadc;
border-bottom-style: solid;
border-bottom-color: #accadc;
border-bottom-width: 1px;   
}