@charset "utf-8";
/* CSS Document */

body {text-align:center; 
background-color: #e9e9ea;
	font-family:arial, verdana, sans-serif;
	color:#606060;
	margin: 0;
	padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
	

		
	A {text-decoration:none;color:#737775;font-size:0.9em; FONT-FAMILY: Verdana,Arial;}
A:active {text-decoration:none;color:#009cd7 ;} 
A:hover {
	text-decoration:none;
	color:#fa8e4e;
}
h1 { font-size:1.2em; font-weight:bold;  color:#02a6fb; text-align:center;}
h2 { font-size:1.2em; font-weight:bold;  color:#129fdb; text-align:center;}

a.linkopacity img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        -khtml-opacity: 1.0;
}
 
a.linkopacity:hover img {
        filter:alpha(opacity=50);  
        -moz-opacity: 0.5;  
        opacity: 0.5;
        -khtml-opacity: 0.5; 
}

.caja-txt a:link, .caja-txt a:visited, .caja-txt a:active  { font-family: Verdana,Arial;	font-size: 0.9em; color: #fff;}



	
.container {
		width:70%;
		background:#ffffff;
		border-radius: 12px;
		margin:0px auto;
		font-size:0.925em;
	}
	section,aside {
		padding: 14px;
		background:#ffffff;
		
		text-align:left;
	}
	section {
		float: left;
		width: 66%;
	}
	aside {
		float: right;
		width: 25%;
	}
	nav {
		overflow: hidden;
	}
	nav ul {
		list-style-type:none;
		float:left;
		padding:0px;
	}
	nav ul li {
		float:left;
		padding:15px 15px; 15px 15px;
		margin:2px;
		background:#bfcfd6;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
	
	
	
	#main-header {
	background: #129fdb;
	color: white;
	height: 50px;
	width: 100%; 
	left: 0;
	top: 0; 
	
}	
	#main-header a {
		color: white;
	}
	
#logo-header {
	float: left;
	padding: 15px 0 0 20px;
	text-decoration: none;
}
	#logo-header:hover {
		color: #129fdb;
	}
	
	
	
	footer {
	text-align: center;
	clear: both;
	padding: 20px;
	
	}
 
#main-footer {
	background: #129fdb;
	color: white;
	text-align: center;
	padding: 20px;
	margin-top: 40px;
}
	#main-footer p {
		margin: 0;
	}
	
	#main-footer a {
		color: white;
	}
	
	
	

#columnas2sb-index {
	width: 135px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
	




#caja-index {
	width: 18%;
	height: 130px;
	color: white;
	float: left;
	margin: 5px 5px 5px 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	border-radius: 15px;
	background-color: #f27709;
	min-width: 130px;

}
#caja-indexHover {
	background-color: #8ec3df;
}

#caja-index2 {
	width: 31%;
	height: 170px;
	float: left;
	margin: 0px 5px 0px 5px;
padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  min-width: 130px;
  }
  
  #caja-index3 {
	width: 93%;
	height: auto;
	float: left;
	margin: 5px 5px 5px 5px;
padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  }
  
   #caja-index3-2 {
	width: 93%;
	height: auto;
	float: left;
	margin: 5px 5px 5px 5px;
padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  }


#caja-cabecera-index { 
text-align:center;
font-size:1.4em;
	font-family:arial, verdana, sans-serif;
	color:#ffffff;
	background:#9dbc4d;
	width: 95%;
	height: auto;
	float: left;
	margin: 10px 0px 5px 0px;
	border-radius: 5px;
	padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

#caja-cabecera-index2 { 
text-align:center;
font-size:1.4em;
	font-family:arial, verdana, sans-serif;
	color:#ffffff;
	background:#c82818;
	width: 108px;
	height: auto;
	float: left;
	margin: 1px 1px 5px 1px;
	border-radius: 5px;
	padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}



#caja-cabecera-lateral-index { 
text-align:center;
font-size:1.4em;
	font-family:arial, verdana, sans-serif;
	color:#ffffff;
	background:#9dbc4d;
	width: 93%;
	height: auto;
	float: left;
	margin: 10px 0px 5px 0px;
	border-radius: 5px;
	padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

