/*
Theme Name: Joao Neto
Theme URI: https://fixasolucoes.com.br
Description: The Online home wordpress theme of Fixa Soluções
Version: 1
Author: Joao Neto
Author URI: https://fixasolucoes.com.br
Tags: Fixa Soluções, portfolio, online home
*/


/* common style */

*{margin:0px;padding:0px;font-family: helvetica, arial sans-serif;}
.extender{height:1px;width:100%;clear:both;}

/* common style ends */

/* header style */

a.gotohireme{cursor:pointer;}
#headerwrapper{width:100%;background:#060E13 url(../imagens/headermainbg.jpg) no-repeat center;height:347px;}
#header960{width:960px;height:347px;margin:0px auto;}
.logo{width:170px;position:relative;top:23px;}
.logo a{text-decoration:none;}
.logo a:visited{color:#fff;}
.logo h1{color:#fff;}
.logo h1 span{color:#5aa0ce;}
.aboutme{width:415px;height:70px;background:url(../imagens/imgsprite.png) no-repeat 0 -53px;margin:80px 0 0 0;}
.aboutme h1{text-indent:-9999px;}
.aboutme p{color:#fff;margin:60px 0 0 0;font-size:14px;letter-spacing:0.01em;line-height:1.2em;}
.aboutme p a{color:#ff3f00;text-decoration:none;}
.aboutme p a:hover{text-decoration:underline;}
.featured{width:334px;height:216px;margin:-50px 0 0 542px;position:relative;}
.featured img{border:3px solid #fff;}
.featuredband{background:url(../imagens/featuredband.png) no-repeat;width:92px;height:94px;position:absolute;z-index:100;border:none;margin:-229px 0 0 254px;}
.headerfloor{width:100%;height:43px;background:#001727;}
.navigation{float:right;margin:-14px 58px 0 0;}
.navigation ul{list-style-type:none;display:block;float:left;}
.navigation ul li{float:left;width:85px;text-align:center;margin:0 5px 0 5px;}
.navigation ul li a{text-decoration:none;color:#fff;font-weight:bold;font-size:17px;}
.navigation ul li a:hover{text-decoration:none;padding:0 0 3px 0;border-bottom:2px solid #5aa0ce;}
.navactive{padding:0 0 3px 0;border-bottom:2px solid #5aa0ce;}
a.hiremebutton{margin:-4px 0 0 7px;float:left;width:87px;height:29px;background:url(../imagens/imgsprite.png) no-repeat -181px 0;display:block;padding:0;border:none;}
a.hiremebutton:hover{width:87px;height:29px;background:url(../imagens/imgsprite.png) no-repeat -94px 0;padding:0;border:none;}



/* header style ends*/ 

/* content style */

#contentwrapper{width:100%;height:auto;background:#fff;}
#content960{width:960px;background:#fff;margin:0px auto;}
.selectedworkheader{margin:30px 0 30px 0;width:610px;}
.selectedworks{float:left;}
.allworks{float:left;margin:0 0 0 10px;}
.allworks a{display:block;-webkit-border-radius:4px;-moz-border-radius:4px;background:#5aa0ce;padding:5px 8px 5px 8px;color:#fff;text-decoration:none;}
.allworks a:hover{background:#001727;}
.works{width:610px;} 
.works .singlework{float:left;margin:0 68px 30px 0;}

.works .singlework ul{list-style-image:url(../imagens/tickbullet.png);width:auto;height:auto;display:block;margin:15px 0 0 22px;}
.works .singlework ul li{margin:7px 0  0 0;}
.works .singlework img{border:5px solid #e7e7e7;width:226px;height:165px;display:block;margin:0 0 13px 0;}
.works .singlework img:hover{border:5px solid #5AA0CE;cursor:pointer;}
.viewwork{margin:15px 0 0 0;font-weight:bold;font-size:13px;}
.viewwork a{-webkit-border-radius:0px;-moz-border-radius:0px;padding:3px 14px 3px 14px;}
.titlejq{position:absolute;color:#fff;background:#5AA0CE;padding:5px;top:-50px;width:226px;text-align:center;}
.imgbox{width:236px;height:175px;margin:0 0 13px 0;position:relative;overflow:hidden;}

/* content style ends*/ 

/* service - hire me style */


#servicewrapper{width:100%;height:auto;background:#f4f4f4;}
#service960{width:960px;margin:0px auto;}
.contactme{float:left;width:610px;margin:0 0 40px 0;}
.services{float:left;margin:0 0 0 23px;}
.contactme h2{margin:25px 0 10px 0;}
.contactme p{font-size:14px}
input{font-weight:bold;color:#338BCD;padding:2px 10px 0 7px;width:239px;height:24px;background:#dee2e2;border-style:none;border-top:3px solid #d7dbdb;border-left:2px solid  #d7dbdb;margin:13px 0 0 0;}
textarea{font-weight:bold;width:350px;color:#338BCD;font-size:13px;padding:5px 10px 5px 7px;background:#dee2e2;border-style:none;border-top:3px solid #d7dbdb;border-left:2px solid  #d7dbdb;margin:13px 0 0 0;}
.fieldnames{display:block;width:115px;float:left;margin:13px 0 0 0;}
.submitbutton{margin:13px 0 0 115px;background:#5aa0ce;border:none;color:#fff;font-weight:bold;font-size:14px;padding:5px 8px 5px 8px;width:120px;height:30px;}
.submitbutton:hover{background:#001727;cursor:pointer;}
.services h2{margin:25px 0 20px 0;}
.services h2 a{color:#000;text-decoration:none;}
.services ul{list-style-image:url(../imagens/tickbullet.png);width:auto;height:auto;display:block;margin:15px 0 0 22px;font-size:14px;}
.services ul li{margin:12px 0  0 0;}
.twitterstatus{width:190px;height:100px;border:1px solid #d1d1d1;position:relative;font-size:12px;padding:10px;}
.twitterstatus a{color:#5aa0ce;}
.twitterbird{background:url(../imagens/imgsprite.png) no-repeat -409px 0;width:187px;height:123px;position:absolute;top:56px;left:95px;}
#fullname,#email,#website,#message{float:left;}
a.designlink{color:#5aa0ce;font-size:14px;text-decoration:none;}
a.designlink:hover{text-decoration:underline;}
span#ajax-message{font-size:14px;color:red;font-weight:bold;margin:0;}
span#ajax-message1{font-size:14px;color:red;font-weight:bold;float:right;padding:18px 150px 0 0}
span#ajax-message2{font-size:14px;color:red;font-weight:bold;float:right;padding:18px 125px 0 0}
span#ajax-message3{font-size:14px;color:red;font-weight:bold;float:right;padding:18px 150px 0 0}

/* service - hire me ends*/   


/* footer style */

#footerwrapper{width:100%;height:80px;background:#001727;}
#footer960{width:960px;margin:0px auto;color:#fff;font-size:12px;}
.footer1{float:left;margin:20px 0 0 115px;}
.footer2{float:left;margin:20px 0 0 130px;}
.footer3{float:left;margin:20px 0 0 112px;}
.footer3 a{color:#ff3f00;text-decoration:none;}
.footer3 a:hover{text-decoration:underline;}

/* footer ends*/ 

/* sidebar style*/ 

.sidebar{float:left;height:auto;width:266px;margin:90px 0 0 0;padding:0 21px 0 23px;position:relative;}
.search{position:absolute;height:60px;width:85%;margin:-100px 0 0 0;-moz-border-radius:8px;-webkit-border-radius:8px;}
.searchbox{-moz-border-radius:12px;-webkit-border-radius:12px;background:#fefefe;border-style:none;border:1px solid #dedede;padding:5px 26px 0 34px;width:180px;height:21px;font-size:14px;color:#cecece;font-style:italic;font-weight:normal;}
.searchabs{position:absolute;margin:30px 0 0 0px}
.searchabs .searchmag{position:relative;background:url(../imagens/searchelmt.png) 0 0 no-repeat;height:15px;width:16px;margin:-22px 0 0 10px;}
.searchabs .searchsubmit{cursor:pointer;display:block;margin:-15px 0 0 214px;border-style:none;position:relative;background:url(../imagens/searchelmt.png) 0 -16px no-repeat;height:15px;width:16px;}
.leftcontent{width:610px;float:left;}
.descat{color:#001727;margin:0 0 40px 0;}
.descat ul{margin:0 0 0 4px;list-style-type:none;}
.descat ul li.skype{background:url(../imagens/imico1.png)  no-repeat ;}
.descat ul li.hot{background:url(../imagens/imico2.png) no-repeat ;}
.descat ul li.gmail{background:url(../imagens/imico3.png) no-repeat ;}
.descat ul li.fixa{background:url(../imagens/imico4.jpg)  no-repeat ;}
.descat h1{font-size:22px;letter-spacing:-0.01em;border-bottom:1px solid	#e7e7e7;padding:0 0 4px 0;margin:0 0 16px 0;}
.singlesidecat{border-bottom:1px solid	#e7e7e7;padding:0 0 4px 0;margin:0 0 7px 0;}
.singlesidecat2{border-bottom:1px solid	#e7e7e7;padding:0 0 15px 0;margin:0 0 12px 0;height:auto;}
a.catlink{color:#5aa0ce;font-size:14px;float:left;width:198px;text-decoration:none;position:relative}
span.numberofpost{color:#8b8b8b;font-size:14px;float:right;}
.newtwit h4{color:#595959;font-size:14px;}
.newtwit h4 a{color:#595959;font-size:14px;text-decoration:underline;}
.newtwit h4 a:hover{color:#595959;font-size:14px;text-decoration:nones;}
.newtwit h4 span{color:#5aa0ce;font-size:15px; font-weight:bold;}
.tweetbox{position:relative;background:#f3f3f3 url(../imagens/quote.png) 20px 18px no-repeat ;padding:19px 32px 19px 65px;-moz-border-radius:8px;-webkit-border-radius:8px;width:195px;height:auto;margin:10px 0 30px -10px;}
.tweetbox span{color:#adadad;font-style:italic;font-size:12px;line-height:1.5em}
.tweetbox a{color:#5aa0ce;font-style:italic;font-size:12px;text-decoration:none;}
.tweetbox a:hover{text-decoration:underline;}
.tweetbox .tweetie{position:absolute;margin:-54px 0 0 120px;background:url(../imagens/twitico.png) no-repeat;width:45px;height:35px;}
span.imico{height:9px;font-size:14px;padding:4px 0 10px 40px;}
.imicoim{font-size:14px;font-style:italic;color:#8b8b8b;}
span.notice{font-size:12px;color:#3f3f3f;}
span.dullat{color:#ADADAD;font-style:italic;}

/* sidebar ends */ 

/* portfolio starts */

#headerwrapper2{width:100%;background:#060E13 url(../imagens/headermainbg.jpg) no-repeat top;height:98px;}
.portdescwrap{width:100%;height:103px;background:#EEE;}
.portdesc960{width:960px;height:103px;margin:0 auto;}
.portdescimg{margin:15px 0 0 0px;}
.allworks2{float:left;margin:0 0 0 10px;}
.allworks2 a{display:block;-webkit-border-radius:4px;-moz-border-radius:4px;background:#5aa0ce;padding:5px 8px 5px 8px;color:#fff;text-decoration:none;font-size:18px;}
.inactive{float:left;margin:0 0 0 10px;}
.inactive a{display:block;;font-size:18px;color:#07111a;padding:5px 8px 5px 8px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;}
.inactive a:hover{background:#5aa0ce;color:#fff;}
.cworks{width:960px;} 
.cworks .singlework{float:left;margin:0 112px 30px 0;}
.cworks .singlework3{float:left;margin:0 0 30px 0;}

.cworks .singlework ul{list-style-image:url(../imagens/tickbullet.png);width:auto;height:auto;display:block;margin:15px 0 0 22px;}
.cworks .singlework ul li{margin:7px 0  0 0;}
.cworks .singlework img{border:5px solid #e7e7e7;width:226px;height:165px;display:block;margin:0 0 13px 0;}
.cworks .singlework img:hover{border:5px solid #5AA0CE;cursor:pointer;}
.cworks .singlework{border-bottom:1px dotted #999999;padding:0 0 10px 0;}
span.porttitle{color:#5AA0CE;margin:0 0 5px 0;width:236px;display:block;font-weight:bold;}
span.portexc{font-size:11px;width:236px;display:block;color:#8C9BA1;}

/* portfolio ends */

#slideshow {position:relative;height:222px;}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

#hidden-sp { display: none; }


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../imagens/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../imagens/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../imagens/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../imagens/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}