/****EL CSS APLICADO SIRVE PARA TODAS LA PÁGINAS DE NUESRO PROYECTO****/
*{
	margin: 0 auto;
}

body{
	
	font-family: "Lucida Sans","Lucida Grande",sans-serif;
	height: 100%;
	color: white;
	padding: 1em;

	background: #1E90FF;
}

#titulo{
	font-size: 500%;
	text-align: center;
}

#sobrecubierta{
	border-radius: 1em;
	height: 70em;
	border-style: solid;
	border-color: white;
	width: 75em;
	padding: 2em;
	background: #151515;
	margin: 0.25em auto;
	text-align: center;
}

figure img{
	width: 20%;
	height: 20%;
}

nav {
		
	width: 100%;
	background-color: #151515;
	border-style: solid;
	border-color: white;
	border-radius: 0.5em;
}

nav ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

nav ul li {
	display: inline;
	float: left;
}

a {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #151515;
	cursor: pointer;
	text-align: justify;
	text-indent: 2em;
}

.clear {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-color: white;
}

.bienvenida {
	background:url(../img/1.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
	
}

.bienvenida:hover { 
	background:url(../img/2.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
	
	 
}

.contacto {
	
	background:url(../img/3.png) left no-repeat; 
	background-position: 0.4em; 
	background-color: #151515;
}

.contacto:hover { 
	background:url(../img/4.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
	 
}
.noticias {
	background:url(../img/5.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;}

.noticias:hover { 
	background:url(../img/6.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;

}
.webs {
	
	background:url(../img/7.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
}

.webs:hover { 
	background:url(../img/8.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
}

.estadisticas {
	background:url(../img/9.png) left no-repeat;
	background-position: 0.4em; 
	background-color: #151515;
}

.estadisticas:hover { 
	background:url(../img/10.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
}
.e-regalos {
	background:url(../img/11.png) left no-repeat;
	background-position: 0.4em; 
	background-color: #151515;
}

.e-regalos:hover { 
	background:url(../img/12.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
}

.chat {
	background:url(../img/13.png) left no-repeat;
	background-position: 0.4em;
	background-color: #151515;
}

.chat:hover { 
	background:url(../img/14.png) left no-repeat; 
	background-position: 0.4em;
	background-color: #151515;
}

#encabezado:hover, a:hover {
	color: #FFD700;
	background-color: #151515;
}

#encabezado{
	color: white;
	width: 97%;
	font-size: 2em;
	margin: 0px;
	padding: 10px;
	background-color: #151515;
	text-align: center;
}

.articulo{
	color: #1E90FF;
	display: table;
}

.subtitulo{
	color: white;
	text-align: center;
	padding: 0.5em;
}

article{
	display: table-cell;
	padding:2%;
}

#imagen{
	color: white;
	font-size: 2em;
	border-radius: 1em;
	border-style: double;
	border-color: #FFEFD5;
	display: block;
    margin-top: 0.5em;
 }

 video{
	padding:1em; 
}

p{
	text-align: justify;
}

#nombre,#edad,#telefono{
	color: white;
}

table{
	border-radius: 1em;
	margin-top: 1em;
}

table,th,td{
	border-style: solid;
	border-color: #FFEFD5;
	padding: 0.5em;
}

#pie{
	font-size: 80%;
	text-align: center;
	letter-spacing: 00.3em;
	padding: 1em;
	padding-top: 6em;
}



/****DE AQUÍ EN ADELANTE APLICAMOS EL CSS AL FORMULARIO Y SUS ELEMENTOS****/
#formulario{
	margin: 0 auto;
	width: 90%;
	height: 90%;
}
label{
	display: block;
	letter-spacing: 0.5em;
	margin-top: 0.5em;
}
input,textarea{
	width: 100%;
	height: 1em;
	border: 1em solid #161616;
	padding: 0.5em;
	font-size: 1em;
	margin-top: 0.5em;
	color: #000;
	

}

input:focus, textarea:focus{
	background: gold;
}
textarea{
	height: 7em;
	width: 100%;
	padding-bottom: 1em;
}

button{
	font-weight: bold;
    cursor: pointer;
    padding: 0.3em;
    margin: 0 00.5em 0.05em 0;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 0.5em;
}

button:hover{
	background-color: #1E90FF;
	color: white;
}