#caja-3 {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #d7ac18;
	width: 29%;
	height: 170px;
	float: left;
	border-radius: 8px;
	margin: 10px 5px 10px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: thin solid #ffffff;
	min-width: 200px;
  	
	

}

#caja-3:hover {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #7fa029;

}

#caja-3-2 {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #9ec398;
	width: 29%;
	height: 170px;
	float: left;
	border-radius: 8px;
	margin: 10px 5px 10px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: thin solid #ffffff;
	min-width: 200px;
  	
	

}


#caja-3-2:hover {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #c4b1c0;

}

#caja-3-3 {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #9ec398;
	width: 90;
	height: 170px;
	float: left;
	border-radius: 8px;
	margin: 10px 5px 10px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: thin solid #ffffff;
	min-width: 253px;
  	
	

}


#caja-3-3:hover {
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	background-color: #c4b1c0;

}


/* para 980px o menos */
	@media screen and (max-width:980px) {
		.container {
			width:98%;
		}
		section {
			width:68%;
		}
	}
 
	/* para 700px o menos */
	@media screen and (max-width:700px) {
		aside,section {
			float:none;
			width:96%;
		}
		nav, section {
			font-size:1.2em;
		}
		aside {
			margin-top:5px;
		}
		nav ul {
			float:none;
			clear:both;
		}
	}
 
	/* para 480px o menos */
	@media screen and (max-width:480px) {
		
		nav, section {
			font-size:1.5em;
		}
		section {
			width:94%;
		}
		nav ul {
			float:left;
			clear:none;
			width:50%;
		}
		nav ul li {
			float:none;
		}
	}
	
	@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1;
}
#cssmenu > ul {
  background: #e02714;
}
#cssmenu > ul > li {
  float: left;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 20px;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #e02714;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#cssmenu > ul > li.active > a {
  color: #ffffff;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
  -webkit-transform: rotateX(90deg) translateY(-23px);
  -moz-transform: rotateX(90deg) translateY(-23px);
  transform: rotateX(90deg) translateY(-23px);
  -ms-transform: none;
}
#cssmenu > ul > li > a::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  color: #ffffff;
  background: #891206;
  content: attr(data-title);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
  background: #129fdb;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
  color: #ffffff;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #e02714;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #9c170a;
  border-bottom: 2px solid #9c170a;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #9c170a;
}

/*Código para modificar el aviso de cookies*/

#cookieChoiceInfo {
background: #aad2e4 !important; /*Fondo de la barra*/
color: #fff !important;
font-size: 18px !important; /*Tamaño fuente botones, modifica el tamaño final*/
font-weight:normal !important; /*Estilo de fuente: normal, cursiva, negrita*/
top: auto !important;
bottom: 0 !important;/*Posición de la barra: abajo*/
border-top: 10px #86c1dd solid !important; /*Borde de la barra, anchura, color y estilo*/
padding: 40 !important;
box-sizing: border-box;
transform:scale(1.0,1.0);
opacity: 1.0; /*Transparencia de 0 a 1*/
}


.cookie-choices-text {
display: inline-block !important;
vertical-align: middle !important;
font-size: 18px !important; /*Tamaño de la fuente del aviso*/
margin: 5px 10px !important;
color: #fff !important; /*Color de la fuente del aviso*/
max-width: 800px !important;
text-align: left !important;
line-height: 40px !important;

}

#cookieChoiceInfo a {
display: inline-block;
background: #e7eaeb; /*Fondo del botón*/
padding: 8px;
border-radius: 8px; /*Borde redondeado*/
box-shadow: 1px 1px 8px #737576; /*Sombra del botón*/
border: 2px #fff solid; /*Borde del botón, anchura, color y estilo*/
text-shadow: 1px 1px 2px #bcd8e5; /*Sombra del texto del botón*/
}
#cookieChoiceInfo a:nth-child(2) {
background: #aad2e4; /*Fondo del segundo botón*/

/*Si quieres que el segundo botón sea diferente del primero modifica aquí*/
}
.cookie-choices-button {
font-weight: normal;
text-transform: none !important;
white-space: nowrap;
color: #fff;
margin-left: 8px;
padding: 0 10px;
text-decoration: none;
}