body {	background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
 margin: 0em; }

#contenido { width: 100%; 
			 margin: 0em auto;
			 padding: 0em;
			 background-color: #000;
			 box-shadow:0px 0px 10px #ccc;
			 border: 2px solid #ccc;
			  }

header { background-image:url('../img/header.jpg');
		 background-position: 0px -700px;
		 background-size: 100%;
		 margin: 0em;
		 padding: 0em;
		 text-align: center;
				  }


header h1 {	text-align: center; 
			text-shadow:1px 1px 0px #000;

			padding-top: 0.3em;
			margin: 0em;
		font-size: 4em;
		color:#eaeaea;
		}

header	p {text-align: center;
color:#fff;

text-shadow:0px 0px 20px #fff;
margin-bottom: 0em;

}		

header p a {color:#fff;}

span { color:#f5c34c; text-shadow:1px 1px 0px #000;}

header h2 { text-align: center;
			text-shadow:1px 1px 1px #000;
			font-family: 'Nunito', sans-serif;
			font-size: 1.8em;
			color:#eaeaea;}

header nav { border-bottom:2px solid #000;
			 padding: 0.2em;
			 box-shadow: 0px 0px 10px #ccc;
		background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

			 margin:0px;
			 }


header nav ul { padding: 0em;}

header nav ul li { display: inline-block;
				   padding: 3px 15px;
				   	}


header nav ul li a { color:#fff;
					 text-decoration: none;
					 transition: 1s all;
					 font-size: 14px;
					 font-weight: bold;
					}
header nav ul li a:hover { color:#000;
					 text-decoration: none;
					 
					 }


section { 
	margin: 0em;
	padding: 1em;
	background-color: #eaeaea;
		  text-align: center;
		  }
.slider h3 {font-size: 2em; margin: 0.2em; color:#fff; }
article h3 { font-size: 2em; margin: 0.2em;
font-family: 'Nunito', sans-serif;
			color:#696969;}

article h4 {font-size: 2em; margin: 0.2em;

			font-family: 'Nunito', sans-serif;
			color:#696969;}
article h5 {font-size: 2em; margin: 0.2em;
	padding-top: 0.5em;
			font-family: 'Nunito', sans-serif;
			color:#696969;}
article	p {margin: 0.2em; text-align: left;
font-size: 13px;}

article { width: 80%; margin: 0 auto; padding: 0em; padding-top: 0em;}
.slider {width: 80%; margin: 0 auto;}


.left { width: 300px; float: left;

margin: 1em;
margin-top: 0.3em;

border-radius: 0.2em;
box-shadow: 0px 0px 5px #000;}

.right { width: 300px; float: right;

margin: 1em;
margin-top: 0.3em;
margin-right: 10em;
border-radius: 0.2em;
box-shadow: 0px 0px 5px #000;}

.medio { border-radius: 0.3em;
		 box-shadow: 0px 0px 5px #000;
		 width: 150px;
		 height: 120px;
		 margin: 0.5em;
		}

		.medio:hover { 
		 box-shadow: 0px 0px 10px #000;
		
		}


.grande { font-size: 14px; font-weight: bold;}


article a { color:#000; text-decoration: none;}

footer { background-color: #333;
		  	margin: 0em;
		  	padding:0em;
		  	color: #ddd;
		  font-size: 12px;
		background-image:url('../img/header.jpg');
		background-size: 100%;
		text-align: center;
		border-top: 3px solid #ccc;}

footer	h4 {color: #eaeaea;
		  	padding: 0.5em;
		  	padding-top: 0.5em;
		  	padding-left: 0em;
		  	margin: 0em;
		  	font-size:20px;
		  	text-shadow:1px 1px 0px #000;
		  	
		  	}
footer ul {	margin: 0em; padding-top: 0em;}


footer  ul li { display: inline-block;
					width: 30%;
					margin: 0em; padding-top:0em;
					
					top:0;
					text-align: left;
				}


footer p { padding-left: 0.9em;}


footer a  {color:#000;}
footer a:hover {color:#fff;}

.transparencia { background: -moz-linear-gradient(top,  rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}



/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:750px;
    list-style-type:none;
    margin:0px auto;
    padding:0px;
}
.contact_form li{
    padding:12px; 
    border-bottom:1px solid #eee;
    position:relative;
}

.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
    height:20px; 
    width:220px; 
    padding:5px 8px;
}
.contact_form textarea {
    padding:8px; 
    width:300px;
}
.contact_form button {
    margin-left:90px;
}

/*--- estilos visuales de los elementos ---*/
.contact_form input, .contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
    padding-right:80px;
}
/* === Estilos de Validacion === */
 
.contact_form input:required:valid, .contact_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
    opacity:.95;
    cursor: pointer; 
    color: #ccc;
}
button.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset; 
}
.lista {
font-size: 14px;
line-height: 2;
padding-left: 20px;
margin-bottom: 20px;
}
.lista a {
	font-weight: bold;
}