/* CSS Document */
body
{
	font-size:12px;
}
h1
{
	font-size:24px;
	margin-top:0;
	margin-bottom:12px;
}
h2
{
	font-size:14px;
	margin-top:14px;
	margin-bottom:7px;
}
h3
{
	font-size:12px;
	margin-top:12px;
	margin-bottom:6px;
}
p
{
	margin-top:6px;
	margin-bottom:6px;
}

/*DIVISIONES*/
.visible-movil
{ display:block; }
.visible-escritorio
{ display:none; }
.division-redes-escritorio
{
	display:none;
}
.division-redes-movil
{
	display:block;
}
#division-menu-principal ul
{
	list-style-type: none;
	padding:0;
	margin-bottom:10px;
} 
#division-menu-principal li
{
	display:none;
	background-color:#FFFFFF;
   	text-align:center;
   	padding:10px;
}
#division-menu-principal li a
{
	padding: 10px;
	font-family:Tahoma, Arial;
	font-size:16px;
	color:#999999;
	text-decoration:none;
}
#division-menu-principal li a:hover
{
	color:#FFFFFF;
	background-color:#CCCCCC;
}
.margen
{
	padding:10px;
}

.contenido
{
	font-size:10px;
}
.cabecera
{
	width:100%;

}
.centro
{
	width:100%;
	color:#FFFFFF;
	font-size:15px;
}
.division { height:10px; }
.division-corta { height:5px; }
.contenido-portada-division { 	width:100%; text-align:center;	}
.contenido-seccion-izquierda { 	width:100%;	}
.contenido-seccion-derecha { 	width:100%;	}

#division-menu-derecho-portada ul
{
   list-style-type: none;
   text-align:left;
   padding:0;
   margin-top:0;
   margin-bottom:0;
} 
#division-menu-derecho-portada li
{
	display:block;
   text-align:left;
   padding:0;
   margin-top:8px;
   margin-bottom:8px;
}
#division-menu-derecho-portada li a
{
	padding: 0;
	font-family:Tahoma, Arial;
	font-size:14px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;	
}
#division-menu-derecho-portada li a:hover
{
	color:#330000;
	text-decoration:underline;
}
.margen-superior-portada
{
	padding:10px;
}

/*imagenes*/
.imagen-logo { width:100%; }
.imagen-inicio { width:30%; }
.imagen-logo-portada {	width:100%; }
.imagen-contacto { width:25%; }

/*enlaces*/
.enlace-portada
{
	color:#003366;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.enlace-portada:hover
{
	color:#0099CC;
}
.enlace-categoria
{
   color:#FFFFFF;
   text-decoration: none;
   font-size:14px;
   font-weight:bold;
}
.enlace-categoria:hover
{
	color:#FF0000;
}


     
.menu{display:none;}
 
.mobile-menu{display:block;
margin-top:0;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;}
 
.menu li a {background:#ffffff;
color:#000000;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff; border:1px solid #000000;}
 
.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;
    }