body {
	background: #fefefe;
	text-align: center;
	font-family: arial;
}

a {
	text-decoration: none;
	color: inherit;
}

hr {
	width: 100%;
}

h1, h2 {
	color: #333;
}

header {
	/*display: inline-block;*/
	width: 100%;
	background: #fff;
}
header div {
	width: 100%;
	display: inline-block;
}
header img {
	width: 5rem;
	/*width: 20%;*/
	/*float: left;*/
}

.nom_user:hover {
	color: #3771c8;
}
.desconectar {
	border: 2px solid #d43f08;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
	color: #d43f08;
}
.desconectar:hover {
	background: #d43f08;
	color: #eee;
}

.salir:hover{
	color: red;
}

.green {
	color: green;
}
.red {
	color: red;
}

.menu {
	width: 100%;
	padding: 0;
	/*text-align: right;*/
}
.menu li {
	display: inline;
	margin-right: .5rem;
	margin-left: .5rem;
}
.user {
	float: right;
}

.user a {
	/*border: 2px solid #444;*/
}

nav {
	width: 100%;
	display: inline-block;
	background: #3771c8;
	color: #eee;
	/*text-align: center !important;*/
}

#logo {
	width: 40%;
	margin: auto;
}

input {
	margin: .5rem;
}

.boton {
	background: #3771c8;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
	font-size: 1rem;
	color: #eee;
}
.peq {
	//font-size: .9rem !important;
	padding: .3rem !important;
	margin: .2rem !important;
}

.cancelar {
	background: #d43f08;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
	font-size: 1rem;
	color: #eee;
}

.espacio {
	height: 50px;
}

.cuadro {
	color: #333;
	width: 80%;
	margin: auto;
	padding-top: 3rem;
	padding-bottom: 3rem;
	border: 1px solid #333;
	border-radius: 20px;
}

#fixed {
	height: 150px;
}

.lista {
	//width: 100%;
	//float: left;
	margin: auto;
	list-style: none;
	text-align: center;
	padding-left: 0;
}
#cabecera {
	display: none;
	border: 1px solid #333;
	background: #ccc;
}
.lista li {
	//display: inline-block;
	//border-bottom: 2px solid #333;
	padding: 1rem;
}
.lista div {
	padding-bottom: .5rem;
}

.banner li {
	list-style: none;
	display: inline-block;
	text-align: center;
}


#seleccionable a {
	display: block;
}
#seleccionable li:hover {
	background: #ccc;
}
.lista img {
	width: 100%;
	border: 1px solid #333;
}
/*.lista img:hover {
	width: 50%;
}*/

.separador {
	//margin: auto;
	width:100%;
	border-bottom: 1px solid #333;
}

#resultadoBusqueda {
	text-align: center;
	width: 90%;
	margin: auto;
	background: #fff;
	height: auto;
	overflow-y: visible;
	border: 2px solid #333;
}

.encabezado {
	width: 90%;
	border: 2px solid #333;
}

.columnas div {
	//vertical-align: middle;
	display: block;
	width: 100%;
}

.columnas img {
	width: 90%;
}

.sugerencias img {
	width: 90%;
}

/* Columnas en móvil */
.seis li>div {
	width: 100%;
	text-align: center;
}

@media (min-width: 768px) {

#logo {
	width: 15%;
}
	
header img {
	width: 9rem;
}

.cuadro {
	width: 50%;
}

.boton, .cancelar {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: .7rem;
	padding-top: .7rem;
	font-size: 1rem;
}

.seis li>div {
	width: 15%;
	display: inline-block;
	vertical-align: middle;
}

.tres li>div {
	width: 30%;
	display:inline-block;
	vertical-align: middle; 
}

#resultadoBusqueda {
	overflow-y: scroll;
	height: 500px;
	//width: 80%;
}

#cabecera {
	display: block;
}


}

@media (min-width: 900px) {
	
	
.cuadro {
	width: 30%;
}

.columnas div {
	vertical-align: middle;
	width: 40%;
	display: inline-block;
}



}