/*-------- Global CSS 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 {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
img { height: auto;}


.telefones{ 
     font-weight:bold;
     color:#edbb04;
     text-align:right;
     font-size:24px;
}

.telefones img{ 
    margin-bottom:5px;
}

.telefones a:hover{
    text-decoration:none;
}

/*********** CTA ****************/

.call-to-action {
    position: fixed;
    right: -55px;
    top: 100px;
    transition: all 0.5s ease-in-out 0s;
    z-index:10;
}

.call-to-action:hover {
    right: -12px;
    transition: all 0.5s ease-in-out 0s;
}

/**************** Girasol *********************/

.girasol{
   display:block;
   width:150px;
   height:220px;
   position:absolute;
   bottom:0px;
   left:20px;
   z-index:10;
   background:url(/Portals/15/Imagens/girasol/caule_girasol_wellclean.png) center bottom no-repeat;
}

.girasol img{
   -webkit-animation: rotating 60s linear infinite;
   -moz-animation: rotating 60s linear infinite;
   -ms-animation: rotating 60s linear infinite;
   -o-animation: rotating 60s linear infinite;
   animation: rotating 60s linear infinite;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}



/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}
#skin_wrap {width:100%; position:relative;z-index:1; background:#EAEAEA; }
.skin_width {width:100%;max-width:960px;min-width:767px;margin:0 auto; position:relative;}

.skin_header { background:#F0F0F0;}
.header_style { position:relative;}
.logo_style { padding:5px;}
.headerpane_style { padding:50px 10px 0 20px; text-align:center; min-width:100px;}
.user_style { position:absolute; right:10px; top:10px; padding:0;}
.search_style { position:absolute; right:10px; bottom:2px; padding:0;}
.mobile_nav { display:none;}
.skin_nav { /*position:absolute;*/ width:100%; min-height:46px; z-index:999; background:rgba(255,255,255,0.5); }

.opaco { background:#FFF; box-shadow: 0 10px 5px rgba(88, 88, 88, 0.3); }
.fixed { position:fixed; top:0px; }

.skin_banner { background:url(../images/banner_bg.jpg); background:url(../images/banner_top_light.png) repeat-x top, url(../images/banner_bottom_light.png) repeat-x bottom, url(../images/banner_light.png) no-repeat top center, url(../images/banner_bg.jpg);}
.banner_style { min-height:0;}
.skin_content{ padding:10px 0; /*min-height:555px;*/ }
.skin_footer { background:#E0E0E0; border-top:1px solid #A69A9E;}
.footer_top { min-height:0;}
.footer_bottom { background:#3c9ccf; border-top:1px solid #8E8E8E; min-height:50px;}
.footer_bottom a:link{ color:#edbb04; }
.copyright_style { padding:15px 10px;}
.privacy_style { padding:15px 10px; color:#FFFFFF;}

/*--------- Content Style ----------*/
.Social-Links{padding:15px 0 0 0; text-align:left;}
.Social-Links a{margin:0 5px 0 0;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative;margin:0 auto;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu .rootMenu { float:right; /* border-left:1px solid #B4B4B4; border-right:1px solid #EBEBEB; */ }
#standardMenu .rootMenu li { float:left;position:relative;display:block;list-style-type:none;z-index:903; 
/* background:url(../images/nav_sel_bg.jpg) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(85,172,225,1)), to(rgba(4,88,135, 1)) ); 
background: -moz-linear-gradient(top,rgba(85,172,225,1), rgba(4,88,135, 1)); */
}
#standardMenu .rootMenu li a { display:block;position:relative;float:none;cursor:pointer;text-decoration:none; /*border-left:1px solid #EBEBEB; border-right:1px solid #B4B4B4; */
/*background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));*/
-webkit-transition-property: background;
-webkit-transition-duration: 1000ms;
-moz-transition-property: background;
-moz-transition-duration: 1000ms;
}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { /*background:url(../images/nav_sel_bg.jpg) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(85,172,225,1)), to(rgba(4,88,135, 1)) ); 
background: -moz-linear-gradient(top,rgba(85,172,225,1), rgba(4,88,135, 1));  */
}
#standardMenu .rootMenu li a:hover { background: transparent none;}
#standardMenu .rootMenu li a { /*background:url(../images/nav_bg.jpg) #DDDDDD; */ }

#standardMenu .rootMenu li a span {  text-shadow:1px 1px 1px #FFF; display:block; padding:0 12px; color:#045887; white-space:nowrap; font-size:20px; font-weight:bold; height:46px; line-height:46px; }
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { text-shadow:none;  background:transparent none; color:#edbb04; text-decoration:none;  -moz-transition:color 0.4s linear!important;  -webkit-transition:color 0.4s linear!important; -o-transition:color 0.4s linear!important; -ms-transition:color 0.4s linear!important; transition:color 0.4s linear!important;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;top:46px;z-index:1210;width:180px; display:none;padding:0;border:#999 solid 1px;}
#standardMenu .child-3 .subMenu { width:340px; }
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom: solid 1px #999; border-left:none; border-right:none; padding:0; background:#FFF; filter:Alpha(Opacity=88); opacity:0.88; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#3c9ccf;font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:9px 10px 9px 12px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#edbb04; color:#FFFFFF; cursor:pointer; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ width:180px; margin:0; border:#CCCCCC solid 1px; }
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:180px; top:-1px;}
#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:absolute;left:180px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:180px;top:-1px;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative;margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu .root { float:left;border-left:1px solid #B4B4B4; border-right:1px solid #EBEBEB;}
#megaMenu .root li { float:left;position:relative;display:block;list-style-type:none;z-index:903; 
background:url(../images/nav_sel_bg.jpg) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(85,172,225,1)), to(rgba(4,88,135, 1)) ); 
background: -moz-linear-gradient(top,rgba(85,172,225,1), rgba(4,88,135, 1));
}
#megaMenu .root li a { display:block;position:relative;float:none;cursor:pointer;text-decoration:none;border-left:1px solid #EBEBEB; border-right:1px solid #B4B4B4;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-webkit-transition-property: background;
-webkit-transition-duration: 1000ms;
-moz-transition-property: background;
-moz-transition-duration: 1000ms;
}
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li.rmHover a, #megaMenu .root li:hover a, #megaMenu .root li a:hover {background:url(../images/nav_sel_bg.jpg) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(85,172,225,1)), to(rgba(4,88,135, 1)) ); 
background: -moz-linear-gradient(top,rgba(85,172,225,1), rgba(4,88,135, 1)); text-decoration:none;
}
#megaMenu .root li a:hover { background: transparent none;}
#megaMenu .root li a {background:url(../images/nav_bg.jpg) #DDDDDD;}

