/*!
 * Start Bootstrap - Shop Item HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */



#buscar{
	cursor:pointer;
}


#OPC{
	float:right;
	
}





.glyphicon{
	color:#D7BBAA;
}

.list-group a{
	cursor:pointer;
}



select[disabled]{
	background:#D8D8D8;
	
}


#MDP{
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	
}
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
	background:blue;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.opciones:hover{
	cursor:pointer;
	
	
}

 .opciones{

	padding: 1em;
	font-size:15px;
  font-weight: bolder;
	
}



.navbar-default {
	/* background-color:#D7BBAA; */
  background-color:#F9E1D3;
  border-color: white;
}

.btn{
	background-color:#D7BBAA;
  float: right;
  margin-left: 1em;
  
}
.google-visualization-table-td{
	font-size:80%;

}

.google-visualization-table-th{
	font-size:90%;
  background-color:#C0c0c0;

 
}

.google-visualization-table-div-page {
 background-color:#C0c0c0;

    
}



label{
  margin-left: 1em;
}

.cuadro /*BLANCO*/
{
background-color:#FFF
}
.cuadro0 /*GRIS*/
{
background-color:#AAA
}
.cuadro1{ /*CAFE 1*/
background-color:#D5BC9D;
}
.cuadro2{ /*NARANJA*/
background-color:#FC9E70;
}
.cuadro3{ /*AZUL*/
background-color:#579EC5;
}
.cuadro4{ /*MORADO*/
background-color:#af4b86;
}
.cuadro5{ /*CAFE 2*/
 background-color:#D7BBAA; 
}
.cuadro6{ /*CYAN*/
 background-color: #5F9EA0; 
}
.cuadro7{ /*GRIS OSCURO*/
 background-color: #43575e; 
}
.cuadro8{ /*MORADO INE*/
  background-color: #8785a2; 
 }
.cuadro9{ /*VERDE*/
  background-color:#669149;
}
.cuadro10{ /*ROJO*/
  background-color:#DA5730;
}
.cuadrofondo{ /*CAFE CLARO*/
  background-color: #FAEBD7;
}
.cuadrogris{ /*GRIS CLARO*/
  background-color: #e5e5e5;
}
.cuadrogrisbajo{/*GRIS MUY BAJO*/
background-color: #FaFaFa;
}


.color
{
color:#FFF !important;
}
.color0 /*GRIS*/
{
color:#AAA
}
.color1{ /*CAFE 1*/
color:#D5BC9D;
}
.color2{ /*NARANJA*/
color:#FC9E70;
}
.color3{ /*AZUL*/
color:#579EC5;
}
.color4{ /*MORADO*/
color:#af4b86;
}
.color5{ /*CAFE 2*/
 color:#D7BBAA; 
}
.color6{ /*CYAN*/
 color: #5F9EA0; 
}
.color7{ /*GRIS OSCURO*/
 color: #43575e; 
}
.color8 {/*MORADO INE*/
  color:#8785a2;
}
.color9{ /*VERDE*/
  color:#669149;
}
.color10{ /*ROJO*/
  color:#DA5730;
}
.colorfondo{ /*CAFE CLARO*/
  color: #FAEBD7;
}
.colorgris{ /*GRIS CLARO*/
  color: #e5e5e5;
}
.colorgrisbajo{/*GRIS MUY BAJO*/
  color: #FaFaFa;
}





.forma {
    box-shadow: 1px 2px 10px lightgrey;
    border-radius: 15px;
}

.shadows{
  box-shadow: -5px 5px 3px gray;
}

.shadowsrightup{
  box-shadow: 5px -5px 3px gray;
}
.shadowsrightdown{
  box-shadow: 5px 5px 3px gray;
}
.shadowsleftup{
  box-shadow: -5px -5px 3px gray;
}
.shadowsleftdown{
  box-shadow: -5px 5px 3px gray;
}


#boton{
  padding: 10px;
  cursor: pointer;
  box-shadow: 1px 1px 5px gray;
  background: #f0f0f0;
  
}

#boton:hover{
  opacity: .8;
  background:#FFF;
}

.vacio{
background-color: #C5C5C5;  
}

.blanco{
  color: white;
}

    .marco{
  box-shadow: 1px 2px 10px lightgray ;
       }

      .marcoblack{
  box-shadow: 1px 1px 10px;
       }
 
.fondo-cover{
 background-position: center center;
   /* Background image doesn't tile */
 background-repeat: no-repeat;
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #000; 
}



.img-cover{   /*Va en el Div que contiene a la imagen*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.img-cover img{
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}


/*Ligas Rapidas*/
.imgLigas {
            height: 10em;  
      vertical-align: bottom;
             }


/*-------------------- PROPIAS DEL SITIO VOTO EN EL EXTRANJERO---------------------*/

@media (max-width: 780px){
   .fondo1{
    background-image: none !important;
    background-color: #FFF; 
  }
    .fondo2{
    background-image: url(images/fondo-pagina.jpg) !important;
  }
}

.colormorado{/* Morado fuerte*/
  color:#684799;
}

.colorrosa{/*rosa*/
  color: #bc1c81;
}

.cuadromorado{/* Morado fuerte*/
background-color: #684799;
}
.cuadrorosa{/*Rosa*/
  background-color: #bc1c81;
}

/*--------------------------------------------------------------------------------*/