@import url(http://fonts.googleapis.com/css?family=Nova+Square);
@import url(http://fonts.googleapis.com/css?family=Asul);


/*-------- 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;}



.fixed{ position:fixed !important; top:0px; width:100%; background:rgba(255,255,255,0.85) }

#standardMenu .rootMenu li.child-1 a span{ overflow:hidden; }

.calltoaction{
    position:fixed;
    top: 250px;
    right: -50px;
    padding-left:120px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation: mymove 10s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1;
    animation: mymove 10s;
    animation-delay: 0s;
    animation-iteration-count: 1;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {right: -2000px;}
    to   {right: -50px;}
}

@keyframes mymove {
    from {right: -2000px;}
    to   {right: -50px;}
}

.calltoaction:hover{
  right:0px; 
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}

.tooltipgrande .tooltip-inner{ font-size:24px !important; white-space:nowrap; }


/************** Animação *****************/


.animacao{
   position:relative;
   background-image:url(/Portals/12/imagens/cabecalho/ozonoterapia-header-home-1.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   overflow:hidden;
   text-align:center;
   line-height:100%;
}


.animacaoportal{
   position:relative;
   background-image:url(/Portals/12/imagens/cabecalho/ozonoterapia-header-desfocado.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-attachment:fixed;
   overflow:hidden;
   text-align:center;
   line-height:100%;
}

.sombra{

   background:url(images/banner_bottom_light.png) bottom left repeat-x;


}


.logogrande{
  padding-top:75px;
  padding-bottom:30px;



  /*position:absolute;
  top:50%;
  left:50%;
  margin-top:-90px;
  margin-left:-430px; */}

.headerPagInterna{
  padding-top:80px;
  z-index:10;
  position:relative;

}


.bolha1{
position:absolute;
left:50%;
animation:bolhaA 4s infinite;
-webkit-animation:bolhaA 4s infinite; /* Safari and Chrome */
}


.bolha2{
position:absolute;
left:75%;
width:25px;
height:25px;
animation:bolhaA 6s infinite;
-webkit-animation:bolhaA 6s infinite; /* Safari and Chrome */
}

.bolha3{
position:absolute;
left:15%;
width:30px;
height:30px;
animation:bolhaA 5s infinite;
-webkit-animation:bolhaA 5s infinite; /* Safari and Chrome */
}

.bolha4{
position:absolute;
left:40%;
width:35px;
height:35px;
animation:bolhaA 7s infinite;
-webkit-animation:bolhaA 7s infinite; /* Safari and Chrome */
}

.bolha5{
position:absolute;
left:90%;
animation:bolhaA 4.5s infinite;
-webkit-animation:bolhaA 4.5s infinite; /* Safari and Chrome */
}

@keyframes bolhaA
{
0%   {top:1100px;}
100% {top:-100px;}
}

@-webkit-keyframes bolhaA
{
0%   {top:1100px;}
100% {top:-100px;}
}




/*-------- 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:url(../images/fundo_conteudo_ozono_terapia.jpg) top left repeat #FFF; }
.skin_width {width:100%;max-width:960px;min-width:767px;margin:0 auto; position:relative;}

.skin_header { background:#F4F4F4; padding-bottom:15px; padding-top:15px;}
.header_style { position:relative;}
.logo_style { padding:5px;}
.headerpane_style { text-align:center; }
.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 { box-shadow:0 1px 9px #888888;  /* background:url(../images/nav_bg.jpg) repeat-x; */ min-height:70px; border-top:1px solid #C2C2C2; position:relative; z-index:999;}
.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:url(../images/fundo_footer_ozonoterapia.jpg) top center; border-top:1px dotted #c0c0c0; }



.footer_top { min-height:0;}
.footer_bottom { background:#1E2222; border-top:1px solid #8E8E8E; min-height:50px;}
.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;*/ margin-top:29px; position:absolute; right:0px; }
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu .rootMenu { float:left; /*border-left:1px solid #EBEBEB; 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(148,148,148,1)), to(rgba(68,68,68, 1)) ); 
background: -moz-linear-gradient(top,rgba(148,148,148,1), rgba(68,68,68, 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(148,148,148,1)), to(rgba(68,68,68, 1)) ); 
background: -moz-linear-gradient(top,rgba(148,148,148,1), rgba(68,68,68, 1));
}
#standardMenu .rootMenu li a:hover { background: transparent none;}
#standardMenu .rootMenu li a {background:#FFFFFF; /*url(../images/nav_bg.jpg) #DDDDDD;*/ }

#standardMenu .rootMenu li a span {  display:block; padding:0 22px; color:#00b4b3; white-space:nowrap; font-size:14px; text-transform:uppercase; height:46px; line-height:46px; font-family: 'Nova Square', cursive; /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); */ }
#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 { 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 --*/
#standardMenu .subMenu {position:absolute;top:46px;z-index:1210;width:180px; display:none;padding:0;border:#999 solid 1px;}
#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:#333333; 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:#ffffff;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:#424242; 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; margin-left:6px; padding-top:12px; vertical-align: middle; display:block; }

/*--------- 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(148,148,148,1)), to(rgba(68,68,68, 1)) ); 
background: -moz-linear-gradient(top,rgba(148,148,148,1), rgba(68,68,68, 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(148,148,148,1)), to(rgba(68,68,68, 1)) ); 
background: -moz-linear-gradient(top,rgba(148,148,148,1), rgba(68,68,68, 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:#7E7E7E; 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:#7E7E7E; 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 :#424242; 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;}