#megaMenu .root li a span {  display:block; padding:0 22px; color:#000000; white-space:nowrap; font-size:13px; font-weight:bold; text-transform:uppercase; height:46px; line-height:46px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { background:transparent none; color:#FFFFFF; text-decoration:none;  -moz-transition:color 0.4s linear!important;  -webkit-transition:color 0.4s linear!important; -o-transition:color 0.4s linear!important; -ms-transition:color 0.4s linear!important; transition:color 0.4s linear!important;}

/*-- submenu --*/
#megaMenu .category { position:absolute;top:46px;z-index:1210;width:342px; display:none; padding:5px 8px 12px 8px; background:#333333; background: url(../images/submenu.png) repeat-x top rgba(51,51,51,.8); border:#999 solid 1px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; }
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none; margin:0 8px; width:155px; padding:0;}
#megaMenu .category li.item a{ border:none; border-bottom:1px dotted #888888; background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:normal; height:auto; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 5px 0; text-transform:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#009FFD; font-weight:normal; cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:150px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(../images/right.gif) left 12px no-repeat; border-bottom:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#fff; font-weight:normal; height:auto; line-height:1.5em; padding:6px 0 6px 0; text-transform:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:145px; }
#megaMenu .leaf li.selected > a span{ color:#009FFD; cursor:pointer;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] {padding:5px 0px 5px 0px;}
.bannerpane { padding:0; color:#FFFFFF;}
.bannerpane p{ margin:0; }
.headerpane {padding:0; margin:0;}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid4a {}
.footer_grid4b {}
.footer_grid4c {}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px; }

/*--------- Register and Login Style ----------*/
#Login{ float:right;padding-right:0;height:33px;border:1px solid #d5d5d5;border-bottom:1px solid #aaa;background:#e7e7e7 url(../images/LoginLinksBg.png) repeat-x 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-bottom:20px;}
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{display:block;} 
#Login .registerGroup,#Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li:first-child:hover{border-left:#333;}

/* Register Group Styles */
#Login .registerGroup li{ float:left;height:33px;border-right:1px solid #c7c7c7;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a, #Login .loginGroup a{position:relative;display:block;padding:0 15px;min-width:15px; min-height:11px;font-weight:bold;font-size:11px;vertical-align:middle;line-height:1em; color :#005484; border-right:1px solid #fcfcfc; height:33px; vertical-align:middle;line-height:32px;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{background:#666;color:#ddd;text-shadow: 0px -1px 0px #333333;-webkit-box-shadow:inset 0px 0px 5px 0px #333;-moz-box-shadow:inset 0px 0px 5px 0px #333;box-shadow:inset 0px 0px 5px 0px #333; }
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#fff;text-shadow: 0px -1px 0px #333333;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 15px 12px;}
.registerGroup .userNotifications strong{ background-position:-85px 10px; }
.registerGroup .userMessages strong:hover{background-position:15px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
.registerGroup .userMessages strong:active{background-position:15px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
#Login .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:18px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
		
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:0px solid blue;height:32px; width:32px;background:#555; }

/* Login Language Group */
#Login .language-object{float:left;display:block;margin:0;padding:0;border-left:1px solid #c7c7c7;}
#Login .language-object span{padding:8px 8px 9px 0;*padding:8px 8px 6px 0;margin:0;float:left;}
#Login .language-object span:first-child{padding-left:8px;}
#Login .language-object span img{height:12px; width:20px;opacity:0.2;}
#Login .language-object span:hover img{opacity:1;}
#Login .language-object .Language.selected img{opacity:1;border-color:#999;-webkit-border-radius:2px;border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8);box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8); }

/*--------- Scroll Top style ----------*/
#top-link { background: url(../images/up.png) no-repeat scroll 0 0 transparent; bottom: 10px; right: 20px; display: inline; padding: 30px 20px; position: fixed; text-decoration: none; z-index: 903; opacity: 0.7;}
#top-link:hover { opacity:1;}