/* reseteo universal */
*{
	border: 0;
	margin: 0;
	padding: 0;
}

article,figcaption,figure,header,hgroup,nav,section {
	display: block;
	
}

/* estilos del sitio */
@font-face {
	 font-family: "helvetica_ce_55_romanregular";
    src: url("../fonts/helvetica55-webfont.eot");
    src: url("../fonts/helvetica55-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/helvetica55-webfont.woff2") format("woff2"),
         url("../fonts/helvetica55-webfont.woff") format("woff"),
         url("../fonts/helvetica55-webfont.ttf") format("truetype"),
         url("../fonts/helvetica55-webfont.svg#helvetica_ce_55_romanregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.contenido {
	font-size: 0.9em;
	color: #000;
	margin-bottom: 0.2em;
}

.cuadro-interno {
font-size: 0.8em;	
}

div.centrado{
text-align: center;
}
div.centrado table {
margin: 0 auto;
text-align: left;
}

table, th, td {
    border: 1px solid black;
	margin: 2px;
	padding: 5px;
	alignment-adjust: central;
	
}


div {
    font-family: helvetica55-webfont;
    font-weight: normal;
    font-style: normal;
}

body {
	background: #FFF;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin-bottom: 0.5em;
	
}

a {
	color: #888888;
	font-size: 0.9em;
	font-family: helvetica55-webfont;
	text-decoration: none;
}
	
a:hover {
	color: #A5DFE3;
	font-family: helvetica55-webfont;
	font-size: 0.9em;
}

A.class1 {color:green;}
A.class1:link  {text-decoration: none; color: #1fbb17;}
A.class1:visited {text-decoration: none; color: grey;}
A.class1:hover {text-decoration: none; color: #336600;}
A.class1:active {text-decoration: none; color: black;}

.Autores {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: normal;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
}
.estilo2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	padding: 0;
	
}

.estilo4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	background-color: #e8e8e8;
	padding: 0em;
	
}

.emails {
	font-size: 0.8em;
}

.figura {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	text-align: center;
	padding-top: 1em;
	;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-color: #000;
}

.cuadro {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: center;
	padding-top: 0px;
	;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-color: #000;
}
.fuente {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	text-align: center;
	padding-top: 0px;
	;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	border-color: #000;
}

footer {
font-size: 1.2em;
font-family: helvetica55-webfont;	
}


h1 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
    font-style: bold;
}


h2 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	padding: 0.5em 0 0 0;
	font-size: 1.6em;
	border-top: 1px solid;
    font-style: bold;
}
h3 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	padding: 1em 1em 0.2em 0em;
	font-size: 1.2em;
    font-style: bold;
}

h4 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	vertical-align: top;
	font-size: 1em;
    font-style: bold;
}

