/*______________________________*/
/*______________________________*/

/*_________ MENU _______________*/
#menu-superior {
  width: auto;
  height: 59px;
  padding-bottom: 4px;
  margin-top: 10px;

  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;

  z-index: 3;
}
#menu-superior ul,
#menu-superior ul li,
#menu-superior ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  /*font-family: Arial, Helvetica, sans-serif;*/
}
#menu-superior.align-right {
  float: right;
}
#menu-superior.align-right ul li {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}

#menu-superior ul {
  height: 59px;
}
#menu-superior ul li {
  float: left;
  z-index: 5;

  background: #464646;
  background: -moz-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c0c0c), color-stop(100%, #464646));
  background: -webkit-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -o-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -ms-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: linear-gradient(to bottom, #0c0c0c 0%, #464646 100%);
  border: 2px solid rgb(34, 34, 34); /*old browsers*/
  border: 2px solid rgba(34, 34, 34, .2); /*new browsers will take this one*/

  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

  	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;

	margin-bottom: 10px;/*###+*/
}
#menu-superior ul li a {
  padding: 5px 10px 5px 10px;
  /*margin-bottom: 4px;*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #EFEFEF;
  /*  font-size: 15px;*/
  font-weight: bold;
  text-decoration: none;
}
#menu-superior ul li:first-child,
#menu-superior ul li:first-child > a {
  /*border-bottom-left-radius: 3px;*/
}
#menu-superior ul li.active {
  background: #020202;
  background: -moz-linear-gradient(top, #020202 0%, #151515 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #020202), color-stop(100%, #151515));
  background: -webkit-linear-gradient(top, #020202 0%, #151515 100%);
  background: -o-linear-gradient(top, #020202 0%, #151515 100%);
  background: -ms-linear-gradient(top, #020202 0%, #151515 100%);
  background: linear-gradient(to bottom, #020202 0%, #151515 100%);
  border: 2px solid rgb(134, 134, 134); /*old browsers*/
  border: 2px solid rgba(134, 134, 134, .9); /*new browsers will take this one*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#menu-superior ul li.active > a {
  /*background: url('images/bg.png');*/
 /* color: #77AAEE;/*#1fa0d6;*/
  font-weight: bold;
}
#menu-superior ul li:hover {
  /*border: 2px solid #1FBBDD;*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#menu-superior ul li a:hover {
	/* color: #1fa0d6;*/
}




/*_________ MENU APARTADOS _______________*/
#menu-apartados {
  padding-bottom: 4px;
  margin-top: 4px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  z-index: 3;

}
#menu-apartados ul,
#menu-apartados ul li,
#menu-apartados ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  /*font-family: Arial, Helvetica, sans-serif;*/
}
#menu-apartados.align-right {
  float: right;
}
#menu-apartados.align-right ul li {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}
#menu-apartados ul {
 /*height: 59px;*/
}
#menu-apartados ul li {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;

  z-index: 5;

  border: 2px solid rgb(34, 34, 34); /*old browsers*/
  border: 2px solid rgba(34, 34, 34, .2); /*new browsers will take this one*/

  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#menu-apartados ul li a {
  padding: 5px 10px 5px 10px;
  /*margin-bottom: 4px;*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #EFEFEF;
/*  font-size: 15px;*/
  font-weight: bold;
  text-decoration: none;
}
#menu-apartados ul li:first-child,
#menu-apartados ul li:first-child > a {
  /*border-bottom-left-radius: 3px;*/
}
#menu-apartados ul li.active {
  background: #464646;
  background: -moz-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c0c0c), color-stop(100%, #464646));
  background: -webkit-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -o-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: -ms-linear-gradient(top, #0c0c0c 0%, #464646 100%);
  background: linear-gradient(to bottom, #0c0c0c 0%, #464646 100%);
  border: 2px solid rgb(134, 134, 134); /*old browsers*/
  border: 2px solid rgba(134, 134, 134, .9); /*new browsers will take this one*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#menu-apartados ul li.active > a {
  /*background: url('images/bg.png');*/
  color: #EEEEFB;/*#1fa0d6;*/
  font-weight: bold;
}
#menu-apartados ul li:hover {
  border: 2px solid #1FBBDD;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#menu-apartados ul li a:hover {
	/* color: #1fa0d6;*/
}



/*_________ CABECERA _______________*/

.logotipo {
    height: 100px;
}

@media only screen and (max-width: 331px) {  /*###+*/
	#menu-idioma ul li {  font-size: 12px; }
	#menu-idioma ul li a {  font-size: 12px;}
	#menu-superior {display:none;}
	#menu-apartados {display:none;}
	.sobre-tozal {height:10px;}
	.sobre-tozal-b {height:10px;}
	#pagina {margin-top:0px;}
	.logotipo {margin:2px;}
	.botoncabecera {margin:2px;width: 200px;}
	#fondo-imagen {	background-image: none;height:0px;}
}

@media only screen and (min-width: 332px) and (max-width: 1001px) {  /*###+*/
	#menu-idioma ul li {  font-size: 14px;}
	#menu-idioma ul li a {  font-size: 14px;}
	#menu-superior ul li {  margin-right: 24px;}
	#menu-superior ul li a {  font-size: 14px;}
	#menu-apartados {display:none;}
	.sobre-tozal {height:10px;}
	.sobre-tozal-b {height:10px;}
	#pagina {margin-top:0px;}
	.logotipo {margin:2px;}
	.botoncabecera {margin:2px;width: 200px;}
	#fondo-imagen {	background-image: none;height:0px;}
}

@media only screen and (min-width: 1002px) {  /*###+*/
	#menu-idioma ul li {  font-size: 14px;}
	#menu-idioma ul li a {  font-size: 14px;}
	#menu-superior ul li {  margin-right: 4px;}
	#menu-superior ul li a {  font-size: 16px; }
	#menu-apartados ul li a {font-size: 14px;}
	.sobre-tozal {height:10px;}
	.sobre-tozal-b {height:10px;}
	.tozal-wrap {
        padding: 0px;
        height:100px;
        position:fixed;
        top:0;
        left:0;
        margin-bottom:20px;
        z-index:9440;
        /*border-bottom: 1px solid #fff;*/
        width: 100%;
	}
	#pagina {margin-top:0px;}
	.logotipo {margin:2px;}
	.botoncabecera {margin-bottom: 10px;}
	#fondo-imagen {
	background-image: none;
	width:100%;
	height:120px;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow:hidden;
	}
}
/*______________________________*/
.sobre-tozal {
padding-left: 70%;
}

/*_________ ESPACIO ENTRE CUERPO Y CABECERA _______________*/
@media only screen and (max-width: 331px) {
#espacio-cuerpo-cabeza { height:20px;}
}
@media only screen and (min-width: 332px) and (max-width: 1001px) {
#espacio-cuerpo-cabeza { height:20px;}
}
@media only screen and (min-width: 1002px) {
#espacio-cuerpo-cabeza { height:120px;}
}