

@import url(http://fonts.googleapis.com/css?family=Marvel:400,700,400italic);
	
body {
	font-family: 'Marvel', sans-serif;
}
.main1 {
	width: 960px;
	height: 1350px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
#mainobj {
	width: 960px;
	height: 1150px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
#mainproyecto {
	width: 960px;
	height: 950px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
.main {
	width: 960px;
	height: 1340px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
nav {
	height: 90px;
	background-color: #D7D7D7;
}
.navprincipal li {
	display: inline;
	margin-right: 10px;
	padding: 6px 4px 4px 4px;
	border-radius: 3px;
}
.navprincipal a {
	text-decoration: none;
	font-size: 22px;
	color: #000000;
	font-weight: 700;
}
.navprincipal a:hover {
	color: #ec3444;	
	border-bottom: 3px solid #ec3444;
}
.navprincipal ul {
	float: right;
	margin-right: 10px;
	margin-top: 51px;
}
.navprincipal ul:last-child {
	margin-right: 0px;
}
.navprincipal img {
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}
ul.bxslider {
	height: 200px;
	margin: auto;
}
#slider {
	width: 948px;
	margin: auto;
	margin-top: -30px;
}
#frase {
	width: 960px;
	height: 60px;
	margin-bottom: 30px;
}
#conjunto{
	width: 960px;
	margin-left: 10px;
}
.info {
	width: 300px;
	height: 250px;	
	margin-top: 20px;
	border-top: 5px solid #1f8fbc;
}
.circulo {
	margin-top: 40px;
	float: left;
	margin-right: 20px;
}
#conjunto2 {
	height: 600px;
}
#bb {
	margin-top: 40px;
	float: left;
	margin-right: 0px;
}
footer {
	width: 960px;
	height: 150px;
	background-color: #1f8fbc;
	margin: auto;
}
#conjunto a {
	float: right;	
}
#conjunto a:hover {
	opacity: 0.6; 
	transition: all 0.4s ease;
}
footer a {
		margin-left: 10px;
}
footer img {
	margin-top: 45px;
}
footer img:hover {
	opacity: 0.6; 
	transition: all 0.4s ease;
}
h3 {
	font-size: 21px;
}
#bajada p {
	font-weight: 700;
	font-size: 20px;
}
span {
	font-weight: 400;
	font-style: italic;
	font-size: 17px;
}
footer div {
	width: 200px;
	height: 90px;
	float: right;
	margin-right: 40px;
	margin-top: 30px;
	border-right: 3px solid #fff;
	border-right-style: dotted;
	color: #fff;
}
#footerhome div {
	width: 200px;
	height: 90px;
	float: right;
	margin-right: 40px;
	margin-top: -76px;
	border-right: 3px solid #fff;
	border-right-style: dotted;
	color: #fff;
}
#header {
	height: 90px;
	background-color: #D7D7D7;
}
#lista {
	width: 960px;
	margin-top: 50px;
}
#lista ul {
	width: 640px;
	height: 648px;
	margin-left: -20px;
}
#lista li {
	width: 140px;
}
#lista li{
	text-align: center;
	float: right;
	margin-right: 18px;
	margin-bottom: 30px;
	list-style: none;
	border-bottom: solid 4px #000;
	font-size: 14px;
	margin-top: -15px;
}
#lista span {
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
}
#adjunta {
	float: left;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 80px;
	border-bottom: solid 4px #000;
	text-align: center;
}
#adjunta2 {
	float: left;
	width: 640px;
	height: 300px;
}
#mainequipo {
	width: 960px;
	height: 740px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
