/*
Theme Name: 06 Template - Construção Cívil
Author: Apiki WordPress
Author URI: http://apiki.com/
Description: Serviços, projetos e execução
Version: 2012.07
Tags: Site
*/

@import "assets/css/main-style.css";

/** ==================== ACERTOS ====================**/

.apiki-wp-content p img, .gallery .gallery-item {
  background:#333 !important;
  box-shadow: 0px 0px 8px -1px #000 !important;
  padding:0 !important;
}
.gallery-caption {
  left:0;
  bottom:0;
  width:140px;
  padding:5px !important;
}
.gallery {
  margin-bottom:0 !important;
}

/** =================================================**/


html * { zoom: 1; }
body { 
    background: #acacac url(assets/images/bg-body.png) repeat; 
}

/** ==================== wp-style ====================**/
.apiki-wp-content * { zoom: 0 !important; }
.apiki-wp-content { color: #000; }
.apiki-wp-content h1, .apiki-wp-content h2, .apiki-wp-content h3, .apiki-wp-content h4,
.apiki-wp-content h5, .apiki-wp-content h6  { color: #000; }
.apiki-wp-content p img, .apiki-wp-content .wp-caption {
    background: #a6a6a6;
    box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.8);
}
.apiki-wp-content iframe { margin-top: 15px; }

.apiki-wp-content ul.list-error   { list-style: url(assets/images/list-error.png);   }
.apiki-wp-content ul.circ-red     { list-style: url(assets/images/circ-red.png); }
.apiki-wp-content ul.arrow-red    { list-style: url(assets/images/arrow-red.png); }
.apiki-wp-content ul.arrow-green  { list-style: url(assets/images/arrow-green.png); }

/** ==================== header ====================**/
header {
    height: 98px;
    background: url("assets/images/bg-header.png") repeat-x scroll 0 0 transparent;
    color: #fff;
}
header a { color: #fff; }
header .container {
    background: none;
    border: 0 none;
    height: 100px;
    box-shadow: 0 0 0 red;
}

/** ==================== branding ====================**/
header .branding { padding-top: 15px; }

/** ==================== informations ====================**/
header .vcard {
    position: absolute;
    right: 90px;
    top: 128px;
    line-height: 120%;
    font-size: 1.3em;
}
header .vcard .tel { float: left; }
header .vcard span {
    border-right: 1px solid #fff;
    padding-right: 5px;
    margin-right: 5px;
}
header .vcard a {
    font-size: 1em;
    line-height: 120%;
    text-decoration: none;
}

/** ====================  navigation ====================**/
header nav {
    background: none;
    top: 0px;
    height: 71px;
    width: auto;
    right: 1px;
    padding: 0;
    border: 0 none;
}
header nav ul { float: right; }
header nav a {
    margin: 0 0 0 0;
    padding: 25px;
}
header nav li a:hover, header nav li.has-submenu a, header nav li.current-menu-item a { background: #4F4F4F; color: #fff; }
header nav ul li:hover ul {
    background: #fff !important;
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 2px rgba(35, 32, 31, 0.85);
    border: 0 none;
    top: 70px;
    left: -1px;
  	width:170px;
}
header nav ul ul li { border-bottom: 1px solid #AFBA98; }
header nav ul ul li a {
    background: rgba(255, 255, 255, 0.2) !important;
    padding: 6px 10px 6px 10px;
    color: #000 !important;
    font-size: 1em;
    border-right: 0 none;
}
header nav ul ul li:hover { background: #F2F2F2 !important; }
header nav ul ul li a:hover { background: #F2F2F2 !important; color: #000000 !important; }

header nav ul ul ul li:hover { background: #F2F2F2 !important; }
header nav ul ul ul li:hover a { background: #F2F2F2 !important; }

/** ==================== social-medias ====================**/
header .social-medias { top: 75px; right: 0; }
header .social-medias li:first-child a, footer .social-medias li:first-child a { margin-left: 0; }
header .social-medias a, footer .social-medias a {
    background: url(assets/images/medias-small.png) no-repeat 0px 0;
    width: 22px;
    height: 21px;
    display: block;
    margin-left: 6px;
    text-indent: -99999px;
}
header .social-medias .twitter a, footer .social-medias .twitter a { background-position: -25px 0; }
header .social-medias .google a, footer .social-medias .google a { background-position: -51px 0; }

/** ==================== wrapper-content/content ====================**/
#content { border: 0 none; }
#content .container {
    border-radius: 0;
    border: 0 none;
    padding-top: 0;
    -moz-box-shadow:    0 0 2px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
    box-shadow:         0 0 2px 1px rgba(0, 0, 0, 0.4);
    background: #DEDEDE;
    background: rgba(255, 255, 255, 0.6);
}

/** ==================== featured/slide  ====================**/
#featured {
    background: url(assets/images/bg-featured.png) repeat-x 0 0;
    margin: 0px 0 8px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}
#featured .container {
    background: none;
    -moz-box-shadow:    0 0 0 rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    box-shadow:         0 0 0 rgba(0, 0, 0, 0.6);
    border: 0 none;
    width: 950px;
    padding: 0;
}
#featured #slides {
    -moz-box-shadow:    0 3px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
    box-shadow:         0 3px 3px rgba(0, 0, 0, 0.6);
    border: 0 none;
    height: 333px;
    margin: 0 auto;
}
#featured #slides img { }
#featured .nivo-prevNav, #featured .nivo-nextNav { display: none; }
#featured .caption { display: none; }
#featured .nivo-caption { *width: 97.7%; }

.mobile { display: none; }


/** slide numbers **/
.nivo-controlNav {
    display: block;
    bottom: -34px;
}
.nivo-controlNav a { background-position: -21px -26px; }
.nivo-controlNav a.active { background-position: 0 -26px; }



/** ==================== table ====================**/
table { border: 0 none; }
table th { padding: 7px 10px 6px; background: #000;  }
table td { padding: 2px 0 2px 10px; color: #656565; }
table tr { background: #D0D0D0; }
table tr:nth-child(odd) { background-color: #E2E2E2; }

/** ==================== boxes ====================**/
#boxes .thumbnail {
    border: 0 none;
    background: #fff;
}
#boxes .thumbnail img { display: block; padding-left: 6px; }

/** ==================== galery ====================**/
.gallery .gallery-item { background: #A6A6A6; }
.grid_6 .gallery .gallery-item { background: #a6a6a6; }


/** ==================== mensages success, mensages erro, mensages information, mensages alert  ====================**/
.mensage-success, .mensage-information, .mensage-erro, .mensage-alert, .link-download, .link-pdf {
    border: 2px solid #288FCA;
    color: #000000;
}
.mensage-success { color: #6d936d; border: 2px solid #0c4b0b; }
.mensage-erro { color: #8a1111; background: url("assets/images/error.png") no-repeat 11px 15px #fff; border: 2px solid #ca0000; }
.mensage-information { color: #473535; background: url("assets/images/information.png") no-repeat 11px 15px; border: 2px solid #FDC413; }
.mensage-alert { background: url("assets/images/alert.png") no-repeat 11px 15px #fff; border: 2px solid #FDC413; }

.link-download {
    background: url(assets/images/box-button.png) no-repeat 13px 15px #FDC413;
    border: 1px solid #6b6104;
    font: bold italic 2.1em/130% Arial, Helvetica, Sans-Serif;
}
.link-download a { color: #000; }
.link-download.secondary a, .link-download.tertiary a { padding-bottom: 7px; color: #000000; border: 1px solid #000; }
.link-pdf {
    background: #fdc413;
    border: 1px solid #6b6104;
}
.link-pdf a { color: #d90000 !important; }

/** ==================== aside/sidebar ====================**/
aside address .email a { color: #333; text-decoration: none; }


/** ==================== footer ====================**/
footer {
    background: url("assets/images/bg-footer.png") repeat 0 0;
    border-top: 11px solid #000;
    height: 153px;
    margin: 0;
}
footer address {
    background: none;
    text-align: left;
    width: 388px;
    padding-top: 0;
    line-height: 165%;
    position: absolute;
    top: 10px;
    left: 0;
}
footer .social-medias {
    display: block;
    position: absolute;
    left: 0;
    top: 115px;
}
footer address a { display: block; }
footer address span { display: block; }
footer address span.address, footer address span.number, footer address span.complement { display: inline-block; }

footer .allrights {
    position: absolute;
    right: 0;
    top: 10px;
    width: 280px;
    color: #fff;
    line-height: 140%;
    text-align: right;
}


@media only screen and (max-width: 950px) {
    #wrapper,  footer { width: 970px;  }
    #featured { width: 970px; }
    #featured .nivo-prevNav { left: 10px; }
    #featured .nivo-nextNav { right: 10px; background-position: -52px -45px }
	
}