@charset "utf-8";

/* CSS Document */

/* 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.html");

		src: url("../fonts/chaletd41dd41d.html?#iefix") format("embedded-opentype"),

			 url("../fonts/chalet-2.html") format("woff"),

			 url("../fonts/chalet-3.html") format("truetype"),

			 url("../fonts/chalet-4.html#chalet") format("svg");

			 font-weight: normal;

			 font-style: normal;

}



@font-face {

		font-family: "pecita";

		src: url("../fonts/pecita.html");

		src: url("../fonts/pecitad41dd41d.html?#iefix") format("embedded-opentype"),

			 url("../fonts/pecita-2.html") format("woff"),

			 url("../fonts/pecita-3.html") format("truetype"),

			 url("../fonts/pecita-4.html#pecita") format("svg");

			 font-weight: normal;

			 font-style: normal;

}



body {

	background: #D2E28B;

	color: #D2E28B;

	font-family: helvetica, verdana;

	font-size: 1em;

}

a {

	color: #57abb8;

	font-weight: bold;

	text-decoration: none;

}



a:hover {

	color: #f60;

}



h1 {

	color: #0000FF;

	margin: 0.25em auto;

	text-align: center;

	text-shadow: 5px, 5px, 10px, rgba(255, 255, 255, 0.5);

}

h6 {

	color: #F90;

	margin: 0.25em auto;

	text-align: center;

	text-shadow: 5px, 5px, 10px, rgba(255, 255, 255, 0.5);

}

h2 {

	color: #F60;

	margin: 0.25em auto;

	text-align: center;

	text-shadow: 5px, 5px, 10px, rgba(255, 255, 255, 0.5);

}h4 {

	color: #F60;

	margin: 0.25em auto;

	text-align: left;

	text-shadow: 5px, 5px, 10px, rgba(255, 255, 255, 0.5);

}

hr {

	border: 1px dashed #000066;

	margin: 1em 0;

	color:#009

}

article#derecho1 {

    text-align: left;

	padding: .5em;

	margin-left:auto;

}

#menu {

	margin:auto;

	width:300px;

	font-family:Arial, Helvetica, sans-serif;

}

	

ul, ol {

	list-style:none;

	}

nav ul {

	list-style: none;

}



nav li {

	display: inline-block;

	padding: 0.1em;

	vertical-align: top;

}



nav a {

	background: #ccc;

	border: 0.1em solid #57abb8;

	border-radius: 0.25em;

	color: #f60;

	display: block;

	font-family: "pecita", helvetica, verdana; 

	font-size: .7em;

	padding: 0.2em;

	-ms-transition: all 0.5s ease-in;

	-webkit-transition: all 0.5s ease-in;

	-moz-transition: all 0.5s ease-in;

	-o-transition: all 0.5s ease-in;

	transition: all 0.5s ease-in;

}



nav a:hover {

	background: #212121;

	border: 0.1em dashed #f60;

	border-radius: 0 0.5em 0 0.5em;

	color: #fff;

	-ms-transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

nav1 ul {

	list-style: none;

}



nav1 li {

	display: block;

	padding: 0.1em;

	vertical-align: top;

}



nav1 a {

	background: #ccc;

	border: 0.1em solid #57abb8;

	border-radius: 0.25em;

	color: #f60;

	display: block;

	font-family: "pecita", helvetica, verdana; 

	font-size: 1.2em;

	padding: 0.2em;

	-ms-transition: all 0.5s ease-in;

	-webkit-transition: all 0.5s ease-in;

	-moz-transition: all 0.5s ease-in;

	-o-transition: all 0.5s ease-in;

	transition: all 0.5s ease-in;

}



nav1 a:hover {

	background: #212121;

	border: 0.1em dashed #f60;

	border-radius: 0 0.5em 0 0.5em;

	color: #fff;

	-ms-transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}	

/*.nav li a {

	background-color:#000000;

	color:#FFFFFF;

	text-decoration:none;

	padding:10px 15px;

	display:block;

	}

	

.nav li a:hover {

	background-color:#999999;

	}

	

.nav > li {

	float:left;

	}

	

.nav li ul {

	display:none;

	position:absolute;

	min-width:140px;

	}

	

.nav li:hover > ul {

	display:block;

	}

	

.nav li ul li {

	position:relative;

	}

	

.nav li ul li ul {

	left:140px;

	top:0px;

	}

*/







header, nav, footer {

	background: #D2E28B;

	border-radius: 0.5em;

	margin: 0.5em auto;

	max-width: 960px;

	padding: 0.25em;

	text-align: center;

}



footer {

background:#212121

}

nav {

	min-height: 40px;

}



section#contenedor {

	background: #D2E28B;

	margin: 0.5em auto;

	max-width: 1000px;

	padding: 0;

	text-align: center;
	

}



section#principal, aside {

	background: #D2E28B;

	border-radius: 0.5em;

	display:inline-block;

	margin; 0.25 em;

	max-width: 960px;

	pading: 0.25em;

	text-align: center;

	vertical-align: top;

	width: 69%;

}section#principal {

	font color:#006

}



article {

	background: #D2E28B;
	
	font-size:10px;

	border-radius: 0.5em;

	min-height: 140px;

	padding: 0.25em;

}





aside {

	width: 30%;

	display: inline-table;

}header {
	color: #008000;
}