/*
Theme Name: ZWA TEMPLATE
Author: Lusenildo, Lamartine
Author URI: http://zwa.com.br
Description: Tema padrão ZWA
Version: 2.0
Tags: zwa, design
Text Domain: ZWA TEMPLATE
*/
	
	/*Fontes*/
	@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,400italic,300italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext);
	@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,latin-ext);
	@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
	@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic&subset=latin,latin-ext);
	
	.roboto-reular{ font-family: 'Roboto', sans-serif !important;}
	.roboto-condensed{font-family: 'Roboto Condensed', sans-serif !important;}
	.merriweather-reular{ font-family: 'Merriweather', serif !important;}
	.merriweather-sans{ font-family: 'Merriweather Sans', sans-serif !important;}
	.text-lighter{ font-weight:lighter;}	

	.carousel-control,
	.carousel-control .glyphicon{ width:50px;}
	.carousel-control .glyphicon{ height:50px; background-color:#182477; border:2px solid #FBFBFB; border-radius:30px; display:block; padding-top:6px;}
	.carousel-control.left, .carousel-control.right {
		  background-color:none !important;
		  background-image:none;		 
	 }
	/*Text color*/	
	.text-FFFFFF{ color:#FFFFFF !important;}
	.text-797979{ color:#797979 !important;}
	.text-292D6B{ color:#292D6B !important;}
	.text-666666{ color:#666666 !important;}	
	.text-F16B7D{ color:#F16B7D !important;}
	.text-373737{ color:#373737 !important;}

	/*Text Size*/
	.text-size16{ font-size:1.0em !important; }
	.text-size17{ font-size:1.05em !important; }
	.text-size18{ font-size:1.125em !important; }
	.text-size20{ font-size:1.2em !important; }
	.text-size24{ font-size:1.5em !important; }
	.text-size32{ font-size:2em !important; }
	.text-size36{ font-size:2.25em !important; }
	.text-size40{ font-size:2.45em !important; }
	.text-size48{ font-size:3em !important; }
	.text-size60{ font-size:4em !important; }
	
	/*Padronização*/
	.block{ display:block;}
	.block-in{ display:inline-block;}
	.relative{ position:relative !important;}
	.absolute{ position:absolute !important;}
	.margin-zero{ margin:0 !important;}
	.margin-topo-zero{ margin-top:0 !important;}
	.border-zero{ border:0 !important; border-radius:0 !important;}
	.border-radius{ border-radius:10px !important;}
	.border-radius-zero{ border-radius:0 !important;}
	.menu-float-left > li{ float:left;}
	
	/*Backgrounds*/	
	
	.bg-zero{ background-color:transparent !important;}
	.bg-FFFFFF{ background-color:#FFFFFF !important;}
	.bg-C5C5C5{ background-color:#C5C5C5 !important;}
	.bg-EAEAEA{ background-color:#EAEAEA !important;}
	
	#header #mobile-compensation{ min-height:60px;}
	#header #mobile-bar{ height:71px; border-bottom:1px solid #A6A6A6; border-radius:0;}
	#header #mobile-bar .navbar{ min-height:70px; border-radius:0;}	
	#header #mobile-bar .navbar-collapse{ margin-top:10px;}
	#header #mobile-bar .navbar-toggle{ margin-top:20px;}
	
	#header{ margin-bottom:20px;}
	#header .telefone{ margin:10px 10px 0 20px;}
	#logomarca{ margin-top:17px; margin-bottom:19px;}

	#header .bar-topo{ top:0; right:0;}
	#header #m-principal.bar-topo{ height:53px; margin-top:5px;}
	#header #m-principal.bar-topo ul.ump{ margin-top:11px;}
	#header .bar-topo ul.ump{ padding:5px 0; margin-top:14px;}
	#header .bar-topo ul.ump,
	#header .bar-topo ul.ump > li{ height:32px;}
	#header .bar-topo ul.ump > li{ padding-top:0;}
	#header .bar-topo ul.ump > li > a{ padding:2px 10px;}
	#header #m-com.bar-topo ul.ump > li > a{ color:#1B1B1B;}
	#header #m-principal.bar-topo ul.ump > li > a{ color:#FFFFFF;}
	#header .bar-topo ul.ump li a:hover{ text-decoration:underline; background-color:transparent;}	

	#header .bar-topo ul.ump li.dropdown li{ padding:0 15px;}
	#header .bar-topo ul.ump li.dropdown li, #header .bar-topo ul.umrs li.dropdown li { width:100%;}
	#header .bar-topo ul.ump li.dropdown:hover ul.dropdown-menu, #header .bar-topo ul.umrs li.dropdown:hover ul.dropdown-menu{ display:block;}
	#header .bar-topo ul.ump a.menu:after, #header .bar-topo ul.umrs a.menu:after{ content:none;}	
	#header .bar-topo ul.ump .dropdown-menu, #header .bar-topo ul.umrs .dropdown-menu{ margin:0 0 0 20px; border:0; border-radius:0;}
	#header .bar-topo ul.ump .dropdown-menu a, #header .bar-topo ul.umrs .dropdown-menu a{ font-size:16px; color:#262626; text-transform:uppercase; border-bottom:1px solid #182477; padding:10px 0;}
	#header .bar-topo ul.ump li.dropdown li.border-zero a{ border:0;}
	#header .bar-topo ul.ump .dropdown-menu li.active a, #header .bar-topo ul.umrs .dropdown-menu li.active a{ background-color:transparent !important;}
	
	#header .bar-topo ul.umrs{ margin:12px 10px 0 20px;}
	#header .bar-topo ul.umrs > li, footer ul.umrs li{ margin:0 3px;}
	#header .bar-topo ul.umrs > li > a, footer ul.umrs > li > a{ width:37px; height:34px; background-image:url(images/icon-comunicacao.png); background-repeat:no-repeat; display:block; }
	#header .bar-topo ul.umrs > li.facebook > a, footer ul.umrs > li.facebook > a{ background-position: -37px 0;}
	#header .bar-topo ul.umrs > li.instagram > a, footer ul.umrs > li.instagram> a{ background-position: 0px 0;}

	#painel-principal{ margin-top:0;}
	#painel-principal img{ width:100%;}

	#projetos{ margin-top: 40px;}
	#nossos-produtos .row{ margin-bottom: 30px;}

	#nossos-produtos{ padding-bottom: 22px;}
	#nossos-produtos .contexto{ margin-top: 10px;}
	#nossos-produtos .contexto img{ margin-top: 15px;}
	#nossos-produtos .link-todos{ top: 45px; right: 0;}  
    
    #nossos-produtos .box{ min-height: 415px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 10px 10px 5px -7px rgba(179,179,179,1);
-moz-box-shadow: 10px 10px 5px -7px rgba(179,179,179,1);
box-shadow: 10px 10px 5px -7px rgba(179,179,179,1);}
    #nossos-produtos .box{ border: 1px solid #D6D6D6; }

	#sidebar .box{ padding: 15px 40px 0 10px;}
	#sidebar .box ul li{ border-top: 1px solid #6F6E6E; padding: 8px 0;}

	#texto p{ line-height:180%;}
	#texto .thumbs img{ width:150px; height:150px;}

	#texto .checkbox span{ display: block;}
	#texto .comment-form textarea{ width: 100% !important;}
	#texto .wpcf7-form input, #texto .wpcf7-form textarea, #texto .wpcf7-form select{ background-color:#F0F0F0; border-radius: 0;}	
	#texto .wpcf7-form input.wpcf7-submit{ font-size: 1.2857142857142858em; background-color: #005889; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif !important; color: #FFFFFF; border: 0;  border-radius: 0; padding: 4px 25px;}	
	#texto .wpcf7-form input.wpcf7-submit:hover,  #texto .wpcf7-form input.wpcf7-submit:visited, #texto .wpcf7-form input.wpcf7-submit:active{ text-decoration: underline; color: #FFFFFF;}
	#texto .wpcf7-form .wpcf7-response-output{ font-family: 'Roboto Condensed', sans-serif !important; display:table-cell; margin-top: 15px;}
	#texto label.error, #form-newsletter label.error{ font-family: 'Roboto Condensed', sans-serif !important; font-weight: normal !important; color: #FF0C10 !important; }


	#texto .wp_pagination span, #texto .wp_pagination a{ font-family: 'Roboto Condensed', sans-serif !important; text-transform:uppercase; font-size:1.8em; color:#777777; padding:8px; display:inline-block;}
	#texto .wp_pagination a{ background-color:#F3F3F3;}
	#texto .wp_pagination span{ background-color:#C7C1C1;}	
		
	footer{ margin-top:52px; padding-top:10px; }
	footer address{margin-top:40px;}
	footer address .box-padding{ padding:15px 20px 5px; min-height:100px;}
/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

.wp-caption p {
	font-size: 11pt;
}
#commentform label{ display:block;}