/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body {height: 100%;}
   
body {
	background-color:#fff;
	 height: 100%;
	 font-family: "lato";
	 margin:0;
	 padding:0;
	/*background:url(../img/SiteTermas.jpg) white no-repeat 50% 0;*/
}
.wrap {
    width: 100%;
    min-height: 100%;
}
.container {
	width:975px;
    z-index: 0;
	color:#333;
	font-size:14px;
	margin-bottom:50px;
}

.grid-pad {
    padding: 20px 0 0 13px;
}

.loader{
	display:none;
	height:20px;
	width:15px;
	position: absolute;
	right:0;
	top:0;
	height:100%;
	background:url(../img/graphics/ajax-loader.gif) #e6e6e6 no-repeat 50% 50%;
}
.content {
	border-top:1px solid #a8a8a8;
	font-weight: normal;
	color:#6c6c6c;
	letter-spacing:0.02em;
}
h1 {
	font: 300 28px/28px "lato";
	margin:0;
	padding:25px 0;
}
h2 {
	color:#7e7e7e;
	margin:0;
	padding:0;
	font: 300 18px/18px "lato";
	letter-spacing:0.04em;
	line-height:22px;
}
.content h3 {
	margin:5px 0 25px 0;
	font: 700 14px/14px "lato";
	text-transform:uppercase;
	letter-spacing:0.1em;
}
.content h4 {
	margin:15px 0 4px 0;
	color:#000;
	text-transform:uppercase;
	font: 300 13px/13px "lato";
}
.content a {
	color:#333;
	text-decoration:none;
}
.content ul {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:14px;
}

.content ul.servicos li {
	line-height:18px;
}

.heading {
	height:156px;
	text-align:center; 
}
.left {
	float:left;
	width:252px;
}
.right {
	float:right;
	width:709px;
	/*height:350px;*/
	position:relative;
}
.box {
	font-size:11px;
	behavior: url(js/PIE.htc);
}
.left p {
	margin:0;
	padding:10px 0;
}

header {
    width: 100%;
	height:auto;
    z-index: 20;

}
nav {
	width: 800px;
	height:145px;
	position:relative;
	margin:auto;
}
nav  ul.bottom  {
	width:820px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
	z-index:999;
	list-style-type:none;
}
ul.top  {
	display:table;
	width:100%;
	position:absolute;
	top:0;
	margin:0 auto;
	padding:0;
	z-index:999;
	list-style-type:none;
}
ul.top li {
	position:relative;
	display: table-cell;
	margin:auto;
	padding:auto;
	text-align:center;
	border-left:1px solid #c4c4c4;
}
ul.top li a {
	color: #9a9a9a;

    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 18px;
	margin:auto 0;
    padding: 5px auto;
    text-decoration: none;
    text-transform: uppercase;
	
	
	font: 700 10px/10px "lato";
}

nav ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
nav ul  li:first-child a {
	border-left:none;
}
nav ul  li  a {
	color: #9a9a9a;
    display: block;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 18px;
	width:125px;
	margin:5px 0;
    padding: 5px 0;
    text-decoration: none;
    text-transform: uppercase;
	text-align:center;
	border-left:1px solid #c4c4c4;
	font: 700 10px/10px "lato";
}

nav ul li a:hover {
	color:#333;
}
nav ul  li > ul {
	position:absolute;
	z-index:999;
	top:25px;
	left:0;
	margin:0;
	padding:20px 0;
	border:none;
	background-color:#fff;
}
nav ul  li > ul  {
	display:none;
}
nav ul  li > ul li  {
	display:block;
	margin:0 ;
	padding:0;
	border:none;
}
nav ul  li:hover > ul {
	display:block;
}
nav ul  li > ul li a {
	display:block;
	width:100px;
	text-align:center;
	margin:0 8px;
	padding: 8px 0;
	border:none;
	border-bottom:1px solid #c4c4c4;
}
nav ul  li > ul li:first-child a {
	border-top:1px solid #c4c4c4;
}
nav ul  li > ul li a:hover {
	background-color:#fff;
}
nav  li.parent > a {
	background:url(../img/graphics/icons.png) transparent no-repeat 200px -135px;
}
.cycle-wrap  {
width: 100%;
height:240px;
overflow:hidden;
}

.cycle-wrap img {
width: 100%; height: auto
}

.slideshow {
	min-width:955px;
	height:240px;
	overflow:hidden;
	cursor:pointer;
}

.cycle-slideshow {  }
.cycle-slideshow img { width: 100%; height: auto }

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay {
    position: absolute; 
	bottom: 0; 
	width: 100%;
	height:inherit;
	z-index: 600;
	font: 300 14px/14px "lato";

	color: white;
	background:url(../img/graphics/logotipo_white_90.png) transparent no-repeat 50% 50%;
}
.cycle-overlay .logo {
	position: absolute; 
	left:0;
	right:0;
	bottom:10px;
	text-align:center;
}
.cycle-overlay .left {
	position: absolute;
	left:10px;
	top:50%;
}
.cycle-overlay .right { 
	position: absolute; 
	right:10px;
	top:50%;
	text-align:right;
}

