@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Podkova:400,700);


body {
font-family: 'Roboto', sans-serif;
	background-color:#FFF;
	font-size: 1rem;
  overflow-x: hidden;
}


#confetti{
  background: #17485d;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: -1;
}

.titulosprincipales{
	color:#0c3d6b;
	font-weight: 900;
	font-size: 2rem;
	margin-top: 20px;
}

.navbar button.navbar-toggler{
  margin:10px;
  color: white;
}


.navbar button.navbar-toggler:hover {
  color: white;
}

.custom-toggler{
		position: absolute;
		top:40px;
}


.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
}

.fondoalto{
  margin-top:350px;
}

// this is a black icon with 50% opacity
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;..");
}
// this is a white icon with 50% opacity
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;..");
}

.bton_celeste,#bton_consultas{
margin:15px auto 0px auto;
padding:3px;
width:250px;
line-height:130%;
color:#FFFFFF;
background-color:#03627C;
text-align:center;
}

.bton_celeste,#bton_consultas {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	cursor:pointer;
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	padding:11px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.bton_celeste:hover,#bton_consultas:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.bton_celeste:active,#bton_consultas:active {
	top:1px;
}


/*------------------- MARQUESINA ------------------------ */

#carprim .nav a small {
    display:block;
}
#carprim .nav {
	background:#eee;
}
#carprim .nav a {
    border-radius:0px;
}

.carrprimero{
	margin-top:50px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color: #003c87 !important;
}

.container-fluid{
	margin:0px;
	padding:0px;
}

.vt{
	margin-top:15px;
}

.separaResultado{
	margin-top:10px;
}


.nav-link{
	color:#FFF !important;
}

.navbar-brand {
padding:0px;
}

#linksfooter{
	list-style: none;
}



.sombra{
	-webkit-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.26);
	box-shadow: 4px 3px 5px 0px rgba(0,0,0,0.26);
}


.backestrella{
  background-image: url('../img/estrellas.gif');
  background-repeat: repeat-x;
  background-position: center;
}

.backverde{
  background-color: #0f8e38;
  color:#FFF;
}
/*------------------- MARQUESINA ------------------------ */

/*-------------- COLOR CONTENEDOR  Y CAJAS --------------------- */

#contenedor{
margin:0px auto 0px auto;
padding:0px 5px 0px 5px;
width:971px;
background-color:#FFFFFF;

}


#cajacontenido{
margin:0px;
padding:0px;
background-image: url('../img/confeti2.jpg');
background-position: center;
background-size: cover;
}




#fondoblanco{
	background-color: #FFF;
}

#fondoverde2{
  margin:0px;
  padding:0px;
  background: url('../img/background-green.svg') no-repeat 50%;
  background-position: center;
  background-size: cover;
  color:#FFF;
}


.mayusculasmenu{
	text-transform: uppercase;
}


#derecha{
margin:0px;
padding:0px;
width:711px;
float:left;
}

#izquierda{
margin:0px;
padding:0px 0px 0px 0px;
width:250px;
float:right;
}


#izquierdaint{
margin:0px;
padding:0px 0px 0px 0px;
width:250px;
float:right;
}


#pie{
margin:0px;
padding:5px 16px 5px 16px;
background-color:#003c87;
color:#fff;
font-size:12px;
}

#pie ul{
margin:0px;
padding:5px 0px 0px 0px;
list-style:none;
}

#pie ul li{
	float:left;
	font-size:10px;
	padding:0px 10px 0px 0px;
	color:#295277;
}

#pie h1{
margin:0px;
padding:0px;
color:#000;
font-size:13px;
}







/*-------------- COLOR CONTENEDOR --------------------- */
/*---------------------- REGISTRO ------------------------ */

#registrado{
margin:40px auto 0px auto;
padding:10px;
width:300px;
height:100px;
background-color:#09C;
text-align:center;
color:#295277;
border:#CCC 1px dotted;
}


/* ---------------- COLORES GENERALES ------------------------ */


