/****************** LAYOUT ******************/


@import url('https://fonts.googleapis.com/css2?family=Domine&display=swap');

html {
	height : 101%;
}

.upteste {
    z-index: 99;
    width: 100%;
    height: auto;
    padding: 20px 20px 20px 20px;
    margin-bottom: 50px;
    
    background:#bdd0d9;
    
}

body {
	font-family: Verdana, Helvetica, Sans-Serif;	
	font-size:0.8em;
	margin:0;
	padding:0;
	line-height:1.3em;
	/***background-image:url('../images/background.png');****/
	overflow-x:hidden;
}

@media (max-width:749px){
h1 {
    font-family: domine;
    font-size: 28px !important;
    font-weight: normal;
    line-height: 37px;
    text-align: center;
    padding-bottom:10px;
    color: #1c689e;
  }
  
h2 {
    font-family: domine;
    font-size: 25px !important;
    font-weight: normal;
    line-height: 1.2;
    color: #1c689e;
}

h2.titulo {
    font-family: domine;
    font-size: 25px !important;
    font-weight: normal;
    margin: 10px auto 0 5%;
    line-height: 1.2;
    color: #1c689e;
}
  
p.textos {
    color: #626a8a;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
    font-size: 16px;
 }
 
 p.textomodulos {
    color: #626a8a;
    margin: 0 5% 0 5%;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
    font-size: 16px;
 }
 
p.titulo {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #0B95BF;
 }
}

@media (min-width:750px){
h1 {
    font-family: domine;
    font-size: 40px !important;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    padding-top: 45px;
    padding-bottom:30px;
    color: #1c689e;
  }
  
h2 {
    font-family: domine;
    font-size: 25px !important;
    font-weight: normal;
    margin: 0 auto 0 15%;
    line-height: 1.2;
    color: #1c689e;
}

h2.titulo {
    font-family: domine;
    font-size: 25px !important;
    font-weight: normal;
    margin: 10px auto 0 5%;
    line-height: 1.2;
    color: #1c689e;
}
  
p.textos {
    color: #626a8a;
    margin: 0 15% 0 15%;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
    font-size: 16px;
 }
 
 p.textomodulos {
    color: #626a8a;
    margin: 0 5% 0 5%;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
    font-size: 16px;
 }
 
p.titulo {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 15% -10px 15%;
    line-height: 1.5;
    color: #0B95BF;
 }
}

.odont {
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 25px 10px 25px;
}

.gestante {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #ffebd1;
    padding: 10px 25px 10px 25px;
    border-radius: 15px 15px 15px 15px;	
}

.bebe {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #ffebeb;
    padding: 10px 25px 10px 25px;
    border-radius: 15px 15px 15px 15px;	
}

.crianca {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #fffbc4;
    padding: 10px 25px 10px 25px;
    border-radius: 15px 15px 15px 15px;	
}

.adolescente {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #d4ffeb;
    padding: 10px 25px 10px 25px;
    border-radius: 15px 15px 15px 15px;	
}


p {
    color: #626a8a;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.5;
}

p.titulomaster {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #20415E;
}

p.subtitulo {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: -10px;
    color: #20415E;
}


#foot_container {
	padding:0 0 7px 0;
	overflow:visible;
}

#header_container {
    height: auto;
	width: 100%;
	margin:auto;
	padding: 30px 0 0 0;	
}


@media(min-width:750px){
#header {
    width: 100%;
	height: 48px;
	margin: 0 -21px 15px -21px;
	padding:0 0 0 21px;
	position:relative;	
	background-image:url(/posparto/images/header.jpg);
	background-color: #032954 !important;
	background-repeat:no-repeat;
	border-bottom: 3px #ff0000;
	border-radius: 0px 0px 0 0;	
  }
}

@media (max-width:749px){
#header {
	
	height: 61px;
	margin: 0 0px 48px 0px !important;
	padding:0 0 0 21px;
	position:relative;	
    /***background-image:url(/posparto/images/header2.jpg);***/
	background-color: #fff !important;
	background-repeat:no-repeat;
	border-radius: 0px 0px 0 0;	
  }
}


/* triangles in header */
.heckl {  
	width: 0; height: 0;  
	line-height: 0;  
	border-left: 19px solid transparent;  
	top: 100%;  
	left: 0;  
	position: absolute;  
}
.heckr {  
	width: 0; height: 0;  
	line-height: 0;  
	border-right: 19px solid transparent;  
	top: 100%;  
	right: 0;  
	position: absolute;  
}
/* triangles in header end */


