@charset "UTF-8";
/* Redefinir */
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div:after, ol:after, form:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
a, a img {text-decoration:none; border:none; -webkit-transition: all 1s;transition: all 1s;}
img{display:inline-block; margin:auto;}
hr{border-left:none; border-right:none; border-bottom:none; border-top:dotted 1px #ADB6BA; margin:8em 0 4em 0; clear:both;}
/* Identificadores */
#body {font-size:62.5%;margin:0;padding:0;width:100%;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#FFFFFF;}
#container {margin:0;padding:0;height:100%;min-height:100%;height:auto !important;position:relative;}

#header{position:fixed; width:100%; top:0; left:0; z-index:1000; background-color:#FFFFFF;}
#header #content{padding-top:2.5em; padding-bottom:2.5em; -webkit-transition:padding 1s; -moz-transition:padding 1s; -ms-transition:padding 1s; transition:padding 1s;}
#header a.logo{display:block; width:19em; padding-bottom:7.5em; background-image:url(../images/dr-norberto-martins.png); background-repeat:no-repeat; background-position:center left; background-size:contain; position:relative; z-index:200; -webkit-transition:padding 1s; -moz-transition:padding 1s; -ms-transition:padding 1s; transition:padding 1s;}
#header a.pictogramas{margin-top:2em; position:relative; z-index:200; margin-left:0.5em; -webkit-transition:margin 1s; -moz-transition:margin 1s; -ms-transition:margin 1s; transition:margin 1s;}

#header.hover #content{padding-top:1em; padding-bottom:1em;}
#header.hover a.logo{padding-bottom:5em;}
#header.hover a.pictogramas{margin-top:1.25em;}
#header.hover #nav {padding:1.5em 0;}

#nav{display:block; float:right; padding:2.5em 0; margin:0; list-style:none; text-align:right;-webkit-transition:padding 1s; -moz-transition:padding 1s; -ms-transition:padding 1s; transition:padding 1s;}
#nav li{display:inline-block; margin:0; padding:0;}
#nav li a{display:block; line-height:25px; padding:0 1.1em;}
#nav li a.hover, #nav li a:hover{color:#0062A9;}

#subNav{
	position:absolute;
	width:100%;
	bottom:4em;
	left:0;
	z-index:100;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	-webkit-transition: all 1s;transition: all 1s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007DCF+0,FFFFFF+26,0062A9+29,FFFFFF+67,003966+73,003966+100 */
	background: #007DCF; /* Old browsers */
	background: -moz-linear-gradient(top,  #007DCF 0%, #007DCF 50px, #FFFFFF 50px, #FFFFFF 51px, #0062A9 51px, #0062A9 101px, #FFFFFF 101px, #FFFFFF 102px, #003966 102px, #003966 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007DCF 0%,  #007DCF 50px, #FFFFFF 50px, #FFFFFF 51px, #0062A9 51px, #0062A9 101px, #FFFFFF 101px, #FFFFFF 102px, #003966 102px,#003966 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007DCF 0%,  #007DCF 50px, #FFFFFF 50px, #FFFFFF 51px, #0062A9 51px, #0062A9 101px, #FFFFFF 101px, #FFFFFF 102px, #003966 102px,#003966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007DCF', endColorstr='#003966',GradientType=0 ); /* IE6-9 */
}
#subNav{-webkit-transition: all 1s;transition: all 1s;}
#subNav ul{display:block; margin:0 auto; padding:0 0.9em; list-style:none; width:100%; max-width:112.8em;position:relative;}
#subNav ul li{display:inline-block; margin:0 0 1px 0; padding:0; width:33.3%; float:left;}
#subNav ul li:nth-child(3n){width:33.4%;}
#subNav ul li:nth-child(3n) a{border-right:solid 1px #FFFFFF;}
#subNav ul li:nth-child(7), #subNav ul li:nth-child(8), #subNav ul li:nth-child(9){margin-bottom:0;}
#subNav ul li a{display:block; width:100%; height:50px; line-height:30px; padding:10px 15px; border-left:solid 1px #FFFFFF; font-size:20px; font-size:1.25rem; font-weight:300;-webkit-transition: all 1s;transition: all 1s; background-repeat:no-repeat; background-position:right center; background-size:30px 30px; background-origin:content-box;}
#subNav ul li a:hover, #subNav ul li a.hover{background-color:#4A5B61;}

#subNav.hover{
	position:fixed;
	bottom:auto;
	top:7.5em;
	background: -moz-linear-gradient(top,  #007DCF 0%, #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px, #003966 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007DCF 0%,  #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px,#003966 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007DCF 0%,  #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px,#003966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#subNav.hover ul li a{height:40px; line-height:30px; padding:5px 15px;}

#section {position:relative;}
#content {margin:auto;padding:0 0.9em;width:100%;max-width:112.8em;position:relative;}
#article {margin:auto; width:66.6%;position:relative; display:block; vertical-align:text-top;}
#column {margin:auto; padding:0; width:33.3%; position:relative; display:block; vertical-align:text-top;}

#section.principal #content{padding-top:19.9em;}
#section.principal #content h1{font-size:100%; margin:0; padding:0;}
#section.principal #content h1.excecao{padding-top:7em;}
#section.principal #content h1 font{font-size:32px; font-size:2rem; font-weight:400;}
#section.principal #content h2{font-size:100%; margin:3em 0 0 0; padding:0;}
#section.principal #content h2 font{font-size:24px; font-size:1.5rem; font-weight:400;}
#section.principal #content h2 span{font-size:0.7em;font-weight:300; padding-right:1em;}
#section.principal #content h2 img{float:right; display:block; margin:0 0 0 2em; width:12%;}
#section.principal #content p, #section.principal #content li{font-size:16px; font-size:1rem; line-height:1.5em; font-weight:300;}

#section.principal #article.openGray{padding:7em 3em 7em 0;}
#section.principal #article iframe{height:45em; border:none;}

#section.principal #column{padding:0 30px; background-repeat:no-repeat;}
#section.principal #column.imagem{padding:0; height:0; padding-bottom:0; padding-bottom:0; background-color:#EEF2F5; border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;width:33.4%; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; overflow:hidden;}
#section.principal #column.sinais{padding:30px; background-color:#EEF2F5; border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF;width:33.4%; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; overflow:hidden;}

#section.principal .item{margin-bottom:4em; border-bottom:dotted 1px #677981;}
#section.principal .item:first-child{border-top:dotted 1px #677981;}
#section.principal .item p{margin-bottom:40px;}
#section.principal .item a.button{margin-top:10px;}
#section.principal .image{display:block; padding-bottom:40%; background-repeat:no-repeat; background-position:center; margin:3em 0; border:solid 1px #708C98; background-size: cover;border-radius: 4px;border-radius:4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}
#section.principal .image.vertical{width:45%; padding-bottom:60%; float:right; margin-left:5%;}

#section.contato {border-top:solid 1px #4A5B61;}
#section.contato::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0;  background: rgb(0,125,207); background: linear-gradient(90deg, rgba(0,125,207,1) 0%, rgba(0,125,207,1) 50%, rgba(0,57,102,1) 50%, rgba(0,57,102,1) 100%);}

#section.contato #column{background-color:#0062A9; padding:3em; border-left:solid 1px #FFFFFF; float:left; min-height:45em;}
#section.contato #column:first-child{background-color:#007DCF;}
#section.contato #column:last-child{background-color:#003966; border-right:solid 1px #FFFFFF; width:33.4%;}

#section.contato #column h2{font-size:100%; margin:0; padding:4em 0 2em 0; background-repeat:no-repeat; background-position:right top; background-size:30px 30px;}
#section.contato #column h2 font{font-size:22px; font-size:1.375rem; font-weight:300; line-height:1em;}
#section.contato #column p{font-size:18px; font-size:1.125rem; font-weight:300;}
#section.contato #column a{font-size:20px; font-size:1.25rem; font-weight:300; padding-left:40px; line-height:30px; display:block; background-repeat:no-repeat; background-position:left center; background-size: 30px 30px; font-weight:300;-webkit-transition: all 1s;transition: all 1s;}
#section.contato #column a.absolute{position:absolute; left:30px;}
#section.contato #column a.localizacao{bottom:30px;}
#section.contato #column a.fone{bottom:85px;}
#section.contato #column a.whatsapp{bottom:140px; background-image:url(../images/pict-contato-whatsapp.png);}
#section.contato #column a:hover{opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);}
#section.contato #column a strong{font-weight:400;}

#section.contato #agende{display:block; width:20px; height:20px; position:absolute; top:-200px; z-index:-10;}

#section.noticas{background-color:#E9EDEE;}
#section.noticas #content {padding-top:6em; padding-bottom:6em;}
#section.noticas h3{font-size:100%; background-repeat:no-repeat; background-position:right center; background-size:30px 30px;line-height:30px; margin:0 0 4em 0; padding:0;}
#section.noticas h3 a{display:block;}
#section.noticas h3 font{font-size:36px; font-size:2.25rem; font-weight:300;}
#section.noticas ul{margin:0; padding:0; list-style:none; text-align:center;}
#section.noticas li {display:inline-block; margin:0; padding:0; width:33.3%; vertical-align:text-top; position:relative; text-align:left;}
#section.noticas li:last-child{width:33.4%;}
#section.noticas li a{display:block; margin:0 3em; padding:3em 0;  border-top:dotted 1px #4A5B61; border-bottom:dotted 1px #4A5B61;-webkit-transition: all 1s;transition: all 1s;}
#section.noticas li a:hover{opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);}
#section.noticas li h4{font-size:100%; margin:0; padding:0;}
#section.noticas li h4 font{font-size:24px; font-size:1.5rem;}
#section.noticas li span.ubuntuLGray{display:block; font-size:14px; font-size:0.875rem; font-weight:300; line-height:1.5em;}
#section.noticas li p{font-size:18px; font-size:1.125rem; font-weight:300; margin-bottom:0; padding-bottom:0;}
#section.noticas li span.button{width:50%; position:absolute; bottom:2em; left:50%; margin-left:-25%; line-height:40px;}

#section.videos{background-image:url(../images/_large/bg-videos.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; border-top:solid 1px #FFFFFF;}
#section.videos #content{padding-top:6em; padding-bottom:6em;}
#section.videos h3{font-size:100%; background-repeat:no-repeat; background-position:right center; background-size:30px 30px;line-height:30px; margin:0 0 4em 0; padding:0;}
#section.videos h3 font{font-size:36px; font-size:2.25rem; font-weight:300;}
#section.videos h3 a{display:block;}
#section.videos a:hover{opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);}
#section.videos p{font-size:18px; font-size:1.125rem; font-weight:300;}
#section.videos h4{font-size:100%;}
#section.videos h4 font{font-size:24px; font-size:1.5rem;}

#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	border-top:solid 1px #FFFFFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ADB6BA+0,4C575B+29,283235+100 */
	background: #ADB6BA; /* Old browsers */
	background: -moz-radial-gradient(center, circle,  #ADB6BA 0%, #4C575B 120px, #283235 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, circle,  #ADB6BA 0%,#4C575B 120px,#283235 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(circle at center,  #ADB6BA 0%,#4C575B 120px,#283235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADB6BA', endColorstr='#283235',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#footer #content{background-image:url(../images/bg-footer.png); background-repeat:no-repeat; background-position:center; background-size:70px auto; padding-top:3em; padding-bottom:3em;}
#footer p{margin:0; padding:0; font-size:14px; font-size:0.875rem; font-weight:300; line-height:1.4em;}
#footer p:first-child{float:left;}
#footer p:last-child{text-align:right; float:right;}
#footer p:last-child font{font-size:0.8em;}
/*banner*/
#slidePhotos {margin:0;padding:0;list-style:none; overflow: hidden; z-index:0; min-height:65em; position:relative; z-index:0;}
#slidePhotos li {height:100%; min-height:100%; width:100%; background-repeat:no-repeat;background-position:top center;background-size:cover;background-attachment: fixed; margin-top:7.8rem;}
#slidePhotos li.norberto{background-image:url(../images/_large/dr-norberto-martins.jpg);}
#slidePhotos li.videocirurgia{background-image:url(../images/_large/videocirurgia-e-seguranca.jpg);}
#slidePhotos li.tecnologia{background-image:url(../images/_large/tecnologia-a-servico-da-saude.jpg);}
#slidePhotos li:hover{background-color:#FFFFFF;opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);}
#slidePhotos li a{display:block;width:100%; height:100%; min-height:100%;-webkit-transition: all 1s;transition: all 1s;}
#slidePhotos h1{font-size:100%; margin:18em auto 0 auto; padding:0 0.9em; display:block; max-width:112.8em;}
#slidePhotos h1.ubuntuWhite{text-shadow: 3px 3px 10px #003966, -3px 3px 10px #003966, 3px -3px 10px #003966, -3px -3px 10px #003966;}
#slidePhotos p{margin:2em auto 0 auto; padding:0 0.9em; display:block; max-width:112.8em; font-weight:300;}
/*formularios*/
#filtro{display:none; visibility:hidden;}
#agendamento {display:block; width:100%; margin:auto;}
#agendamento input[type=text]{width:100%; border:solid 1px #FFFFFF; height:40px; line-height:40px; font-size:16px; font-size:1rem; font-weight:300; background-color:#003966; margin-bottom:10px;}
#agendamento input[type=text].floatLeft, #agendamento input[type=text].floatRight{width:49%;}
#agendamento select.floatRight{width:49%;}
#agendamento select{width:100%; border:solid 1px #FFFFFF; height:40px; line-height:30px; padding:5px 10px; font-size:16px; font-size:1rem; font-weight:300; background-color:#003966; margin-bottom:10px; appearance: none;-moz-appearance: none;-webkit-appearance: none; background-repeat:no-repeat; background-position:right center; background-size:30px 30px; background-origin:content-box; background-image:url(../images/pict-geral-bottom.png);border-radius: 0;border-radius:0;-moz-border-radius: 0;-khtml-border-radius: 0;}
#agendamento input[type=submit]{width:49%; border:none; height:40px; line-height:40px; font-size:12px; font-size:0.75rem; font-weight:300; background-color:#001927; margin:auto; display:block; cursor:pointer;}
#agendamento p{font-size:14px!important; font-size:0.875rem!important;}

#categorias {display:block; width:33.3%; margin:0 auto;}
#categorias select{display:block; padding:0 1em; width:100%;border-radius: 0;border-radius:0;-moz-border-radius: 0;-khtml-border-radius: 0; border:none; height:40px; line-height:40px; font-size:16px; font-size:1rem; background-color:#0062A9; appearance: none;-moz-appearance: none;-webkit-appearance: none;background-image:url(../images/pict-bottom.png);background-repeat:no-repeat;background-position:right center; background-size:contain;}

/*fontes*/
.ubuntuWhite{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#FFFFFF;}
.ubuntuLGray{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#ADB6BA}
.ubuntuGray{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#4A5B61;}
.ubuntuDGray{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#283235}
.ubuntuBlue{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#0062A9;}
.ubuntuDBlue{font-family: 'Ubuntu', Arial, Helvetica, sans-serif; color:#003966;}
.openWhite{font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#FFFFFF;}
.openGray{font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#4A5B61;}

/*gerais*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.upper{text-transform:uppercase;}
.pictogramas{display:block; min-width:30px; height:30px; background-repeat:no-repeat; background-size:contain; border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
a.pictogramas:hover{opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);}
.facebook{background-image:url(../images/pict-social-facebook.png);}
.instagram{background-image:url(../images/pict-social-instagram.png);}
.linkedin{background-image:url(../images/pict-social-linkedin.png);}
.videocirurgia{background-image:url(../images/pict-link-videocirurgia.png);}
.minilaparoscopia{background-image:url(../images/pict-link-minilaparoscopia.png);}
.vesicula{background-image:url(../images/pict-link-vesicula-biliar.png);}
.estomago{background-image:url(../images/pict-link-estomago.png);}
.figado{background-image:url(../images/pict-link-figado.png);}
.pancreas{background-image:url(../images/pict-link-pancreas.png);}
.baco{background-image:url(../images/pict-link-baco.png);}
.sudorese{background-image:url(../images/pict-link-sudorese-excessiva.png);}
.hernias{background-image:url(../images/pict-link-hernia.png);}
.orientacoes{background-image:url(../images/pict-link-orientacoes.png);}
.consultorio{background-image:url(../images/pict-geral-consultorios.png);}
.agendamento{background-image:url(../images/pict-geral-agendamento.png);}
.whatsapp{background-image:url(../images/pict-contato-whatsapp.png);border-radius:unset;}
.fone{background-image:url(../images/pict-contato-telefone.png);}
.localizacao{background-image:url(../images/pict-contato-localizacao.png);}
.email{background-image:url(../images/pict-contato-email.png);}
.noticias{background-image:url(../images/pict-geral-noticias.png);}
.whatsapp{background-image:url(../images/pict-social-whatsapp.png);}
.youtube{background-image:url(../images/pict-social-youtube.png);}

.button{height:40px; line-height:40px; background-color:#0062A9; font-size:12px; font-size:0.75rem;padding:0 1em; text-align:center; display:inline-block; vertical-align:middle; min-width:100px;}
.button.active{background-color:#003966;}
.button.paginacao{background-repeat:no-repeat; background-position:center; background-size: 80%;}
.button.prev{background-image:url(../images/pict-geral-prev.png); min-width:40px;}
.button.next{background-image:url(../images/pict-geral-next.png); min-width:40px;}
a.button:hover, .button.hover{opacity:0.3; -moz-opacity:0.3;filter: alpha(opacity=30);}
.button font{font-size:1.5em;}
.galeria{display:inline-block; position:relative; width:17%; padding-bottom:17%; margin:1.5%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition: all 1s;transition: all 1s; float:left; cursor:-webkit-zoom-in; cursor:zoom-in; border:solid 1px #ADB6BA; border-radius: 4px;border-radius:4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}
.galeria:hover{opacity:0.5; -moz-opacity:0.5;filter: alpha(opacity=50);}

/*especificas*/
a.clear img{border:solid 1px #ADB6BA; width:40%; max-width:20em;}
.img{display:none; visibility:hidden;}
.imgBaco{background-image:url(../images/img-baco.jpg); background-size:cover; background-position:center;}
.imgHernias{background-image:url(../images/img-hernia.jpg); background-size:contain; background-position:center top 20px!important;}
.imgEstomago{background-image:url(../images/img-estomago.jpg); background-size:cover; background-position:center;}
.imgFigado{background-image:url(../images/img-figado.jpg); background-size:contain; background-position:center;}
.imgMinilaparoscopia{background-image:url(../images/img-minilaparoscopia.jpg); background-size:contain; background-position:center;}
.imgPancreas{background-image:url(../images/img-pancreas.jpg); background-size:cover; background-position:center;}
.imgPerfil{background-image:url(../images/dr-norberto-martins-perfil.jpg); background-size:cover; background-position:bottom;}
.imgVideolaparoscopia{background-image:url(../images/img-videolaparoscopia.jpg); background-size:contain;background-position:center;}
.imgVesicula{background-image:url(../images/img-vesicula.jpg); background-size:cover;background-position:center;}
.imgSudorese{background-image:url(../images/img-sudorese.png); background-position:bottom!important; background-repeat:no-repeat; background-size:contain;}

@media screen and (max-width:1000px) {
#header a.logo{width:13em;}

#header #content{padding-top:1em; padding-bottom:1em;}
#header a.pictogramas{margin-top:2.5em;}

#subNav{
	background: -moz-linear-gradient(top,  #007DCF 0%, #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px, #003966 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007DCF 0%,  #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px,#003966 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007DCF 0%,  #007DCF 40px, #FFFFFF 40px, #FFFFFF 41px, #0062A9 41px, #0062A9 81px, #FFFFFF 81px, #FFFFFF 82px, #003966 82px,#003966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007DCF', endColorstr='#003966',GradientType=0 ); /* IE6-9 */
}
#subNav ul{display:block; margin:0 auto; padding:0; list-style:none; width:100%; max-width:112.8em;position:relative;}
#subNav ul li a{height:40px; line-height:20px; padding:10px 5px; font-size:16px; font-size:1rem; background-position:right center; background-size:20px; background-origin:content-box;}
#subNav ul li a:hover, #subNav ul li a.hover{background-color:#4A5B61;}

#subNav.hover{
	background: -moz-linear-gradient(top,  #007DCF 0%, #007DCF 30px, #FFFFFF 30px, #FFFFFF 31px, #0062A9 31px, #0062A9 61px, #FFFFFF 61px, #FFFFFF 62px, #003966 62px, #003966 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007DCF 0%,  #007DCF 30px, #FFFFFF 30px, #FFFFFF 31px, #0062A9 31px, #0062A9 61px, #FFFFFF 61px, #FFFFFF 62px, #003966 62px,#003966 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007DCF 0%,  #007DCF 30px, #FFFFFF 30px, #FFFFFF 31px, #0062A9 31px, #0062A9 61px, #FFFFFF 61px, #FFFFFF 62px, #003966 62px,#003966 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#subNav.hover ul li a{height:30px; line-height:20px; padding:5px;}

#section.principal #content{padding:15em 0 0 0;}
#section.principal #content #article{padding-left:15px;}
#section.principal #content #article h1{padding-left:0;}
#section.principal #content h1{padding-left:15px; padding-right:15px;}
#section.principal #content h1.excecao{padding-top:5em;}
#section.principal #content h1 font{font-size:24; font-size:1.5rem;}
#section.principal #content h2{margin:1em 0 0 0;}
#section.principal #content h2 font{font-size:20px; font-size:1.25rem;}
#section.principal #content p, #section.principal #content li{font-size:14px; font-size:0.875rem; line-height:1.5em;}

#section.principal #article.openGray{padding:7em 3em 7em 0.5em;}
#section.principal #article iframe{height:30em;}

#section.principal #column{padding:0 30px; background-repeat:no-repeat; background-position:center; min-height:30em;}

#section.contato #content{padding:0;}
#section.contato #column{padding:1.5em;min-height:32em;}
#section.contato #column h2{padding:2.5em 0 1em 0;}
#section.contato #column h2 font{font-size:18px; font-size:1.125rem;}
#section.contato #column p{font-size:14px; font-size:0.875rem;}
#section.contato #column a{font-size:18px; font-size:1.125rem; padding-left:25px; line-height:20px; background-size: 20px;}
#section.contato #column a.absolute{left:15px;}
#section.contato #column a.localizacao{bottom:15px;}
#section.contato #column a.fone{bottom:50px;}
#section.contato #column a.whatsapp{bottom:85px;}

#section.noticas #content {padding-top:4em; padding-bottom:4em;}
#section.noticas h3{background-size:20px 20px;line-height:20px; margin:0 0 3em 0;}
#section.noticas h3 font{font-size:28px; font-size:1.75rem;}
#section.noticas li a{margin:0 1.5em; padding:2em 0;}
#section.noticas li h4 font{font-size:20px; font-size:1.25rem;}
#section.noticas li span.ubuntuLGray{font-size:12px; font-size:0.75rem; line-height:1.5em;}
#section.noticas li p{font-size:14px; font-size:0.875rem;}
#section.noticas li span.button{width:60%; bottom:1.5em; left:50%; margin-left:-30%; line-height:30px;}

#section.videos{background-image:url(../images/_medium/bg-videos.jpg);}
#section.videos #content{padding-top:3em; padding-bottom:3em;}
#section.videos h3 font{font-size:28px; font-size:1.75rem;}
#section.videos h4 font{font-size:22px; font-size:1.25rem;}
#section.videos p{font-size:16px; font-size:1rem;}

#footer #content{background-size:50px auto; padding-top:2em; padding-bottom:2.5em;}
#footer p{font-size:11px; font-size:0.6875rem;}

#slidePhotos li {background-attachment:inherit; margin-top:6rem;}
#slidePhotos li.norberto{background-image:url(../images/_medium/dr-norberto-martins.jpg);}
#slidePhotos li.videocirurgia{background-image:url(../images/_medium/videocirurgia-e-seguranca.jpg);}
#slidePhotos li.tecnologia{background-image:url(../images/_medium/tecnologia-a-servico-da-saude.jpg);}

/*formularios*/
#agendamento input[type=text]{height:30px; line-height:30px; font-size:14px; font-size:0.875rem; margin-bottom:5px;}
#agendamento input[type=text].floatLeft, #agendamento input[type=text].floatRight{width:100%;}
#agendamento select{height:30px; line-height:20px; padding:5px; font-size:14px; font-size:0.875rem; margin-bottom:10px; background-size:5px;}
#agendamento input[type=submit]{height:30px; line-height:30px; font-size:10px; font-size:0.625rem;}
#agendamento p{font-size:12px!important; font-size:0.75rem!important;}

#categorias select{height:30px; line-height:30px; font-size:12px; font-size:0.75rem;}

.button{height:30px; line-height:30px; font-size:10px; font-size:0.625rem; padding:0 1em; min-width:100px;}

}
@media screen and (max-width:750px) {
#header .circle {width:50px; height:50px; overflow:hidden!important; border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; display:block; float:right; margin:1.3em 0 0 0.5em;-webkit-transition: all 1s;transition: all 1s;}
#header.hover .circle {margin-top:0;}
#header.hover #navMobile{padding-top:6em;}

#header .panel-button{visibility:visible;display:block;-ms-user-select:none;-mos-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none; position:relative; background-color:#FFFFFF;height:4px;width:30px;border-style:solid;border-color:#0062A9;border-top-width:23px;border-bottom-width:23px;border-left-width:10px;border-right-width:10px;cursor:pointer;box-sizing:content-box;}
#header .panel-button:before,#header .panel-button:after {background-color:#FFFFFF;content:"";position:absolute;top:-9px;left:0;height:4px;width:30px;display:block;transition:all .2s linear;}
#header .panel-button:after {top:9px;}
#header .panel-button.active {background-color:#0062A9;}
#header .panel-button.active:before {transform:rotate(45deg);top:0;}
#header .panel-button.active:after {transform:rotate(-45deg);top:0;}

#navMobile{display:block; position:absolute; right:0; top:0em; width:100%; padding:9em 1.5em 1.5em 1.5em; margin:0; list-style:none; z-index:100; background-color:#ADB6BA;}
#navMobile li {width:100%; display:block; margin:1.5em 0 0 0; position:relative; border:solid 1px #FFFFFF; text-align:center;}
#navMobile li a{display:block; line-height:3em; width:100%;}
#navMobile li a:hover, #navMobile li a.hover{background-color:#0062A9;}
#navMobile li a font{color:#FFFFFF; font-size:16px; font-size:1rem;}

#subNav.hover{top:7em;}

#content {padding:0 0.5em;}

#section.principal #content{padding-top:16em;}
#section.principal #content h1.excecao{padding-top:4em;}
#section.principal #content h1 font{font-size:20; font-size:1.25rem;}
#section.principal #content h2 font{font-size:18px; font-size:1.125rem;}
#section.principal #content p, #section.principal #content li{line-height:1.4em;}

#section.principal #article.openGray{padding:4em 0 2em 0; width:100%;}
#section.principal #article iframe{height:20em;}

#section.principal #column {width:100%; min-height:0;}
#section.principal #column:nth-child(2) ul {padding-left:1em; margin-top:3em; margin-bottom:0;}
#section.principal #column:nth-child(3) ul {padding-left:1em; margin-top:0; margin-bottom:0;}
#section.principal #column:nth-child(4) ul {padding-left:1em; margin-top:0; margin-bottom:3em;}

#section.principal #column.imagem{display:none; visibility:hidden; background-image:none!important;}
#section.principal #column.imagem.sinais{display:block; visibility:visible; width:100%; padding-top:1em; padding-bottom:1em; min-height:0; margin-bottom:0.5em;}

#section.contato #column{padding:1em;}
#section.contato #column h2{padding:2em 0 1em 0;background-size:20px;}
#section.contato #column h2 font{font-size:16px; font-size:1rem;}
#section.contato #column p{font-size:14px; font-size:0.875rem;}
#section.contato #column a{font-size:16px; font-size:1rem;}

#section.noticas #content {padding-top:3em; padding-bottom:3em;}
#section.noticas h3{margin:0 0 2em 0;}
#section.noticas h3 font{font-size:24px; font-size:1.5rem;}
#section.noticas li {width:100%;}
#section.noticas li:last-child{width:100%;}
#section.noticas li a{margin:0 1.5em; padding:1em 1.5em 5em 1.5em;}
#section.noticas li h4 font{font-size:18px; font-size:1.125rem;}
#section.noticas li p{font-size:14px; font-size:0.875rem;}
#section.noticas li span.button{width:15em; bottom:1em; left:50%; margin-left:-7.5em;}

#section.videos #column{width:50%;}
#section.videos h3 font{font-size:24px; font-size:1.5rem;}
#section.videos h4 font{font-size:20px; font-size:1.25rem;}
#section.videos p{font-size:14px; font-size:0.875rem;}

#footer #content{background-position:center 1.5em; background-size:5em auto; padding-top:6em!important; padding-bottom:2em;}
#footer p{padding:1em 0 0 0; font-size:10px; font-size:0.625rem;}
#footer p:first-child, #footer p:last-child{text-align:center; float:none;}

#slidePhotos li{margin-top:5rem;}
#slidePhotos h1 {margin:14em auto 0 auto;}
#slidePhotos h1 font{font-size:20px; font-size:1.25rem;}
#slidePhotos p {margin-top:1em;}
#slidePhotos p font{font-size:14px; font-size:0.875rem;}

#categorias {width:60%; max-width:20em;}
#categorias select{height:30px; line-height:30px; padding:0 0.5em; font-size:12px; font-size:0.75rem;}

.img{display:block; visibility:visible; background-repeat:no-repeat; float:right; padding-bottom:50%; width:33.33%; margin-left:5%; background-color:#EEF2F5;}
}
@media screen and (max-width:500px) {
#header a.logo{width:14em;}

#subNav ul li a{font-size:12px; font-size:0.75rem; background-image:none;}

#section.principal #content h1 font{font-size:18px; font-size:1.125rem;}
#section.principal #content h2 font{font-size:16px; font-size:1rem; display:block;}
#section.principal #content h2 img{float:none; display:inline-block; margin:1em 2em 0 0; width:15%;}
#section.principal #content p, #section.principal #content li{font-size:12px; font-size:0.75rem;}

#section.contato #column, #section.contato #column:last-child{width:100%; border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; min-height:inherit;}
#section.contato #column p{font-size:12px; font-size:0.75rem;}
#section.contato #column a{font-size:14px; font-size:0.875rem; margin-bottom:1em; line-height:20px; background-position:left;}
#section.contato #column a.absolute{position:relative; left:auto;}
#section.contato #column a.localizacao, #section.contato #column a.fone, #section.contato #column a.whatsapp{bottom:auto;}

#section.noticas #content {padding-top:2em; padding-bottom:2em;}
#section.noticas h3 font{font-size:20px; font-size:1.25rem;}
#section.noticas li a{margin:0 1em; padding:1em 1em 5em 1em;}
#section.noticas li h4 font{font-size:16px; font-size:1rem;}
#section.noticas li p{font-size:12px; font-size:0.75rem;}

#section.videos #column{width:50%;}
#section.videos h3 font{font-size:24px; font-size:1.5rem;}
#section.videos h4 font{font-size:20px; font-size:1.25rem;}
#section.videos p{font-size:14px; font-size:0.875rem;}


#section.videos{background-image:url(../images/_small/bg-videos.jpg);}
#section.videos h3 font{font-size:20px; font-size:1.25rem;}
#section.videos h4 font{font-size:16px; font-size:1rem;}
#section.videos p{font-size:12px; font-size:0.75rem;}

#slidePhotos {min-height:50em;}
#slidePhotos li.norberto{background-image:url(../images/_small/dr-norberto-martins.jpg);}
#slidePhotos li.videocirurgia{background-image:url(../images/_small/videocirurgia-e-seguranca.jpg);}
#slidePhotos li.tecnologia{background-image:url(../images/_small/tecnologia-a-servico-da-saude.jpg);}
#slidePhotos h1 {margin:10em auto 0 auto;}
#slidePhotos h1 font{font-size:16px; font-size:1rem;}
#slidePhotos p {margin-top:0.5em;}
#slidePhotos p font{font-size:12px; font-size:0.75rem;}

.button{font-size:9px; font-size:0.5625rem;min-width:80px;}
}