*{
	border: 0;
	margin: 0;
	padding: 0;
}

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


@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;
}

section#contenedor{
	padding-top:3em;
	padding-bottom:3em;
}
/* 16px = 12pt = 100% = 1em (M) */

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

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

a:hover{
		color:#F60;
}


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

header, section#contenedor, footer{
	background:#FFF url(../img/fondo-interno.jpg);
	margin: 0 auto;
	max-width: 70%;
	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:0.1em;
	vertical-align:top;
}

nav a{
	background:#FFF;
	border:0.2em solid #57ABB8;
	border-radius: 0.25em;
	color:#F60;
	display:block;
	font-family:"Chalet", Helvetica, Verdana;
	font-size:1em;
	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:#212121;
	border:0.2em dashed #F60;
	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;
}

.table{
	border:1px;
	margin: 0 auto;
	text-align:center;
	padding: 3em;
	
	
}

table img{
	width:75px;
	height:75px;
	
}

table img:hover {
    opacity: 0.4;
    filter: alpha(opacity=100);
}

article ul{
	list-style:none;
	
	
	
}

article li{
	display:inline-table;
	margin:0;
	
}

article li img{
	width:75px;
	height:75px;
	padding:0;
	border:0;
	max-width:100%;
}

article{
	max-width:100%;
}

li img:hover{
	opacity: 0.4;
    filter: alpha(opacity=100);
}



/* contact */

.contact{
	text-align:left;
	color:black;
	max-width: 100%;
}

.contact ul{
	padding:4em 4em;
}

.contact li{
	display:block;
	
}

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

footer li{
	list-style:none;
}

@media(max-width:700px){
	
	
	article li img{
	width:60px;
	height:60px;
	padding:0;
	border:0;
	
}
nav a{
		font-size:0.7em;
}
}
@media(max-width:600px){
	
	
	article li img{
	width:45px;
	height:45px;
	padding:0;
	border:0;
	
}
	nav a{
		font-size:0.6em;
}
	
}
@media(max-width:500px){
	
	
	article li img{
	width:40px;
	height:40px;
	padding:0;
	border:0;
	
}
nav li{
		display:inline-block;
		margin:0px;
		width:98%;
		
}
nav a{
		font-size:0.7em;
}
}

@media(max-width:400px){
	
	
	article {
	max-width:60%;
	margin:0 auto;
	padding:0;
	border:0;
	
}
	article li img{
	width:45px;
	height:45px;
	padding:0;
	border:0;
}
nav li{
		display:inline-block;
		margin:0px;
		width:98%;
		
}
nav a{
		font-size:0.7em;
}
}