﻿* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box; 
}

footer {
	background-color: #585858;
	color: white;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

header {
	background-color: #2E2E2E;
	text-align: center;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#content {
	width: 100%;
	clear: both; 
	display: table; 
	background-color: #E6E6E6;
}

#baner {
	float: right;
	width: 15%;
}

body {
	background-color: white;
	width: 100%;
	height: 100%;
}

section {
	width: 70%;
	float: left;
	padding: 15px;
	font-size: 18px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div#indice {
	float:right;
	margin-right:25px;
}

/*inicio nav*/

nav {
	width: 15%;
	float: left;
	padding: 5px;
}

nav ul {
	list-style-type: none;
    width: 100%;
    font-family: Arial;
    font-size: 14px;
	font-weight: bold;
}

nav ul li {
	background-color: #424242;
}

nav ul li a {
	color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px 10px 10px 20px;
}

nav ul li a:hover {
    background: #000000;
    border-left: 10px solid #333;
    color: #FFFFFF;
}

nav li ul li {
	position:relative;
	background-color: #585858;
}

nav li:hover > ul {
	display:block;
}

nav li ul li ul {
	right:-140px;
	top:0px;
}

nav ul li ul {
	display:none;
	position:absolute;
	min-width:140px;
	left:8.6%;
	float:right;
	width: 120px;
}

nav li ul li ul li {
	background-color: #6E6E6E;
	left:91%;
}

nav > li {
	float:left;
}

nav li a {
	text-decoration:none;
	padding:10px 12px;
	display:block;
}

/*fin nav*/

/*inicio tabla*/

table {
    width: 60%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 15px;
    text-align: left;
}

table#t1 tr:nth-child(even) {
    background-color: #848484;
}

table#t1 tr:nth-child(odd) {
   background-color: #ffffff;
}

table#t1 th {
    background-color: black;
    color: white;
}

/*fin tabla*/

/*inicio estilos*/

p#e1 {
	font-size:200%;
	font-weight: bold;
	margin: 5px;
}

p#e2 {
	margin-bottom:30px;
	margin-top: 15px;
}

section img {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

h1 {
	font-size: 250%;
	margin-bottom:20px;
	margin-top: 10px;
	text-align: center;
}

span {
	font-weight: bold;
}

h2 {
	font-size: 200%;
	margin-bottom:20px;
	margin-top: 10px;
}

/*fin estilos*/

