/*----------PUB FRONT PAGE AUTOPEÇAS-----*/
.mega-menu ul.mega li ul.sub-menu, .menu-menu-container ul li ul.sub-menu, .home .home_page_banner {background-color: transparent !important; float:right; margin:5px 0px -30px 0px;}


/*----------DIVs RAA-----*/
.boxed {border: 1px solid #E3E3E3;box-shadow: 4px 4px 4px -3px #E3E3E3; background:#FAFAE3;border-radius:2px;padding:5px;}

.anuncioslogin {border: 1px solid #E3E3E3;box-shadow: 4px 4px 4px -3px #E3E3E3; background:#f2f2f2;border-radius:2px;padding:25px;}

.boxed2 {border: 1px solid #E3E3E3; background:#FAFAE3;padding:5px;}

.boxed3 {padding:1px; background:transparent;}

.boxedwpcc {border: 2px solid #E3E3E3; padding:15px; background:#f5f5f5; border-radius:5px;}
.boxedwpccsearch {border: 1px solid #E3E3E3; background:white; border-radius:1px;}


a.hoverblue:hover { text-decoration: underline;color:#2865ab;}
a.hoverwhite:hover { text-decoration: underline;color:#ffffff;}
a.hoverwpccsearch:hover { text-decoration:underline;color:white;}
a.hoverwpccsearch:visited { color:white;}

.hoverwpcc { color:white; background:orange; padding:8px !important; border-radius:5px;line-height:30px;}
a.hoverwpcc:hover { color:white !important;background:#008000 !important;}
a.hoverwpcc:visited { color:white !important;}



/*------------DIV RAA, Formatação das imagens das marcas + efeitos---------------*/
.pic {float: left;width: 131px; height: 105px; margin: 0px; overflow: hidden;-webkit-box-shadow: 5px 5px 5px #33373A;box-shadow: 5px 5px 5px #33373A;}
.pic2 {float: left;width: 300px; height: 225px; margin: 0px; overflow: hidden;-webkit-box-shadow: 5px 5px 5px #33373A;box-shadow: 5px 5px 5px #33373A;}
.pic3 {float: left;width: 540px; height: 405px; margin: 0px; overflow: hidden;-webkit-box-shadow: 5px 5px 5px #33373A;box-shadow: 1px 1px 5px #33373A;}
.pic4 {float: left;width: 590px;height: 332px;margin: 0px;padding: 7px;border: 1px solid rgba(215, 215, 215, 0.53);background: rgba(211, 211, 211, 0.22);}
.pic5 {float: left;width: 300px;height: 169px;margin: 0px;padding: 7px;border: 1px solid rgba(215, 215, 215, 0.53);background: rgba(211, 211, 211, 0.22);}
.pic6 {float: left;width: 135px;height: 101px; border: 1px solid #C8C8C8;}


.grow img {width: 131px; height: 105px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
.grow img:hover {width: 150px; height: 113px;}

.focus {width: 131px; height: 105px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.focus:hover {float: left;width: 131px; height: 105px; border: 70px solid #000;border-radius: 50%;}





/*
File:	 custom.css
Description:	Custom styles for your theme
To properly utilize custom.css you will have to mention a CSS class and it's new properties/values. For 
instructions open the following article:
http://templatic.com/docs/using-custom-css-for-theme-customizations/
PS: Don't forget to activate custom.css in your theme settings area
ADD YOUR CODE AFTER THIS ENDING COMMENT TAG -----------> 
*/ 


/*--- HEADER ---*/
#site-title img, #site-title1 img {margin-top:-8px;}
.header-wrap {padding:13px 0px;}
.header_container {background: #3f3f3f; height:50px; background-image: url('http://www.scooters-eletricas.com/wp-content/uploads/2012/09/layer8.png'); background-repeat:repeat;border-bottom: 1px solid #7D7D7D;-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);}


/*--- MENU ---*/

.menu #menu-secondary-items li {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;padding: 5px 0;border-radius:2px;}


.mega-menu ul.mega li a:hover, .mega-menu ul.mega li.current-menu-item, .menu #menu-secondary-items li:hover, .menu #menu-secondary-items li.current-menu-item, div#menu-secondary .menu li li:hover > a {background: none repeat scroll 0 0 white;}

div#menu-secondary .menu li a {color:white;font-weight:bold;text-shadow: 1px 1px 1px #000000 !important;font-size:15px;}
div#menu-secondary .menu li a:hover {color:black;text-shadow: 1px 1px 1px #fff !important;}

div#menu-secondary .menu li li a, div#menu-secondary1 .menu li li a, div#menu-subsidiary .menu li li a, .nav_bg .widget-nav-menu li li a { background:#1F891F !important; color: white !important;}


/*--- IMAGENS ---*/
img.alignleft {margin-right: 15px !important;}


/*--- HOME PAGE ---*/
.singular-page-5776 #content h1 {display:none;}
.singular-page-5776 .breadcrumb {display:none;}


/*---LAYOUT--*/
body {background: none repeat scroll 0% 0% #F9F9F9; color: #000;}
.layout-2c-r #main .wrap {background:#F9F9F9;}
.layout-1c #main .wrap {background:#F9F9F9;}

.layout-2c-l #content, .layout-default #content {width:70%;}
.layout-2c-l #sidebar-primary, .layout-2c-r #sidebar-contact_page_sidebar, .layout-default #sidebar-primary {width:27%;border-top-left-radius:5px;background: rgb(234, 234, 234);}
.layout-2c-l .sidebar {border-left: 1px double rgba(158, 158, 158, 0.2); padding-left: 1%; padding-right: 0.5%;}

.comments-wrap #respond {padding: 20px;background: rgba(99, 99, 99, 0.19);}

.loop-nav {margin-top:25px;}

.subscribe_cont {background:#999;padding:5px;border-radius:8px;}

/*---FONTS--- 'Fjalla One'*/
.home_page_content .Flicker h3, .widget h3, .widget.title, .widget-title, .widget-search .widget-title {font-family: 'Fjalla One', sans-serif, serif;font-size: 25px; font-weight:bold;text-shadow: 1px 1px 1px white;}

body {font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}

#content h1 {color:black;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {color:black;}

p {color:black; font-size: 17px;line-height: 29px;}

input[type="text"] {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
input[type="submit"] {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}

.sidebar .widget input[type="submit"] {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;background: #1F891F;
  color: white;}
  
textarea {font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}

.loop-nav span.previous {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.loop-nav span.next {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}

.taxonomy-portfoliotags .portfolio h2, .taxonomy-portfoliocategory .portfolio h2, .gallery_list_option .portfolio h2 {font-family: 'Fjalla One', "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}




/*---CONTENT VIEWS PLUGIN---*/
.pt-cv-view a {font-family: 'Fjalla One', sans-serif, serif;font-size: 21px;color:black;}
.pt-cv-view a:hover {font-family: 'Fjalla One', sans-serif, serif;font-size: 21px;color:green;}
.pt-cv-content, .pt-cv-content * {font-size: 16px !important;}

.btn-success {background-color: #199919; color:white !important;}


/*---FOOTER---*/
.footer-wrap {border-top: 1px dotted #BEBEBE;}
#footer p {font-size:14px;font-weight:bold;}
#footer {font-size:12px;font-weight:bold;}


/*---COMENTARIOS---*/
.comment-reply-link, .comment-reply-login {border:none;border-radius:5px;font-size:12px;}
#comments li {padding:21px;background:rgba(156, 199, 151, 0.38);border-radius:5px;}





/*--------------------------------PAGINA RESPONSIVA 18OUT2016 HIPOTESE 1--------------------------------------*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

p{
  font-family: "Helvetica Neue", arial, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 1em;
  text-align: justify;
}

p:last-child{
  margin-bottom: 0;
}

.container{
  padding: 2% 2% 0;
  text-align: justify;
  font-size: 0;
  background: #68b8c4;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .item,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .item{
  text-align: left;
  background: #03899c;
  margin-bottom: 2%;
  padding: 2%;
  vertical-align: top;
  /*display: none; <-- uncomment this rule for use with MixItUp*/
}

@media all and (min-width: 420px){
  .container .item,
  .container .gap{
    width: 32%;
  }
}



/*--------------------------------PAGINA RESPONSIVA 18OUT2016 HIPOTESE 2--------------------------------------*/
/*--------                http://www.responsivegridsystem.com/calculator/                        -------------*/
/*--------------------------------PAGINA RESPONSIVA 18OUT2016 HIPOTESE 2--------------------------------------*/


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}