/*
Theme Name: Showbrinq
Theme URI: http://showbrinq.com.br
Author: HD Comunicação
Author URI: http://www.hdcomunicacao.com.br
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
clear: both;
}
a { text-decoration: none; }

.buscar #s::-webkit-input-placeholder { color: #fff; }
.buscar #s:-moz-placeholder { color: #fff; }
.buscar #s::-moz-placeholder { color: #fff; }
.buscar #s:-ms-input-placeholder { color: #fff; }

.boxformcontato .inputcont::-webkit-input-placeholder { color: #9c9c9c; }
.boxformcontato .inputcont:-moz-placeholder { color: #9c9c9c; }
.boxformcontato .inputcont::-moz-placeholder { color: #9c9c9c; }
.boxformcontato .inputcont:-ms-input-placeholder { color: #9c9c9c; }


input[type="text"], input[type="submit"], input[type="email"], input[type="password"], textarea, select { 
    outline: none;
}


/* =Repeatable patterns
-------------------------------------------------------------- */
body { background: url(img/bg.jpg) no-repeat top center; padding: 0; margin: 0; border: 0; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:400; }
.content, .boxCenter { width: 1000px; margin: 0 auto; }
.header { height: 269px; padding:0;  }
.header .logo-top { margin:55px 0 0 -80px; width:436px; height:164px; float: left; }
.header .logo-top a { width:436px; height:164px; display: block; background: url(img/logo.png) no-repeat; }
.header .boxCenter { position: relative; }

