@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family: "Nunito Sans", serif;
	color:#666;
	font-size: 15px;
}
.page {
	background-color: #FFF
}
.caja1300 {
	width: 1300px;
	margin-left: auto;
	margin-right: auto
}
.caja1000 {
	width: 1100px;
	margin-left: auto;
	margin-right: auto
}
@media only screen and (max-width:600px) {
.caja1300, .caja1000 {
	width: 95%;
}
}
#cabecera {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	min-width: 1300px
}
@media only screen and (max-width:600px) {
#cabecera {
	min-width: 0px
}
}
#cabecera #cabecera_fondo {
	background-color: #FFF;
	padding-top: 10px;
	border-bottom: 1px solid #CCC
}
@media only screen and (max-width:600px) {
#cabecera #cabecera_fondo {
	padding-bottom: 10px;
	
}
}
#logo {
	width: 200px;
	float: left
}
@media only screen and (max-width:600px) {
#logo {
	width: 150px;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto
}
}
#login {
float:right;
	padding-right: 30px
}
@media only screen and (max-width:600px) {
#login .ocultar {
display: none
}
#login {
	padding-right: 0px
}
}
#login button.ingresar {
	background-color: #50A028;
	color: #FFF;
	font-family: "Nunito Sans", serif;
	font-size: 13px;
	border: none;
	margin-top: 5px;
	margin-left: 100px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer
}
@media only screen and (max-width:600px) {
#login button.ingresar {
	font-size: 12px;
	margin-top: 12px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: pointer;
	width: 100%;

}
}

#login button.ingresar:hover {
	background-color: #666;
}
#login .ico_carrito {
	float: left;
	margin-left: 50px;
	margin-right: 20px;
	cursor:pointer
}
@media only screen and (max-width:600px) {
#login .ico_carrito {
	margin-left: 0px;
	margin-top: 10px;
	float: right;
}
}
#desplegable_perfil {
margin-left: -180px;
	width: 200px;
	position: absolute;
	z-index: 999999999;
	padding-top: 20px;
	cursor:pointer
}
#desplegable_perfil .triangulo {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F2F2F2;
	right:0 ;
	color: #F2F2F2;
	margin-left: 180px
}
#desplegable_perfil .caja{
	background-color: #FFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
#desplegable_perfil .caja .bt{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 1px;
	background-color: #F2F2F2;
	font-size: 14px
}
#desplegable_perfil .caja div.bt:hover{
	color: #50A028
}
#desplegable_perfil .caja .bt_cerrar{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #50A028;
	font-size: 14px;
	color: #FFF
}
#desplegable_perfil .caja div.bt_cerrar:hover {
	background-color: #666;
}
#buscador {
	float: left;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 5px;
	margin-left: 200px;
	width: 600px;
}
@media only screen and (max-width:600px) {
#buscador {
	margin-left: 0px;
	padding: 2%;
	margin-top: 10px
}
}

#buscador #termino_buscar{
	border: none;
	width: 90%;
	font-family: "Nunito Sans", serif;
	color:#666;
	font-size: 14px;
	float: left
}
@media only screen and (max-width:600px) {
#buscador #termino_buscar{
	width: 85%;
}	
}
#buscador #bt_buscar{
	border: none;
	background-color: transparent;
	float: right;
	cursor: pointer
}
#botonera {
	clear: both;
	text-align: center;
}
@media only screen and (max-width:600px) {
#botonera {
display:none;
}
}
#botonera .bt {
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	cursor: pointer;
	transition: 0.3s;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent
}
#botonera button.bt:hover {
	color: #50A028
}
#desplegable {
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	background-color: #FFF
}
#desplegable .col_flia{
	float: left;
	width: 275px;
}
@media only screen and (max-width:600px) {
#desplegable .col_flia {
  float: none;
  width: 100%;
}
}
/* Style the buttons inside the tab */
#desplegable .col_flia button {
	display: block;
	width: 100%;
    background-color: #FFF;
	outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
