*{ margin: 0px; padding: 0px; } /*body { background: #65ba00 url("../images/gm_2010/bg_interno.png") top center no-repeat; text-align: left; }*/ body { background-color: #65ba00; text-align: left; } .hide { display: none; } img { border: 0px; } html, body { height:100%; margin:0; } /* --------------------- Clearing method --------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear{clear:both;} /* --------------------- Base --------------------- */ #pagina{ width:1000px; min-height: 100%; margin: 0 auto; } *html #pagina { height:100%;} #header{ width:100%; margin:0 auto; height: 142px; } #header span{display:none;} #branding{ float: left; width: 423px; height: 142px; margin: 0px 0px 0px 13px; padding:0;} #branding h1 a{ display: block; width: 428px; height: 142px; background: #65ba00 url("../images/gm_2010/logo_interno2.png") top left no-repeat; } #branding h1 span{ display: none; } #page-navigation { float: right; margin-top:42px;} #page-navigation ul{ text-align: right; width: 480px; float:right;} #page-navigation li { display:inline; } #page-navigation li a{ float: left; margin-right:13px; color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #page-navigation span{ display: none;} #m_que a{ display: block; height:22px; width:41px; background: transparent url("../images/gm_2010/m_que.png") top no-repeat;} #m_quienes a{ display: block; height:22px; width:68px; background: transparent url("../images/gm_2010/m_quienes.png") top no-repeat;} #m_portfolio a{ display: block; height:22px; width:68px; background: transparent url("../images/gm_2010/m_portfolio.png") top no-repeat;} #m_clientes a{ display: block; height:22px; width:68px; background: transparent url("../images/gm_2010/m_clientes.png") top no-repeat;} #m_contacto a{ display: block; height:22px; width:68px; background: transparent url("../images/gm_2010/m_contacto.png") top no-repeat;} #m_que a:hover{ background-position: bottom;} #m_quienes a:hover{ background-position: bottom;} #m_portfolio a:hover{ background-position: bottom;} #m_clientes a:hover{ background-position: bottom;} #m_contacto a:hover{ background-position: bottom;} #page-navigation li.selected a{ background-position: bottom; } #hover_que,#hover_quienes,#hover_portfolio,#hover_clientes,#hover_contacto{ height:33px; position: absolute; top: 64px; display:none;} #hover_que{ width:189px; background:transparent url("../images/gm_2010/hover_que.png") bottom no-repeat; } #hover_quienes{ width:148px; background:transparent url("../images/gm_2010/hover_quienes.png") bottom no-repeat; } #hover_portfolio{ width:148px; background:transparent url("../images/gm_2010/hover_portfolio.png") bottom no-repeat; } #hover_clientes{ width:191px; background:transparent url("../images/gm_2010/hover_clientes.png") bottom no-repeat; } #hover_contacto{ width:101px; background:transparent url("../images/gm_2010/hover_contacto.png") bottom no-repeat; } #page-content{ width:100%; clear:both; margin: 10px auto 0px auto;} /* Miembros */ .miembro{ width: 310px; float:left; margin:0 10px;} .miembro .retrato{ float: left; overflow: hidden; width: 100px; height: 100px; margin:5px 5px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .miembro .datos{ text-align:left; color:#FFF;} .miembro .datos p{ font-family: Verdana, Tahoma; font-size:11px; margin-top:6px; line-height:17px; text-align:justify;} .miembro .datos a{ color: #FFF; } .miembro .datos ul.icons{ margin: 5px auto 0 auto; width:310px; list-style: none; text-align:center;} .miembro .datos ul.icons li{ display: inline; height: 31px; } .miembro .datos ul.icons li a{ margin:0; padding:0; margin-right: 4px; float: left; display: block; height: 31px; width: 30px;} .miembro .datos ul.icons li a span{ display: none;} .miembro .datos ul.icons li a.twitter{ background: #65ba00 url("../images/gm_2010/icon_twitter.png") no-repeat;} .miembro .datos ul.icons li a.facebook{ background: #65ba00 url("../images/gm_2010/icon_facebook.png") no-repeat;} .miembro .datos ul.icons li a.linkedin{ background: #65ba00 url("../images/gm_2010/icon_linkedin.png") no-repeat;} .miembro .datos ul.icons li a.rss{ background: #65ba00 url("../images/gm_2010/icon_feed.png") no-repeat;} .miembro .datos ul.icons li a.flickr{ background: #65ba00 url("../images/gm_2010/icon_flickr.png") no-repeat;} .miembro .datos ul.icons li a.tumblr{ background: #65ba00 url("../images/gm_2010/icon_tumblr.png") no-repeat;} .miembro .datos ul.icons li a.delicious{ background: #65ba00 url("../images/gm_2010/icon_delicious.png") no-repeat;} h3#victor{ display:block; width:108px; height:20px; background: transparent url("../images/gm_2010/titulo_victor.png") no-repeat;} h3#matias{ display:block; width:206px; height:20px; background: transparent url("../images/gm_2010/titulo_matias.png") no-repeat;} h3#boris{ display:block; width:118px; height:20px; background: transparent url("../images/gm_2010/titulo_boris.png") no-repeat;} .miembro h3 span{ display:none; } /* Trabajo */ .trabajo{ width: 310px; float:left; margin:0 10px; height: 160px;} .trabajo .retrato{ float: left; overflow: hidden; width: 100px; height: 100px; margin:3px 5px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .trabajo .datos{ text-align:left; color:#FFF;} .trabajo .datos p{ font-family: Verdana, Tahoma; font-size:11px; margin-top:6px; line-height:17px; text-align:left;} .trabajo .datos a{ color: #FFF; } .trabajo h3{ color:#FFF; } .trabajo h3 a{ color:#FFF; } /* h3#frioteka{ background: transparent url("../images/gm/portfolio/frioteka_title.png") no-repeat;} h3#delegar{ background: transparent url("../images/gm/portfolio/delegar_title.png") no-repeat;} h3#inteenmidades{ background: transparent url("../images/gm/portfolio/inteenmidades_title.png") no-repeat;} h3#paranadetodos{ background: transparent url("../images/gm/portfolio/paranadetodos_title.png") no-repeat;} h3#papanoel{ background: transparent url("../images/gm/portfolio/movimiento_title.png") no-repeat;} h3#cuestion{ background: transparent url("../images/gm/portfolio/cuestion_title.png") no-repeat;} h3#bourband{ background: transparent url("../images/gm/portfolio/bourband_title.png") no-repeat;} h3#wifi{ background: transparent url("../images/gm/portfolio/wifi_title.png") no-repeat;} h3#borgert{ background: transparent url("../images/gm/portfolio/borgert_title.png") no-repeat;} h3#popbarra{ background: transparent url("../images/gm/portfolio/pop-title.png") no-repeat;} h3#orgparana{ background: transparent url("../images/gm/portfolio/orgpna_title.png") no-repeat;} h3#alttab{ background: transparent url("../images/gm/portfolio/alttab_title.png") no-repeat;} h3#workinprogress{ background: transparent url("../images/gm/portfolio/wip_title.png") no-repeat;} h3#jdzacarias{ background: transparent url("../images/gm/portfolio/zacarias_title.png") no-repeat;} h3#ant{ background: transparent url("../images/gm/portfolio/ant_title.png") no-repeat;} h3#censo140{ background: transparent url("../images/gm/portfolio/censo140_title.png") no-repeat;} h3#capacitar{ background: transparent url("../images/gm/portfolio/capacitar_title.png") no-repeat;} h3#sfv2{ background: transparent url("../images/gm/portfolio/sfv2_title.png") no-repeat;} h3#aulakea{ background: transparent url("../images/gm/portfolio/aulavirtual_title.png") no-repeat;} h3#waitless{ background: transparent url("../images/gm/portfolio/waitless_title.png") no-repeat;} h3#turnero{ background: transparent url("../images/gm/portfolio/turnero_title.png") no-repeat;} h3#mundus{ background: transparent url("../images/gm/portfolio/mundus_title.png") no-repeat;} .trabajo h3 span{ display:none; }*/ .cliente{ width: 310px; float:left; margin:5px 10px; height: 130px;} .cliente .captura a{ display:block; float: left; overflow: hidden; width: 310px; height: 130px; } /* Servicio */ .servicio{ width: 310px; float:left; margin:0 10px; height: 160px;} .servicio .captura{ float: left; overflow: hidden; width: 100px; height: 100px; margin:3px 5px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .servicio .datos{ text-align:left; color:#FFF;} .servicio .datos p{ font-family: Verdana, Tahoma; font-size:11px; margin-top:6px; line-height:17px; text-align:left;} .servicio .datos a{ color: #FFF; } .servicio h3{ color:#FFF; } .servicio h3 a{ color:#FFF; } /*h3#s_wordpress{ background: transparent url("../images/gm_2010/que_t_wordpress.png") center left no-repeat;} h3#s_publicidad{ background: transparent url("../images/gm_2010/que_t_publicidad.png") center left no-repeat;} h3#s_design{ background: transparent url("../images/gm_2010/que_t_design.png") center left no-repeat;} h3#s_construc{ background: transparent url("../images/gm_2010/que_t_construccion.png") center left no-repeat;} h3#s_desarrollo{ background: transparent url("../images/gm_2010/que_t_desarrollo.png") center left no-repeat;} h3#s_mapas{ background: transparent url("../images/gm_2010/que_t_maps.png") center left no-repeat;} .servicio h3 span{ display:none; } */ .ampliado{ height: auto;} /* contacto */ #complement{ float: left; color:#FFF; width:560px; } #complement h3#soporte{ background: url("../images/gm_2010/titulo_soporte.png"); width:156px; height:21px; } #complement h3#direccion{ background: url("../images/gm_2010/titulo_direccion.png"); width:156px; height:21px; } #complement h3#telefono{ background: url("../images/gm_2010/titulo_telefono.png"); width:156px; height:21px; } #complement h3#online{ background: url("../images/gm_2010/titulo_online.png"); width:156px; height:21px; } #complement h3 span{ display: none; } #complement p{ margin:5px 0px 7px 12px; font-size: 12px; font-family: Verdana, Tahoma; line-height: 15px;} #complement a{ color: #FFF; text-decoration: none; } #contact{ float: right; width: 357px; background-color: #a2d666; margin-right: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px;} #contact p{ font-size: 10px; font-family: Verdana, Tahoma; color: #000; margin-bottom:2px;} #contact form p{ line-height: 27px; background-color: #FFF; margin-bottom:0px; margin-top: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:2px 0px 2px 0px;} #contact form label{ margin-left: 4px; text-transform: lowercase;} #contact form input{ background-color: #FFF; width: 250px; border:1px solid #FFF; font-family: Verdana, Tahoma; font-size:10px;} #contact form .input_error{ border:1px solid red; } #contact form textarea{ margin:0px 3px; background-color: #FFF; width: 349px; height: 150px; border: 1px solid #FFF; font-family: Verdana, Tahoma; font-size:10px; } .separador1 { clear:both; height: 160px; } #page-footer{ clear: both; height: 80px; width:1000px; margin:-90px auto 0 auto;} #page-footer span{ display:none;} #somos_gm{float:left; height:54px; width:325px; margin-top:0px;} #somos_gm a{ display:block; margin-top:30px; height:24px; width:325px; background: #65ba00 url("../images/gm_2010/f_somosgm.png") no-repeat;} #socialmedia{ float:right; margin-top:0px; height:54px; width: 256px; margin-right: 30px;} #socialmedia li{ float:left; height: 50px; list-style:none;} #socialmedia li a{ display:block; width:50px; height: 50px; margin:0 7px;} #f_linkedin a{ background:#65ba00 url("../images/gm_2010/f_linkedin.png") no-repeat;} #f_twitter a{ background:#65ba00 url("../images/gm_2010/f_twitter.png") no-repeat;} #f_facebook a{ background:#65ba00 url("../images/gm_2010/f_facebook.png") no-repeat;} #f_feed a{ background:#65ba00 url("../images/gm_2010/f_feed.png") no-repeat;} #bubbleblog{ position:absolute; display:none; height: 111px; width:325px; background: transparent url("../images/gm_2010/f_blog.png") top left no-repeat;}