@media(max-width:300px){

/* Esta class fotopgto é para forma de pagamento ficar responsivo*/	
.fotopgto{
	width: 99% !important;
    height: auto;
    margin-left: 1px !important;
    float: left !important;	
   }
}

@media(max-width:530px){
    
/* Esta class fotospage é para as fotos das páginas ficar responsivo*/	
#fotospage{
	width: 99% !important;
    height: auto;
    margin-left: 1px !important;
    float: left !important;	
   }

/* Esta class fotospage é para as fotos das páginas ficar responsivo*/	
.fotospage{
	width: 99% !important;
    height: auto;
    margin-left: 1px !important;
    float: left !important;	
   }
   
#planosx{
    width:99% !important;
	height: 400px !important;
 }
 
#pgtotem{
    width:99% !important;
	height: 450px !important;
	margin: -90px 0 0 2px !important;
 }
 
}






/* Planos de Hospedagens */



.azul{
    width:30% !important;
    margin-left:0;
    margin-top:-120px;
    
}

.vermelho{
    width:30% !important;
    margin-left:30.3%;
    margin-top:-120px;
    
}

#fundoplb{    
	height: 580px;
	min-height: 580px;
    width: 270px;	
	margin: 180px 0 0 0;
	padding:0 0 0 0;
	position:absolute;
	background-color: #9de6ad;
	}

.textoplb{
	 width: 270px;
	 margin: 5px 5px 5px 5px;
	 font-family: Verdana, Helvetica, Sans-Serif;
	 font-size:11px;
	 font-weight: normal;
     color: #000000;    	
	 padding:5px 5px 5px 5px;
	
}

.plbasico{
    z-index:100;
	height: 180px;
	min-height: 180px;
    width: 200px;	
	margin: 17px 0px 0px 5%;
	padding:0 0 0 0;
	position:absolute;
	background-image:url('/images/imgpaginas/Plano_Basico.jpg');
	background-size: 200px;
	background-repeat: no-repeat;
	}
	
.plvalor1{
    z-index:100;
    width: 200px;	
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size:16px;
	font-weight: bold;
    color: #0000ff;    	
	padding:0;	
	margin: 150px 0px 0px 1%;	
	position:absolute;	
	}
	
.imgcontrato{
    z-index:100;    	
	margin: -46px 0px 0px 70%;
		
	}



/* Inicio dos blocos da pagina Serviços */
/* BLOCO SERVIÇOS DE IMPRESSÃO */

.bloco1 {
	display: block;
	width: 340px;
	height: 219px;
	margin: 0 0 0 0;
}

.bloco2 {
	display: block;
	width: 340px;
	height: 219px;
	margin: -220px 0 0 360px;
}

.bloco3 {
	display: block;
	width: 340px;
	height: 219px;
	margin: -220px 0 0 720px;
}

.bloco4 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -204px 0 0 620px;
}

@media(max-width:420px){
.bloco1 {    
	display: block;
	width: 99% !important;
    height: auto;
	margin: 20px 0 0 0;
   }
   
.bloco2 {    
	display: block;
	width: 99% !important;
    height: auto;
	margin: 20px 0 0 0;
   }
.bloco3 {    
	display: block;
	width: 99% !important;
    height: auto;
	margin: 20px 0 0 0;
   }
}

@media(max-width:780px){
.bloco1 {    
	display: block;
	width: 75%;
    height: auto;
	margin: 20px 0 0 0;
   }

.bloco2 {    
	display: block;
	width: 75%;
    height: auto;
	margin: 20px 0 0 0;
   }
   .bloco3 {    
	display: block;
	width: 75%;
    height: auto;
	margin: 20px 0 0 0;
   }
}
@media (min-width:781px) and (max-width:1180px){
.bloco3 {
	display: block;
	width: 340px;
	height: 219px;
	margin: 20px 0 0 0;
   }
}

/* BLOCO SERVIÇOS DE INTERNET */

@media(min-width:421px){
.titservicodeinternet{
	margin: 35px 0 0 0;	
   }
}

@media(max-width:420px){
.titservicodeinternet{
	margin: -30px 0 0 0;	
   }
}

.titservicodecriacao{
	margin: -30px 0 0 0;
	
}