font-family: "Nunito Sans", serif;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
    border-bottom: 1px solid #CCC;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: left;
	text-transform: uppercase;
	background-image: url("../img_web/ico_bt_flia.png");
	background-repeat: no-repeat;
	background-position: right
}
#desplegable .col_flia button:hover {
  color: #50A028;
	background-image: url("../img_web/ico_bt_flia_over.png");
	background-repeat: no-repeat;
	background-position: right
}
#desplegable .col_flia button.active {
    color:#50A028;
		background-image: url("../img_web/ico_bt_flia_over.png");
	background-repeat: no-repeat;
	background-position: right
}
#desplegable .info_flia {
  float: right;
  width: 825px;
}
@media only screen and (max-width:600px) {
#desplegable .info_flia {
  float: none;
  width: 100%;
}
}
#desplegable .col_subflia{
	width: 275px;
	float: left;
	padding-bottom: 5px;
	padding-top: 5px;
}
#desplegable .col_subflia button{
	padding: 5px;
	display: block;
    background-color: #FFF;
	outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
font-family: "Nunito Sans", serif;
	border:none;
	margin-left: 30px
}
#desplegable .col_subflia button:hover {
  color: #50A028;
}
#desplegable .col_marca {
	float: left;
	width: 274px;
	height: 300px;
	border-left: 1px solid #CCC
}
#desplegable .col_marca .titulo {
	padding-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px
}
#desplegable .col_marca button{
	padding: 5px;
	display: block;
    background-color: #FFF;
	outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
font-family: "Nunito Sans", serif;
	border:none;
	margin-left: 30px;
}
#desplegable .col_marca button:hover {
  color: #50A028;
}
#desplegable .familia_foto {
	float: right;
	width: 275px;
	height: 300px;
	object-fit: cover 
}
#seccion {
	height: 300px;
	background-color: #333;
	color:#FFF;
	position: relative;
	min-width: 1300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#seccion.sin_foto {
	height: 200px;
	background-color: #333;
	text-align: center
}
@media only screen and (max-width:600px) {
#seccion {
	min-width: 0px;
}
#seccion.sin_foto {
	height: 230px;
}
}
#seccion .txt {
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
	text-shadow: #000 1px 0 10px;

}
#seccion .titulo {
	font-size: 60px;
	font-family: "DM Serif Display", serif;
	line-height: 60px
}