.header .menu-top { position: absolute; top:175px; right:0; }
.header .menu-top li { float: left; list-style: none; }
.header .menu-top li a { border-width:5px; border-color:transparent; border-style:solid; border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px; padding:10px 16px 9px; letter-spacing:-0.02em; font-weight:700; color: #fff; font-size:13px; text-transform: uppercase; text-decoration: none;  }
.header .menu-top li a:hover, .header .menu-top .current-menu-item a {
	background-color:#ffca4c;
	background-image: linear-gradient(to bottom, #ffd257, #ffc342);
	-moz-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	-webkit-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	box-shadow:inset 2px 2px 0 0 #ffeab2;
 border-color:#063d6c; color: #0b5997; }
.header .menu-top li:last-child { margin-right:0; }

.buscar { background: url(img/busca.png) no-repeat; width: 253px; right: 0; top:43px; position: absolute; }
.buscar label { display: none; }
.buscar #s { float:left; background: transparent; font-size: 13px; width: 161px; color: #fff; font-weight:400; border:0; padding:15px 24px; }
.buscar #searchsubmit { float:left; width:44px; height: 44px; background: transparent; border: 0; text-indent: -4999px; cursor: pointer; }


.banner { position:relative; border:10px #FFF solid; background:#fff; height: 344px; margin-bottom:42px;  }
.control { position:absolute; right:85px; bottom:-26px; }
.control a {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	margin-right: 3px;
	
	background-color:#3879ab;
	background-image: linear-gradient(to bottom, #5f97c2, #3879ab);
	-moz-box-shadow: inset 2px 2px 0 0 #b5cfe3;
  	-webkit-box-shadow: inset 2px 2px 0 0 #b5cfe3;
  	box-shadow:inset inset 2px 2px 0 0 #b5cfe3;

	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	border:5px #063d6c solid;
  }
.control a.active {
	background-color:#ffca4c;
	background-image: linear-gradient(to bottom, #ffd257, #ffc342);
	-moz-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	-webkit-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	box-shadow:inset inset 2px 2px 0 0 #ffeab2;
}

.bola { width:138px; height:137px; background: url(img/bola.png) no-repeat; position: absolute; top:232px; right:-46px; z-index:2; }
.carro { width:219px; height:266px; background: url(img/carro-boneca.png) no-repeat; position: absolute; top:453px; left:-170px; z-index: 2; }
.dados { width:144px; height:121px; background: url(img/dados.png) no-repeat; position: absolute; position:absolute; bottom:-43px; right:-87px; z-index: 3 }

.ttHome { color:#0b5997; font-weight:700; font-size:20px; text-transform: uppercase; }
.boxpad { padding:60px 30px; }

/* Proximo eventos */
.boxctevent { padding:40px 0; overflow: hidden; }
.boxctevent .boxlisthomeevent { margin:0 35px 15px 0; width: 451px; float: left; position: relative; }
.boxctevent .boxlisthomeevent:nth-child(even) { margin-right: 0; }
.boxctevent .boxdat { 
	background-color:#094b87;
	background-image: linear-gradient(to bottom, #0b589c, #073e72);
	-moz-box-shadow: inset 2px 2px 0 0 #0f76be;
  	-webkit-box-shadow: inset 2px 2px 0 0 #0f76be;
  	box-shadow:inset inset 2px 2px 0 0 #0f76be;
	position: absolute; left: 0; top:18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:15px;
}
.boxctevent .boxdat .diames { display: block; font-weight:400; color: #fff; font-size:17px; }
.boxctevent .boxdat .ano { font-weight:700; color: #ffd055; font-size:26px;}


.boxctevent .boxbg { margin-left:25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fafafa; border:1px #0a579a solid; padding:19px 30px 19px 82px; }
.boxctevent .boxbg h3 { margin-bottom: 3px; }
.boxctevent .boxbg h3 a { font-weight:700; text-transform: uppercase; color:#0b5997; font-size: 16px; }
.boxctevent .boxbg h4 a { font-weight:700; color:#3c3c3c; font-size: 19px; }
.boxctevent .boxbg p { color:#5d5d5d; font-size: 12px; line-height: 16px; }


.boxup p { color: #868686; font-size: 14px; line-height: 23px; margin-bottom: 15px; }



/* Conheca e cadastre*/
.boxconhecacadastrehome { padding:20px 0 60px; overflow: hidden; }
.boxconhecacadastrehome a.conheca { float: left; width:455px; height:118px; background: url(img/bg-conheca.jpg) no-repeat; margin-right: 30px; display: block;}
.boxconhecacadastrehome a.cadastre { float: left; width:455px; height:118px; background: url(img/bg-cadastre.jpg) no-repeat; display: block; }

/* Fotos */
.boxfotoshome { }
.boxfotoshome .boxctft { overflow: hidden; padding:40px 0 30px; }
.boxfotoshome .boxctft .listfthm { width: 170px; height: 170px; overflow: hidden; float:left; margin-right: 22px; }
.boxfotoshome .boxctft .listfthm:last-child { margin-right:0; }
.boxfotoshome .boxctft .listfthm img { min-height: 170px; min-width: 170px; }



.ctpagebusca { }
.ctpagebusca .listpostbusca { margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px #D8D8D8 solid; }
.ctpagebusca .listpostbusca a { font-weight:700; color:#0b5997; font-size: 16px; }
.ctpagebusca .listpostbusca a span { color: #ffce52; }
.ctpagebusca .listpostbusca p { color:#5d5d5d; font-size: 12px; line-height: 17px; }

/* Internas */
.btbgamarelo {
	border-width:5px; border-color:transparent; border-style:solid; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:9px 22px; letter-spacing:0.05em; font-weight:700; color: #fff; font-size:13px; text-transform: uppercase;
	display: inline-block;
	background-color:#ffca4c;
	background-image: linear-gradient(to bottom, #ffd257, #ffc342);
	-moz-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	-webkit-box-shadow: inset 2px 2px 0 0 #ffeab2;
  	box-shadow:inset 2px 2px 0 0 #ffeab2;
	border-color:#063d6c; color: #0b5997;
}

.contentInt { width: 1000px; margin: 0 auto; }
.boxCenterInt { min-height:600px; background:#fff url(img/bg-pageint.png) repeat-x top center; padding:50px 60px; }
.ttInt { color:#0b5997; font-weight:700; font-size:24px; text-transform: uppercase; margin-bottom: 40px; }
.txintgl h3.h3quem { font-weight:700; color:#868686; font-size: 16px; line-height: 24px; margin-bottom: 15px; }
.txintgl p { color:#868686; font-size: 14px; line-height: 23px; margin-bottom: 15px; }

/* Quem Somos */
.boxftquemsomos { height: 380px; position: relative; margin-bottom: 25px; }
.boxftquemsomos img { max-height: 380px; width:100%; }
.boxftquemsomos a { position: absolute; right:-13px; bottom:-17px; }



/* Contato */
.inputcont, .textareacont { font-family: 'Roboto', sans-serif; margin:0 25px 14px 0; width:379px; background:#fff; border: 0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:12px 23px;  color:#9c9c9c; font-weight:700; font-size:14px;  }
.inputcont.margr { margin-right:0; }

.textareacont { width:831px !important; }
.boxformcontato .inputcont:nth-child(even) { margin-right: 0; }
.inputsubcont {
	width: 250px;
	border: 0;
	float: right;
	text-align: right;
	font-weight:700;
	cursor: pointer;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:12px 22px;
	text-transform: uppercase;
	background-color:#3777a9;
	background-image: linear-gradient(to bottom, #3a7cad, #3377a6);
	-moz-box-shadow:inset 2px 2px 0 0 #499bc1;
  	-webkit-box-shadow:inset 2px 2px 0 0 #499bc1;
  	box-shadow:inset 2px 2px 0 0 #499bc1;
	color: #fff;
}
.wpcf7-form p br { display: none; }

.boxformparticipe .inputcont { margin-right:25px; }
.boxformparticipe .margr { margin-right:0; }


.txintgl .txcontleft { margin:-30px 0 0 20px; }
.txintgl .txcontleft h3 { color:#868686; font-weight:700; margin-bottom:0; text-transform: uppercase; font-size: 16px; }
.txintgl .txcontleft p { font-size: 14px; }


/* Participe */
.tth3form {
	border: 0;
	letter-spacing: -0.02em;
	text-align: center;
	padding:15px 22px 12px;
	width: 260px;
	margin: 15px auto 30px;
	font-size: 14px;
	display: block;
}



/* Expositores */
.boxexpositoresint { }
.boxexpositoresint .boxglexpositores { }
.boxexpositoresint .boxglexpositores .boxlistaccordion { margin-bottom: 11px; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .ttdabt { position: relative; overflow: hidden; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; cursor:pointer; background:#ffce52; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .datexp { background:#ecc04e; float: left; padding:21px 27px 21px 35px; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .datexp .diames { font-weight:700; font-size: 13px; color:#fff; display: block; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .datexp .ano { font-weight:700; font-size:21px; color:#fff; display: block; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .ttexp { padding:20px; float: left; font-size: 17px; color:#231b08; font-style:italic; }
.boxexpositoresint .boxglexpositores .boxlistaccordion .ttexp span { font-weight:700; font-size: 19px; color:#231b08; display: block; font-style: normal; }
.boxexpositoresint .boxglexpositores .boxup { margin-top:-30px; border-radius:0 0 40px 40px; -moz-border-radius: 0 0 40px 40px; -webkit-border-radius: 0 0 40px 40px; background:#fff; padding:70px 30px 45px; }
.boxexpositoresint .boxglexpositores .boxup p { text-align: center; font-size: 16px; }



/* Slide marcas eventos  */
.slidemarcaseventos { }
.slideint { }


#owl-demo .item {
	background-color:#fff;
	background-image: linear-gradient(to bottom, #fff, #e8e7e8);
	width:161px; height:151px; border:1px #d6d6d6 solid; text-align: center; padding:0; margin:0 20px; color: #FFF; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.customNavigation { text-align: center; position: relative; }
.customNavigation a { position: absolute; display: block; width:45px; top:-107px; height: 46px; background: url(img/setas.png) no-repeat; text-indent: -4999px; z-index: 99; cursor: pointer; }
.customNavigation .prev { left:-50px; background-position:0 0; }
.customNavigation .next { right:-50px; background-position:-45px 0; }

.owl-pagination { display: none; }



/* carousel novo */
.owl-wrapper .item {
	background-color:#fff;
	/*background-image: linear-gradient(to bottom, #fff, #e8e7e8);*/
	width:161px; height:151px; border:1px #d6d6d6 solid; text-align: center; padding:0; margin:0 20px; color: #FFF; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }

.owl-wrapper .item { display: table-cell; vertical-align: middle; }
.owl-wrapper .item img { max-width:131px; max-height: 123px; }


#tiny-carousel-slider1 { text-align: center; position: relative; }

.owl-buttons .owl-prev, .owl-buttons .owl-next { position: absolute; display: block; width:45px; top:-107px; height: 46px; background: url(img/setas.png) no-repeat; text-indent: -4999px; z-index: 99; cursor: pointer; }
.owl-buttons .owl-prev { left:-50px; background-position:0 0; }
.owl-buttons .owl-next { right:-50px; background-position:-45px 0; }





/* Stands */
.boxupstands img { margin:0 auto; display: block; }
.boxupstands p { padding:30px 50px 0; font-weight:700; }

.footer { background: #0c5898; text-align: center; padding:41px 0 11px; overflow: hidden; }
.footer p { font-weight:400; color: #fff; font-size:13px; width: 300px; margin: 0 auto; }
.footer a.mneventos { margin-top:-26px; width:73px; height:76px; display: block; float: left; background: url(img/mn.png) no-repeat; }
.footer a.hd { margin-top:-19px; width:38px; height:40px; display: block; float: right; background: url(img/hd.png) no-repeat; }


.jcarousel { position: relative; overflow: hidden; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcarousel li { float: left; }

.wpcf7-response-output { clear: both; margin-bottom: 50px; }