/*  ---- listado ---- */
#cajasvarias2int div .titulo{
width:auto;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
color: #EB202B;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
}

#cajasvarias2 div .titulo{
width:510px;
margin:5px 0px 0px 0px;
padding:0px;
font-weight:bold;
font-size:13px;
float:left;
color: #295277;
text-decoration:none;
}

#tituloespecial,#agendatitulo{
margin:0px ;
padding:2px;
border-bottom:#999 1px solid;
}

.titulop{
	font-size:18px;
	color:#000;
	font-weight:bold;
}

#noticiacompleta h1{
color:#fff;
font-size:24px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}


#cajatitulo{
	    background-color: #2897d7;
}

#cajatitulo h1{

	    font-weight: 700;
	    font-size: 30px;
	    margin: 0px;
	    padding: 20px;
	    text-shadow: -2px 2px 0px rgba(27, 103, 146, 1);
	    text-transform: uppercase;
			color:#FFF;
}

.titulolink{
text-transform: uppercase;
	    font-weight: 700;
	    font-size: 20px;
			color:#003c87 !important;
			margin-top:20px !important;
}


.titulolink2{
text-transform: uppercase;
	    font-weight: 700;
	    font-size: 25px;
			color:#003c87 !important;
			margin-top:20px !important;
}



div.breadcrumbs a{
	text-decoration:underline;
	color: #295277;
	font-weight:bold;
	font-size:11px;
}

#noticiacompleta h3{
color:#fff;
font-size:13px;
font-weight:normal;
text-align:right;
}


.categoria{
margin:0px;
padding:0px;
font-size:13px;
color: #295277;
font-weight:normal;
text-decoration:none;
}




#cajasvarias2int div .categoria,#cajasvarias2 div .categoria{
margin:0px;
padding:0px;
font-size:11px;
color: #717171;
font-weight:normal;
float:left;
text-decoration:none;
}


#box8 div a,#cajasvarias2int div a,#cajasvarias2 div a,#cajasvarias div a{
	text-decoration:none;
}

#box8 div a:hover,#cajasvarias2int div a:hover,#cajasvarias2 div a:hover,#cajasvarias div a:hover{
	text-decoration:underline;
}


#noticiacompleta hr{
margin:0px;
padding:0px;
border-top: #ccc 1px solid;
border-bottom:0px;
border-left:0px;
border-right:0px;
height:1px;
}


.diaseleccion{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background-color:#295277;
}



/*---- VIDEOS TITULO ----*/
h4{
margin:0px;
padding:10px 0px 0px 0px;
width:688px;
height:20px;
font-size:13px;
color:#295277;
border-bottom:#999 1px solid;
}



/* ----- cantidad de comentarios ----- */
.textocomentario{
	font-size:10px;
	color: #717171;
	text-decoration:none;
}


/* COPETE DE LA NOTICIA */
#noticiacompleta .copete{
	color:#666;
	margin:0px 0px 0px 10px;
}
/* COPETE DE LA NOTICIA */


#contenedorgal{
margin:0px 0px 0px 100px;
padding:0px;
}

.highlight { background: #a7da24; }

.resalta{
	color:#000;
}



/*--------------------- CABEZAL ----------------------- */
#cabezal{
margin:0px;
padding:0px;
height:110px;

}



#menu{
padding:0px;
height:26px;
width:969px;
float:left;
font-family: 'Podkova', serif;
font-weight:700px;

}

#fecha{
margin:0px;
padding:5px 0px 0px 2px;
height:16px;
width:250px;
font-size:16px;
color:#000;
float:left;
}


#logo{
	width:350px;
	height:110px;
	margin: 0px;
	float:left;
	padding:0px;
	display:block;
}

#bannersup{
	margin:0px;
	padding:30px 0px 0px 70px;
	width:490px;
	float:left;
}


#logueo{
margin:0px;
padding:0px;
height:90px;
width:300px;
float:left;
}