#seccion .subtitulo {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px
}
@media only screen and (max-width:600px) {
#seccion .titulo {
	font-size: 40px;
}
#seccion .subtitulo {
	font-size: 25px;
}
}
#seccion .link {
	font-size: 15px;
	padding-left: 40px
}
#seccion .link a {
	color:#FFF;
	text-decoration: none

}
#listado_productos {
	background-color: #F2F2F2;
	padding-top: 40px;
	padding-bottom: 40px;
	min-width: 1300px
}
@media only screen and (max-width:600px) {
#listado_productos {
	min-width: 0px
}
}
.tit_destacados {
	font-size: 30px;
	text-align: center;
	color:#999;
	padding-bottom: 20px
}
#frase_home {
	font-size: 25px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	padding-left: 220px;
	padding-right: 220px
}
@media only screen and (max-width:600px) {
#frase_home {
	padding-left: 0px;
	padding-right: 0px
}
}
#familias_home {
	text-align: center;
	padding-bottom: 50px
}
#familias_home .caja_flia {
	display:inline-block;
	margin: 10px;	
	width: 393px;
	height: 323px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	padding: 0px
}
@media only screen and (max-width:600px) {
#familias_home .caja_flia {
	display:block;
	margin-right: 0px;	
	margin-left: 0px;
	width: 100%;
}
}
#familias_home .caja_flia .titulo{
	width: 393px;
	height: 323px;
	background-color: rgba(158, 110, 161, 0.4);
	color: #FFF;
	font-size: 35px;
	font-family: "DM Serif Display", serif;
	line-height: 35px
}
@media only screen and (max-width:600px) {
#familias_home .caja_flia .titulo{
	width: 100%;
}
}
#familias_home .caja_flia div.titulo:hover {
	text-shadow: #000 1px 0 5px;
	background-color: rgba(158, 110, 161, 0.2);
}
.caja_producto {
	float: left;
	background-color: #FFF;
	width: 323px;
	height: 540px;
	margin: 1px;
	position: relative;
}
@media only screen and (max-width:600px) {
.caja_producto {
	float: none;
	margin-left: auto;
	margin-right: auto

}
}
.caja_producto .foto {
	width: 323px;
	height: 323px;
	object-fit: contain 
}
.caja_producto .info {
	font-size: 13px;
	color: #999;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px
}
.caja_producto .titulo {
	font-weight: bold;
	font-size: 17px;
	padding-right: 15px;
	padding-left: 15px;
	color: #000;
}
.caja_producto .bt_mas {
	display: inline;
	color: #50A028;
	cursor: pointer
}
.caja_producto .subtitulo {
	padding-right: 15px;
	padding-left: 15px;
}
.caja_producto .pie {
	width: 293px;
	position: absolute;
	bottom: 0;
	padding-bottom: 15px;
	padding-top: 10px;
	border-top: 1px solid #F2F2F2;
	margin-left: 15px;
}
.caja_producto .precio {
	font-size: 22px;
	font-weight: bold;
}
.caja_producto .precio .oferta {
	color:#E80000
}
.caja_producto .precio .tachado {
	text-decoration: line-through;
	font-size: 14px;
	padding-left: 10px
}
.caja_producto .bt_agregar {
	background-color: #50A028;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	margin-top: 5px;
	text-align: center;
}
.caja_producto form {
	margin: 0px;
	padding: 0px
}
.caja_producto .bt_agregar input {
	background-color: #50A028;
	font-family: "Nunito Sans", serif;
	color:#FFF;
	font-size: 15px;
	border: none;
	cursor: pointer;
	background-image: url("../img_web/ico_bt_agregar.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 40px
}
.caja_producto .bt_agregar input:hover {
	background-image: url("../img_web/ico_bt_agregar_over.png");
}
.caja_producto .bt_agregar #cantidad {
	float: left;
	margin-left: 15px; 
	background-color: #FFF;
	font-weight: normal;
	color: #666;
	padding-right: 0px;
	width: 50px
}
.caja_producto .sin_stock {
	background-color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	margin-top: 5px;
	text-align: center;
}
.caja_producto .mas_info {
	display: none;
	background-color: rgba(0, 0, 0, 0.8);
	color:#FFF;
	z-index: 2;
	position: absolute;
	top: 0;
	width: 293px;
	height: 293px;
	padding: 15px;
}
.caja_producto .mas_info p {
	padding: 0px;
	margin: 0px
}

#caja_banda {
	z-index: 999;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
}

#banda{
	z-index: 9999;
	position: fixed;
	background-color: #FFF;
	top: 0;
	width: 400px;
	right: 0;
	height: 100%;
	display: none;
	background-image: url("../img_web/loading.gif");
	background-repeat: no-repeat;
	background-position: center center
}
@media only screen and (max-width:600px) {
#banda{
	width: 100%;
	padding-top: 40px
}
}
#banda iframe{
	height: 1000%; 
	width: 100%; 
	border:none; 
	margin: 0px
}
#caja_blanca_agregar_carrito {
	background-color:#FFF; 
	height: 100%
}
#banda #cerrar_banda{
	padding-right: 20px;
	padding-top: 20px;
	text-align: right
}
#banda #cerrar_banda a{
	font-weight: bold;
	font-size: 18px;
	color:#666;
	text-decoration: none
}
#banda #cerrar_banda a:hover {
	color:#50A028
}
@media only screen and (max-width:600px) {
	#banda #cerrar_banda {
	display: none;
}
}
#caja_blanca_agregar_carrito #bloque{
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px
}
#caja_blanca_agregar_carrito .titulo_banda{
	font-size: 20px;
	font-weight: bold;
	color: #50A028;
	padding-bottom: 10px
}

