/* CSS Document */
body
{
	margin:0 0 0 0;	
	font-family: 'Ubuntu', serif; color:#00339C;
	color:#444444;
	background-color:#FFFFFF;
}
h1 { color:#00339C; }
h2 { color:#0080FF; }
h3 { color:#006FA4; }

a
{
	color:#666666;
}
a:hover
{
	color:#000000;
}

.menu li{display: inline-block; position: relative; z-index:100; text-align:left;}
.menu li a
{
	font-family:"gaultier";
	font-size:1.1em;
	text-decoration:none; padding:11px; display:block; color:#1E98AF;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a{color:#FFFFFF; background-color:#1E98AF; }
/* hide the second level menu */
.menu ul
{
	display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    left: 0px;
}
/* display second level menu on hover */
.menu li:hover > ul{ display: block; color:#000000;}
.menu ul li
{
	display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
	color:#000000;
}
.menu ul li a
{
	display:block;
    color:#FFFFFF;
    border:1px solid #CCCCCC;
	background:rgba(0,0,0,0.7);
}
.menu ul li a:hover, .menu ul li:hover > a
{
    background:#000000;
    border-left:1px solid #CCCCCC;
    color:#FFFFFF;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px; top: 0px; }
.mobile-menu
{
	display:none;
    padding:11px;
    background:#FFFFFF;
    color:#003300;
    text-transform:uppercase;
}
.mobile-menu:hover
{
	background:#666666;
   	color:#FFFFFF;
    text-decoration:none;
}


.imagen-general { width:100%; }
.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:#666666; font-size:0.8em; font-weight:bold; text-align:center;background-color:#EEEEEE; text-decoration:none; }
.imagen-portada-link:hover{background-color:#0099FF; text-decoration:underline;}
.enlace-titulo { text-decoration:none; }
.enlace-titulo:hover { text-decoration:none; color:#0099FF; }
.enlace-fondo-obscuro { color:#FFFFFF; }
.enlace-fondo-obscuro:hover { color:#FFFFFF; font-weight:bold; }

.enlace-pie
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:none; }
.enlace-pie:hover
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:underline; }
.division-lateral
{
	background-color:#B90000;
}
.division-general
{
 width:100%;
 overflow:hidden;
}
.imagen-sobre
{
	filter:alpha(opacity=80);
	opacity: .8;
	moz-opacity:.8;
	khtml-opacity:.8;
}
.imagen-sobre:hover
{
	filter:alpha(opacity=100);
	opacity: 1;
	moz-opacity:1;
	khtml-opacity:1;
}
.boton-siguiente
{
 border: none;
 background:#0080C0;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-siguiente:hover {
 background: rgba(0,0,0,0);
 color: #0080C0;
 box-shadow: inset 0 0 0 3px #0080C0;
 cursor:pointer;
 text-decoration:none;
}
.boton-siguiente-azul
{
 border: none;
 background:#0080C0;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-siguiente-azul:hover {
 background: rgba(0,0,0,0);
 color: #0080C0;
 box-shadow: inset 0 0 0 3px #0080C0;
 cursor:pointer;
 text-decoration:none;
}
.boton-siguiente-gris
{
 border: none;
 background:#666666;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-siguiente-gris:hover {
 background: rgba(0,0,0,0);
 color: #666666;
 box-shadow: inset 0 0 0 3px #666666;
 cursor:pointer;
 text-decoration:none;
}

.enlace-categoria
{
   color:#D2E9FF;
   text-decoration: none;
   font-weight:bold;
}
.enlace-categoria:hover
{
	color:#FFFFFF;
}
#facebook
{ display:none; }