.bloco5 {
	display: block;
	width: 200px;
	height: 190px;
	margin: 0 0 0 0;
}

.bloco6 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -204px 0 0 230px;
}

.bloco7 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -204px 0 0 440px;
}

@media(max-width:420px){
.bloco6 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -43px 0 0 0;
   }
}

@media(max-width:720px){
.bloco7 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -56px 0 0 0;
   }
}

@media(max-width:420px){
.bloco7 {
	display: block;
	width: 200px;
	height: 190px;
	margin: -43px 0 0 0;
   }
}

/* FIM DOS BLOCOS DA PAGINA SERVIÇOS */

/*** Este Logo do Sistema é aquele que  se usa no Tema no painel de controle
- Para usa-lo tem que liberar o display:none e habilita-lo no painel***/
#logodosistema {
	/****display:none;****/
	width: 130px;
	overflow:hidden;
	margin-left: 22px;
	margin-top: -14px;
}


@media(min-width:570px){
#logo{
    /***display:none;****/
	z-index:1000;
	height: 140px;
	min-height: 140px;
    width: 140px;	
	margin: -27px 0px 0px 2%;
	padding:0 0 0 0;
	position:absolute;
	background-image:url('/posparto/images/logo_posparto.png');
	background-size: 140px;
	background-repeat: no-repeat;
	overflow:hidden;	
  }
}

@media(max-width:569px){
#logodosistema {
	display:none;
	width: 130px;
	overflow:hidden;
	margin-left: 22px;
	margin-top: -14px;
	background-size:200px;
}

#logo{
	z-index:999;
    width: 105px;
    height: 105px;
	margin: -23px 0px 0px 3%;
	padding:0 0 0 0;
	position:absolute;
	background-image:url(/posparto/images/logo_posparto.png);
	background-size: 105px;
	background-repeat: no-repeat;
	overflow:hidden;	
  }
}


a.imglogo {
	line-height: normal;
	font-size:36px;
	display:block;
	margin:0;
	padding:0;
}
a.imglogo:hover {
	text-decoration:none;
}
a.medialogo {
	line-height: normal;
	font-size:36px;
	display:block;
	width: 150px;
	margin:20px;
	padding:0;
}
a.medialogo:hover {
	text-decoration:none;
}

#logo a.logo {
	line-height: normal;
	font-size:46px;
	display:block;
	margin:0;
	letter-spacing:-1px;
	padding: 20px 40px 10px 60px;
}
a.logo:hover {
	text-decoration:none;
}
div.slogan {
	line-height: normal;
	font-size:18px;
	display:block;
	margin:0;
	padding: 0 40px 10px 100px;
}
#headermodule1,#headermodule2 {
    
}
#topmenu_container {
	width: 100%;
	margin:0;
	height: auto;
	min-height:30px;	
}
#topmenu {
	height:auto;
    margin:auto;
    
}

#topmenu ul, #topmenu ul li {
	list-style : none;
}


/***** Esta Class #SUBHEAD ativa o módulo Breadcrumbs de Paginação
VER TAMBÉM NO SETOR DE MÓDULOS PARA MAIS CONFIGURAÇÕES *****/

#subhead {
    display: none;
	height:33px;
	width: 99.5%;
	margin: 10px .2% 0 .2%;
	overflow:hidden;
	background-image:url('../images/subhead.png');
	background-repeat:repeat-x;
   }


@media(max-width:560px){
#subhead {
    display: none;	
   }
}


@media(min-width:561px){
#search {
	position:relative;
	float:right;
	padding: 0 0 0 18px;
	margin: 4px 4px 4px 0;
	background-image:url('../images/search.png');
	background-repeat:no-repeat;
	background-position: left 2px;
   }
}


@media(max-width:560px){
#search {    
	position:relative;
	float:left;
	padding: 0 0 0 18px;
	margin: 5px 4px 4px 20px;
	background-image:url('../images/search.png');
	background-repeat:no-repeat;
	background-position: left 2px;
	z-index: 9999;
   }
}


#container {
	text-align:left;
	padding: 10px 7px 0 7px;
	margin:auto;
}
#container2 {
	text-align:left;
	margin:auto;
}
#page_content {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#leftcol {
	width: 21%;
	float: left;
	margin:0;
	padding: 0 0 10px 0;
}
#rightcol {
	float: right;
	margin:0;
	padding: 0 0 10px 0;
}
/* left and right NOT loaded */
#content_out {
	margin: 0 0 0 0.2%;
}
/* just left loaded */
#content_outleft {
	float:right;
}
/* left and right loaded */
#content_outmiddle {
	float:left;
	margin: 0 1%;
}
/* just right loaded */
#content_outright {
	float:left;
}

