@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ 
   font-size:12px; color:#666;
   background: -webkit-radial-gradient(#ffffff, #ebeded);
   background: -moz-radial-gradient(#ffffff, #ebeded);
   background: -o-radial-gradient(#ffffff, #ebeded);
   background: radial-gradient(#ffffff, #ebeded);
   font-family: Verdana, tahoma, helvetica;
   line-height: 18px;
   }
   
#main-welcome{ width:925px; margin:0 auto;}

#main{ width:925px; height: auto; margin:0 auto;}
#headerSeparate{ width:100%; height:20px; float:left;}
#container-menu{ width:100%; height:31px; float:left; }
#container-menu #fya-logo-index{ width:120px; height:31px; float:left; background: url(../images/logo-left-side.png) no-repeat; cursor:pointer; background-position:-120px;}
#container-menu #menu-background{ width:805px; height:31px; float: right; background:url(../images/menu-main-background.png) center no-repeat;}
#container-menu #main-menu{ width:690px; height:31px; margin:0 auto; position:relative;}
#welcome-fya{ width:100%; height: 605px; float:left; }

#welcome-fya #spark-adv{ width:175px; height:193px; position:absolute; margin:150px 0 0 20px; /*display:none;*/ color:#FFF; padding:35px 10px 10px 10px; z-index:5;}
#welcome-fya #made-for-ipad {width:95px; height:48px; display: block; padding:0; z-index:10; right:0; top:480px; position:absolute;}

#welcome-fya #fya-logo{ width:100%; height:255px; margin:175px auto; background:url(../images/welcome-fya_02.png) no-repeat center; display:none;}
#footer-info{ width:100%; height: 41px; float:left; font-size:8pt;}
#color-bar{ width:100%; height: 26px; float:left; background:url(../images/color-bar.png) repeat;}

a{ color:#666; text-decoration:none;}
a:hover{ color:#999; text-decoration:none;}

/*---*/
#nav { list-style:none; font-size:12px; text-align:center;}
#nav li { float:left; text-align:center;}
#nav li a { display:block; padding:7px 15px 7px 10px; text-decoration:none; color:#FFF; font-size:14px;}
#nav li a:hover { color:#FFFFFF; }
#nav li.slash{ background:url(../images/main-menu-slash.png) no-repeat right;}
/* Submenu */
#nav ul.submenu { /*border:1px solid #000000;*/ padding:5px; position:absolute; list-style:none; background-color:#b7b9bf; top:32px; width:170px;}
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px dashed #999999; width:170px; text-align:left;}
#nav ul.submenu li a:hover { color:#FFFFFF; background-color:#cccccc;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;}
/*---*/


#main-content{ width:100%; height: 605px; float:left;}


#main-content #apple-left{ width:510px; height: 550px; float:left; background:url(../images/la-agencia-apple.png) no-repeat center;}
#main-content #agencia-right{ width:413px; height: 550px; float:left; }
#main-content #agencia-right #agencia-topic{ width:413px; height:111px; background-image:url(../images/agencia-topic.png); float:left; margin:55px 0 15px 0;}
#main-content #agencia-right #agencia-text{ width:413px; height:370px; float:left; text-align:right; line-height:18px;}


#main-content #publicis-groupe-left{ width:510px; height: 550px; float:left; background: url(../images/red-mundial-pulicis-groupe.png) center no-repeat;}
#main-content #agencia-right #redmundial-topic{ width:413px; height:111px; background-image:url(../images/red-mundial-topic.png); float:left; margin:55px 0 15px 0;}


#main-content #comunidad-topic{ width:100%; /*height:114px;*/ height:50px; margin:55px 0 15px 0; float:left;}
#main-content #Comunidad-fya{ width:100%; height:229px; background:url(../images/comunidad-fya.png) center no-repeat; float:left;}
#main-content #Comunidad-fya-empresas{ width:100%; height:128px; float:left;}
#main-content #Comunidad-fya-empresas #leo-burnett{ width:201px; height:128px; float:left; margin-left:50px;}
#main-content #Comunidad-fya-empresas #starcom-mediavest{ width:133px; height:128px; float:left; margin-left:55px;}
#main-content #Comunidad-fya-empresas #aditss{ width:91px; height:128px; float:left; margin-left:35px;}
#main-content #Comunidad-fya-empresas #advocacy{ width:122px; height:128px; float:left; margin-left:20px;}
#main-content #Comunidad-fya-empresas #adtivity{ width:122px; height:128px; float:left; margin-left:20px;}
#main-content #Comunidad-fya-empresas #leo-burnett-img, #starcom-mediavest-img, #aditss-img, #advocacy-img, #adtivity-img { display:none;}


#main-content #creemos-hand{ width:425px; height:475px; float:left; background:url(../images/creemos-hand.png) no-repeat bottom;}
#main-content #creemos-right{ width:500px; height:475px; float:left;}
#main-content #creemos-right #creemos-topic{width:383px; height:100px; margin:92px 0 15px 40px; float:left; background:url(../images/creemos-topic.png) no-repeat;}
#main-content #creemos-right #creemos-text{ width:383px; height:260px; float:left; margin-left:50px; text-align:right; font-size:10pt; display:none;}


#main-content #human-kind{ width:440px; height:545px; background:url(../images/human-kind.png) center no-repeat; float:left;}
#main-content #human-kind-right{ width:485px; height:545px; float:left;}
#main-content #human-kind-right #page{ width:486px; height:478px; margin: 35px auto 0 auto; background:url(../images/human-kind-creemos-paper.png)}
#main-content #human-kind-right #page #text{ width:352px; height:179px; margin:125px 80px 173px 35px; color:#FFF; float:left; display:none;}


#main-content #casos-de-exito-topic{ width:100%; height:99px; float:left; margin:50px 0 35px 0; background:url(../images/casos-de-exito.png) left no-repeat;}
#main-content #container-projects{ width:100%; height:360px; float:left;} 


#main-content #logo-container{ width:225px; height:420px; float:left; margin-top:20px;}
#main-content #imagen-complete{width:460px; height:420px; float:left; margin-top:20px;}
#main-content #imagen-complete .loading-image{ background:url(../images/loading.gif) no-repeat center;}
#main-content #imagen-complete #imagen-complete img{ max-width:465px; max-height:420px;}
#main-content #info-cliente{width:240px; height:420px; float:left; margin-top:20px;}
#main-content #info-cliente #bar-info{ width:210px; height:85px; float: right; background:url(../images/casos-exito-bar.png) no-repeat; margin:40px 0 0 0; color:#FFF; padding:8px 0 0 30px; font-size:11px;}
#main-content #thumbs{ width:100%; height:150px; float:left;}


#main-content #left-spark{width:50%; height:1000px; float:left; background:url(../images/spark/spark-left-background.png) no-repeat left;}

#button-accept{width:180px; height:20px; background-color:#F90; color:#FFF; text-align:center; padding:7px 8px;}
#button-accept a{ color:#FFF; text-decoration:none;}
#button-accept a:hover{ color:#d5d5d5; text-decoration:none;}