h5 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	padding: 0.4em;
	font-size: 0.8em;
	font-weight: normal;
    font-style: normal;
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
.INDICE {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.INDICE2 {
	font-family: "Arial";
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.INDICE {
	font-family: Verdana,  "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.INDICE a {
	color:#00ABD7;
	font-size: 0.9em;
	font-family: Verdana,  "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
}
.INDICE a:hover {
	color: #737373;
}

input[type="submit"]:hover {
	background: #7a932c;
	cursor: pointer;
}

label {
	cursor: pointer;
	color: #000;
	font-size: 0.9em;
}

legend {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
}

.Numero {
	Color: #fff;
	font-family: "helvetica_ce_55_romanregular";
	font-size: 1em;
	padding: 0.5em;
	font-weight: bold;
	background-color: #888888;
}

.Numero1 {
	Color: #fff;
	font-family: "helvetica_ce_55_romanregular";
	font-size: 1.2em;
	padding: 0.5em;
	font-weight: bold;
	background-color: #888888;
}

.Numero2 {
	Color: #fff;
	font-family: "helvetica_ce_55_romanregular";
	font-size: 1.2em;
	padding: 0.5em;
	font-weight: bold;
	background-color: #1fbc17;
}
.Numero-enc {
	Color: #FFF;
	font-family: "helvetica_ce_55_romanregular";
	font-size: 1em;
	padding: 2em 0 1 1em;
	text-align: left;
	font-weight: bold;
	background-color: #0071bf;
}

Headhache {
	Color: #FFF;
}

ol{
padding: 0.3 2em;	
}

ol li{
padding: 0.3em 0; 
}

p{
Color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	margin: 0 0 0.2em 0;
}

tr {
	align: center; 
border: 1px;	
}

img, video {
	max-width: 100%;
}

section#header, section#contenido, footer {
	background: #FFF;
	margin: 0 auto;
	max-width: 90%;
	text-align: left;
	
}

header h1, h5, nav {
	display:inline-block;
	max-width: 100%;
	vertical-align: top;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}

nav { 
	margin: 0 auto 20px; 
    border: 1px solid #222; 
    position: relative; 
    background-color: #090; 
    font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #fff;
}

nav ul{
	list-style: none;
	 padding: 0; 
     margin: 0; 
}

nav ul:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

nav li {
	display:inline-block;
	padding: 0.5em;
	vertical-align: top;
}

nav a {
	background: #FFF;
	color: #525050;
	padding: 0em;
	font-size: 1.2em;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

nav a:hover {
	background: #FFF;
	max-height: 50px;
	border-top: 0.2em solid #f1592a;
	color: #000;
	padding: 0em;
	font-size: 1.2em;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
nav li a:focus { 
    outline: none; 
    text-decoration: underline; 
}

nav li:first-child a { 
    border-left: none; 
}

nav li.ultimo a { 
    border-right: none; 
}

nav li:hover ul { 
    display:block; 
}

nav a span { 
    display: block; 
    float: right; 
    margin-left: 5px; 
}

nav ul ul { 
    display: none; 
    width: auto; 
    position: absolute; 
    left: 0; 
    background: #F90; 
}
nav ul ul li { 
    float: none; 
}
nav ul ul a { 
    padding: 5px 10px; 
    border-left: none; 
    border-right: none; 
    font-size: 14px; 
}
nav ul ul a:hover { 
    background-color: #FBE080; 
}

section#principal, aside {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0em;
	vertical-align: top;
	width:65%;
}

.textometido {
	font-size: 0.95em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 100px;
}

article#galeria-inicio {
	border-bottom: 1.5em solid #FFF;
	margin: 0em;
	padding: 0em;
	text-align: left;
	width: 98%;	
}

aside {
	margin: 0.3em;
	padding: 0.5em;
	text-align: left;
	background: #a5dfe3;
	width: 32%;
}

article#descripcion-acerca, article#multimedia-acerca {
	background: #fff;
	display: inline-block;
	max-width:100%;
	min-height: 480px;
	padding: .5em;
	text-align: justify;
	font-size: 0.9em;
	vertical-align: top;
	width: 55%;
}

article#multimedia-acerca{
	background: #FFF;
	text-align: center;
	font-size: 0.9em;
	color:#000;
	padding: 0em;
	width: 40%;	
}


footer {
	color: #000;
	font-size: 0.75em;
	padding:0.75em 0;
}

.fade {
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
	


.fade:hover: {
	opacity: 0.3;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.redonda {
	border-radius: 50px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.3);	
}

@media screen and (min-width:1081px) {
	header h1 {
		text-align: left;
		width: 35%;
}

	nav {
	text-align:right;
	width: 60%;	
	}
	aside {
		font-size: 1.2em;
		width: 30%;
	}

}

@media screen and (max-width: 1080px) {
	nav li {
		font-size: 1.1em;
	}
	
}
@media screen and (max-width: 800px) {
	nav li {
		display: block;
		margin: 0px;
		width: 98%;
	}
	
}


@media screen and (max-width: 600px) {
	nav li {
		display: inline-block;
		margin: 0px;
		width: 98%;
	}
}