#menu ul{
list-style-type: none;
display: inline;
margin:0px;
padding:7px 0px 0px 0px;
display: block;
float:left;
width:700px;
}

#menu ul li{
float:left;
margin:0px;
padding:0px 0px 0px 10px;
font-size:16px;
}

#menu ul li a{
	color:#000;
	text-decoration: none;
	padding:5px 2px 5px 2px;
}

#menu ul li a:hover{
	color:#fcc801;
	text-decoration:none;
	padding:5px 2px 5px 2px;
}


/*--------------------- CABEZAL ----------------------- */


#publicidad{
margin:0px;
padding:30px 0px 10px 60px;
float:left;
height:70px;
width:500px;
display:block;
text-align:center;
}




#cajabuscador{
padding:0px;
margin:0px;
width:auto;
float:left;
}

#cajabuscador2{
padding:15px 15px 0px 30px;
margin:0px 10px 0px 0px;
width:215px;
float:left;
border-top:0px;
border-bottom:0px;
border-left:0px;
border:1px #CCC solid;
}

.busca{
margin:0px;
padding:0px;
width:250px;
height:40;
}



#tiempo{
margin:10px 0px 0px 0px;
padding:0px;
width:265px;
}

#destacado{
margin:10px 0px 0px 0px;
padding:10px;
background-color:#e6ebed;
width:245px;
}

#tiempo,#encuesta{
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
background-color:#f9f9f9;
width:260px;
border:#F0F0F0 1px solid;
}

#tiempo{
	padding:10px;
	width:240px;
margin:10px 0px 10px 0px;
}

#tiempo h1{
margin:0px;
padding:0px;
font-size:13px;
}

#aplicaciones{
margin:0px;
padding:0px;
width:260px;
border: 1px solid #F0F0F0;
}

#aplicaciones ul{
margin:0px;
padding:0px;
list-style:none;
}

#aplicaciones ul li{
margin:0px;
padding:0px 5px 0px 0px;
float:left;
width:80px;
text-align:center;
font-weight:bold;
}

#rotativa{
	margin:0px;
	padding:0px;
	width:646px;
	height:290px;
	float:left;
}

/* ------- MARQUESINA ----- */

#destacado ul{
list-style-type: none;
margin:0px;
padding:0px;
}

#destacado ul li{
margin:0px;
padding:10px 0px 0px 0px;
font-size:13px;
}

#cajasvarias{
margin:0px;
padding:0px;
float:left;
width:712px;
}




#cajasvarias div{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:353px;
height:350px;
float:left;
color:#000;
}

#cajasvarias div img{
	width:353px;
	height:183px;
}

#cajasvarias div div{
	width:300px;
	height:130px;
	margin:0px;
	padding:12px 24px 0px 24px;
}


#cajasvarias div p{
margin:0px;
padding:0px;
font-size:12px;
}

#cajasvarias div hr{
height:1px;
margin:5px 0px 5px 0px;
padding:0px;
width:200px;
border:1px dotted #006699;
}



#contenedor3{
margin:0px;
padding:0px;
}

#cajasvarias2{
margin:0px;
padding:0px;
float:left;
width:646px;
}

#cajasvarias2int{
margin:0px;
padding:0px;
float:left;
width:712px;
}

#cajasvarias2int div,#cajasvarias2 div{
margin:0px 0px 5px 0px;
padding:0px;
width:auto;
float:left;
width:712px;
color:#000;
}

#cajasvarias2int hr,#cajasvarias2 hr{
margin:0px;
padding:0px;
border-top: #FFF 1px solid;
border-bottom:0px;
border-left:0px;
border-right:0px;
height:1px;
}

#cajasvarias2int div img,#cajasvarias2 div img{
margin:0px;
padding:0px;
float:left;
}


#cajasvarias2int div .cajalateral{
float:left; width:405px; height:108px; margin:0px; padding:0px 0px 0px 17px;
}

#cajasvarias2int div .cajalateral .vernota, #cajasvarias2int div .cajalateral .fechadnota{
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	width:400px;
	margin:21px 0px 0px 0px;
	font-size:11px;
}

