@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300,600);

body {font-family: 'Source Sans Pro', sans-serif!important; font-size:16px!important;}

p {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height:25px;}

h2 {color: #0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 33px;}

h3 {color: #0097CD; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 25px;}

section{padding:50px 0;}

.banner_top {background-image: url(/portals/_default/skins/cannon/images/barta_novos_circulos.jpg); background-size: cover; background-position: 50% 50%; min-height:422px;}

.banner_h1{color:#FFF; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:45px;}

.ulBanner_top { padding-left: 15px;}

.banner_li {color:#FFF; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:22px; line-height:45px; text-shadow: 1px 1px 5px #000;}

.Banner_button {padding: 10px; color: #666; font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size: 24px;background: #aecc35; max-width: 150px; border-radius: 8px; text-transform:uppercase; text-align: center;} 

.Banner_button a {color: #666; font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size: 24px;} 

.Banner_button a:hover {color: #666; font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size: 24px; text-decoration:none;} 

.button_nav {
    float: right;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
    border: 3px solid #FFF;
    border-radius: 5px;
    padding: 0px 0;
    background-color: #FFF;
    margin-top: 9px!important;
    color: #FFF;
    margin-right: 10px;
}

.button_nav a {font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:18px; color:#FFF;}

.button_nav a:hover {font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:18px; color:#FFF; text-decoration:none;}

.button_orange {
    background: #DA6100;
    padding: 3px 10px;
    border-radius: 4px 0px 0px 4px;
    float: left;
}

.button_red {
    background: #BE2204;
    padding: 3px 10px;
    border-radius: 0px 4px 4px 0px;
    float: left;
}

.plageCircule {width:7.7%; margin:10px 12px; float:left; text-align:center}

.plageCircule a img { margin: auto; }

.plageCircule p {text-align:center; margin-top:10px;}

.plageCircule_text a {color: #666; font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size: 16px; text-decoration:none; text-align:center;}

.plageCircule_text a:hover {color: #666; font-family: 'Source Sans Pro', sans-serif;font-weight: 600;font-size: 16px; text-decoration:none; text-align:center;}

.sectionGrey {background:#EEEEEE;}

.boxTitle{color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 18px; background: #0355A1; padding: 7px; border-left: 14px solid #32CAE5;}

.boxText li {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height:25px;}

.boxText {background: #fff; padding: 15px; min-height:290px; margin-top:-10px;}

.qualityExperience {text-align:center;line-height:25px;}

.qualityExperience_h2 {color:#0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:45px; text-align:center;}

.qualityExperience_p {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px;}

.qualityExperience_img {width:401px; margin:auto;}

.qualityExperience_img img {float:left; margin:25px; max-width: 150px;}

footer {background:#656565; padding:25px 15px;}

footer p {background:#656565; color:#BEBEBE; font-size: 13px}

footer p a, footer a span, footer div a {color:#BEBEBE!important; text-decoration:underline!important; font-size: 13px!important; font-family: 'Source Sans Pro', sans-serif !important;}

footer p a:hover { color:#BEBEBE; text-decoration:underline}

.loginGroup 	{ margin-bottom: 27px; display: inline-block; margin-top: 4px; }

.loginGroup a {color: #BEBEBE; margin-left: 4px; padding-left: 7px; border-left: 1px solid #BEBEBE; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size: 13px;}

.loginGroup a:hover {color: #BEBEBE; margin-left: 4px; padding-left: 7px; border-left: 1px solid #BEBEBE; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}

.footerCopy{padding-top: 9px;}

.footerMenuItem {float:left;list-style:none; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}

.footerMenuItem a {color: #BEBEBE; margin-left: 4px; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}

.footerMenuItem a:hover {color: #BEBEBE; margin-left: 4px; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}


/******************************************************/
/********************* Interna ************************/
/******************************************************/


.banner_interna  {/*background: url(/portals/_default/skins/cannon/images/banner_interna.png) no-repeat; /*background-size: cover;*/ background-position: 50% 50%; height: 155px;}

.Fundo_img  {background: url(/portals/_default/skins/cannon/images/bannerInterna.png) no-repeat; /*background-size: cover;*/ background-position: 50% 0%;}

.Fundo_transparent {
  background: -webkit-linear-gradient(rgba(255, 255, 255,  0.55), rgba(255, 255, 255, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255,  0.55), rgba(255, 255, 255, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255,  0.55), rgba(255, 255, 255, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 1)); /* Standard syntax */}

.banner_interna_servicos  {/*background: url(/portals/_default/skins/cannon/images/banner_interna.png) no-repeat; /*background-size: cover;*/ background-position: 50% 50%; height: 155px;}

.titlepage {color:#0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-size:50px; margin-top: 13px;}

.breadCrum_interna {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:16px; margin-top:15px;}

.breadCrum_interna a {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:16px; margin-top:15px;}

.breadCrum_interna a:hover {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:16px; margin-top:15px;}

.text-left p {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; margin-top: 15px; line-height:25px;}

.backgoundgrey {background:#F0F0F0; margin-top:-10px;}

.menuRightInterna {padding:8px;}

.menuRightInterna li {border-bottom: 1px solid #00A1D5; color:#0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-size:18px;list-style: none; padding:5px 0; width: 95%; margin-bottom: 5px; text-decoration: none; text-indent: -0.3em; display:none}

.menuRightInterna li a:hover {color:#0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-size:16px;list-style: none; padding:5px 0;  width: 100%; text-decoration:none;}

.menuRightInterna li a {color:#0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px;  text-decoration: none;}

.callNow {
    background-color: #DA6100;
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 17px;
    list-style: none;
    margin: 7px 0 20px 16px;
    display: inline-block;
    width: 35%;
    max-width: 100px;
    padding: 6px;
    text-align: center;
    border-radius: 8px 0 0 8px;
}

.callNowRed {
    background-color: #BE2204;
	color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 17px;
    list-style: none;
    margin: 14px 0 0 0;
    display: inline-block;
    width: 50%;
    max-width: 208px;
    padding: 6px;
    text-align: center;
    border-radius: 0 8px 8px 0;
}

.boxlinkForBlog {border:1px solid #ccc; margin-top:25px;}

.titlelinkForBlog {color:#00A1D5; font-family: 'Source Sans Pro', sans-serif; font-weight:700; font-size:18px; text-align:center;}

.ullinkForBlog {padding:16px; margin-bottom:0px!important;}

.ullinkForBlog li {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px;list-style: none; padding:5px 0; text-decoration:underline;}

.ullinkForBlog li a {color:#656565; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; padding:5px 0; text-decoration:underline;}

.imgPlageBanner {min-height:200px;}

.imgPlageBanner img {margin:auto;}

.areaListItemBox		{ margin-bottom: 50px; }

.areaItemBg {margin-top: -29px; height:29px; background-color: #004D73; opacity: 0.4; width: 100%; }

.areaListItem { height:140px; width: 140px; border-radius:100px; margin:auto}

.fa-3x { font-size: 5em;  margin: 20px 15px;}

.areaItemTitle {
top: 10px;
padding: 5px 5px;
color: #FFF;
font-size:17px;
}

a .areaListItem {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
-webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 1s ease;
  transition: all 0.25s ease;
  background: #298EAC;
}

a:hover .areaListItem   {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  color:#298EAC;
	-webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 0.25s ease;
  background-color:#004D73;
  
 }
 
 .areaListItemDesc a {color: #0097CD; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 23px; line-height:25px;}
 
 .areaListItemDesc a:hover {color: #004D73; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 23px; text-decoration:none; line-height:25px}

 .areaListItemDesc p {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height:25px;}

.areaListItem img {margin:auto}

.NameFromPlage {color: #0097CD; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 23px; margin-top:50px;}

.titlePlagues {color: #0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 30px; text-align:left}

.askforbudget {text-align:center; padding:10px; background:#0097CD; max-width:250px;}

.askforbudget a {color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px;}

.askforbudget a:hover {color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px; }

.text-left li {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height:25px;}

.img-circle {  border-radius: 50%;    padding: 15px;}

.TabelaDarkBlue{background:#0097CD; color:#FFF; padding:10px; text-align:center; border: 1px solid #CCC;}

.TabelaBlue{background:#F0F0F0; color:#0355A1; padding:10px; text-align:center; border: 1px solid #CCC;; width: 33%;}

.imgTableSide img {margin-top:70px;}

.clip-circle {
    overflow:hidden;
	position: absolute;
	z-index: 999;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	margin-top:10px!important;
}


/******************************************************/
/******************** Blog ****************************/
/******************************************************/


.ArticleDetailImage img{margin:auto}

.catArticles {color: #0097CD; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 30px; text-align:center}

.media-heading a {color: #0356A4; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 27px;}

.seeMore a {color: #0097CD; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 18px;}

ul { list-style-type: circle; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 15px;}

.ArticleDetail h1 {color: #0355A1;  font-family: 'Source Sans Pro', sans-serif;  font-weight: 400;  font-size: 35px;}

.goToBlog {text-align:center; padding:10px; background:#0097CD; max-width:100px; float:right}

a .goToBlog  {color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px;}

a:hover .goToBlog  {color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 17px; }

.addthis_sharing_toolbox { margin-top: 15px; display: inline-block; float: right; }

footer .addthis_sharing_toolbox { margin-top: 15px; display: block; float: none; }


/******************************************************/
/********************* Form ***************************/
/******************************************************/


.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {
    width: 97%!important;
    max-width: 97%;
}



/******************************************************/
/******************** Navegação ***********************/
/******************************************************/


.navbar { position: relative; min-height: 50px; margin-bottom: 0px!important;  border: 1px solid transparent;}

.navbar-default {  background-color: #0097CD!important;  border-color: #5E5E5E!important; color:#FFF;}

.navbar-default .navbar-nav > li > a {  color:#FFF!important; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:18px; background-color: transparent!important; padding-left: 0px; padding-right: 16px;}

.container-fluid { padding-left: 0px!important;}

.navbar-collapse { padding-left: 0px!important;}

.menuCannon {background:#0356A4; padding:5px;}

.MenuNav {list-style: none; padding-left: 10px;}

.MenuNav li a {list-style: none; float:left; color:#79AAD0!important; font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:18px; padding: 5px 15px 5px 5px;}

.MenuNav li a:hover {background: #0356A4;}

.navbar-default .navbar-toggle {  border-color: transparent;  background-color: transparent !important;}

.navbar-default .navbar-toggle .icon-bar {  background-color: #FFF !important; width: 40px; height: 5px; margin: 5px;}

.navbar-default .navbar-toggle:hover {  border-color: transparent;  background: #FFF;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: -61px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (min-width: 768px){
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0px;
}
}


/******************************************************/
/******************* Media Query **********************/
/******************************************************/


@media all and (max-width: 1200px) {
	.button_nav {
	    float: none;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-weight: 600;
	    font-size: 18px;
	    border: 3px solid #FFF;
	    border-radius: 5px;
	    padding: 0px 0;
	    background-color: #FFF;
	    margin-top: 9px!important;
	    color: #FFF;
	    margin-right: 10px;
	}

	.button_orange {
	    float: none;
	    text-align: center;
	    border-radius: 4px 4px 0 0;
	}

	.button_red {
	    float: none;
	    text-align: center;
	    border-radius: 0 0 4px 4px;
	}	
	.navbar-default .navbar-nav > li > a {
    padding-right: 10px;
}
}

@media (min-width: 768px){
	.navbar {border-radius: 0px;}
}

@media (max-width: 1050px){
	.plageCircule {width: 30%;  margin: 10px 12px; float: left; text-align: center;}
}

@media (max-width: 980px){	
	.plageCircule {  min-width: 75px;  margin: 10px 50px;float: left;text-align: center;}
	.button_nav {font-size: 15px; border: 3px solid #FFF; border-radius: 8px;padding: 0; margin-top: 9px!important; color: #FFF;}
	.button_nav a {font-family: 'Source Sans Pro', sans-serif;font-weight: 600; font-size: 12px;color: #FFF; text-decoration: none;}
	.button_nav a:hover {font-family: 'Source Sans Pro', sans-serif;font-weight: 600; font-size: 12px;color: #FFF; text-decoration: none;} 
	.button_nav{float:left;}
	.navbar-default .navbar-toggle {border-color: transparent; background: #FFF; }
	.callNowTop {  font-size: 11px;  height: 34px;}
	
}
@media (max-width: 768px){
	.language-object {display:none;}
	.qualityExperience_img {  width: 160px;  margin: auto;}
	.banner_interna {height: 270px;}
	.navbar-default .navbar-nav > li > a { text-align: center;  font-size: 14px; padding-right: 8px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7;  margin-top: 10px;}
	.plageCircule {  width: 29%;  margin: 10px 12px;float: left;text-align: center;}
	.boxText { background: #FFF none repeat scroll 0% 0%; padding: 15px; min-height: 115px; margin-top: -10px;}
	.qualityExperience_img img { float: left; margin: 4px;}
	.titlepage {font-size: 37px; margin-top: 13px;}
	.MenuLateral {margin-top:50px;}
	.button_nav {font-size: 15px; border: 3px solid #FFF; border-radius: 8px;padding: 4px 0; margin-top: 9px!important; color: #FFF;}
	.button_nav a {font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 12px;color: #FFF; text-decoration: none;}
	.button_nav a:hover {font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 12px;color: #FFF; text-decoration: none;} 
	.navbar-default .navbar-nav > li > a { font-size: 13px !important;}
	.callNowTop { font-size: 17px;  height: 34px; width: 54%;}
	.button_nav a { font-size: 16px;color: #FFF;text-decoration:none;}
	.button_nav a:hover { font-size: 16px;color: #FFF;text-decoration:none;}
	
}


@media (max-width: 668px){
	.callNowTop { font-size: 17px;  height: 34px; width: 70%;}
	
}

@media (max-width: 568px){
	.callNowTop { font-size: 17px;  height: 34px; width: 90%;}
	
}

@media all and (max-width: 480px) {
.MenuNav li a {font-size: 14px;}
.MenuNav { list-style: none;  padding-left: 10px;}
.navbar-nav { margin: 0px;}
.banner_h1 {  color: #FFF;font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 30px;}
.banner_li { color: #FFF;font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 20px; line-height: 30px;}
footer {background: #656565; padding: 25px 15px;}
.navbar-collapse { margin-top: 50px; text-align: center;}
.titlepage {font-size: 30px; margin-top: 13px;}
.qualityExperience_h2 {  color: #0355A1; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 38px; text-align: center;}
.navbar-default .navbar-toggle {margin-right: -50px; border-color: transparent; background: #FFF; margin-top: -59px;}
.plageCircule {  width: 44%;  margin: 10px 12px;float: left;text-align: center;}
.callNowTop {
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    padding: 2px;
    text-align: center;
    border-radius: 8px;
    height: 35px;
    background: -webkit-linear-gradient(right,#BE2204 , #BE2204 34%, #DA6100 30%, #DA6100);
    border: 3px solid #FFF;
}

}

@media all and (max-width: 400px) {
.plageCircule {  width: 40%;  margin: 10px 12px;float: left;text-align: center;}

}


.footerRight 	{ float: right; text-align: right; }

.fb_iframe_widget {
    display: inline-block;
    position: relative;
    float: right;
    display: table;
}



td > .dnnLabel {
    width: 37px!important;
    float: left;
}
.dnnLabel {
    display: inline-block;
    float: left!important;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
    margin: 10px!important;
}


a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url(../../images/helpI-icn-grey.png) no-repeat left 2px;
    padding: 0 !important;
    margin: 0 !important;
    display: none!important;
}