hr {
    width:96%;
}


/************************************************************
Para alterar o width do id #wrapper abaixo
tem que alterar no id #maincontent logo abaixo nesta página.
*************************************************************/

#wrapper, #foot_container {
    margin: 0 auto;
}
#wrapper {
    padding: 0 0 10px 0;
}

/**********************************************************
Este id abaixo(#maincontent) altera a largura do layout,
margin de texto e etc...
***********************************************************/
@media(max-width:569px){
#maincontent {
	float:left;
	width: auto;
	/*padding: 20px 3% 20px 3%;*/
	margin:30px 10px 0 10px;
	min-height: 200px;
	/*background-color: #f8f8ff !important;
	border: 1px solid #e9e9e9 !important;
	border-top: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
	border:1px double #e9e9e9 !important;*/
	overflow:hidden;
	/*background-image:url('../images/background.png');*/
   }
}

@media(min-width:570px){
#maincontent {
	float:left;
	width:97%;
	/*padding: 20px 3% 20px 3%;*/
	margin: 20px 30px 0 25px;
	min-height: 200px;
	/*background-color: #f8f8ff !important;
	border: 1px solid #e9e9e9 !important;
	border-top: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
	border:1px double #e9e9e9 !important;*/
	overflow:hidden;
	/*background-image:url('../images/background.png');*/
   }
}




/* articles 
.item-page, .item, .leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .contact,
#maincontent div.search, #maincontent .categories-list, #maincontent .category-list, 
#maincontent .archive , #maincontent .contact-category, #maincontent .weblink-category, 
#maincontent .newsfeed-category, #maincontent .login, #maincontent .profile, #maincontent .profile-edit, 
#maincontent .registration, #maincontent .remind, #maincontent .reset, #maincontent .finder {
	background-color:#fff;
	border: 1px solid #E9E9E9;
}*/

.clr {
	clear:both;
}
#subfoot {
	min-height: 15px;
	line-height: 15px;
	width: 100%;
}
.copytext {
	padding: 3px 0;
	font-size: 11px;
	text-align:center;
	font-weight:bold;
}
#footer {
	min-height: 80px;
	margin: 0 -16px 0 -16px;
	padding:0;
	position:relative;
	overflow:visible;
	/***background-image:url('../images/footer.png');***/
	background-repeat:repeat-x;
}
.footer-inner {
	display:inline-block;
	width:100%;
	min-height:62px;
}
.feckl {  
	width: 0; height: 0;  
	line-height: 0;  
	border-left: 14px solid transparent;  
	top: -11px;  
	left: 0;  
	position: absolute;  
}
.feckr {  
	width: 0; height: 0;  
	line-height: 0;  
	border-right: 14px solid transparent;  
	top: -11px;  
	right: 0;  
	position: absolute;  
}

/*** Estes CSS (#scroll_up), (a#gotop) e (lv-tooltip) alteral
a posição, espaçamento do Title... do Botão (Subir ao Topo) ****/

#scroll_up {
	float: right;
	width: 100%;
	position:relative;
}
a#gotop {
	display:block;
	margin:15px 25px;
	float: right;
	
}
a#gotop:hover {
	text-decoration:overline;
}

.lv-tooltip:hover .title-tooltip{
    opacity: 1;
    visibility: visible;
}


.footer-bottom {
	display:inline-block;
	width: 100%;
	line-height:normal;
	font-style:italic;
}
span#date {
	font-size:10px;
	float:left;
	padding-left:20px;
	color: #c0c1c2;
}

span#copy a {
	font-size:10px;
	text-align:right;
	float:right;
	padding-right:20px;
	color: #c0c1c2 !important;
}
span#copy a:hover {
	text-decoration:none;
	color: #e0a50d !important;
}

