@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:url(../imagenes/piramide.jpg);
}

div#header {
	margin:0 auto;
	height:188px;
	width:1024px;
	margin-top:-220px;
	background:#0A1E2C;
	opacity:.2;
}

div#head2 {
	margin:0 auto;
	height:50px;
	width:1024px;
	background:#FFF;
}

img {
	margin:0 auto;
	display:block;
	z-index:1;
	position:relative;
}

div#content {
	margin:0 auto;
	margin-top:-51px;
	width:1024px;
	height:350px;
	background:#526093;
}

ol#qsomos {
	border-top:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	line-height:1.6em;
	margin-left:85px;
}

ul#ep {
	border-top:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	line-height:1.6em;
	margin-left:85px;
}

div#text {
	margin:0 auto;
	margin-top:50px;
	width:1024px;
	height:250px;
	position:relative;
	top:40px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #012168 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#012168)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#012168 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#012168 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#012168 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#012168 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#012168',GradientType=1 ); /* IE6-9 */
}

p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	padding-top:50px;
	margin-left:85px;
}

p#inicio {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	position:relative;
	margin-top:-65px;
	margin-left:990px;
}

#inicio a, #inicio a:link {
	text-decoration:none;
	color:#666;
	opacity:.8;
	-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#inicio a:hover, #inicio a:focus {
	color:#999;
	opacity:.4;
}



p#ep {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.8em;
	color:#012168;
	padding-top:50px;
	margin-left:85px;
}

ol#busca li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	line-height:1.6em;
	margin-left:85px;
}

ol#serv li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	line-height:1.6em;
	margin-left:85px;
}

ol#ben li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	line-height:1.6em;
	margin-left:85px;
}

nav#menu {
	margin:0 auto;
	margin-top:20px;
	width:1024px;
	height:45px;
	background:#59636C;
}
	
ul#barra li {
	margin-left:100px;
	display:inline;
}

#barra li {
	 float:left;
	 margin: 15px 50px 0 0;
	 list-style:none;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:.9em;
	 
	 }
 
 
#barra li a, #barra li a:link {
	  text-decoration:none;
	  color:#012168;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
  }
  
 #barra li a:hover, #mainnav li a:focus {
	 color:#FFF;
	 opacity:.4;
	 }
  
#ep a, #ep a:link {
	text-decoration:none;
	color:#F7F7F7;
	opacity:.8;
	-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}

#ep a:hover, #ep a:focus {
	color:#FFF;
	opacity:.4;
}
	

div#contacto {
	margin:0 auto;
	width:1024px;
	height:380px;
	background:#526093;
}

#contacto form{
	display: block;
	width: 540px;
	margin-left:50px;

}

#contacto form div{
	width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: 5px;
}

#n {
	margin-top:20px;
}

#contacto form div label{
	display: inline-block;
	float: left;
	width: 160px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#012168;
	margin-top: 7px;
	border-left:50px;
}
#contacto form div label strong{
	color:#CCC;
}
#contacto form div input{
	width: 220px;
	padding: 5px 10px 3px 5px;
	font-size: 15px;
	border-left:-40px;
}
#contacto form div textarea{
	font-size: 15px;
	width: 350px;
	padding: 5px 10px 3px 5px;
}
#contacto form div input#enviar{
	padding: 10px;
	background-color:#59636C;
	border-style: none;
	-webkit-box-shadow: 2px 2px 3px 1px #414042;
box-shadow: 2px 2px 3px 1px #414042;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	color:#CCC;
	font-weight: bold;
	float: right;
	display: inline-block;
	margin-right: -230px;
	margin-top:-80px;
}
#contacto form div input#enviar:hover{
	background-color:#CCC;
	color: #59636C;
}