/*
Theme Name: ECOFORTE
Author: Bráulio Silveira
Author URI: https://brauliosilveira.com/
Description: Desenvolvido por Bráulio Silveira.
Version: 1.0
*/

/**** BASIC ****/
html{ color:#0db9a1; font-size:14px; line-height:22px; font-family: helvetica, Trebuchet MS, Tahoma, arial, verdana, Geneva, sans-serif, sans-serif;}
body{ margin:0; background:#fff;}
a{ text-decoration: none; color:#95c93e; cursor:pointer!important; outline:none!important;}
a:hover{ text-decoration:none; color:#123A31;}
fieldset, img { border:0 none; }
h1{ font-size:1.8em; font-weight:bold; text-align:left; margin:0; margin-bottom:15px; line-height:1.3em;}
h2{ font-size:1.4em; font-weight:bold; text-align:left; margin:0; margin-bottom:5px; line-height:1.2em;}
h3{ font-size:1.3em; font-weight:bold; text-align:left; margin:0;}
h4{ font-size:1.2em; font-weight:bold; text-align:left; margin:0;}
h5{ font-size:1.1em; font-weight:bold; text-align:left; margin:0;}
h6{ font-size:1.05em; font-weight:bold; text-align:left; margin:0;}
p{ margin:0; margin-bottom:15px; text-align:justify;}
h1,h2,h3,h4,h5,h6,p,ul,li{ color:#0db9a1;}
.alignleft, .img_left, .attachment-thumbnail, .alignright, .img_right, .aligncenter, .img_center{ background:#fff; border:2px solid #0db9a1;}
.alignleft img, .img_left img, .attachment-thumbnail img, .alignright img, .img_right img, .aligncenter img, .img_center img{ float:left;}
.alignleft, .img_left, .attachment-thumbnail{ text-align:left; float:left; margin:3px 10px 6px 0;}
.alignright, .img_right{ text-align:right; float:right; margin:3px 0 6px 10px;}
.aligncenter, .img_center{ text-align:center; float:none; clear:both; display:block; margin:10px 0;}

.shadow,
.alignleft a, .img_left, .attachment-thumbnail a, .alignright a, .img_right, .aligncenter a, .img_center,
img.alignleft, img.alignright, img.aligncenter{
	border:1px solid rgba(0,0,0,.1); height: auto;
}

.circle{ border-radius: 100%; margin-bottom: 1em;}
img,video{ max-width:100%; height: auto;}
.contBox img{ width: 94%;}

/* FONTS */
@font-face{ font-family:"FE11002T"; src:url("fonts/FE11002T.eot");}
@font-face{ font-family:"FE11002T"; src:url("fonts/FE11002T.ttf") format("TrueType");}
@font-face{ font-family:"FE11046T"; src:url("fonts/FE11046T.eot");}
@font-face{ font-family:"FE11046T"; src:url("fonts/FE11046T.ttf") format("TrueType");}

/******* STYLE *******/
/* ESTRUTURA */
.container{ position:relative;}
.navbar{ height: 100px!important;}
.space-top{ width: 100%; height: 72px; margin-bottom: 2em; display: block;}
#topo{ min-width:100%; width:100%; height:47px; margin:0; display:block; border-bottom:2px solid #fff; background:#0db9a1; position:fixed; top:0; left:0; z-index:100;}
.navbar-brand{ height:99px!important;}
#logo{ width:327px; min-height:173px; position:absolute; top:80px; left:50px; z-index:10;}
#logo a{ width:100%; min-height:173px; float:left;}
#logo a span{ text-align:center; font-size:1.2em; margin:20px auto; display:block; color:#fff;}
.logo-xs{ width:80%; max-width:80%; margin:3em auto 1em auto; color:#0db9a1; text-align:center; font-size:1.3em;}
.logo-xs span{ display:block;}
.phoneTop{ padding:0.5em; margin:1.5em auto 0 auto; font-size:1em; color:#fff; background:#0db9a1;}
.phoneTop strong{ font-size:1.3em;}
#painel{ width: 100%; overflow: hidden;}
#painel .painel-bg{ min-width:100%; width:100%; height:500px; margin:0 auto 4em auto; text-align:center; overflow:hidden; position:relative; border-bottom:4px solid #fff; -moz-box-shadow: 0 0 20px #aaa; -webkit-box-shadow: 0 0 20px #aaa; box-shadow: 0 0 20px #aaa; background:url(images/painel/capa01.jpg) center top repeat-x; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
#painel .painel-bg-xs{ margin:0 auto 1em auto; background:url(images/painel/capa01xs.jpg) center top repeat-x;}
#conteudo{ float:left; position:relative;}
#rodape{ height: 171px; padding:35px 0 1px 0; margin:45px 0 0 0; color:#fff; background:url(images/rodape.png) center bottom no-repeat;}
a#bs{ width:44px; height:33px; position:absolute; right:10px; top:9px; background:url(images/bs.png) 0 0 no-repeat;}
.copyright{ width:100%; display:block; margin:1em auto 2em auto; text-align:center; font-weight:normal; font-size:1em; font-family:"FE11002T", Helvetica, Trebuchet MS, Arial, sans-serif;}
.copyright strong{ font-size:1.3em;}
#bs{ width:87px; height:33px; overflow: hidden; position:absolute; bottom:10px; right:0;}
#bs a{ height:33px; float: left;}
#bs a.bs{ width:44px; margin:0 5px; background:url(images/bs.png) 0 0 no-repeat;}
#bs a.mm{ width:33px; background:url(images/marketing-medico.png) 0 0 no-repeat;}
.phoneBottom{ margin-top: 2em; text-align: right;}

/* MENU */
.navbar-toggle{ margin-top: 35px; border: 0!important; background: none!important;}
a.navbar-brand{ padding: 0; margin: 0; color:#fff!important; font-weight:bold; font-size:1.6em; font-family:"FE11002T", Helvetica, Trebuchet MS, Arial, sans-serif;}
a.navbar-brand:hover{ color:#95C93E!important;}
.navbar-brand img{ width: 200px; padding: .5em 0; margin: 0;}
.navbar-default{ background:#fff;}
.navbar-default ul{ margin: 1.7em auto; float: right;}
.navbar-default li{ font-weight:normal; font-size:1.3em; font-family:"FE11002T", Helvetica, Trebuchet MS, Arial, sans-serif;}
.navbar-default li a{ color:#006300!important; padding:14px 10px;}
.navbar-default li a:hover{ color:#3bd400!important;}
.navbar-default li a.selected{ color:#00c20f!important; background: none!important;}
.navbar-default li a.selected:hover{ color:#000!important;}

/* TITULOS */
.tit-full{ padding:1em 0; margin:0 auto 1.5em auto; text-align:center; color: #fff!important; background: #49b605;}
.tit-cont{ background:url(images/shadow_02.jpg) center bottom no-repeat;}
.tit-lat{ text-align:center; background:url(images/shadow_03.jpg) center bottom no-repeat;}
.tit{ padding-bottom:34px; text-transform:uppercase; color:#0db9a1; font-weight:bold; font-size:2.3em; line-height:1.3em; font-family:"FE11002T", Helvetica, Trebuchet MS, Arial, sans-serif;}
.tit-box{ padding:0; margin:-5px 0 0 0; line-height:1em; font-weight:normal; font-size:2em; font-family:"FE11046T", Helvetica, Trebuchet MS, Arial, sans-serif;}

/* BOXES */
.box{ overflow:hidden;}
.box h2{ text-align:center; margin:0.7em auto 2.3em auto;}
.box-not{ max-width:100%; overflow:hidden;}
.box-not a,.box a{ max-width:100%; width:100%;}
.box-not img{ width:90%; margin-bottom:2em;}
.bl{ margin:3em auto; display:block;}
.blNews{ padding:2em 0 1.5em 0; margin:3em auto 0 auto; text-align:center; background:url(images/shadow_01.jpg) center top no-repeat;}
.blNews h3{ text-align:center; margin:1em auto;}
.blNews input{ width:100%;}

/* SOCIAL */
.blSocial{ float:right; margin:10px 0 0 0;}
.blSocialFooter{ float:none; text-align:center; margin:1em auto 3em auto;}
.blSocial li{ display:inline-block;}
.blSocialFooter li{ margin:0 1em;}
.blSocial svg{ width:25px; height:25px;}
.blSocialFooter svg{ width:30px; height:30px;}
.blSocial path{ fill:#fff;}
.blSocialFooter path{ fill:#0DB9A1;}

/* ITENS */
#ans{ width:137px; height:30px; position:absolute; bottom:15px; left:240px;}
#phone{ float:right; text-align:right; margin:20px 20px 0 0; font-size:1.3em; font-weight:bold;}
#phone strong{ font-size:1.3em;}
.p-data{ margin:2em 0; display:block; font-size:0.9em; font-style:italic; color:#999;}

/* COMPARTILHAR */
.compartilhar{ width:100%; padding:0; overflow:hidden; float:left; margin:0; position:relative; top:-20px; left:-13px;}
.compartilhar .icon-left{ float:left; margin:0; position:relative;}
.fb-share-button, .fb-share-button span, .fb-share-button span iframe, .fb-share-button fb_iframe_widget
{ position:absolute!important; top:0!important; left:0!important;}
.icon-fb-share{ width:170px; height:20px; overflow:hidden; margin:1px 0 0 25px!important;}

/* LISTA */
ul{ list-style:none;}
ul, ul li{ text-align:left; margin:0; padding:0;}
ul.list{ list-style:circle; padding-left:25px;}
ul.list li{ padding:5px 0 5px 2px; border-bottom:1px solid #eee;}
.mais{ float:right; text-align:right; margin:0px 0 7px 0;}
a.mais_full{ width:100%; padding:3px 0; display:block; text-align:center; margin:0; color:#fff; background:#093;}
a.mais_full:hover{ color:#fee700;}
/* lista de convênios index */
ul.list_serv{ width:100%; padding:0; margin:0; text-align:center;}
ul.list_serv li{ font-weight:bold; font-size:1.1em; text-align:left; padding:1em 0.5em; margin:0; border-bottom:1px solid #eee;}
/******/
ul.listFotos{ text-align:center; margin:0 0 4em 0;}
ul.listFotos img{ min-width:100%; width:100%;}
/******/
ul.list-not{}
ul.list-not li{ margin-bottom:5px;}
ul.list-not li .img{ width:80px; height:60px; overflow:hidden;}
ul.list-not li h4, ul.list-not li p{ width:176px; height:60px; text-align:left; font-weight:bold; display:table-cell; vertical-align:middle;}
/* LIST-BOX */
ul.list-box{}
ul.list-box li{ margin-bottom:15px;}
ul.list-box li a{}
ul.list-box li a:hove{}
ul.list-box li span{ display:block; font-size:0.9em; font-style:italic; color:#ccc;}

/* FORMULARIO */
form.form{ text-align:center;}
form.form label{ margin:0 0 1em 0;}
.form-control{ font-weight:normal;}
form.form textarea{ height:9em;}
form.form .btn{ width:100%;}

/* PAGINAÇÃO WP */
.wp-pagenavi{ margin-top:10px; text-align:center; display:block;}
.wp-pagenavi span.pages{ display:none;}
.wp-pagenavi a, .wp-pagenavi span.current{ display:inline-block; text-decoration:none; background:#eee; color:#7B91A0; padding:3px 8px; margin:1px;}
.wp-pagenavi span.current{ background:#093; color:#fff;}
.wp-pagenavi a:hover{background:#0C6; color:#fff;}
.wp-pagenavi span.current{ font-weight:bold; cursor:default;}
a.nextpostslink, a.previouspostslink{ font-weight:bold;}

/* ABAS */
ul{ list-style:none;}
.abas li{ float:left; margin:0 4px 0 0; padding:10px 15px; font-size:1.4em; font-weight:bold; position:relative; z-index:3;}
.abas li:hover{ background:#ccc; border:1px solid #999;}
.ativo{ background:#eee; border:1px solid #999; border-bottom:1px solid #eee;}
.abas .ativo:hover{ background:#ccc; border:1px solid #999; border-bottom:1px solid #eee;}
.ativo a{ font-weight:bold;}
#cont_abas{ width:270px;  min-height:200px; padding:16px 15px 10px 15px; clear:both; position:relative; top:-1px; background:#eee; border:1px solid #999; z-index:1;}
#cont_abas span{ display:none;}

/* CAROUSEL */
#bl-fotos{ width:645px; height:136px; margin:-8px auto 25px auto; text-align:center; display:block; overflow:hidden; position:relative;}
/* convenios */
.jcarousel-skin-fotos{ width:645px; height:136px; overflow:hidden!important;}
.jcarousel-skin-fotos .jcarousel-container{	}
.jcarousel-skin-fotos .jcarousel-direction-rtl{	direction:rtl;}
.jcarousel-skin-fotos .jcarousel-container-horizontal, .jcarousel-skin-fotos .jcarousel-clip-horizontal{ width:637px; height:136px;}
.jcarousel-skin-fotos .jcarousel-clip{ overflow:hidden; position:relative;}
.jcarousel-skin-fotos .jcarousel-clip li{ position:relative; width:190px!important; height:120px!important; overflow:hidden; margin:5px 8px; float:left; border:3px solid #fff; background:#fff;}
.jcarousel-skin-fotos .jcarousel-clip li a{ width:190px; height:120px; float:left;}
.jcarousel-skin-fotos .jcarousel-clip li a img{ float:left;}
.jcarousel-skin-fotos .jcarousel-item-horizontal{ margin:0;}
.jcarousel-skin-fotos .jcarousel-direction-rtl .jcarousel-item-horizontal{ margin:0;}
.jcarousel-skin-fotos .jcarousel-item-placeholder{ background:#fff; color:#000;}
/***  Horizontal Buttons ***/
.jcarousel-skin-fotos .jcarousel-next-horizontal{ display:none; position:absolute; top:0; right:0; width:30px; height:120px; cursor:pointer; background:url(images/setas.jpg) -30px 40px no-repeat;}
.jcarousel-skin-fotos .jcarousel-prev-horizontal{ display:none; position:absolute; top:0; left:0; width:30px; height:120px; cursor:pointer; background:url(images/setas.jpg) 10px 40px no-repeat;}

/* OUTROS */
input,textarea{ border-radius: 0!important;}
.underline{ text-decoration:underline;}
.right20{ margin-right:20px;}
.bottom5{ margin-bottom:5px;}
.right0{ margin-right:0;}
.left0{ margin-left:0;}

.none{ display:none!important;}
.left{ float:left!important;}
.right{ float:right!important;}
.center{ text-align:center; margin:0 auto;}
.clear{ clear:both!important; margin:0!important; padding:0!important; line-height:0;}
.margin0{ margin:0!important;}
.border0{ border:0!important;}

/*******************************************************/

@media screen and (max-width:1280px){
}
@media screen and (max-width:999px){
	.tit{ text-align:center;}
	ul.list_serv li{ text-align:center;}
}
@media screen and (max-width:768px){
    .navbar-nav{ width: 100%;}
    .navbar-collapse{ text-align: center; background: rgba(8,58,47,.95);}
	.navbar-default,.navbar-default li,.navbar-default li a{ text-align:center!important;}
    .navbar-default li a{ color:#fff!important;}
	.phoneTop{ margin-bottom:3em;}
	.end p{ text-align:center;}
    .container{ max-width: 100%; overflow: hidden;}
}