/* prev / next links */
.cycle-controls {
	position: absolute; 
	bottom: 5px;
	z-index: 800;
	right:10px;
}
.cycle-prev, .cycle-next, .cycle-pause {
	 float:left; 
	 width:26px;
	 height:26px;   
	 cursor: pointer; 
	 margin:0; 
	 background:url(../img/graphics/icons.png) transparent no-repeat 0 0;
 }
.cycle-prev {   
	background-position:0 -30px;
 }
.cycle-next { 
	background-position:0 0;
 }
 .cycle-pause { 
	background-position:0 -60px;
 }
.cycle-prev:hover, .cycle-next:hover {  }

.disabled { 
	opacity: .5; 
	filter:alpha(opacity=50); 
}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; 
	color: white;
	background: black;
	padding: 10px;
    z-index: 500; 
	position: absolute; 
	top: 10px; 
	right: 10px;
    border-radius: 10px;
    opacity: .5; 
	filter: alpha(opacity=50);
}


[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/graphics/icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 10px 30px;
    margin: 0;
	text-indent:-9999px;
}
 .icon-facebook {
  background-position: 0 -98px;
}
 


footer {
	width:100%;
	height: 50px;
	clear:both;
	color:#ccc;
	margin-top:-50px;
	font: 300 13px/13px "lato";
}
footer .content {
	border-top:1px solid white;
}
footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}
footer ul  li {
	margin:20px 20px 0 0;
	padding:0;
	list-style-type:none;
	float:left;
}

footer ul  li  a{
	color:#939393;
	text-decoration:none;
}

form {
	text-align:left;
}

input, textarea, select {


    border-color: #ccc;

    border-style: solid;
    border-width: 1px;

    color: #333333;
    display: table-cell;
    font-size: 11px;
    margin: 0;
    padding: 5px 4px;
	vertical-align:middle;

}

label {
	width:100%;
	display:block;
}
label.side {
	float:left;
	width:200px;
}
label.superside {
	float:left;
	width:70%;
}
input[disabled=disabled] {
	background-color: #666;
}

input[type=radio] {
	display:inline;
	margin:0 4px;
	border:none;
	background-color: transparent;
}

.lt-ie9 input {
	
}

.lt-ie9 label {
	background-color:#ddd;
}
fieldset {
	width:100%;
	margin:8px 0;
}

button, a.button {
	border: 1px solid #DEDEDE;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    padding: 3px 8px;
    text-decoration: none;
    text-transform: uppercase;
	
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');
    border-color: #DEDEDE #D8D8D8 #D3D3D3;
    box-shadow: 0 1px 1px #EAEAEA, 0 1px 0 #FBFBFB inset;
    text-shadow: 0 1px 0 #FFFFFF;
}
a:focus, button {
    -moz-user-focus: none;
    outline: medium none;
}

.alert {
	margin:20px 0 0 0;
    border:4px solid #b8b8b8;
    color: #d4a720;
    list-style-type: none;
    padding: 7px 14px;
	text-align:left;
}

.lt-ie9 .alert {
	border-color:1px solid #635950;
}

.links ul  {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}

