/*Reseteo universal */
* {margin:0; padding:0; }
html {font-size: 16px;}

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


@font-face {
    font-family: 'flexslider-icon';
    src: url('../fonts/flexslider-icon.eot');
    src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flexslider-icon.woff') format('woff'),
         url('../fonts/flexslider-icon.ttf') format('truetype'),
         url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Chalet';
    src: url('../fonts/Chalet.eot');
    src: url('../fonts/Chalet.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chalet.woff') format('woff'),
         url('../fonts/Chalet.ttf') format('truetype'),
         url('../fonts/Chalet.svg#Chalet') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pecita';
    src: url('../fonts/Pecita.eot');
    src: url('../fonts/Pecita.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Pecita.woff') format('woff'),
         url('../fonts/Pecita.ttf') format('truetype'),
         url('../fonts/Pecita.svg#Pecita') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
background: #212121 url(../img/fondo.jpg); 
color: #fff;
font-family: "Chalet", Helvetica, Verdana;
}

a {
color: #57abb8;
font-weight: bold;
text-decoration: none;
}

a:hover {color:#f60;}

figcaption {
font-size: 0.85em;
padding: 0.25em;
text-align: center;

}

h2 {
color: #f90;
font-family: "Pecita", Helvetica, Verdana;
}

hr {
border: 1px dashed;
margin: 1em 0;
}
img, video {
max-width: 100%;
}


header, section#contenedor, footer{
background: #fff url(../img/fondo-interno.jpg);
border-radius: .5em;
margin: 0 auto;
max-width:90%;
text-align: center;
}

header h1, nav {
display: inline-block;
max-width: 100%;
vertical-align: middle;

}

nav ul{
list-style: none;
}

nav li{
display: inline-block;
padding: .1em;
vertical-align:top;

}

nav a {
background:#fff;
border: 0.1em solid #57abb8;
border-radius: .25em;
color: #f60;
display: block;
font-family: "Pecita", Helvetica, Verdana;
font-size: 1.4em;
padding:.2em;
-ms-transition: all.5s ease-in;
-moz-transition: all.5s ease-in;
-webkit-transition: all.5s ease-in;
-o-transition: all.5s ease-in;
transition: all.5s ease-in;
}

nav a:hover{
background: #212121;
border: .1em dashed #f60;
border-radius: 0 .7em 0 .7em;
color: #fff;
-ms-transition: all.5s ease-out;
-moz-transition: all.5s ease-out;
-webkit-transition: all.5s ease-out;
-o-transition: all.5s ease-out;
transition: all.5s ease-out;
}

section#principal, aside {
background: #1e6381;
border-radius: .5em;
display: inline-block;
margin: 0 auto;
max-width: 100%;
padding: .25em;
vertical-align: top;
width: 65%;
}

article#galeria-inicio{
border-radius: .5em;
margin:.5em;
padding: .5em;
text-align: left;
width: 95%; 
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

aside{
width: 30%;
}

img {
border-radius: .5em;
}

aside img {
border-radius: .5em;
}

article#descripcion-acerca, article#multimedia-acerca {
background: #1e6381;
border-radius: .5em;
display: inline-block;
margin: 0 auto;
max-width: 100%;
min-height: 543px;
padding: .5em;
text-align: justify;
vertical-align: top;
width: 55%;
}
article#multimedia-acerca {
border-radius: .5em;
text-align: center;
width: 40%;
}
article#multimedia-acerca img{
border-radius: .5em;
}

footer {
color: #000;
font-size: .85em;
padding: .75em 0;
}

.fade{
opacity: 1;
filter: alpha(opacity=10);
-ms-transition: all.5s ease-in;
-moz-transition: all.5s ease-in;
-webkit-transition: all.5s ease-in;
-o-transition: all.5s ease-in;
transition: all.5s ease-in;

}

.fade:hover{
opacity: .7;
filter: alpha(opacity=7);
-ms-transition: all.5s ease-out;
-moz-transition: all.5s ease-out;
-webkit-transition: all.5s ease-out;
-o-transition: all.5s ease-out;
transition: all.5s ease-out;
}

.titulo11 {
	font-size: 2rem;
	font-weight: bolder;
}
.titulo21 {
	font-size: 1.5rem;
	font-style: italic;
}

.titulo31 {
	font-size: 1.3rem;
}
.titulo41 {
	font-size: 1.0rem;
}
.titulo51 {
	font-size: 0.8rem;
}



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

@media(max-width:1080px){
	nav li  {
		font-size: 1.3em;
		width: 90%;
	}
	aside{
		width:20%;
	}
	
	article#descripcion-acerca, article#multimedia-acerca {
	width: 45%;
	}
}


@media(max-width:800px){
	nav li  {
		font-size: .95em;
	}
	article#galeria-inicio{
		width:88%;
	}
}


@media(max-width:600px){
	nav li  {
		display: inline-block;
		margin: 0px;
		width: 98%;
	}
	
	section#principal, article#descripcion-acerca {
		margin-bottom: .2em;
	}
	section#principal, aside, article#descripcion-acerca, article#multimedia-acerca  {
		display: block;
		width: 95%;
	}
}

/* dejamos el video 05 evacuado */