#contexto {
	height: 1110px;
}
#contexto2 {
	height: 430px;
	width: 940px;
	margin: auto;
	background-color: #002153;
	margin-top: 20px;
}
#caja1 {
	float: left;
	width: 470px;
	height: 430px;
	background-color: #1B4A91;
}
#caja1a {
	position: absolute;
}
#caja1 img {	
	 margin-left: 80px;
	 margin-top: 60px;
}
#caja1 h2 {
	float: left;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 50px;
	margin-top: 170px;
	margin-left: 140px;
}
#caja2 {
	float: left;
	width: 470px;
	height: 430px;
}
.cuatro {
	width: 420px;
	height: 80px;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 24px;
}
.extra {
	height: 80px;
	width: 110px;	
	background-color: #002153;
	text-align: center;
}
.extra span {
	font-size: 25px;
	font-weight: 700;
	font-style: normal;	
}
.extra p {
	color: #29abe3;
	font-size: 17px;
}
.extra2 {
	float: right;
	margin-top: -80px;
	height: 80px;
	width: 300px;
	background-color: #002153;
	color: #fff;
}
.extra2 p {
	margin: 0;
	font-size: 13px;	
}
#conjunto2 {	
	width: 820px;
	margin: auto;
	margin-top: 30px;
}
.info2 {
	width: 300px;
	height: 220px;	
	margin-top: 20px;
	border-bottom: 4px solid #000;
}
.titulosss {
	width: 300px;
	height: 40px;
	background-color: #004486;
}
.titulosss p {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 10px;
}
#tips ul {
	width: 720px;
	margin-top: 50px;
	margin-left: -28px;
}
#c3 {	
	width: 960px;
	margin-left: -60px;
}
#c3 p {
	width: 300px;
}
#tips ul li{
	list-style: none;
	width: 220px;
	height: 200px;
	float: left;
	margin-right: 20px;
	margin-top: 50px;
	border-bottom: 3px solid #000;	
}
#tips span {
	font-weight: 700;
	font-size: 20px;
}
#espacio {
	margin-top: 140px;
}
#ex4 {
margin-top: -20px;
width: 950px;
height: 240px;
line-height: 0px;
color: transparent; font-size: 40px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#ex4:hover {
line-height: 40px;
color: #000;
background-color: #EAEAEA;
}
#ex4:last-child {
	border-bottom: none;
	margin-bottom: 60px;
}
#ex4 img{	
	float: left;
	margin: 0 15px;
}
#data p {
	margin-top: -4px;
}
#data {	
	width: 300px;
	float: left;
	word-wrap: break-word;
}
#data span {
	line-height: 20px;
	font-weight: normal;
}
#agenda {
	margin-top: 40px;
}
#agenda li {
	margin-top: 12px;
	float: right;
	margin-right: 10px;
	height: 300px;
	width: 300px;
}
#agenda ul {
	width: 960px;
	height: 800px;
	margin-left: -50px;
}
#agenda a:hover {
	opacity: 0.6; 
	transition: all 0.8s ease;
}
#banner a:hover {
	opacity: 0.6; 
	transition: all 0.8s ease;
}
#objetivos {
	width: 940px;
	margin: auto;
	margin-top: 20px;	
}
#objetivos2 {
	position: absolute;			
}
#superp {
	position: relative;
	width: 300px;
	height: 80px;
	background-color: #f79f30;
	margin-left: 90px;
	margin-top: -80px;
	text-align: center;
	color: #fff;
	font-size: 34px;
}
#superp h2 {
	padding-top: 6px;
}
#objetivos3 {
	height: 960px;	
}
#susc {
	width: 300px;
	height: 500px;
	margin-left: 90px;
	margin-top: 60px;
}
#susc a{
	text-decoration: none;
	font-size: 28px;
	color: #000;
	margin-left: 6px;
}
#susc ul {
	list-style: none;
}
#susc ul li{
	margin-left: -40px;
	height: 38px;
	margin-bottom: 34px;	
}
#susc ul li:hover{
	background-color: #f79f30; 
	transition: all 0.6s ease;
}
#one {
	background-color: #d1d2d4;
	border-bottom: 4px solid #f79f30;
}
#meses {
	width: 460px;
	height: 700px;
	margin-top: -500px;
	margin-right: 90px;
	float: right;
}
#meses ul {
	margin-left: -39px;
	margin-top: -2px;
}
#meses li {	
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f79f30;
	list-style: none;
}
#meses li:first-child {	
	border-bottom: none;
}
#meses img {
	float: left;
	margin-right: 100px;
}
#meses li p {
	width: 460px;
}
#headerag {
	width: 920px;
	height: 78px;
	margin: auto;
	margin-bottom: -20px;
	margin-top: 20px;
}
#esperados li {
	border-bottom: none;
}
#esperados2 img {
	margin-right: 20px;
}
#esperados2 li {
	border-bottom: none;
}
#contacto1 {
	margin-left: 20px;
	float: left;
	width: 450px;
	height: 280px;
	border-bottom: solid 4px #eb3143;
}
#contacto2 {
	margin-right: 20px;
	float: right;
	width: 450px;
	height: 480px;	
}
#contacto3 {
	margin-left: 20px;
	float: left;
	width: 450px;
	height: 182px;
	margin-top: 15px;
}
#banner {
	width: 220px;
	margin-right: 10px;
	height: 456;
	float: right;
	margin-top: -456px;
}
.bloque {
	float: left;
	width: 450px;
	height: 80px;
	margin-left: 20px;
	margin-top: -46px;
	border-top: solid 4px #5BA873;
}
.bloque span {
	padding: 2px;
	color: #fff;	
	font-style: normal;
	font-weight: 700;
	background-color: #5BA873;
}
.bloque a {
	text-decoration: none;
}
.bloque a:hover {
	opacity: 0.6; 
	transition: all 0.8s ease;
}
#video {
	float: left;
	width: 610px;
	height: 343px;
	margin-left: 20px;
	margin-bottom: 43px;
}
#videoinfo {
	width: 300px;
	height: 343px;
	float: right;
	margin-right: 18px;
	margin-bottom: 40px;
	border-top: 4px solid #AB1971;
}
#mainvideo {
	width: 960px;
	height: 1450px;
	margin: auto;
	background-color: #eaeaea;
	border-top: solid 8px #000000;	
}
#video1 {
	margin-top: 60px;
}
#videoinfo span {
	font-size: 24px;
	font-weight: 700;
}
#banner2 {
	width: 220px;
	height: 700px;
	background-color: #000;
	float: right;
	margin-right: 20px;
}
#infoproyecto {
	width: 688px;
	height: 215px;
	margin-bottom: 20px;
	margin-left: 20px;
	border-top: 4px solid #1752A4;
	font-size: 17px;
}
#infoproyecto span{
	font-weight: 700;
	font-style: italic;
}
#fondooo {	
	z-index: 2;
}
#espacio {
	margin-top: -1050px;
	position: absolute;
	z-index: 100;
}
#promocional {
	height: 516px;
	width: 917px;
	margin: auto;
}
#carousel {
        width:960px;
        height:400px;
        position:relative;
        margin-bottom: 60px;
        margin-top: 20px;
        clear:both;
        overflow:hidden;     
      }
      
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
      }

      .split-left {
        width:450px;
        float:left;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
      }
      textarea#newoptions {
        width:430px;









