/*reseteo universal*/
*
{
	border: 0;	
	margin: 0;
	padding: 0;
}
article,figcaption,figure,footer,header,hgroup,nav,section
{
	display: block;
}

/*estilos del sitio*/
@font-face
{
	font-family: "Chalet";
	src: url("../fonts/Chalet.eot");
	src: url("../fonts/Chalet.eot#iefix") format("embedded-opentype"),
	     url("../fonts/Chalet.wolff") format("wolff"),
	     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.wolff") format("wolff"),
	     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.png");
	color: #000;
	font-family: "Chalet", Helvetica, Verdana;
	font-size: 1em;
}
a
{
	color:#57ABB8;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color:#F60;
}
figcaption
{
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}
fieldset
{
	border: 0.1em solid #F60;
	border-radius: 0.5em;
	padding: 1em;
}
h2,h3
{
	color: #F90;
	font-family: "Pecita", Helvetica, Verdana;
}
form
{
	width: 100%;
}
form div
{
	margin:0.5em;
}
hr
{
	border: 1px dashed #FFF;
	margin: 1em 0;
}
iframe
{
	border-radius: 0.5em;
}
input[type="email"],input[type="text"],textarea
{

	background-color: #FFF;
	border-radius: 0.25em;
	color: #F60;
	font-size: 1em;
	padding: 0.25em;
	width: 95%;
}
input[type="email"]:focus,input[type="text"]:focus,textarea:focus
{
	background: #C6ECF9;
}
input[type="submit"]
{
	background: #F90;
	border-radius: 0 .25em;
	color: #500;
	font-family: "Chalet";
	font-size: 1.25em;
	padding: 0.25em;
}
input[type="submit"]:hover
{
	background: #7BBFD5;
	border-radius: 0.25em 0;
	color: #000;
	cursor: pointer;
}
label
{
	cursor: pointer;
}
legend
{
	color:#F90;
	font-size: 1.2em;
	font-weight: bold;

}
img,video
{
	max-width: 100%;
}
form
{
	width: 95%;
}
header,section#contenido,footer
{
	background: #FFF url("../img/fondo-interno.jpg");
	margin: 0 auto; 
	max-width: 100%;
	text-align: center;
}
textarea{
	resize:none;
}
header h1,nav
{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}
nav ul
{
	list-style: none;
}
nav li
{
	display: inline-block;
	padding: 0.1em;
	vertical-align: top;
}
nav a
{
	background: #FFF;
	border: 0.1em solid #5D2824;
	border-radius: 0.25em;
	color: #F90;
	display: block;
	font-family: "Pecita",Helvetica,Verdana;
	font-size: 1.4em;
	padding: 0.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: #5D2824;
	border: 0.1em dashed #5D2824;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;
	-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;
}
section#principal
{
	background: #5D2824;
	border-radius: 0.5em;
	color: #FFF;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.25em;
	vertical-align: top;
	width: 95%;
}
img
{
	border-radius: 0.5em;
}
#art-acerca
{
	background: #FFF;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.5em;
	text-align: justify;
	vertical-align: top;
	width: 95%;
	color: #5D2824;
	border-style: solid; 
	border-width: 2px;
}
section#contacto,section#mapa,section#juan,section#betty
{
	background: #5D2824;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	min-height: 350px;
	padding: 0.5em;
	text-align: justify;
	vertical-align: top;
	width: 45%;
}

article#info-contacto,article#contactanos,article#info-juan1,article#info-juan2,article#info-betty1,article#info-betty2
{
	color: #FFF;
	border: 0.1em solid #F90;
	border-radius: 0.5em;
	margin: 0.5em;
	min-height: 144px;
	padding: 0.5em;
}
article ul
{
	font-style: normal;
	list-style: none;
}
span.datos-contacto
{
	color: #F90;
	margin-left: 1em;
}
section#mapa
{
	text-align: center;
}
footer
{
	color: #5D2824;
	font-size: 0.85em;
	padding: 0.75em 0;
}

.fade
{
	opacity: 1;
	filter: alpha(opacity=10);
	-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;
}
.fade:hover
{
	opacity: 0.7;
	filter: alpha(opacity=7);
	-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;
}

@media(min-width: 1081px) 
{
	header h1
	{
		text-align: left;
		width: 35%
	}
	nav
	{
		text-align: right;
		width: 60%;
	}
}
@media screen and (max-width: 1080px)
{
	nav li
	{
		font-size: 1.3em;
	}
	article#galeria-inicio 
	{
		width: 100%;
	}
}
@media(max-width: 800px)
{
	nav li
	{
		font-size: 0.95em;
	}
	article#galeria-inicio 
	{
		width: 100%;
	}
	
}
@media(max-width: 600px)
{
	nav li
	{
		display: inline-block;
		margin: 0px;
		width: 98%
	}
	section#principal
	{
		margin-bottom: 0.2em;
	}
	section#principal,aside 
	{
		display: block;
		width: 95%;
	}
	
}