/* CSS RESET */
/* Reset de atributos e padronização dos elementos */
/**************************************************/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    margin:0;    padding:0;    border:0;  outline:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none;}
blockquote, q {  quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:'';  content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins {    background-color:#ff9;    color:#000;    text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr {  display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select {
    vertical-align:middle;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; border: 0}
select {margin: inherit;}
hr {margin: 5px 0;padding: 0;border: 0;color: #dbdbdb;background-color: #dbdbdb;height: 1px}

html, body { height: 100%; } 

body { color:#666; font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif; font-size:11px; }

a.not(.ui-selectmenu) { color:#666; cursor: pointer !important; -webkit-transition: all .4s; -moz-transition: all .4s;	-ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
a:hover { text-decoration:none; cursor:pointer;  color: #c2a037;  }
    
input[type=submit], input[type=button] { cursor: pointer }

input[type=checkbox] { vertical-align: middle; }

strong { font-weight: bold; }

select, input[type=text], input[type=password], input[type=email], input[type=number], textarea { border: solid 1px #ccc; border-radius: 3px; background: #fff; padding: 7px; font-family: 'Lato', Helvetica,  Arial, sans-serif; color: #333; font-weight: 300;  }

.btnPadrao { padding:8px 15px; color:#fff; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: #20409a;  }
 
.btnPadrao:hover { background: #2d5adb;  }


/* new clearfix */
.clearfix:after, .formRow:after, .pickerHolder:after { visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0; }
* html .clearfix, * html .formRow, * html .pickerHolder { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html .formRow, *:first-child+html .pickerHolder  { zoom: 1; } /* IE7 */

.formRow .formCol { float: left; padding-right: 10px;  }
.formRow .formCol label { display: block; }

/* UTILS CLASSES */
/* Classes que dão suporte ao desenvolvimento front-end */
/*******************************************************/

.fLeft { float:left !important }
.fRight { float:right !important}
.clear { clear:both }

.invisible { display:none; }
.hAlign { text-align: center }
.vAlign { vertical-align: middle }
.hAlign input[type=submit] { *margin: 0 2px }
.rAlign { text-align: right; }

.italic { font-style: italic }
.strong { font-weight: bold; }

.cor1 { color:#20409a !important }
.cor2 { color:#3b79cd !important }
.cinza { color:#a6a6a6; font-size:12px; }

h1 { color:#423c7a; font-family:'Open Sans', Helvetica,  Arial, sans-serif; font-size:22px; font-weight:300; }
h2 { font-family:'Open Sans', Helvetica,  Arial, sans-serif; font-size:22px; font-weight:300; }
h3 { font-family:'Open Sans', Helvetica,  Arial, sans-serif; font-size:13px; font-weight:300; }
h4, h5 { font-family:'Open Sans', Helvetica,  Arial, sans-serif; font-weight:300; }

.marginTop20 { margin-top:20px; }
.marginTop15 { margin-top:15px; }
.marginTop10 { margin-top:10px; }
.marginTop5 { margin-top:5px; }

.width200 {width: 200px}
.width230 {width: 230px}
.width250 {width: 250px}
.width280 {width: 280px}
.width300 {width: 300px}

.money sup {vertical-align: top; font-size: 60%; font-weight: 400;  }
.money sub {vertical-align: bottom; font-size: 60%; font-weight: 400; }

.vejaMais { padding: 10px 0; border-top: dotted 1px #ccc; margin-top: 10px; text-align: right;  }
.vejaMais a { color: #333; font-weight: 300; font-size: 14px; }
.vejaMais a { color: #20409a; }

/* SCROLL BAR */
/*********************************************/

.overflow { overflow-y: auto }

.overflow.overflowY { overflow-x: hidden }
.overflow.overflowX { overflow-y: hidden }

.overflow::-webkit-scrollbar {
width: 7px;
height: 7px;
}

.overflow::-webkit-scrollbar-thumb {
background-color: #ccc;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-webkit-box-shadow: inset 1px 1px 0
rgba(0, 0, 0, 0.10),inset 0 -1px 0 
rgba(0, 0, 0, 0.07);
}

.overflow::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}

.overflow::-webkit-scrollbar-corner {
background-color: 
transparent;
}

.overflow.overflowHide::-webkit-scrollbar {
width: 0px;
height: 0px;
}

/* MAIN CSS */
/* Estilos relacionados ao core do portal */
/*******************************************************/

.wrapper { width: 1055px; margin: auto; position: relative; }

.wrapper h2 { font-size: 25px; color: #333; font-weight: 300; padding: 15px 0; }
.wrapper h2 a { color: #20409a; font-weight: 800; font-size: 13px; float: right; line-height: 25px; }

body { background: url(../images/prevenir/background-portal.jpg) center top no-repeat }

body>header { background: #fff; border-top:solid 5px #20409a; height: 145px; }
body>header .head { border-bottom: solid 1px #e2e2e2; height: 92px; }
body>header .head h1 { float: left; margin: 10px 0; }
body>header .head .search { float: left; margin: 20px 40px; position: relative; }
body>header .head .search input { width: 445px; border: solid 1px #e2e2e2; font-size: 15px; padding: 12px 10px;  color: #666; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
body>header .head .search .btSearch { width: 43px; height: 43px; border-left: solid 1px #e2e2e2; position: absolute; top:1px; right: 1px; background-clip: padding-box; background-color: #e1e1e1; background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.51%, #fff 38.45%, #fff 100%);background-image: -o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.51%, #fff 38.45%, #fff 100%);background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.51%, #fff 38.45%, #fff 100%);background-image: linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.51%, #fff 38.45%, #fff 100%); -webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; }
body>header .head .search .btSearch span { margin: 7px; }
body>header .head .social { float: right; padding: 28px 10px; }
body>header .head .social li { float: left; margin: 0 5px; }
body>header .head .social li.phone { color: #5fbc50; font-weight: 600; font-size: 16px; line-height: 29px; border-right: solid 1px #5fbc50; padding-right: 10px; }
body>header nav ul { margin-top: 5px; }
body>header nav li { display: inline-block; margin: 10px; }
body>header nav li a { font-weight: 600; font-size: 15px; color: #7d7d7d; }
body>header nav li a:hover, body>header nav li a:active { color: #20409a; }

.CARNE { margin-top: 15px; }
.CARNE .wrapper { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; border: solid 1px #dadada; }
.CARNE .wrapper>div { color: #333; cursor: pointer;  padding: 20px;  }
.CARNE .wrapper:hover { color: #20409a; }
.CARNE .wrapper>div div { float: left; }
.CARNE .wrapper .clickCarne { width: 700px; }
.CARNE .wrapper .clickCarne img { float: left; }
.CARNE .wrapper .clickCarne h2 { font-size: 25px; color: #20409a; font-weight: 900; text-transform: uppercase; padding-top: 0; float: left; }
.CARNE .wrapper .clickCarne p { float: left; font-size: 20px; width: 400px; }
.CARNE .wrapper .ajuda { float: right; width: 200px; height: 115px; border-left: solid 1px #dadada; padding-left: 50px; position: relative; }
.CARNE .wrapper .ajuda h2 { font-size: 18px; color: #20409a; font-weight: 600; padding-top: 0; }	
.CARNE .wrapper .ajuda p { font-size: 16px; }
.CARNE .wrapper .ajuda p strong { text-transform: uppercase; }
.CARNE .wrapper .ajuda .sp-ajuda { position: absolute; top: 0; left: 10px; }
.CARNE .wrapper .ajuda h3 { font-size: 16px; }

.PLANOS { padding: 10px 0; }
.PLANOS .lista>div { float: left; width: 339px; border: solid 1px #d1ccb4; margin-left: 15px; background: #fff; }
.PLANOS .lista>div:first-child { margin-left: 0; }
.PLANOS .lista>div h3 { color: #fff; font-size: 20px; margin: 0; padding: 15px 10px; font-weight: 300;  background: url(../images/dark-pattern.jpg); }
.PLANOS .lista>div .preco { padding: 25px 5px; text-align:center; font-size: 35px; font-weight: 800; color: #fff; background-image: -moz-radial-gradient(46% -73%, circle, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: -o-radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: -webkit-radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); }
.PLANOS .lista>div a { margin: 5px; padding: 10px; text-transform:uppercase; display: block; color: #fff; text-align: center; font-weight: 300; font-size: 15px; background: #5fbc50; }
.PLANOS .lista>div a:hover { background: #5ade45; }
.PLANOS h3 { font-size: 15px; padding-bottom: 10px; margin: 10px 0; border-bottom: solid 1px #eee; }
.noBorder { border: 0 !important; }
.PLANOS .formHolder .formRow label { display: block; font-size: 12px; }
.PLANOS .formHolder .formRow { padding: 5px 0; }
.PLANOS .formHolder .formRow input, .PLANOS .formHolder .formRow select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.PLANOS .titular { float: left; width: 50%; margin-right: 7%; }
.PLANOS .dependentes { float: left; width: 43% }
.PLANOS .dependentes .btAdd { padding: 10px; text-align: center; border: solid 1px #ccc; font-size: 13px; display: block; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; }
.PLANOS .dependentes .btAdd:hover { background: #5FBC50; border: solid 1px #5FBC50; color: #fff; }
.PLANOS .termos, .PLANOS .termosAceite { height: 200px; padding: 15px; border: solid 1px #eee; }
.PLANOS .liTermos, .PLANOS .liTermosAceite { width: auto !important; display: inline; }
.PLANOS input[type=submit] { padding: 10px; background: #5FBC50; font-size: 16px; color: #fff; }
.PLANOS input[type=submit]:hover { background: #60D74C }


.BANNER { padding: 15px 0; }
.BANNER .slider { height: 350px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; overflow: auto; }
.BANNER .slider ul li { float: left; display: block; width: 100%; height: 350px; text-align: center; }
.BANNER .slider li img { width: 1055px; }
.BANNER .border { border: solid 1px #fff; opacity: 0.5; top: 25px; left: 25px; position: absolute; width: 1005px; height:300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.slider .btn, .banner .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));	}
.slider .dots {	position: absolute; right: 25px;bottom: 4px;}
.slider .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;	text-indent: -999em;border: 2px solid #20409a;	border-radius: 6px;	cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.slider .dots li.active {background: #20409a;	opacity: 1; }


.MAIN .noticias { padding: 25px 0; }
.MAIN .noticias .lista>article { float: left; width: 316px; position: relative; padding: 10px; height: 220px; background: #fff; border: solid 1px #eee; margin-left: 20px; }
.MAIN .noticias .lista>article:first-child { margin-left: 0; }
.MAIN .noticias .lista>article header { border-bottom: solid 3px #e0ecfb; padding-bottom: 10px; }
.MAIN .noticias .lista>article header img { width: 40px; height: 40px; float: left; }
.MAIN .noticias .lista>article header div { float: left; width: 245px; margin-left: 10px; }
.MAIN .noticias .lista>article header div h3 { font-size: 15px; font-weight: 300; color: #333; }
.MAIN .noticias .lista>article header div h3 span { font-weight: 300; }
.MAIN .noticias .lista>article header div p { font-weight: 400; font-style: italic; color: #20409a; margin-top: 5px; }
.MAIN .noticias .lista>article .body { height: 150px; overflow: hidden; }
.MAIN .noticias .lista>article h4 { font-weight: 700; font-size: 13px; margin-top: 15px; }
.MAIN .noticias .lista>article p { margin-top: 15px; font-size: 13px; line-height: 16px; }
.MAIN .noticias .lista>article { cursor: pointer; }
.MAIN .noticias .lista>article a { color: #4088BF; }
.MAIN .noticias .lista>article a.sp-link { position: absolute; left: 50%; margin-left: -14px; bottom: 5px;  }
.MAIN .noticias .lista>article:hover a {  background-position:-174px 0px; }

/*.MAIN .publicidade { height: 90px; background: #8eb1b2; overflow: hidden; color: #fff; font-weight: 900; font-size: 24px; text-align: center; line-height: 90px; margin: 20px 0; }*/
.MAIN .publicidade { height: 90px; overflow: hidden; color: #fff; font-weight: 900; font-size: 24px; text-align: center; line-height: 90px; margin: 20px 0; }

.MAIN .columHolder section { float: left; width: 330px; margin-left: 32px; }
.MAIN .columHolder section.obitos { width: 660px; }
.MAIN .columHolder section:first-child { margin-left: 0; }
.MAIN .columHolder .dicas .lista .dica { padding: 10px; background: #fff; cursor: pointer; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); margin-bottom: 10px; position: relative; top: 0; -webkit-transition: all .4s; -moz-transition: all .4s;	-ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.MAIN .columHolder .dicas .lista .dica:hover { top: -5px; }
.MAIN .columHolder .dicas .lista .dica h4 { font-size: 12px;  font-weight: bold;  padding: 5px 0; border-bottom: solid 1px #eee; }
.MAIN .columHolder .dicas .lista .dica h3 { font-size: 15px;color: #20409a; }
.MAIN .columHolder .dicas .lista .dica p { font-size: 13px; margin-top: 5px; }

.FOOTER { background: #e6e7e7; }
.FOOTER .column { float: left; width: 260px; margin: 10px 0; }
.FOOTER .column.loja { padding: 0 20px; border-right: solid 1px #ccc; height: 135px; }
.FOOTER .column.loja a { padding: 10px; font-size: 15px; display: block; line-height: 16px; }
.FOOTER .column h3 { color: #00458e; font-weight: 300; font-size: 16px; padding: 10px; }
.FOOTER .column ul { padding: 10px; }
.FOOTER .column ul li { padding-bottom: 5px; }
.FOOTER .column ul li a { font-size: 14px; color: #666; }
.FOOTER .column ul li a:hover { color: #2179d7; }
.FOOTER .matriz li { float: left; padding: 10px 10px 10px 35px; position: relative; }
.FOOTER .matriz .nome { font-size: 16px; font-family: 'Segoe Ui Light'; }
.FOOTER .matriz .endereco { padding: 5px 0; }
.FOOTER .matriz .fone { font-size: 15px; }
.FOOTER .matriz .sp-maps { position: absolute; left: 0px; top: 13px; }

.CREDITS { background: #507fb1; color: #fff;}
.CREDITS .wrapper { padding: 15px 0; }
.CREDITS p { float: left; line-height: 23px; }
.CREDITS .sp-logoGold { float: right; }

/* PAGINAS INTERNAS */
/* ======================================= */

.title { font-size: 25px; }

.MAIN.NOTICIAS .noticias .lista>article { width: 309px; position: relative; padding: 10px; height: 180px; background: #fff; border: solid 1px #eee; margin: 10px; }
.MAIN.NOTICIAS .noticias .lista>article:first-child { margin: 10px !important; }

.MAIN.QUEMSOMOS { padding: 25px; }
.MAIN.QUEMSOMOS .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.QUEMSOMOS .pageImage img { width: 100%; }
.MAIN.QUEMSOMOS .pageContent { padding: 20px 0; }
.MAIN.QUEMSOMOS .pageContent p { font-size: 13px; padding-bottom: 15px; line-height: 16px;  }
.MAIN.QUEMSOMOS .pageContent .video { text-align: center; } 
.MAIN.QUEMSOMOS.IMG_TXT_HALIGN { }
.MAIN.QUEMSOMOS.IMG_TXT_VALIGN .pageImage { float: left; width: 280px; padding: 20px; }
.MAIN.QUEMSOMOS.IMG_TXT_VALIGN .pageImage img { width: 280px; }
.MAIN.QUEMSOMOS.IMG_TXT_VALIGN .pageContent { width: 700px; float: left; margin-left: 20px; }
.MAIN.QUEMSOMOS.IMG_TXT_VALIGN .pageContent iframe { width: 700px; height: 400px; }

.MAIN.UNIDADES { padding: 25px; }
.MAIN.UNIDADES .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.UNIDADES .units { padding-bottom: 25px; }
.MAIN.UNIDADES .units li { float: left; padding: 20px 20px 20px 50px; position: relative; width: 275px; height: 75px; }
.MAIN.UNIDADES .units .nome { font-size: 16px; font-family: 'Segoe Ui Light'; }
.MAIN.UNIDADES .units .endereco { padding: 5px 0; }
.MAIN.UNIDADES .units .fone { font-size: 15px; }
.MAIN.UNIDADES .units .sp-maps { position: absolute; left: 10px; top: 23px; }

.MAIN.DICAS { padding: 25px; }
.MAIN.DICAS .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.DICAS .dicas { padding-bottom: 25px; }
.MAIN.DICAS .dicas .lista .dica { float: left; cursor: pointer; width: 29%;  height: 125px; margin: 10px;  padding: 10px; background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); position: relative; top: 0; -webkit-transition: all .4s; -moz-transition: all .4s;	-ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.MAIN.DICAS .dicas .lista .dica:hover { top:-5px; }
.MAIN.DICAS .dicas .lista .dica h4 { font-size: 12px;  font-weight: bold; padding: 5px 0; border-bottom: solid 1px #eee; }
.MAIN.DICAS .dicas .lista .dica h3 { font-size: 15px;color: #20409a; }
.MAIN.DICAS .dicas .lista .dica p { font-size: 13px; margin-top: 5px; }

.MAIN.DICAS .pageImage { float: left; width: 280px; padding: 20px; }
.MAIN.DICAS .pageImage img { width: 280px; }
.MAIN.DICAS.DETALHES h2 { padding: 20px; padding-bottom: 0; }
.MAIN.DICAS.DETALHES h3 { font-size: 15px; padding: 20px; }
.MAIN.DICAS .pageContent { width: 700px; float: left; margin-left: 20px; }
.MAIN.DICAS .pageContent p { font-size: 13px; padding-bottom: 15px; line-height: 16px;  }
.MAIN.DICAS .pageContent .video { text-align: center; } 
.MAIN.DICAS .pageContent iframe { width: 700px; height: 400px; }

.MAIN.PLANOS { padding: 25px; }
.MAIN.PLANOS .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.PLANOS h1 { padding-bottom: 15px; }
.MAIN.PLANOS .planosHolder { width: 265px; float: left; border-right: solid 1px #eee; }
.MAIN.PLANOS .planosHolder p.pComboTipoPlano { padding: 10px 0;font-size: 14px; }
.MAIN.PLANOS .planosHolder select.sComboTipoPlano { width: 95%;padding: 14px;font-size: 15px;color: #777; }
.MAIN.PLANOS .planosHolder .plano { width: 250px; float: none; margin: 0 0 10px 0; }
.MAIN.PLANOS .planosHolder .plano .money { font-size: 30px; }
.MAIN.PLANOS .planosHolder .plano .preco { padding: 10px 5px; }
.MAIN.PLANOS .detalhesPlano { width: 739px; float: left; padding: 0 25px; }
.MAIN.PLANOS .detalhesPlano .plano .money { font-size: 45px; }
.MAIN.PLANOS .detalhesPlano .plano .preco { padding: 25px 5px; text-align:center; font-size: 35px; font-weight: 800; color: #fff; background-image: -moz-radial-gradient(46% -73%, circle, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: -o-radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: -webkit-radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); background-image: radial-gradient(46% -73%, 150px 150px, #dbf1ff 0%, #00afff 60.79%, #4fc3f8 92.21%, #4fc3f8 100%); }
.MAIN.PLANOS .detalhesPlano hr { background: #eee; color: #eee; }
.MAIN.PLANOS .detalhesPlano p { font-size: 14px; }
.MAIN.PLANOS .detalhesPlano .formHolder { padding: 20px 0; }

.MAIN.PESQUISA { padding: 25px; }
.MAIN.PESQUISA .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.PESQUISA .formPesquisa .formCol { float: none; padding-right: 0; }
.MAIN.PESQUISA .formPesquisa label { display: block; padding: 10px 0 5px 0; }
.MAIN.PESQUISA .formPesquisa input[type=text] { width: 30%; }
.MAIN.PESQUISA .formPesquisa textarea { width: 50%; min-height: 100px; }
.MAIN.PESQUISA .formPesquisa h2 { font-size: 16px; }
.MAIN.PESQUISA .formPesquisa h3 { margin-top: 5px; }
.MAIN.PESQUISA input[type=button] { min-width: 200px; margin-top: 10px; }

.MAIN.CONTATO { padding: 25px; }
.MAIN.CONTATO .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.CONTATO .fLeft { width: 45%; }
.MAIN.CONTATO .fRight { width: 45%; }
.MAIN.CONTATO .formContato { border-right: dotted 2px #eee; }
.MAIN.CONTATO .formContato .formCol { float: none; padding-right: 0; }
.MAIN.CONTATO .formContato label { display: block; padding: 10px 0 5px 0; }
.MAIN.CONTATO .formContato input { width: 80%; }
.MAIN.CONTATO .formContato textarea { width: 80%; }
.MAIN.CONTATO .formContato input[type=button] { width: 84%; margin-top: 10px; }
.MAIN.CONTATO .mailList h3 { padding-bottom: 15px; }
.MAIN.CONTATO .mailList label { display: block; padding: 10px 0 5px 0; }
.MAIN.CONTATO .mailList input[type=button] { margin-top: 10px; }

.MAIN.CONTATO .unidades { padding-top: 25px; } 
.MAIN.CONTATO .units { padding-bottom: 25px; }
.MAIN.CONTATO .units li { float: left; padding: 20px 20px 20px 50px; position: relative; width: 275px; height: 75px;}
.MAIN.CONTATO .units .nome { font-size: 16px; font-family: 'Segoe Ui Light'; }
.MAIN.CONTATO .units .endereco { padding: 5px 0; }
.MAIN.CONTATO .units .fone { font-size: 15px; }
.MAIN.CONTATO .units .sp-maps { position: absolute; left: 10px; top: 23px; }

.MAIN.CONVENIOS { padding: 25px; }
.MAIN.CONVENIOS .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.CONVENIOS th { padding: 10px; border-bottom: solid 5px #eee; font-size: 15px; font-family: "Segoe Ui Light"; }
.MAIN.CONVENIOS td { padding: 7px; border-bottom: solid 1px #eee; }
.detalhes-conveniado { padding: 3px; border-radius: 3px; background: #20409a; color: #fff; }
.detalhes-conveniado:hover { background:#426adc; color: #fff; }

.modalDetalheConveniado h3 { font-size: 16px; padding: 10px; }
.modalDetalheConveniado .formRow { padding: 10px 0; }
.modalDetalheConveniado .formRow .formCol { float: left; padding: 0 10px; width: 250px; }
.modalDetalheConveniado label { display: block; }

/*OBITOS*/

.MAIN.OBITOS { padding: 25px; }
.MAIN.OBITOS .wrapper { padding: 20px; background: #fff; border-radius: 10px; }
.MAIN.OBITOS .search { padding: 10px 0; border-bottom: solid 5px #eee; }
.MAIN.OBITOS .listaObito { padding: 20px 0; }

.obito { display: none; }
.listaObito .obito { margin: 10px 30px 0 0; display: none; }
.MAIN.OBITOS .listaObito .obito { margin: 10px 25px 0 25px; display: none; }
.listaObito .obito { width: 300px; float: left; }
.listaObito .obito .img { float: left; width: 60px;  }
.listaObito .obito .infoObito { padding: 10px; width: 208px; margin-left: 10px; height: 50px; border: 1px solid rgba(216,216,216,.51); float: left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #fff;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTUlIiB4Mj0iNTAlIiB5Mj0iLTE1JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZTNmNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNmNGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);background-image: -moz-linear-gradient(bottom, #fff -15%, #fff 30.26%, #e3f4ff 114.33%, #e3f4ff 115%);background-image: -o-linear-gradient(bottom, #fff -15%, #fff 30.26%, #e3f4ff 114.33%, #e3f4ff 115%);background-image: -webkit-linear-gradient(bottom, #fff -15%, #fff 30.26%, #e3f4ff 114.33%, #e3f4ff 115%);background-image: linear-gradient(bottom, #fff -15%, #fff 30.26%, #e3f4ff 114.33%, #e3f4ff 115%);}
.listaObito .obito .infoObito h3 { font-size: 14px; font-weight: 300; }
.listaObito .obito .infoObito p { font-size: 14px; font-weight: 300; margin-top: 6px; }
.listaObito .obito .comente:hover { color: #8eb1b2 }
.listaObito .obito .memoriais { float: right; padding: 10px; width: 204px; border: solid #eaf7ff 3px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.listaObito .obito .memoriais ul { padding: 2px; }
.listaObito .obito .memoriais ul li { border-top: solid 1px #eaf7ff; padding-top: 5px; }
.listaObito .obito .memoriais ul li p { padding: 5px 0; }
.listaObito .obito .memoriais ul li img { width: 40px; margin-right: 5px; }
.listaObito .obito .memoriais ul li:first-child { border: 0; padding-top: 0; }

/* SPRITES CSS */
/* ======================================= */

.sprites { display:inline-block; zoom:1; *display:inline; overflow:hidden; overflow:hidden; text-indent:-9999px; background:url(../images/sprites.png) no-repeat; vertical-align:middle }
.sp-search { background-position:-87px 0; width:29px; height:29px; }
.sp-facebook { background-position:-58px 0; width:29px; height:29px; }
.sp-twitter { background-position:-29px 0; width:29px; height:29px; }
.sp-phone { background-position:0 0; width:29px; height:29px; }
.sp-logoGold { background-position:0 -29px; width:131px; height:25px; }
.sp-ajuda { background-position:-290px 0; width:30px; height:29px; }
.sp-maps { background-position:0 -54px; width:30px; height:29px; }
.sp-link { background-position:-203px 0px; width:29px; height:29px; }
.sp-angel { background-position:0px -82px; width:58px; height:60px; }
.sp-comment { background-position:-232px 0px; width:29px; height:29px; }
.sp-cross { background-position:-261px 0px; width:29px; height:29px; }

/* Customização de dialogs */
.alertDialog { position: fixed; }
.alertDialog .ui-dialog-content { padding: .5em 2.2em .5em 1em; font-family: 'Lato', Helvetica, Arial; }
.alertDialog .ui-dialog-content span { float: left; }
.alertDialog .ui-dialog-content p { float: left; display: inline-block; zoom:1; display: *inline; width: 420px; padding: 0 10px; margin-top: 2px}
.alertDialog .ui-dialog-titlebar { border: 0; background: transparent; margin-top: 7px; position: absolute !important;
right: 0; z-index: 5 }
.alertDialog .ui-dialog-title { display: none; }
.ui-widget-overlay {background: #000 !important}

.confirmDialog { position: fixed; }
.confirmDialog .ui-dialog-content { padding: .5em 2.2em .5em 1em; font-family: 'Lato', Helvetica, Arial; }
.confirmDialog .ui-dialog-content span { float: left; }
.confirmDialog .ui-dialog-content p { float: left; display: inline-block; zoom:1; display: *inline; width: 270px; padding: 0 10px; margin-top: 2px}
.confirmDialog .ui-dialog-titlebar { border: 0; background: transparent; margin-top: 7px; position: absolute !important;
right: 0; z-index: 5 }
.confirmDialog .ui-dialog-title { display: none; }
.confirmDialog .ui-dialog-buttonpane { border-top: 1px solid #ECECEC; }

.dialog { display: none; }
.dialog h2 { padding-bottom: 1em !important; }
.dialog .preco { padding-bottom: 1em !important; font-size: 2em; }
.dialog .preco span { font-weight: bold; }
.dialog h3 { font-size: 15px; padding-bottom: 20px; }
.dialog .formCol { float: none; }
.dialog .formContato label { width: 100px; display: inline-block; vertical-align: top; font-size: 13px; text-align: right; }
.dialog .formContato .holder { padding: 20px; border: dashed 1px #cecece; }
.dialog .formContato .formRow { padding-bottom: 5px; }
.dialog .formContato .action { background-color: #eee; color: #333; }

.dialog__content h2 {
	overflow-y: auto;
	max-height: 280px;
	font-size: 15px !important;
}

/* Resolution Fix CSS */
/* ======================================= */
@media screen and (max-width: 1100px) { 
	.wrapper { width: 960px; margin: auto; position: relative; }
	.CARNE .wrapper .clickCarne { width: 640px; }
	.CARNE .wrapper .clickCarne p { width: 360px; }
	.PLANOS .lista>div { width: 308px; }
	.MAIN .noticias .lista>article { width: 284px; height: 250px; }
	.MAIN .noticias .lista>article>header>div { width: 233px; }
	.MAIN .columHolder section.obitos { width: 598px; }
	.BANNER .border { width: 905px; }
	
	.MAIN.PLANOS .detalhesPlano { width: 680px; float: left; padding: 0 25px; }
} 