.links ul  li {
	width:190px;
	height:124px;
	margin:2px;
	padding:0;
	list-style-type:none;
	float:left;
	position:relative;
	color:#ddd;

}
.links ul  li  img {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
.links ul  li  a{
	position:absolute;
	font-weight:bold;
	z-index:2;
	left:10px;
	bottom:15px;
	color:#838485;
    font-size: 10px;

    text-decoration: none;
    text-transform: uppercase;
}
.links h2 {
	color:#818797;
	margin:0;
	padding:0;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}
.news {
	margin:0 0 10px 0;
}
.news  a {
	color:#909090;
	text-decoration:none;
}
.news h3 {
	padding-top:10px;
	margin:0 0 10px 10px;
}
.news-list {
	height:110px;
	overflow:hidden;
	margin:10px;
}
.news-list a {
	font-size:90%;
	text-decoration:none;
}
.news-list .news-thumb {
	float:left;
	background-color:#ddd;
	margin:5px 5px 5px 0;
}
.news-thumb {
	margin:5px 5px 5px 0;
	float:left;
}
.news-summary   {
	text-align:left;
	font-size:13px;
}
.news-header .date  {
	display:table;
	width:100%;
}
.news-pager a {
	display:table-cell;
	width:auto;
	text-align:center;
	
	font-size:1em;
	border-bottom:1px solid #D4D4D4;
	color:#737984;
	font-weight:bold;
	text-shadow:1px 1px 0 #FFFFFF;
	padding:6px;
	white-space:nowrap;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4F4F4), to(#d4d4d4));
	background: -moz-linear-gradient(#F4F4F4, #d4d4d4);
	background: linear-gradient(#F4F4F4, #d4d4d4);
 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#d4d4d4');
}
.consulta {
	height:85px;
	margin:0 0 10px 0;
	text-align:center;
	text-indent:-9999px;
	background: url("../img/graphics/bg_online.png") no-repeat 0 0 transparent;
}
.consulta a {
	display:block;
	width:inherit;
	height:inherit;
}

.plano-consulta-title {
	text-align:center;
	font-weight:700;
}

.mark  {
	background:		url('../img/graphics/red_line.png') transparent no-repeat 0 0;
}

.plano-consultas {
	height:350px;
}

.mes {
	float:left;
	width:11%;
	text-align:center;
	top:0;
}

.mes b {
	display:block;
	height:50px;
	line-height:50px;
}

.dia {
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	margin-left:-1px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.panel-container {
	position:absolute;
    width: 709px;
    height: 350px;
	overflow:hidden;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.panel-container img {
	max-width: inherit;
}
.panel-container .text {
	margin:25px 15px;
}
.panel-container .tab-content {
	position:absolute;
	top:280px;
	height:80px;
	width:100%;
	background-color:#333333;
	background:		url('../img/graphics/opacity_blue.png') transparent repeat 0 0;
}
.panel-container .tab-content h1 {
	margin:0;
	padding:5px 10px;
}

.panel-container .tab-content p {
	margin:0;
	padding:2px 10px;
	font-size:14px;
}

.image {
	border:2px solid #ccc;
}

table {
	position:relative;
	width: 100%;
	padding: 0;
	margin:5px 0 20px 0;
	table-layout: fixed;
}
caption {
	margin:0 0 20px 0;
	font: 700 13px/13px "lato";
	text-transform:uppercase;
	text-align:left;
}

tr {
border-bottom:1px solid #d3d3d3;
}

th {
	text-align: left;
	width:75%;
	padding: 2px 0 2px 0;
	color: #717783;
	font-weight:normal;
	/*border-bottom:1px solid #d3d3d3;*/
}


td {
	text-align: right;
	padding: 2px 0 2px 0;
	color: #717783;
/*	border-bottom:1px solid #d3d3d3;*/
	vertical-align:top;
	word-wrap:break-word;
	
}
tr.alt th {
	color: #797268;
}


tr.odd td {
	background: #f7f8fa;
	color: #797268;
}



table.precos .preco {
	width:100px;
	white-space:nowrap;
	
}

ul.contacto {
    color: #333;
	font-size:11px;
    font-weight: bold;
    list-style-type: none;
	margin: 0;
	padding:0;
    
}

ul.contacto li {
    margin: 4px 15px 4px 0;
    padding: 2px 0 2px 23px;
}

ul.contacto a {
    color: #333;
	font-size:11px;
    font-weight: bold;
    text-decoration: none;
}
div.contacto span {
    margin: 0 10px;
}

#map {
	width:100%;
	height:200px;
}

.cat {
	padding:0;
	margin:0 ;
	list-style-type:none;
}

.cat li {
	
	padding:0;
	margin:0 !important;
	padding:15px 0 0 0 !important;
}
.cat li:first-child {
	border:none;
}
.grey {
position:relative;
}
.grey img {
	position:absolute;
	left:0;
	top:0;
}
.grey canvas {
	position:absolute;
		left:0;
	top:0;
}
.cat .title {
	float:left;
	color:#666;
	font-size:14px;
}

.cat li {
	height:160px;
	width:auto;
}

.gallery {
	margin: 0;
	padding:0;
	list-style-type:none;
}

.gallery li {
	float:left;
	margin:0;
	padding:0;
	width:115px;
	min-height:115px;
}

.gallery li .thumb {
	overflow:hidden;
	width:100px;
	height:100px;
}
.gallery li:first-child {
	margin:0;
}

.spinner {
	display:none;
	float:right;
	 width:25px;
	 height:25px;
	 vertical-align:middle;
	 background: url("../img/graphics/ajax-loader.gif") no-repeat 50% 50% transparent;
 }
 
 .ondedormir b {
 text-transform:uppercase;
 }
 
 .fancybox-title-inside {
	position:relative;
	height:30px;
	margin:0 !important;
 }
 
 .fancybox-title-inside .close {
	position:absolute;
	margin: 0 10px 0 0;
	right:0;
 }
 
  .fancybox-title-inside .prev {
	position:absolute;
	margin: 0 0 0 10px;
	left:0;
 }

   .fancybox-title-inside .next {
	position:absolute;
	margin: 0;
	left:50px;
 }
 
div.collapsed {
	display:none;
}
 
.clear:after, .clearfix:after {
    clear: both;
}
.clear:before, .clear:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clear:before, .clear:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media all and (max-width: 1024px) {



}   
   
@media all and (max-width: 955px) {

.slideshow img {
	width:955px;
}

}  
   
@media only screen and (max-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}