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

.sidebar {
    position: fixed;
    height: 100%;
    width: 0px;
    
    top: 0;
    left: 0;
    z-index: 9999999999;
    background-color: #EEEEEE;
    overflow-x: hidden;
    transition: 0.4s;
    padding: 0px;
    box-sizing:border-box;
}

.sidebar .boton-cerrar {
    position: absolute;
	color:#424242;
    top: 0.5rem;
    right: 1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
}

.sidebar ul, .sidebar li{
    margin:0;
    padding:0;
    list-style:none inside;
}

.sidebar ul {
    margin: 4rem auto;
    display: block;
    width: auto;
    min-width:200px;
}

.sidebar a {
    display: block;
    font-size: 120%;
    color: #eee;
    text-decoration: none;
    
}



h1 {
    color:#f90;
    font-size:180%;
    font-weight:normal;
}
#contenido {
    transition: margin-left .4s;
    padding:0;
}

.abrir-cerrar {
    color: #424242;
    font-size:1rem;   
}

#abrir {
    
}
#cerrar {
    display:none;
}

/* Estilos del Contenido */


	.Rec_Nov{

	width:auto;
	height: auto;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
	margin:5 px;
	padding: 10px 10px 20px 10px;
	margin:10px 10px 40px 10px;
	position:relative;

	
		
		
	}
	
.novedad{
  font-family: 'Comfortaa', cursive;
  font-size:1.3em;
  font-style:normal;
  line-height: 1.5;
  color:#f06600;
	font-weight: bold;
	padding-left: 5px;
	
}	
	
	
	.Titulonovedad{
	
	width: auto;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:1.7em;
	font-style:normal;
	line-height: 1.4;
	color:#f06600;
	padding:15px;
	background-color:#FAFAFA;
	
}



	.Titulobeneficio{
	
	width: auto;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:2.3em;
	font-style:normal;
	line-height: 1;
	color:#f06600;
	padding:0px;
	background-color:#FAFAFA;
	
}


.Bajadanovedad{
	
	  padding:5px;
  font-family: 'Comfortaa', cursive;
  font-size:1.2em;
  font-style:normal;
  line-height: 1.4;
  color:#3E2723;
  text-align:center;
 
  

}

.texto_tarjetas{
	
	  padding:5px;
  font-family: 'Comfortaa', cursive;
  font-size:0.7em;
  font-style:normal;
  line-height: 1.4;
  color:#3E2723;
  text-align:left;
 
  

}


.Img-novedad{
				width:370px;
				height:auto;
				
				border-top-color:#fff;
				border-top-width:10px;
				border-top-style:solid;
				
				border-bottom-color:#d86001;
				border-bottom-width:10px;
				border-bottom-style:solid;

				}
				
				
				
				
.Texto-novedad{
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:0.8em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}


.Bajawhats{
	
	  padding:5px;
  font-family: "Oswald", sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#3E2723;
  text-align:right;
  position:absolute;
  bottom: 5px;
  right: 5px;
 
  

}
.icono_svg_whats{
	width: 20px;
	height: 20px;
}



.barra_novedad_pc{
	display: block;
	width: 100%;
	height: auto;
	background: #d86001;
	text-align: left;

}

.titulo_barra_novedades{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.5em;
	font-style:normal;
	color:#fff;	
	padding: 10px;
}	



.barra_novedad{
	display:none;

}	


@media screen and (max-width: 768px){
	
	
#contenido {
    transition: margin-left .4s;
    padding: 0;
	margin-bottom: 5px;
	order: 4;
}
	
	
	

	
.barra_novedad{
	display: block;
	width: 100%;
	height: auto;
	background: #d86001;

}	
	
	
	
	.barra_novedad_pc{
	display: block;
	width: 100%;
	height: auto;
	background: #d86001;
	text-align: left;
		

}
	
	
.titulo_barra_novedades{
	width: auto;
	font-family: "Oswald", sans-serif;
	font-size:1.5em;
	font-style:normal;
	color:#fff;	
	padding: 10px;
}	
	
	
	
}