.c_producto .caja_foto {
	text-align: center
}
.c_producto .foto {
	width: 220px;
	height: 220px;
	object-fit: contain;
}
.c_producto .info {
	font-size: 13px;
	color: #999;
	padding-top: 10px
}
.c_producto .titulo {
	font-weight: bold;
	font-size: 17px;
	color: #000;
}
.c_producto .precio {
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#333
}
.c_producto .total {
	font-size: 16px;
	padding-top: 20px;
	color:#333
}
.c_producto .total .monto{
	float: right;
	font-weight: bold;
	font-size: 18px
}
#botones_banda {
	position: fixed;
	z-index: 99999999999;
	bottom:0;
	right: 0;
	padding: 30px;
	width: 340px
}
#bt_carrito_banda {
	padding: 10px;
	background-color: #999;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	width: 320px;
	cursor: pointer
}
div#bt_carrito_banda:hover {
	background-color: #333;
}
#bt_continuar_banda {
	padding: 10px;
	background-color: #50A028;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	cursor: pointer;
	width: 320px
}
div#bt_continuar_banda:hover {
	background-color: #666;
}
#banner  {
	background-color:#333; 
	padding-bottom: 40px;
	padding-top: 40px;
	color: #FFF;
	min-width: 1300px
}
@media only screen and (max-width:600px) {
#banner  {
	min-width: 0px
}
}
#banner .bloque {
	width: 305px;
	float: left;
	padding: 10px;
	text-align: center
}
@media only screen and (max-width:600px) {
#banner .bloque {
	width: 100%;
	float: none;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	clear: both
}
}
#banner img {
	margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto
}
@media only screen and (max-width:600px) {
#banner img {
	float: left;
	width: 60px;
	margin-right: 20px
}
}
#banner .titulo {
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (max-width:600px) {
#banner .titulo {
	padding-top: 10px
}
}
#pie  {
	background-color:#FFF; 
	padding-bottom: 20px;
	padding-top: 40px;
	min-width: 1300px;
}
@media only screen and (max-width:600px) {
#pie  {
	min-width: 0px
}
}
#pie .col1 {
	float: left;
}
@media only screen and (max-width:600px) {
#pie .col1 {
	display: none;
}
}
#pie button {
	display: block;
	border:none;
	background-color: transparent;
	color:#666;
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom:12px;
	text-transform: uppercase;
	cursor: pointer;
	font-family: "Nunito Sans", serif;
}
#pie button:hover {
	color: #50A028
}
#pie .col2 {
	float: left;
	padding-left: 40px;
	line-height: 40px
}
@media only screen and (max-width:600px) {
#pie .col2 {
	display: none;
}
}
#pie .col3 {
	float: left;
	padding-left: 250px;
	line-height: 40px
}
@media only screen and (max-width:600px) {
#pie .col3 {
	float: none;
	padding-left: 0px;
}
}
#pie .col3 .campo {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px
}
#pie .col3 .campo a {
	color: #666;
	text-decoration: none
}
#pie .col3 .campo a:hover {
	color: #50A028;
}
#pie .col4 {
	float: left;
	padding-left: 250px
}
@media only screen and (max-width:600px) {
#pie .col4 {
	float: none;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 40px;
}
}
#pie .col4 img {
	margin-top: 15px;
	margin-right: 10px
}
@media only screen and (max-width:600px) {
#pie .col4 img {
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px
}
}
#pie .titulo {
	font-size: 18px;
	font-weight: bold
}
@media only screen and (max-width:600px) {
#pie .titulo {
	display:none;
}
}
#copy {
	clear: both;
	text-align: center;
	padding-top: 40px
}
#copy a {
	color: #666;
	text-decoration: none
}
#copy a:hover {
	color: #50A028;
}
#contenido {
	padding-top: 40px;
	padding-bottom: 40px;

}
#contenido.centrado {
	text-align: center
}
#contenido .con_fondo {
	background-position: left bottom; 
	background-repeat: no-repeat; 
	background-size: cover;
}
#caja_login {
	background-color: #FFF;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