#cajasvarias2 .cajalateral{
float:left; width:450px; margin:0px; padding:0px;
}

.tituloM,#cajasvarias div.titulo{
margin:0px 0px 0px 0px;
padding:0px;
font-weight:normal;
color: #fff;
text-decoration:none;
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
}

.tituloM{
font-size:18px;
color: #404041;
padding-left:10px;
}

.titulodestacado,.tituloagenda{
	font-size:13px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#cajasvarias2int div p{
margin:0px;
padding:5px 0px 5px 0px;
font-size:12px;
float:left;
width:auto;
}

#cajasvarias2 div p{
margin:0px;
padding:5px 0px 5px 0px;
font-size:11px;
float:left;
width:510px;
}

#cajasvarias2 div hr{
height:1px;
margin:5px 0px 5px 0px;
padding:0px;
width:200px;
border:1px dotted #006699;
}

#publicidadcentro{
margin:0px;
padding:5px 0px 5px 0px;
float:left;
width:712px;
text-align:center;
background-color:#fff;
}



div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;

	/*-- sample only --*/
	color:#888888;
	border:1px solid #eee;
	margin-bottom:20px;
	 float:left;
	 width:694px;
}

div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(../img/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}



#noticiacompleta{
margin:0px;
padding:0px 0px 10px 0px;
width:688px;
color:#FFF;
font-size:12px;
}

#noticiacompleta #texto{
padding:0px 0px 0px 10px;
line-height: 21px;
color:#000;
text-align: center;
}


h2{
font-size: 1.2rem !important;
}








/*----------------- LOGIN ----------------------- */


 button{
    display:block;
    margin:0px;
    background-color:#404041;
    border:1px solid #000;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	text-align:center;
   font-family: 'Podkova', serif;
    font-size:10px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:2px 5px 3px 35px; /* Links */
}
button{
    width:auto;
    overflow:visible;
    padding:2px 5px 3px 2px; /* IE6 */
}
button[type]{
    padding:2px 5px 3px 2px;/* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 5px 3px 2px; /* IE7 */
}


/*--------------------- PODCAST --------------------------------------*/
#podcast{
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:688px;
	height:50px;
	background-color: #F7F7F7;
}

#reproductor{
margin:0px;
padding:0px 0px 0px 20px;
width:340px;
text-align:center;
float:left;
}

#descarga{
margin:20px 0px 0px 0px;
padding:0px;
width:240px;
text-align:center;
float:left;
}

.galeria{
	padding-top: 50px;
}

/*-----------------------------en vivo */
#contenedorradio{
margin:10px auto 0px auto;
padding:0px;
width:350px;
}

#cabezalradio{
margin:0px 0px 10px 0px;
padding:5px;
background-color:#F00;
font-size:14px;
color:#FFF;
font-weight:bold;
width:340px;
}

.dia{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background-color:#606;
}



.h1programacion{
margin:0px;
padding:10px 10px 10px 0px;
font-size:20px;
color: #09C;
text-decoration:none;
font-weight:bold;
}

.horas{
	font-size:13px;
	font-weight:bold;
	color:#000;
}


hr{
border-top: #ccc 1px dotted;
border-bottom:0px;
border-left:0px;
border-right:0px;
height:1px;
}

.mas{
	font-size:10px;
	color:#900;
}



/* --------------- columnaespecial ------------------------------*/

#contenedor3{
margin:5px 0px 5px 5px;
padding:0px;
background-color: #F9F9F9;
float:right;
width:230px;
}


#agenda{
margin:0px;
padding:0px;
width:auto;
float:left;
}




#contenedor3 h1{
margin:0px;
padding:0px;
font-size:13px;
}

.agendades{
margin:10px;
padding:2px;
}



.fechaagenda{
	color: #09C;
	font-size:11px;
	font-weight:bold;
	padding:2px;
}

.textoagenda{
 color:#333;
 font-size:13px;
}

