@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
hr {
	border-top: solid #395e85;
}
h3 {
	color: #395e85;
}
.starrating > input[type="radio"] {
    display: none;
}
.starrating {
	margin: 0 auto;
	max-width: 300px;
	min-width: 300px;
}
.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 3px;
  font-size: 3.5em;
  font-family: FontAwesome;
  display: inline-block; 
  
}

.starrating > label
{
  color: #8ba9c7; /* Start color when not clicked */
}

.starrating > input:checked ~ label
{ color: #395e85; } /* Set yellow color when star checked */

.logo {
	margin-top: 20px;
}
.producto {
width: 200px;
margin-top: 25px;
}
.btn-principal { 
  color: #FFFFFF; 
  background-color: #395E85; 
  border-color: #FFFFFF; 
  width: 100%;
} 
 
.btn-principal:hover, 
.btn-principal:focus, 
.btn-principal:active, 
.btn-principal.active, 
.open .dropdown-toggle.btn-principal { 
  color: #FFFFFF; 
  background-color: #294563; 
  border-color: #FFFFFF; 
} 
 
.btn-principal:active, 
.btn-principal.active, 
.open .dropdown-toggle.btn-principal { 
  background-image: none; 
} 
 
.btn-principal.disabled, 
.btn-principal[disabled], 
fieldset[disabled] .btn-principal, 
.btn-principal.disabled:hover, 
.btn-principal[disabled]:hover, 
fieldset[disabled] .btn-principal:hover, 
.btn-principal.disabled:focus, 
.btn-principal[disabled]:focus, 
fieldset[disabled] .btn-principal:focus, 
.btn-principal.disabled:active, 
.btn-principal[disabled]:active, 
fieldset[disabled] .btn-principal:active, 
.btn-principal.disabled.active, 
.btn-principal[disabled].active, 
fieldset[disabled] .btn-principal.active { 
  background-color: #395E85; 
  border-color: #FFFFFF; 
} 
 
.btn-principal .badge { 
  color: #395E85; 
  background-color: #FFFFFF; 
}

.error {
  color:red;
  font-size:20px;
  font-weight: bold;

}
#error_direccion {
  color: red;
  text-align: center;
}
.comentario {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 25px;
  height: 85px;
}

.contenedor_pro {
  border: 0px!important;
  widows: 100%!important;
  max-width: 800px!important;
  margin: 0 auto!important;
}
.contenedor_pro .button {
  width: 100%;
}

#numero {
  height: 40px;
  width: 100%;
}

.estrellas {
	text-align: center;
    font-weight: bold;
    margin-top: 25px;
}

.estrellas input[type="radio"] {
  display: none!important;
}

.estrellas label {
  color: grey;
}

.clasificacion {
    text-align: center;
    font-size: 50px;
    margin-top: 15px;
    direction: rtl;
    unicode-bidi: bidi-override;
}

.estrellas label:hover,
.estrellas label:hover ~ label {
  color: orange;
}

.estrellas input[type="radio"]:checked ~ label {
  color: orange;
}


/* ESTRELLITAAAAAAAAAS */

/* Ratings widget */
.rate {
  border: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  margin-top: 15px;
  display: inline-block;
}
/* Hide radio */
.rate > input {
  display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
  float: right;
}
/* The star of the show */
.rate > label:before {
  display: inline-block;
  font-size: 25pt;
  padding: .3rem .2rem;
  margin: 0;
  cursor: pointer;
  font-family: FontAwesome;
  content: "\f005 "; /* full star */
}
/* Zero stars rating */

/* Half star trick */
.rate .mitad:before {
  content: "\f089 "; /* half star no outline */
  position: absolute;
  padding-right: 0;
}
/* Click + hover color */
.rate > input:checked ~ label, /* color current and previous stars on checked */
.rate > label:hover, .rate > label:hover ~ label { color: #ffa500!important;  } /* color previous stars on hover */

/* Hover highlights */
.rate > input:checked + label:hover, .rate > input:checked ~ label:hover, /* highlight current and previous stars */
.rate > input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
.rate > label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #ffa500!important; } 


@media (max-width: 600px) {
  .rate > {
    font-size: 30px;
  }
}