/*
Theme Name: Torre Forte Serviços
Author: INTERAGYNET Soluções digitais
Author URI: http://www.interagynet.com.br
Version: 2014
Description: A INTERAGYNET é especializada no desenvolvimento de sites institucionais utilizando a plataforma WordPress. Também somos especialistas no desenvolvimento de lojas virtuais com plataforma Magento. Saiba mais e conheça outros trabalhos em www.interagynet.com.br.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; font-size:12px; color:#555; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
a { text-decoration:none; color:#666 }
a:hover { text-decoration:underline }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 */

/* GERAL */

* { box-shadow: none; outline: none; }

.content { width:970px; position:relative; margin:0 auto; }

.paginacao { text-align: center; background:none; padding:10px; width:100%; }
.paginacao .pag { border:#ccc 1px solid; background: #f5f5f5; display:inline-block; height:20px; line-height:20px; min-width: 20px; font-weight: bold; color: #666; text-decoration:none; }
.paginacao .pag-ativa,
.paginacao .pag:hover { background:#D90000; border-color:#D90000; text-decoration: none; color: #fff; }

.page-title { line-height: 110%!important; color:#D90000!important }

/* ESTRUTURA PRINCIPAL */

body { display: block; background: #EEE; font-family: 'ubunturegular', Helvetica, Arial, sans-serif; font-size: 13px; }

#wrapper { position:absolute; width:100%; min-height:100%!important; background: transparent url(images/container-bg.jpg) center repeat-y; }

#header { width: 100%; height: 345px; border-top:#D90000 5px solid; background: #000; overflow: hidden; position: relative; text-shadow: #000 0 0 5px; }
#header .content { position: absolute; z-index: 999; height: 5px!important; left:50%; margin-left: -485px; overflow: visible!important; }
#header .content .logo { position: absolute; top:40px; left: 10px; }
#header .content .menu { display: inline-block; position: absolute; top:80px; right: 10px; }
#header .content .menu li { float:left; margin-left: 40px; }
#header .content .menu li a { line-height: 30px; height: 30px; display: block; text-transform: uppercase; color:#EDEDED; font-family: 'ubuntu_lightbold'; text-decoration: none; padding: 0 5px; }
#header .content .menu li a:hover,
#header .content .menu li.current-menu-item a { color:#D90000; }

#content { width: 920px; height: 200px; display: table; margin: 20px auto; padding-bottom: 350px; position: relative; }

#footer { width: 970px; position: absolute; bottom:0; left:50%; margin-left: -485px; border-top:#D90000 5px solid; background: #111; text-shadow: #000 1px 1px 8px; }
#footer .content { width: 940px; margin: 30px auto; display: table; color:#666; }
#footer .content .col { display: table; border-left: #3B3B3B 1px solid; width: 160px; height: 135px; float: left; padding: 0 20px; }
#footer .content .col:first-child { border:none; }
#footer .content .title { text-transform: uppercase; color:#EDEDED; margin-bottom: 10px; font-family: 'ubuntu_lightbold'; }
#footer .content ul li { line-height: 120%; margin: 5px 0; margin-left: 5px; }
#footer .content ul li a { color:#666; text-decoration: none; }
#footer .content ul li a:hover { color:#ccc; }
#footer .content .redes { position: absolute; right: 0; display: inline-table; }
#footer .content .redes a { display: inline-block; width: 25px; height: 25px; background: url(images/footer-redes.png) no-repeat; }
#footer .content .redes a:hover { background-position: left bottom; }
#footer .content .redes a.facebook { background-position: -25px 0; }
#footer .content .redes a.facebook:hover { background-position: -25px bottom; }
#footer .creditos { height: 55px; background: #000; position: relative; color:#D90000; }
#footer .creditos p { line-height: 55px; margin: 0 20px; }
#footer .creditos a { position: absolute; right: 20px; top:50%; margin-top: -13px; }

/* POST CONTENT */

.post-content { line-height:120%; }
.post-content img { max-width: 920px;  }
.post-content a { text-decoration:underline; color:#001464; }
.post-content a:hover { text-decoration:none}
.post-content p { margin-bottom: 15px; text-align: justify; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin:15px 0; color:#333; font-weight: normal; font-family: 'ubuntu_lightbold'; }
.post-content h1 { font-size:30px; line-height: 110%!important; color:#D90000 }
.post-content h2 { font-size:25px}
.post-content h3 { font-size:20px}
.post-content h4 { font-size:13px}
.post-content h5 { font-size:12px}
.post-content h6 { font-size:12px}
.post-content .alignright { float:right; margin-left:20px; margin-bottom:20px }
.post-content .alignleft  { float:left; margin-right:20px; margin-bottom:20px }
.post-content .aligncenter { margin:0 auto!important; text-align:center!important; margin-bottom:20px }
.post-content .alignnone { margin-bottom:0px }
.post-content ul { margin-bottom:15px; }
.post-content ul li { list-style:disc inside }
.post-content ol { margin-bottom:15px; }
.post-content ol li { list-style:decimal inside }
.post-content address { font-style:italic; margin-bottom:15px; font-size:12px; margin-bottom:15px; }
.post-content blockquote {  margin:0px 20px 15px }
.post-content blockquote p { font-size:12px !important; line-height:23px !important; font-style: italic; }
.post-content .wp-caption { background:#000; }
.post-content .wp-caption img { padding:5px }
.post-content .wp-caption .wp-caption-text { width:100%; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:0px; text-align:center; padding-bottom:5px; color:#FFF; }
.post-content a { color:#BC1E2C; text-decoration:none; }

/* CONTATO */

.page-contato .col { display: table; height: 100px; width: 450px; float: left; margin-right: 20px; }
.page-contato .col.r { margin-right: 0; }

form label { display: block; margin-bottom: 20px; }
form label input,
form label textarea { width: 380px; border:#ccc 1px solid; color:#666 box-shadow: none; height: 30px; line-height: 30px; font-family: 'ubuntu_regular', Arial; font-size: 12px; }
form label textarea { height: 120px; line-height: 20px; resize: vertical; }
form label input[type=submit] { border-color:#D90000; background: #D90000; color:#fff; width: 100px; }

form .alerta { margin-top: 10px; }
form .alerta p { text-align: left; color: red; line-height: 130%; }
form .alerta p.sucesso { color: green; }

/* CLIENTES */

.page-clientes ul { display: table; width: 100%; margin-top: 20px; }
.page-clientes ul li { display: table-column; width: 121px; height: 120px; float: left; margin: 5px; text-align: center; vertical-align: middle; list-style: none;  }

/* SERVIÇOS */

.page-servicos .col { width: 250px; height: 200px; display: table; float: left; background: none; }
.page-servicos .col.r { width: 630px; float: right }

.page-servicos .submenu li { height: 25px; list-style:none; background: url(images/submenu-bg.gif) left bottom no-repeat; padding-left: 15px; }
.page-servicos .submenu li:hover,
.page-servicos .submenu li.current-menu-item {  background-position: left top; }
.page-servicos .submenu li:hover a,
.page-servicos .submenu li.current-menu-item a {  color:#D90000; }
.page-servicos .submenu li a { display: block; height: 25px; line-height: 25px; color:#666 }

/* NOTÍCIAS */

.page-noticias .archive li { display: table; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc 1px solid;  }
.page-noticias .archive li .col { display: table; width: 200px; float: left; margin-right: 1px;  }
.page-noticias .archive li .col.r { width: 700px; float: right;  }
.page-noticias a.more { color:#333; font-size: 16px; font-weight: bold; }
.page-noticias .archive li a:hover { color:#D90000; }

.page-noticias .single { display: table; width: 850px; margin: 0 auto; }