/* **************************************************************************
				  styles - (c) 2008 - www.newbriefing.com 
 **************************************************************************  */
 
 body{ background:url(img/bgbody.jpg) repeat-x; color:#333;font-family:"Trebuchet MS", Tahoma, Georgia, Arial, Helvetica, sans-serif;font-size:14px;margin:0;padding:0}
.smalltxt{font-size:10px}
.active,.activemenu{background-color:#9a1010;margin-top:-4px; padding:4px; color:#fff}
.activemenu{padding:4px 10px}
h1,h2,h3,h4,h5,h6{display:inline-table;font-family:Arial, Helvetica, sans-serif;margin-top:2px}
h1,h2{font-size:18px}
h3{font-size:16px}
h5,h6{font-size:13px}
img{ border:0}
#mainbanner_pq h1,#mainbanner_sem h1,#mainbanner_seo h1,#mainbanner_hrr h1,#mainbanner_faq h1,#mainbanner_con h1{line-height:95px;text-indent:20px}
.off,#off{display:none}
.container,.header,.content{margin:auto; width:984px; background-color:#fff}
.footer{ margin:0 auto; width:100%}
.content{border-left:#eee 1px solid}
.header,.footer{height:130px}
.footer{height:90px; line-height:13px}
.header{background:url(img/bgheader.gif) no-repeat;}
.headleft{float:left;height:80px;margin-top:25px;width:271px}
.headleft img{ visibility:hidden}
.headleft a {float:left; width:285px; height:80px;/* background-color:red*/}
.topnav,.mainmenu{color:#003269; float:right}
.mainmenu{text-transform:uppercase!important}
.topnav{font-size:10px;height:85px;width:460px}
.topnav li{float:left;margin-top:3px}
.topnav a{/*color:#f1f1f1*/color:#003269;margin-left:2px;margin-right:2px;text-decoration:none; padding:0 1px}
.topinput#user{margin-left:25px}
.topinput,.topbutton{font-size:11px;width:55px}
.mainmenu{/*color:#fff*/color:#003269;font-size:11px;width:760px; float:right; height:50px; padding-bottom:10px; margin-top:-10px}
.mainmenu ul{float:right}
.mainmenu a{/*color:#fff*/color:#003269;margin-left:6px;margin-right:6px;padding:4px;text-decoration:none}
.mainmenu a:hover{/*background-color:#fff;color:#003269*/ background-color:#003269; color:#fff}
/* main banner  TOP  */
#mainbannerindex{background:url(img/mainbanner.jpg) no-repeat;display:table;height:140px;width:985px; display:none}
#mainbannerindex h3{font-family:"Trebuchet MS", Tahoma, Georgia, Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;margin-left:136px;margin-top:48px}
#mainbanner,#mainbannerindex{border-bottom:#eee 1px solid}
.callbuttontop{background:url(img/callbuttontop.gif) no-repeat;height:25px;margin:10px 0 0 380px;width:180px}
.callbuttontop:hover{background-position:-180px}
.callbuttontop p{margin-top:2px}
.callbuttontop a{color:#fff;margin-left:40px;text-decoration:none}
/* main banners sections  */
#mainbanner_pq,#mainbanner_sem,#mainbanner_seo,#mainbanner_hrr,#mainbanner_faq,#mainbanner_con{border-bottom:#eee 1px solid;height:95px;width:984px; display:none}
#mainbanner_pq{background:url(img/mainbanner_mid7.jpg) no-repeat}
#mainbanner_sem,#mainbanner_seo{background:url(img/mainbanner_mid3.jpg) no-repeat}
#mainbanner_hrr{background:url(img/mainbanner_mid5.jpg) no-repeat}
#mainbanner_faq{background:url(img/mainbanner_mid1.jpg) no-repeat}
#mainbanner_con{background:url(img/mainbanner_mid2.jpg) no-repeat}
/* main content  */
.maincontent{/*border-top:#003269*/ border-top:#999 1px solid}
.contentleft, .contentleft-letters{float:left}
.contentleft,.contentright{margin-top:10px}
.contentleft{padding:10px 0 10px 18px;width:650px}
.leftinside,.rightinside{background-color:#f1f1f1;border:#ccc dashed 1px;float:left;font-size:13px;height:290px;margin:0 10px 20px 5px;padding:20px 10px 25px;width:280px}
.leftinside:hover,.rightinside:hover{background-color:#fff;border:#eee 1px solid;cursor:pointer}
.contentright{border-left:#eee 1px solid;padding:10px;width:280px; float:right}
.certific,.asociaciones{border-left:#ddd 1px solid;	border-right:#ddd 1px solid; margin:0 auto;	width:250px}
.certific{height:135px;margin-bottom:0}
.certific h2,.asociaciones h2{ width:230px; height:32px; margin-left:10px; margin-bottom:10px}
.certific div{float:left}
.certific div#gglogo{margin:0 12px}
#yhlogo{margin-top:12px}
.asociaciones{width:250px; height:220px; padding-left:0px}
.asociaciones div{float:left; margin-bottom:7px; margin-left:10px}
#sempo, #iab, #iabs{margin-left:30px}
#confianza{margin-left:27px}
.callaction{background:url(img/bgcite.gif) repeat-x;margin:0 auto 10px;width:250px}
.citeline{background:#d7e9fc url(img/bgcite.gif) repeat-x;border-bottom:#ddd 1px solid;border-top:#ddd 1px solid;clear:right;float:left;margin-bottom:20px;margin-left:12px;padding:15px 20px;width:85%}
/* por que newbriefing  */
#porque{margin:0 auto;width:620px}
#morelogos{float:none;margin-left:15px}
#morelogos div{border:#eee 1px solid;float:left;margin-right:7px}
/*  SEM SEO  */
.subtopmenu{float:left;font-size:11px;height:350px;line-height:25px;margin:0 15px 0 0}
.subtopmenu a:hover{color:#9a1010; text-decoration:underline}
.centralcontent{float:right;padding:0 10px 5px;width:480px}
.HerramientasImg{height:56px;margin:0 10px 25px 0;width:121px}
.HerramientasTxt{clear:right;margin-bottom:25px;min-height:56px;width:480px}
.HerramientasTxt p{margin:0}
.palone{border-bottom:#eee 1px solid;padding-bottom:10px}
.FieldContainer{clear:both;margin-bottom:0;width:500px}
.FieldContainer div{float:left;margin:0;padding:0 0 7px}
.TagForm{width:105px}
.TagForm p{margin:0;padding:0}
/*.required{background-color:fad9d9 !important}*/
.Button input{float:right;margin-right:117px;margin-top:15px;padding:2px 8px}
/* Formulario Report  */
.formreport{font-size:14px;margin-left:25px}
#cformreport{background:url(img/bgform.gif) repeat-x}
.frepotag{color:#003269;font-weight:700;margin-bottom:3px}
.frepotagp{color:#003269;font-weight:700;margin-bottom:3px;margin-top:0}
.formreport input{margin-bottom:10px;width:300px}
.formreport #url,.formreport .competencia{background:url(img/form-url.gif) no-repeat;background-position:left;padding-left:60px;width:240px}
.formreport #empresa{background:url(img/form-empresa.gif) no-repeat;background-position:left;padding-left:30px;width:270px}
.formreport .key{background:url(img/form-criterio.gif) no-repeat;background-position:left;padding-left:30px;width:270px}
.formreport #mail{background:url(img/form-email.gif) no-repeat;background-position:left;padding-left:30px;width:270px}
.formreport #name{background:url(img/form-nombre.gif) no-repeat;background-position:left;padding-left:30px;width:270px}
.formreport #tel{background:url(img/form-telefono.gif) no-repeat;background-position:left;margin-bottom:20px;padding-left:30px;width:270px}
.formreport .confirm{float:left;margin:1px 5px;width:25px}
.formreport span.red{float:left;margin-right:10px}
.formreport .buttonreport{color:#003269;font-size:14px;margin:15px 0;padding:4px}
.formreport .smalltxt{color:#333;font-style:italic;margin-top:-10px}
/* *************** sitemap ********************************  */
.sitemaplist{line-height:28px;width:280px; border-collapse: collapse}
.sitemaplist li{border-bottom:#ddd 1px solid}
/* main callaction  */
.callaction_banner{background:url(img/callbanner.jpg) no-repeat;clear:both;height:230px;margin-bottom:10px;margin-left:5px;width:620px}
.callaction_banner h3{font-size:12px;margin-bottom:5px;margin-left:20px}
.callaction_banner h3.white{line-height:28px}
.callaction_banner p{font-size:12px;margin-left:20px}
.callbannerleft{float:left;height:230px;width:410px}
.callbannerright{background:url(img/callbutton2.gif) no-repeat;float:left;height:39px;margin-left:15px;margin-top:170px;width:181px}
.callbannerright:hover{background-position:-181px}
.callbannerright p{margin-top:7px}
.callbannerright a{color:#fff;font-size:18px;text-decoration:blink}
.callbannerright a:hover{text-decoration:none}
/* footer  */
.footer{background:#003269 url(img/bgf.gif) repeat-x;color:#555/*#fff*/;font-size:13px;margin-bottom:30px;padding-top:15px;text-align:center;width:984px; border-top:#ddd 3px solid}
.footer .validate{margin-top:10px}
.footer p{display:inline;margin-left:0}
.footer a{color:#003269}
/* round box right  */
.toproundbox{background:url(img/toroundbox.gif) no-repeat;height:6px;margin:auto;width:252px}
.bottomroundbox{background:url(img/bottomroundbox.gif) no-repeat;height:6px;margin:auto auto 25px;width:252px}
/* rounded  */
.RoundBox{margin:15px 0;width:99%}
.b1f,.b2f,.b3f,.b4f{clear:both;display:block;font-size:1px;overflow:hidden}
.b1f,.b2f,.b3f,.b4f{background:#eee}
.b1f,.b2f,.b3f{height:1px}
.b1f{margin:0 5px}
.b2f{margin:0 3px}
.b3f{margin:0 2px}
.b4f{height:2px;margin:0 1px}
.contentf{background:#eee;line-height:21px;padding:12px 12px 0;width:451px}
.contentf2{background:#eee;line-height:21px;padding:12px 12px 0;width:619px;/* height:345px*/}
.contentf2 ul{list-style:decimal; font-weight:700; font-size:14px; list-style:none; margin-left:13px}
.contentf2 li{margin-bottom:25px}
.contentf2 li.img{float:left; margin-right:30px}
.contentf2 li.img img{ border:#ddd 1px solid}
.contentff{background:#eee;padding:12px 12px 0;width:620px}
img,.offline{border:0}
.clearfix,.contentff p{clear:both}
.red,.leftinside a:hover,.rightinside a:hover,.faqlist a:hover{color:#9a1010}
.faqlist a:hover{ text-decoration:underline}
.blue,.faqlist a{color:#003269}
.white,.active,.activemenu,{color:#fff}
h4,.leftinside h2 span.blue,.leftinside h2 span.red,.rightinside h2 span.blue,.rightinside h2 span.red{font-size:14px}
.topnav ul,.mainmenu ul{list-style:none}
.topnav a:hover,.sitemaplist a:hover{/*text-decoration:underline*/color:#fff; background-color:#9a1010}
.mainmenu li,#HerramientasList div{float:left}
.contentleft a,.contentright a,.sitemaplist a{color:#003269;text-decoration:none}
.sitemaplist a{display:block; text-indent:5px}
.contentleft h2,.contentf div,.contentff div{margin-left:5px}
.certific #gglogo,#iabs{border:#eee 1px solid}
#HerramientasList,#Formulario{width:620px}
/* append ene09 */
#service1-sem, #service2-seo, #service3-aweb, #service4-orm{width:280px; float:left;padding:14px; font-size:12px; border:#eee 1px solid; /*background:url(img/bgbody2.jpg) repeat-x*/; margin-bottom:15px}
.service-title{display:block; text-indent:-9999px; width:280px; height:32px; margin-bottom:20px}
.titseo{background:url(img/h1seo.jpg) no-repeat}
.titsem{background:url(img/h1sem.jpg) no-repeat}
.titaweb{background:url(img/h1aweb.jpg) no-repeat}
.titorm{background:url(img/h1orm.jpg) no-repeat}
/*#box-service-content h1:hover{color:#9a1010}*/
#box-service-content strong{color:#036}
#box-service-content ul{clear:both}
#service1-sem, #service2-seo{height:265px}
#service3-aweb, #service4-orm{height:280px}
#service1-sem, #service3-aweb{margin-left:10px}
#service2-seo, #service4-orm{margin-left:20px}
.service-icon{width:100px; height:100px; float:left; margin:3px 10px 5px 0; border:#ccc 1px solid; background-color:#fff}
.service-txt{/*background-color:red*/ margin-top:0; padding:0}
.service-txt p{margin-top:0}
#box-service-content li{ list-style-image:url(img/limg.gif); margin-bottom:5px; line-height:15px}
.linkservice h1{width:280px; height:32px; float:left; background:url(img/h1sem.jpg) no-repeat; margin-bottom:16px}
.linkservice a { display:block; width:280px; height:32px}
#txt-sem li:first-child{color:#036; }
#informeseo{ width:560px}
.columnaseo{ float:right; width:355px; margin-top:90px; margin-right:25px; font-size:12px; color:#666; padding:22px 10px; border:#ccc 1px solid}
.columnaseo h1{ color:#666; font-size:16px; text-indent:12px; margin-bottom:15px}
.columnaseo strong{color:#036}
.columnaseo li{width:280px; margin-bottom:6px; line-height:17px; list-style:none; padding-left:24px}
.posi{background: transparent url(img/li1.gif) no-repeat scroll 0 1px}
.rank{background: transparent url(img/li2.gif) no-repeat scroll 0 1px}
.indx{background: transparent url(img/li3.gif) no-repeat scroll 0 1px}
.visi{background: transparent url(img/li4.gif) no-repeat scroll 0 1px}
.publ{background: transparent url(img/li5.gif) no-repeat scroll 0 1px}
.comp{background: transparent url(img/li6.gif) no-repeat scroll 0 1px}
.anal{background: transparent url(img/li7.gif) no-repeat scroll 0 1px}
.linkblog, .linkglosa{height:50px; margin-bottom:10px}
.service-icon2{width:280px; height:120px; clear:both; margin:0 0 10px 0}
#service1-sem2, #service2-seo2{width:280px; float:left; padding:14px; font-size:12px; border-bottom:#eee 5px solid; border-right:#eee 1px solid; background:url(img/bgbody2.jpg) repeat-x; margin-bottom:15px; height:325px}
#service1-sem2{margin-right:20px; margin-left:10px}

#letter-index-box{ width:620px; float:left; margin:0; padding:0}
.letter-list{width:640px; text-align:center; margin:40px auto; padding-left:5px}
.letter-list a{padding:4px 5px; background-color:#eee; text-decoration:none; color:#036; text-transform:uppercase; font-weight:700}
.letter-list a:hover{color:#fff; background-color:#9a1010}
.letter-capitalize{width:600px; margin:0 auto; border-bottom:#036 1px solid; border-top:#036 1px solid}
.letter-capitalize p{font-size:26px; text-indent:20px; padding:10px 0; margin:0}
.contentleft-letters{ width:650px; margin-left:20px}
.letter-txt{width:570px; margin-left:25px; margin-bottom:20px}
.term-list{list-style:none; margin-bottom:20px}
.term-list li{line-height:24px}
.term-list a{color:#036; font-size:16px; text-decoration:none; font-weight:700}
.term-list a:hover{color:#9a1010}
.term-list a:visited{color:#999}
#ulanalitica{list-style-image: url(img/arrowbox.png)}
#ulanalitica li{margin-bottom:5px}
#analiticah2{font-size:1.5em}
.btncontainer{ width:300px; height:84px; text-align:center; float:right; margin-right:25px; margin-top:10px; margin-bottom:40px}
.btncontainer a{ background:url(img/callactionbtn.jpg) top left no-repeat; font-size:21px; color:#fff;display:block; height:84px; line-height:50px}
.btncontainer a:hover{ background-position:-300px}
#faq-list-block{list-style:none}
#faq-list-block li{width:600px; height:120px; margin-bottom:15px}
#faq-list-block li a{display:block; height:90px; font-size:22px; text-decoration:none; color:#003269; font-weight:700; text-align:right; padding-right:60px; padding-top:30px; border:#fff 3px solid}
#faq-list-block li a:hover{/*color:#9a1010; */border:#ccc 3px solid}
#faq-list-block li p{margin:2px 0}
#faq-list-block li small{font-size:18px; color:#fff}
a.faqsection1,a.faqsection2,a.faqsection3,a.faqsection4{background:url(img/faqsblok.jpg)}
a.faqsection2{background-position:0 -120px}
a.faqsection3{background-position:0 -240px}
a.faqsection4{background-position:0 -360px}
.titfaqsectionsem{width:600px; height:120px; background:url(img/faqsblok.jpg) top no-repeat; margin:0 auto; font-size:22px}
.titfaqsectionsem p, .titfaqsectionseo p, .titfaqsectionaweb p, .titfaqsectionorm p{padding-top:30px; margin-left:160px}
.titfaqsectionsem  small, .titfaqsectionseo  small, .titfaqsectionaweb  small, .titfaqsectionorm  small{font-size:18px; color:#fff}
.faqlist{list-style:none}

.titfaqsectionseo{width:600px; height:120px; background:url(img/faqsblok.jpg); background-position:0 -120px; margin:0 auto; font-size:22px}
.respuestas{width:600px; margin:15px auto}

.titfaqsectionaweb{width:600px; height:120px; background:url(img/faqsblok.jpg); background-position:0 -240px; margin:0 auto; font-size:22px}
.titfaqsectionorm{width:600px; height:120px; background:url(img/faqsblok.jpg); background-position:0 -360px; margin:0 auto; font-size:22px}

/* location */
#locationNB{margin-left:20px}