/*
Theme Name: 15 Template - Informática e Serviços de tecnologia
Author: Apiki WordPress
Author URI: http://apiki.com/
Description: Informatica, celulares
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: url(assets/images/bg-body.png) repeat #000; 
    font: 10px/120% Arial, Helvetica, sans-serif; padding-top: 10px;    
}
#wrapper { background: url(assets/images/bg-html.png) repeat-x 0 -50px; }

/** ==================== 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 iframe { margin-top: 15px; }

.apiki-wp-content p img, .apiki-wp-content .wp-caption { background: #6a6a6a; }


.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 {
    background: url(assets/images/bg-header.png) repeat;
    height: 70px;
    border-top: 26px solid #000;
    position: relative;
    z-index: 2;
    color: #fff;
}
header a { color: #fff; }
header .container {
    background: none;
    border: 0 none;
    height: 70px;
    min-height: 70px;
    -moz-box-shadow: 0 0 0 #222;
    -webkit-box-shadow: 0 0 0 #222;
    box-shadow: 0 0 0 #222;
}

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

/** ==================== informations ====================**/
header .vcard {
    font-size: 1.3em;
    margin: 0;
    position: absolute;
    right: 85px;
    top: -20px;
}
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%;
    position: relative;
    text-decoration: none;
    top: -2px;
}


/** ==================== social medias ====================**/
header .social-medias { top: -23px; right: 0; }
header .social-medias a, footer .social-medias a {
    background: url("assets/images/medias-small.png") no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 3px;
}
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: -50px 0; }


/** ====================  navigation ====================**/
header nav {
    bottom: 0;
    height: auto;
    right: 0;
    border: 0 none;
    width: auto;
    background: none;
}
header nav a {
    padding: 25px 25px 26px 25px;
    margin: 0 0 0 0;
    color: #fff;
    font-size: 1.5em;
}
header nav li a:hover, header nav li.has-submenu a, header nav li.current-menu-item a {
    background: url(assets/images/bg-mobile.png) repeat;
    color: #fff;
}
header nav ul li:hover ul {
    left: 0;
    border: 1px solid #ccc;
    top: 69px;
    width:170px;
}
header nav ul ul li {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #ccc;
}
header nav ul ul li a {
    padding: 6px 10px 6px 10px;
    color: #000 !important;
    border-right: 0 none;
    font-size:1em;
}

/** ==================== wrapper-content/content ====================**/
#wrapper-content { margin-top: 2px; }
#content .container {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;

    -moz-box-shadow:    0px 5px 4px 0 rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 5px 4px 0 rgba(0, 0, 0, 0.8);
    box-shadow:         0px 5px 4px 0 rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 2;
    margin-top: -5px;
    border: 1px solid #ccc;
    border-top: 0 none;
    padding-top:0;
}

/** ==================== featured/slide  ====================**/
#featured { 
    margin: 10px 0 13px 0;
    padding-bottom: 0;
    overflow: hidden;
}
#featured .container {
    background: none;
    -moz-box-shadow:    0 0 0 rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
    box-shadow:         0 0 0 rgba(0, 0, 0, 0.8);
    border: 0;
    width: 950px;
    padding: 0;
    left: -3px;
}
#featured #slides {
    background: #fff;
    -moz-box-shadow:    0px 0 4px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0 4px rgba(0, 0, 0, 0.8);
    padding: 3px;
    box-shadow:         0px 0 4px rgba(0, 0, 0, 0.8);
    border: 0 none;
    height: 329px;
    margin: 0 auto;
}
#featured #slides img { }
#featured .nivo-prevNav, #featured .nivo-nextNav { display: none; }
#featured .caption { display: none; }
#featured .nivo-caption { *width: 97.7%; }

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



/** ==================== table ====================**/
table { border: 0 none; }
table th { padding: 8px 10px 7px; background: #000; }
table td { padding: 4px 0 4px 10px; color: #656565; }
table tr { background: #d0d0d0; }
table tr:nth-child(odd) { background-color: #e2e2e2; }


/** ==================== boxes ====================**/
#boxes .thumbnail {
    padding: 0;
    border: 0 none;
    background: none;
    text-align: left;
}


/** ==================== galery ====================**/
.gallery .gallery-item, .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; }


/** ==================== footer ====================**/
footer {
    background: url(assets/images/bg-footer.png) repeat;
    height: 142px;
    margin-top: 0;
    position: relative;
    z-index: 22;
    color: #fff;
    border-top: 3px solid #bbbbbb;
}
footer a { color: #fff; }
footer address {
    background: none;
    text-align: left;
    width: 388px;
    padding-top: 0;
    line-height: 140%;
    position: absolute;
    top: 20px;
    left: 0;
}
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 .social-medias {
    display: block;
    position: absolute;
    left: 0;
    top: 110px;
}
footer .allrights {
    position: absolute;
    right: 0;
    top: 20px;
    width: 280px;
    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 }
    
}