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

body {padding:0; 
    margin:0; 
    height: 100%; 
    width: 100%;
	background: url(../img/line_index.jpg) ;
	 background-attachment: fixed;
	 text-align: center;}
	 
#centerindex{width: 100%; height: 100%; ; position: absolute; top:0px;text-align: center;padding:0px; margin:0px;  }

#icon {position:relative; top:240px}


a{text-decoration:none; color:#000}
a:hover{color:#3495ce;}

strong{font-family:"Nexabold";}

img {padding-top:0px}

#barra_menu {width:100%; height:84px; 
background: url(../img/menu.jpg) ;
text-align: center;

} 

h1{font-family:"Apex"; font-size:44px}
p{font-family:"Nexalight"; font-size:14px; line-height:20px; text-align:justify}
#nota{display: inline-block;width:400px; height:auto; padding: 0px 12px; border-style:none solid; border-width:2px;}
#nota p{font-size:25px;line-height:32px; text-align: center;}

span{color:#3495ce}

blue{color:#3495ce; font-weight:bold;}

@font-face 
 { font-family: "Apex";  
   src:url(../styles/ApexNew-Book.otf) format("opentype");}
   
 @font-face 
 { font-family: "Nexabold";  
   src:url(../styles/NexaBold.otf) format("opentype");}
   
  @font-face 
 { font-family: "Nexalight";  
   src:url(../styles/NexaLight.otf) format("opentype");}

#menu {display: inline-block;width:1100px; height:80px;

} 

#menu img {float:left;

} 

.buton {float:left}

.buton img {padding-top:15px}

#logo {width:196px; height:57px;top:15px; float:left;position:relative; top:13px}
#iconito {width:70px; height:34px; float:left;position:relative; top:18px}


#center{width:1024px;height:auto;display: inline-block; background:url(../img/quienes_building.png) bottom right no-repeat; background-position:fixed;  }
#centerinicio{width:1024px;height:auto;display: inline-block; background:url(../img/inicio_img.png) top center no-repeat; background-position:fixed;  }

#center_modulos{width:1024px;height:auto;display: inline-block; background:url(../img/background_modulos.png) bottom right no-repeat; background-position:fixed;  }
#center_soporte{width:1024px;height:auto;display: inline-block; background:url(../img/background_soporte.png) bottom right no-repeat; background-position:fixed;  }
#center_modulos #contenido{width:440px;
/*background-color:#999;*/
float:left; text-align:left;
}
#center_blanco{width:1024px;height:auto;display: inline-block;   }

#contenido{width:440px;
/*background-color:#999;*/
float:left; text-align:center;
}
#contenidoright{width:310px;
/*background-color:#999;*/
float:right; text-align:center;
}
#contenidoright2{width:440px;
/*background-color:#999;*/
float:right; text-align:center;
}
#contenidocenter{width:440px;
/*background-color:#999;*/
float:left; text-align:center;
}
#contenidocenter p{text-align:center;
}

.borderwhite{border:solid; border-width:15px;border-color:#fff;}

#barra_bottom {position:relative;display: inline-block;width:100%; height:48px; 
background: url(../img/bottom.jpg) ;
text-align: center;

} 
#barra_bottom p{color:#fff; font-size:10px; text-align:center}

#subtitulo{display: inline-block;width:400px; height:auto; padding: 0px 12px;}
#subtitulo p{font-size:35px;line-height:40px; text-align: center;}
#subtitulo2 p{font-size:25px;line-height:40px; text-align: center;}

/* Forma*/


#forma {display: inline-block;width:440px; text-align:left}

#forma p {line-height:25px}

label.error { color:#3495ce; padding-left: 20px; vertical-align: top; font-size:11px; padding-bottom:0px; }

input  { font-size:10px ; width:440px; line-height:30px; margin-left:0px; margin-top:0px;  border:none; color:#000;background-color: #fff; padding:4px
} 

textarea {  font-size:10px ; width:440px; line-height:5px; margin-left:0px; margin-top:0px; font-family:Arial; height:110px;background-color:#fff; border:none; color:#000; padding:4px}

.submit{width:129px; height:46px; background:none; padding: 0px}


/* listas*/
ul{font-family:"Nexalight"; font-size:14px; line-height:25px; text-align:left; list-style: square url("../img/bullet_blue.png");}
li.level1 {   margin-right: 10px;  }
    ul.level2 { list-style: square url("../img/bullet_naranja.png"); }
    li.level2 {  padding-left: 10px }





#index{width:400px; height:100px; display: inline-block; position:absolute;top:500px; left:50%; margin-left:-200px }

#index p{ font-family:"Apex"; font-size:18px; text-transform:uppercase; color:#FFF; text-align:center}

#index a{color:#FFF;}

#index a:hover{color:#0FF;}

#video{width:320; height:240; position:absolute; top:0px}

#piramide_hype_container{display:inline-block}
#piramideoriginalingles_hype_container{display:inline-block}
#piramideoriginal_hype_container{display:inline-block}