#caja_login.registro{
	width: 500px;
}
@media only screen and (max-width:600px) {
#caja_login, #caja_login.registro {
	width: 90%;
	padding: 3%;
}
}
#caja_login .titulo {
	color: #50A028;
	font-size: 25px;
	padding-bottom: 30px
}
#caja_login.registro .titulo {
	font-size: 23px;
	padding-top: 20px;
	padding-bottom: 10px
}
.caja_form {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 10px;
	font-family: "Nunito Sans", serif;
	font-size: 15px;
	color:#666;
	margin-bottom: 20px
}
.caja_form.acceso {
	background-color: #f2f2f2;
}
.caja_form::placeholder {
  color: #999;

}
.bt_entrar {
	width: 100%;
	background-color: #50A028;
	border: none;
	padding: 10px;
	font-family: "Nunito Sans", serif;
	color:#FFF;
	cursor:pointer
}
.bt_entrar:hover {
	background-color: #666;
}
#caja_login a {
	color: #666;
	text-decoration: none;
}
#caja_login a:hover {
	color: #50A028;
}
#caja_login .bt_continuar {
	width: 100%;
	background-color: #666;
	border: none;
	padding: 10px;
	font-family: "Nunito Sans", serif;
	color:#FFF;
	cursor:pointer
}
#caja_login button.bt_continuar:hover {
	background-color: #333;
}
#caja_login label {
	margin-left: 10px;
	line-height: 25px
}
#caja_login label input {
	margin-right: 5px;
}
.tabla_carrito {
	width: 780px;
	font-size: 15px;
	color: #666;
}
@media only screen and (max-width:620px) { 
.tabla_carrito {
	width: 100%;
	font-size: 13px
}
}
.tabla_carrito td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 5px;
	text-align: center;
}
.tabla_carrito .subt {
	width: 120px
}
@media only screen and (max-width:620px) { 
.tabla_carrito .subt {
	width: 90px
}
}
.tabla_carrito .datos_responsive {
	display:none
}
.tabla_carrito .datos_responsive .gris{
	color: #999;
}
@media only screen and (max-width:620px) { 
.tabla_carrito .ocultar {
	display: none
}
.tabla_carrito .datos_responsive {
	display:block;
	padding-top: 5px
}
}
.tabla_carrito .foto {
	height: 60px;
	width: 60px;
	object-fit: contain
}
@media only screen and (max-width:620px) { 
.tabla_carrito .foto {
	height: 40px;
	width: 40px;
	object-fit: contain
}
	.tabla_carrito .peque {
		font-size: 12px

}
}
.tabla_carrito .titulo {
	border-bottom-color: #999;
	font-size: 16px;
	color: #50A028;
	text-align: center;
}
.tabla_carrito .subtotal {
	background-color: #E8E8E8;
}
.tabla_carrito .promo {
	color: #C30;
}

.tabla_carrito .producto {
	text-align: left;
}
.tabla_carrito .canti {
	font-family: 'Hind Siliguri', sans-serif;
	font-size: 14px;
	color: #666;
	text-align: center;
	width: 50px;
	border: 1px solid #CCC;
	margin-bottom: 3px;
}
@media only screen and (max-width:620px) { 
.tabla_carrito .canti {
	font-size: 12px;
}
}
.tabla_carrito .bt {
	font-size: 12px;
	color: #FFF;
	background-color: #999;
	padding-right: 5px;
	padding-left: 5px;
	cursor: pointer;
	border: 1px solid #999;
}
.tabla_carrito input.bt:hover {
	background-color: #666;
}
.tabla_carrito .subtotal2 {
	color: #666;
	background-color: #E8E8E8;
	font-weight: bold;
	line-height: 40px;
}
.tabla_carrito .descuento {
	color: #FFF;
	background-color: #666666;
	font-weight: bold;
	line-height: 40px;
}

.tabla_carrito .total {
	color: #FFF;
	background-color: #50A028;
	font-weight: bold;
	line-height: 40px;
}
.tabla_carrito div {
	padding-bottom: 2px;
	padding-top: 2px;
}
.tabla_carrito .eliminar {
	color: #333;
	text-decoration: none;
	font-weight: bold
	
}
.tabla_carrito a.eliminar:hover {
	color: #50A028;
}
.carrito_continuar {
	text-align: center;
	padding-top: 30px
}
.carrito_continuar .bt_vaciar {
	background-color: #999;
	color:#FFF;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px
}
.carrito_continuar a.bt_vaciar:hover {
	background-color: #666;
}
.col_carrito {
	float:left
}
.col_carrito_der {
	float:right;
	padding-top: 40px;
	text-align:center;
	width: 270px
}