#redesociales{
	margin:0px;
	padding:0px;
	list-style:none;
}


#redesociales li{
	float:left;
	width:34px;
	height:34px;
}

#recomendado{
margin:10px 0px 0px 20px;
padding:0px;
list-style: decimal;
}

#recomendado li{
margin:0px 0px 10px 0px;
padding:0px;
}

#descargar{
font-size: 16px;
font-weight: bold;
width:250px;
box-shadow: 2px 2px 2px #000;
   -webkit-box-shadow: 2px 2px 2px #000;
   -moz-box-shadow: 2px 2px 2px #000;
background-color: #CCC;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
colo:#fff;
text-decoration: none;
border: 1px solid #000;
background-color: #e7000b;
line-height: 25px;
padding: 4px;
}

.botondescarga {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #689324;
}.botondescarga:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.botondescarga:active {
	position:relative;
	top:1px;
}

/*--------- TWITTER ----------*/

#twitter{
margin:5px 0px 0px 0px;
padding:0px;
}

#cajaprincipal{
margin:0px;
padding:0px 0px 5px 0px;
width:712px;
float:left;
}

#infoprincipal{
width:652px;
height:100px;
padding:15px 30px 15px 30px;
background-color:#000;
}

/*#404041;	*/

#infoprincipal h1{
margin:0px;
padding:0px;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
}

#infoprincipal h1 a{
color:#FFF;
text-decoration:none;
}

#infoprincipal h1 a:hover{
color:#FFF;
text-decoration:underline;
}

#infoprincipal p{
margin:0px;
padding:0px;
font-weight:normal;
font-size:14px;
}

#infoprincipal p a{
color:#FFF;
text-decoration:none;
}

#infoprincipal p a:hover{
color:#FFF;
text-decoration:underline;
}

.bannerv{
	margin:0px;
	padding:5px 0px 0px 0px;
}

#cajarevistas{
margin:0px;
padding:0px;
}

#cajarevistas ul{
margin:0px;
padding:4px 0px 10px 5px;
list-style:none;
}

#cajarevistas ul li{
margin:0px;
padding:0px;
float:left;
}

#cajarevistas ul li img{
margin:0px;
padding:0px 2px 4px 2px;
width:56px;
height:80px;
}


#cajafotos{
margin:0px;
padding:5px 0px 10px 0px;
width:353px;
float:left;
}


#cajafotos ul{
margin:0px;
padding:4px 0px 20px 10px;
list-style:none;

}

#cajafotos ul li{
margin:0px;
padding:0px 10px 5px 0px;
float:left;
}

#cajafotos ul li img{
margin:0px;
padding:0px 2px 4px 2px;
width:100px;
height:52px;
}

#widget{
margin:0px;
padding:10px 0px 10px 5px;
width:353px;
float:left;
}


/*----- modificados ---- */
/* --- nav -- */
[role="contents"] {
    position:relative;
}

.navbar-brand>img {
margin-left:20px;
}


.mega-nav {
    background-color: #0c3d6b;
    border-radius:0;
    margin-bottom:0;
}
.mega-nav.navbar-default .navbar-nav > li > a {
    color:#fff;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
}
.mega-nav.navbar-default .navbar-nav > li > a:hover {
    background:#0075b3;
}
.mega-nav.navbar-default .navbar-nav > li.dropdown > a:hover,
.mega-nav.navbar-default .navbar-nav > li.dropdown > a:focus,
.mega-nav.navbar-default .navbar-nav > li.dropdown > a:active{
    background:#0075b3;
    color:#fff;
}
#MainMenu {
    padding-left:0;
}
#MainMenu .menu-list li {
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
}
#MainMenu .menu-list li + li {
    border-left:1px solid rgba(255, 255, 255, 0.5);
}

.mega-nav.navbar-default .navbar-nav > li.menu-list .list-category a {
    color:#333;
}
.darkness {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}


@media only screen and (min-width: 360px) and (max-width: 768px) {
.fondoalto{
margin-top:120px;
}
}