* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

body{
	background: #f0eaea;
}

/*  **************************************************************************** */
/*  ************  ENLACES ************* */	
/*  **************************************************************************** */

a {
	color: #023859;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #FF6600;
	}

/*  **************************************************************************** */
/*  **************************************************************************** */
/*  ************  FIN ENLACES ************* */
/*  **************************************************************************** */
/*  **************************************************************************** */


#TextoGeneral {
	margin-left:20%;
	width:50%;
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#003366;
	text-align:justify;
}

#txtTextoNota{
font-size: 80%;
color: #828c8b;
text-align: justify;

}
.nota{
font-size: 80%;
color: #990066;
text-align: justify;
}

.volverAtras{
	font-size: 150%;
	color: #003366;
	text-align: left;
}
.volverAtras .icon-arrow-left {background:#FFFFFF; color:#000000;}

.notaFluor{
	background-color:#FFFF00;
	width:auto;
}

#Descarga {
font-family: "Open Sans", Arial, Helvetica, Sans-serif;
font-size: 20px;
color:#003366;
text-align: center;
background-color: #FFCCFF;
box-shadow: 2px 2px 2px #003366;
box-sizing: border-box;
border: 1px solid gray;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;

}

#Descarga .icon-file-pdf {
background: #ae181f; 
color:#ffffff;
display: inline; 
padding: 1% 1%;
text-decoration: none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
font-size: 100%; 
-moz-border-radius: 30px;
-webkit-border-radius:  30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

#Descarga a:hover {
	background: #000;
	padding: 1% 1% 1% 1%; 
}
/*  **************************************************************************** */
/*  ************  ARTICULOS PAGINAS  ******************************************* */	
/*  **************************************************************************** */

#articuloA {
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#003366;
	text-align: justify;
	margin-left:10%;
	margin-right:  20%;
	width: 70%;
	padding:7%;
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	border: 1px solid gray;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #FFFFFF;
}

#articuloA h1{
	font-size:125%
}

#articuloA h2{
	font-size:115%
}

#articuloAminiBOX {
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#003366;
	text-align: justify;
	margin-left:1%;
	margin-right:1%;
	width: 90%;
	padding:1%;
	background: #f0eaea;
}

#articuloAminiBOX h1{
	font-size:120%;
}
#articuloAmini {
	display: inline-block;
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#ffffff;
	text-align: left;
	margin-left:1%;
	margin-right:1%;
	width: 300px;
	height: 220px;
	padding:1%;
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	border: 1px solid gray;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #000000;
}

#articuloAmini h1{
	font-size:110%;
}

#articuloAmini h1 a{
	color:#00cc00;
}
#articuloAmini h1 a:hover{
	color:#d90000;
}
	

#articuloAmini h2{
	font-size:105%
}

/*  **************************************************************************** */
/*  ************  ARTICULOS A PAGINAS DE NOTICIAS ****************************** */	
/*  **************************************************************************** */


#articuloNmini {
	display: inline-block;
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#ffffff;
	text-align: left;
	margin-left:1%;
	margin-right:1%;
	width: 300px;
	height: 120px;
	padding:1%;
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	border: 1px solid gray;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #000000;
}

#articuloNmini h1{
	font-size:100%;
}

#articuloNmini h1 a{
	color:#ffffff;
}
#articuloNmini h1 a:hover{
	color:#d90000;
}
	

#articuloNmini h2{
	font-size:105%
}

#imagenA{
	text-align:center;
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	border: 1px solid gray;
	padding: 1%;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #f0eaea;
	height: auto;
	max-width: 100%;
}

#imagenB{
	text-align:center;
	box-sizing: border-box;
	padding: 1%;
	background: #f0eaea;
	height: auto;
	max-width: 100%;
}

#finArticuloA{
	font-family: "Open Sans", Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color:#003366;
	text-align: justify;
	margin-left:10%;
	margin-right:  20%;
	width: 70%;
	padding:2%;
	box-shadow: 5px 5px 2px #003366;
	box-sizing: border-box;
	border-color:#003366;
	border: 1px solid gray;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #FFFFFF;
	overflow: hidden;
}

.finArticuloAVideo {
	text-align: center;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.finArticuloAVideo iframe{
	position: absolute;
	display: block;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.iframe .videoon {
	max-width: 96% !important;
	display: block;
	margin: 10px auto;
}

.finArticuloAVideo iframe,
.finArticuloAVideo object,
.finArticuloAVideo embed {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*  **************************************************************************** */
/*  ************  FIN ARTICULOS PAGINAS  ******************************************* */	
/*  **************************************************************************** */


/*  **************************************************************************** */
/*  ************  PIE PAGINA *************************************************** */	
/*  **************************************************************************** */


pie{
float: center;
background; #CCCCCC;
}

 
#cuadroPie{

width: 90%;
height:100%;
bottom: 0;
padding-left:  1%;
padding-right: 1%;
padding-bottom:3%;
margin-left:   1%;
margin-right:  1%;
border: 2px solid gray;
color: #FFFFFF;
background: #4B4B4B;
 }
 
.cuadroPieFin {
width: 100%;
color: #FFFFFF;
background: #4B4B4B;	
	
}
 .cuadroPieFin li {
	display:inline;
	font-size:100%;
 }
 
 .cuadroPieFin ul li a {
	display:inline;
	font-size: 125%;
	color:#FFFFFF;
	text-align: justify;
	margin-left:1%;
	margin-right: 1%;
	width: 10%;
	padding: 0.5%;
	box-shadow: 2px 2px 2px #e8eae8;
	border-color:#FFFFFF;
	border: 1px solid gray;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #4B4B4B;
 }
 .cuadroPieFin ul li a:hover {
	background: #dcdedc; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 2% 2% 2% 2%; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	color:#000000;
 }



/*  **************************************************************************** */
/*  ************  FIN PIE PAGINA *************************************************** */	
/*  **************************************************************************** */