@media only screen and (max-width:620px) { 
.col_carrito {
	float:none
}	
.col_carrito_der {
	float:none;
	width: 100%;
	padding-top: 60px;
	clear: both
}
.col_carrito_der.historial {
	padding-top: 0px;
	padding-bottom: 40px;

}	
}
.foto_nosotros {
	width: 100%; 
	height: 300px;
	min-width: 1300px;
	object-fit:cover
}
@media only screen and (max-width:620px) { 
.foto_nosotros {
	height: 300px;
	min-width: 0px;
}
}
.logos {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.logos img {
	height: 50px;
	width: auto;
	margin-right: 10px;
	margin-left: 10px
}
#animacion {
	margin-top: 120px
}
#animacion img {
	width: 100%;
}
@media only screen and (max-width:600px) { 
#animacion {
	margin-top: 140px
}
}
#form_inscripcion {
	font-size: 15px
}
#form_contacto .caja{
	width: 100%;
	font-family: "Roboto", sans-serif;
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 15px
}
@media only screen and (max-width:600px) { 
#form_contacto .caja{
	width: 100%
}
}
#form_contacto .bt {
background-color: #F0522B;
	color: #FFF;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: none;
	font-family: "Roboto", sans-serif;
	font-weight: 50px;
	cursor: pointer;
	font-size: 15px
}
#form_contacto input.bt:hover {
background-color: #9a0100;
	box-shadow: 0px 0px 5px #FFF;

}
#form_contacto a {
color: #FFF;
}
#form_contacto a:hover {
	text-decoration: none
}
.seccion_col1 {
    float: left;
    text-align: right;
    width: 450px
}
@media only screen and (max-width:600px) {
.seccion_col1 {
    float: none;
    text-align: center;
    width: 100%
}
}
.seccion_col1 .logo {
    width: 220px
}
.seccion_col2 {
    float: right;
    width: 580px
}
.seccion_col2 .campo {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
	padding-top: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px
}
.seccion_col2 .campo a {
	color: #666;
	text-decoration: none
}
.seccion_col2 .campo a:hover {
	color: #50A028;
}
@media only screen and (max-width:600px) {
.seccion_col2 {
    float: none;
    width: 100%
}
}
.seccion_col1 .foto {
	height: 300px;
	width: 100%
}
.texto_centrado {
	color: #50A028;
	font-size: 25px;
	padding-bottom: 80px;
	padding-top: 80px;
	text-align: center
}
.destacado {
	color: #50A028;
	font-size: 20px;
}
.bt_anadir {
	width: 200px;
	background-color: #666;
	border: none;
	padding: 10px;
	font-family: "Nunito Sans", serif;
	color:#FFF;
	cursor:pointer;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto
}
button.bt_anadir:hover {
	background-color: #333;
}
.bt_pedido {
	width: 100%;
	border: none;
	padding: 10px;
	font-family: "Nunito Sans", serif;
	color:#FFF;
	cursor:pointer;
	font-size: 15px;
}
.bt_pedido.continuar {
	background-color: #666;
}
.bt_pedido.enviar {
	background-color: #50A028;
}
input.bt_pedido:hover {
	background-color: #333;
}
#menu {
	text-transform: uppercase;
	background-color: #DDDDDD;
}
#menu li {
	background-color:#DDDDDD;
	padding-top: 15px;
	padding-bottom: 15px
}
#menu li a{
	text-decoration: none;
}
#menu .login {
	background-color: #50A028;
	color:#FFF
}
#menu .login a {
	color:#FFF
}
#menu .mm-navbar {
	background-color: #CCC
}
#menu_responsive {
	display: none
}
@media only screen and (max-width:600px) {
#menu_responsive {
	display: block;
	float: left
}
}
.bloque_historial {
	clear: both;
	padding-bottom: 40px;
	margin-left: 150px;
	margin-right: 150px
}
.bloque_historial .col1 {
	float: left;
	border-right: 1px solid #CCC;
	padding: 15px
}
.bloque_historial .col2 {
	float: left;
	padding: 15px
}
.bloque_historial .bt_historial {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	color:#FFF;
	background-color: #666;
	text-decoration: none;
	margin-top: 15px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	cursor: pointer
}
.bloque_historial div.bt_historial:hover {
	background-color: #333;
}
@media only screen and (max-width:600px) {
.bloque_historial {
	margin-left: 0px;
	margin-right: 0px
}
.bloque_historial .col1 {
	float: none;
	border-right: none;
padding: 5px
}
.bloque_historial .col2 {
	float: none;
	border-right: none;
	padding: 5px
}	
.bloque_historial .bt_historial {
	float: none;
	width: 100%;
	clear: both;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;

}
}