/* CSS Document */
body
{
	font-size:14px;
}
h1 { font-size:2em; margin-top:0; margin-bottom:12px; }
h2 { font-size:1.6em; margin-top:14px; margin-bottom:7px; }
h3 { font-size:1.2em; margin-top:12px; margin-bottom:6px; }
h4 { font-size:1.1em; margin-top:12px; margin-bottom:6px; }
p { margin-top:10px; margin-bottom:10px; }

.contenido-izquierda-5050 { width:100%; float:left; text-align:left; }
.contenido-derecha-5050 { width:100%; float:right; text-align:center; }
.margen-texto { padding:20px; text-align:left; }
.margen { padding:8px; }
.margen-semidoble { padding:16px; }
.margen-doble { padding:32px; }
.visible-movil { display:block; }
.visible-escritorio { display:none; }
.contenido-izquierda { width:100%; float:left; text-align:center; }
.contenido-derecha { width:100%; float:right; text-align:center; }
.contenido-izquierda-portada { width:100%; float:left; text-align:center; }
.contenido-derecha-portada { width:100%; float:right; text-align:center; }
.contenido-izquierda-cabecera { width:100%; float:left; text-align:center; }
.contenido-derecha-cabecera { width:100%; float:right; text-align:center; }
.contenido-izquierda-7030 { width:100%; float:left; text-align:center; }
.contenido-derecha-7030 { width:100%; float:right; text-align:center; }
.contenido-izquierda-3070 { width:100%; float:left; text-align:center; }
.contenido-derecha-3070 { width:100%; float:right; text-align:center; }
.menu{display:none;}
 
.mobile-menu{display:block;
margin-top:0;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0; text-align:center;}
 
.menu li a {background:#ffffff;
color:#000000;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff; border:1px solid #000000; text-align:center;}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #660000;}

.menu ul li a {display:block;
    color:#666666;
     margin-left:16px;
    background:#ffffff; font-size:1.1em;}
     
    .menu ul li a:hover, .menu ul li:hover > a{
    background:#f0f0f0;
    border-left:1px solid #CCCCCC;
    color:#000000;
    }
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;
}
.menu ul a:hover {border-left:3px solid #990000}
 
.menu ul ul {left:0;}
.menu ul ul a { color:#990000; font-size:1.2em; border:none; margin-left:32px;
}
.imagen-portada-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#333333; font-size:0.8em; font-weight:bold; text-decoration:none; text-align:center;background-color:#EEEEEE;}
.imagen-portada-link:hover{background-color:#FF9900;}
.imagen-portada{width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.ancho-producto-portada { width:300px; }
#slideshow 
{
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 192px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position:relative;
}
#slideshow > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}