#leftcol .module, #leftcol .module_menu, #leftcol .module_text, 
#rightcol .module, #rightcol .module_menu, #rightcol .module_text {
	margin-top:0;
	background-color: transparent;
	border:0;
}
#leftcol .module div div, #leftcol .module_menu div div, #leftcol .module_text div div, 
#rightcol .module div div, #rightcol .module_menu div div, #rightcol .module_text div div {
}
#leftcol .module div.lvround-inner, #leftcol .module_menu div.lvround-inner, #leftcol .module_text div.lvround-inner, 
#rightcol .module div.lvround-inner, #rightcol .module_menu div.lvround-inner, #rightcol .module_text div.lvround-inner {
	margin: 0;
	padding: 10px 3%;
}
#leftcol .module div div div div, #leftcol .module_menu div div div div, #leftcol .module_text div div div div, 
#rightcol .module div div div div, #rightcol .module_menu div div div div, #rightcol .module_text div div div div {
	border: 0;
}
#leftcol h3.moduleh3, #rightcol h3.moduleh3 {
	font-size: 120%;
	background-image:url('../images/h3-module.png');
	background-repeat:repeat-x;
	border-bottom:0;
}
#wrapper #leftcol h3.moduleh3 {
	min-height:35px;
	line-height:35px;
	margin: 10px 0 0 -20px;
	padding: 0 10px 0 30px;
	text-align:left;
	position:relative;
	border-bottom:0;
	border-radius: 5px 5px 0 0;	
}
#wrapper #rightcol h3.moduleh3 {
	min-height:30px;
	line-height:30px;
	margin: 10px -20px 0 0;
	padding: 0 30px 0 10px;
	text-align:right;
	position:relative;	
	border-radius: 5px 5px 0 0;	
}
.h3eckl {  
	width: 0; height: 0;  
	line-height: 0;  
	border-left: 11px solid transparent;  
	top: 100%;  
	left: 0;  
	position: absolute;  
}
.h3eckr {  
	width: 0; height: 0;  
	line-height: 0;  
	border-right: 11px solid transparent;  
	top: 100%;  
	right: 0;  
	position: absolute;  
}
.moduletable h3 {
	margin: 10px 0;
}
/****************** MENUES ******************/

/**** Mainmenu with suffix: _menu START ****/

.module_menu ul.menu {
	margin: 0;
	padding : 0;
	background : none;
	list-style:none;
}
.module_menu ul.menu li {
	margin : 0;
	padding : 0 0 0 20px;
	background : none;
	list-style:none;
	margin: 0;
	background-image:url('../images/menu-li.png');
	background-repeat:no-repeat;
	background-position: 0 8px;
	
}
.module_menu ul.menu li a, .module_menu ul.menu li span.separator {
	display : block;
	vertical-align : middle;
	text-align : left;
	text-decoration : none;
	padding:3px 0;
	margin:4px 0 0 0;
	border-bottom:1px dotted #ccc;
	clear:both;
	overflow:visible;
}
.module_menu ul.menu li a img { 
	vertical-align:middle;
	padding-right: 5px;
}
.module_menu ul.menu li a span {
	vertical-align:middle;
}
.module_menu ul.menu li.current a {
	font-weight:bold;
}
.module_menu ul.menu li.current ul li a {
	font-weight:normal;
}
.module_menu ul.menu li ul {
	margin : 0 0 0 10px;
	padding : 0px;
}
.module_menu ul.menu li li {
	list-style: none !important;
	margin :0;
	padding : 0;
	min-height:22px;
	line-height: 22px;
	background : none;
}
.module_menu ul.menu ul li a {
	background: none;
	font-size:90%;
	min-height:18px;
	line-height:18px;
}
/**** Mainmenu with suffix: _menu END ****/

/* Mainmenu normal */

ul.menu {
	line-height:22px;
}
ul.menu li a span {
	clear:both;
	vertical-align:middle;
}

/* Mainmenu normal END */


.input, .inputbox {
	font-size:11px;
	padding : 2px 3px 2px 3px;
	margin : 2px 3px 2px 3px;
}
a, a:link, a:visited, a:active, a:focus {
	outline : none;
	text-decoration : none;
}

.shadow-left {
    display: block;
    /**display: none;**/
	height:8px;
	background-image:url('../images/shadow-l.png');
	background-repeat:no-repeat;
	background-position: left;
}
.shadow-right {
    display: block;
    /**display: none;**/
	height:8px;
	background-image:url('../images/shadow-r.png');
	background-repeat:no-repeat;
	background-position: right;
	margin-top:-8px;
	margin-bottom:10px;
}

/* To disable the shadows in modules using suffix "-shadows-off" */
.module-outer-shadows-off .shadow-left,
.module-outer-shadows-off .shadow-right {
	display:none;
}