html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font-style: normal;
	font: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

:focus { outline: 0; }

strong { font-weight: bold; }
i { font-style: italic; }

.none { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; text-align: right; }
.center { text-align: center; }
.italic { font-style: italic; }
.nm { margin: 0 !important; }
.np { padding: 0 !important; }

body {
	font: 14px/100% 'Roboto', sans-serif;
	height: 100%;
	line-height: 1;
	overflow-y: scroll;
	background: #fff
	}

	.index-body { background: #e4e4e4 }

button { border: 0; }
button:hover { cursor: pointer; }

a { color: #333; text-decoration: none; }
a:hover { color: #000; }

p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 150%;
	padding-bottom: 25px;
	}

	p.p-last { padding-bottom: 40px }
	p.p-small { padding-bottom: 10px }

h1 {
	color: #129ecc;
	font-size: 35px;
	margin: 10px 0 30px 0;
	line-height: 150%;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	}

	.h1-subnav { margin-top: 30px }

h2 {
	color: #129ecc;
	font-size: 26px;
	padding-bottom: 10px;
	}

h3 {
	color: #129ecc;
	font-size: 18px;
	padding-bottom: 5px;
	}

#toTop {
	display: none;
	position: fixed;
	right: 5%;
	bottom: 5%;
	width: 87px;
	height: 87px;
	background: url(/images/icons/top.png) no-repeat;
	}

/* header */
#header-container {
	width: 100%;
	height: 200px;
	background: #129ecc;

	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
	}

	.header-container-index { height: 700px !important; }

	#header {
	position: relative;
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	background: url(/images/logo-header-simbolo.png) 20px 25px no-repeat;
	}

		#header-top-left {
		float: left;
		width: 350px;
		padding-left: 200px;
		}

			a#header-logo {
			display: block;
			float: left;
			margin: 60px 0 0 0;
			height: 100px;
			}

		#header-top-right {
		float: right;
		width: 600px;
		margin: 20px 0 0 0;
		}

			ul#header-top-right-social {
			float: right;
			height: 22px;
			margin-bottom: 20px
			}

				ul#header-top-right-social li { float: left; }

				ul#header-top-right-social li a {
				float: left;
				height: 22px;
				font-size: 12px;
				line-height: 22px;
				padding-left: 27px;
				margin-left: 15px;
				}

				ul#header-top-right-social li a:hover { text-decoration: underline;}

				ul#header-top-right-social li a#header-social-facebook { background: url(/images/icons/icon-facebook-21x22.png) no-repeat; }
				ul#header-top-right-social li a#header-social-twitter { background: url(/images/icons/icon-twitter-21x22.png) no-repeat; }
				ul#header-top-right-social li a#header-social-google { background: url(/images/icons/icon-google-21x22.png) no-repeat; }

			#header-top-right-info {
			clear: right;
			float: right;
			line-height: 150%;
			font-size: 12px;
			color: #000;
			text-align: center;
			}

			.header-top-right-info-content {
			float: left;
			padding: 7px 0;
			}

				.header-top-right-info-content span {
				font-size: 13px;
				font-weight: bold;
				}

				#header-top-right-info-sep {
				float: left;
				width: 1px;
				height: 65px;
				background: #0e7ea3;
				border-right: 1px solid #41b1d6;
				margin: 0 20px
				}

	/* header nav */
	#header-nav-container {
	position: relative;
	float: left;
	width: 100%;
	}

	ul#header-nav {
	height: 40px;
	margin-left: 200px;
	}

	ul#header-nav li {
	font-size: 16px;
	display: inline-block;
	}

	ul#header-nav li a {
	float: left;
	color: #fff;
	padding: 0 15px;
	line-height: 40px;
	margin-right: 10px;

	-webkit-border-radius: 4px 4px 0 0; 
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;

	transition: all 200ms ease;
	}

	ul#header-nav li:hover a, ul#header-nav li a.header-nav-active { background: #005875; }
	/*ul#header-nav li a.header-nav-active { background-color: #fff; color: #005875; font-weight: bold; }*/
	ul#header-nav li.header-nav-submenu { background: url(/images/arrow-1.png) 90% 50% no-repeat; }
	ul#header-nav li.header-nav-submenu2 { background-position: 95% 50%; }

	/* subnav */
	ul#header-nav li ul {
	text-align: center;
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	height: 45px;
	width: 1200px;
	background: #005875;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	}

		ul#header-nav li:hover ul { display: block; }

	ul#header-nav li ul li a {
	line-height: 45px;
	margin: 0 10px 0 0;
	padding: 0 10px;
	font-size: 14px;

	transition: all 200ms ease;
	}

	ul#header-nav li ul li a:hover { color: #129ecc; }
	ul#header-nav li ul li a.header-subnav-active { color: #129ecc; font-weight: bold; }

#header-destaque {
	width: 1200px;
	height: 500px;
	background: #ccc;
	margin: 0 auto;

	-moz-box-shadow: 0 3px 3px 0px #666;
	-webkit-box-shadow: 0 3px 3px 0px #666;
	box-shadow: 0 3px 3px 0px #999;
	}

/* estrtutura global */
#main-container {
	width: 1200px;
	margin: 40px auto 40px auto;
	overflow: hidden;
	}

/* content + coluna */
#main-content {
	float: left;
	width: 750px;
	}

#main-content-coluna {
	float: right;
	width: 400px;
	}

/* coluna + content */
#main-content-2 {
	float: right;
	width: 850px;
	}

#main-content-coluna-2 {
	float: left;
	width: 300px;
	}

	#coluna-nav-tit {
	color: #129ecc;
	font-size: 35px;
	margin: 10px 0 0 0;
	line-height: 150%;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	}

	#main-content-coluna-2 ul li a {
	display: block;
	color: #333;
	line-height: 35px;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	padding: 0 10px;
	}

		#main-content-coluna-2 ul li a:hover,#main-content-coluna-2 ul li a.coluna-nav-active {
		background: #129ecc;
		border-color: #fff;
		color: #fff;
		}

	.main-content-2-img-r { 
	float: right;
	padding: 0 0 20px 20px;
	}

/* index */
#index-main-container {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: auto;
	}

#index-destaques {
	float: left;
	margin-bottom: 70px
	}

	.index-destaque-box {
	float: left;
	width: 300px;
	text-align: center;
	margin-left: 75px;
	}

		.index-destaque-box-img { margin-bottom: 30px; }

		.index-destaque-box-tit {
		font-weight: bold;
		padding-bottom: 15px;
		text-transform: uppercase;
		}

			.index-destaque-box-tit-1 {
			font-size: 20px;
			color: #129ecc;
			}

			.index-destaque-box-tit-2 {
			font-size: 14px;
			color: #333;
			border-bottom: 1px dotted #333;
			padding-bottom: 2px
			}

			.index-destaque-box-tit-2:hover {
			color: #129ecc;
			border-color: #129ecc;
			}

		.index-destaque-box-text {
		font-size: 14px;
		line-height: 150%;
		}

#index-clinicas {
	float: left;
	width: 62%;
	margin-bottom: 50px;
	}

	.index-clinica {
	position: relative;
	float: left;
	width: 47%;
	height: 355px;
	border: 1px solid #ccc;
	margin: 0 10px 0 10px;
	text-align: center;
	}

	.index-clinica-serta { background: url(/images/index-clinica-serta.jpg) no-repeat; }
	.index-clinica-vvr { background: url(/images/index-clinica-vvr.jpg) no-repeat; }

	.index-clinica span a {
	position: absolute;
	left: -5px;
	bottom: 10px;
	color: #fff;
	background: #129ecc;
	font-size: 22px;
	padding: 15px;
	}

		.index-clinica span a:hover {
		color: #129ecc;
		background: #fff;
		}

#index-acordos {
	float: right;
	width: 36%;
	padding: 0 0 0 20px;
	margin-bottom: 50px;
	}

	.index-acordos-box {
	float: left;
	width: 130px;
	height: 110px;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
	}

/* empresa - fotos */
#empresa-fotos { padding-top: 70px }
#empresa-fotos img { float: left; margin-bottom: 2px }
.ef-t1 { margin-right: 2px; }

/* */
.row-box {
	float: left;
	width: 100%;
	margin-bottom: 60px
	}

	.row-box-img {
	float: left;
	width: 300px;
	height: 200px;
	background: #ccc;
	}

	.row-box-content {
	float: left;
	width: 800px;
	padding: 0 20px 0 0;
	margin-left: 40px;
	}

/** **/
.legend-box {
	position: relative;
	float: left;
	width: 285px;
	height: 200px;
	margin: 0 20px 20px 0;
	background: #ccc;
	}

	.legend-box-2 { /* /especialidades/ */
	position: relative;
	float: left;
	width: 285px;
	height: 190px;
	margin: 0 15px 20px 0;
	background: #ccc;
	}

	.legend-box-2 img {
		width: 285px;
	}

	.legend-box-2:hover {
		opacity: .75;
	}

	.legend-box span, .legend-box-2 span {
	position: absolute;
	color: #fff;
	left: 0;
	bottom: 0;
	padding: 5px 10px;
	font-size: 18px;
	line-height: 130%;
	background: url(/images/preto70.png);
	}



ul.content-list {
	color: #333;
	padding-left: 20px;
	margin: 0 0 20px 20px
	}

	ul.content-list li {
	line-height: 150%;
	list-style: disc;
	}

/* contactos */
#contactos-content {
	float: left;
	width: 850px;
	}

	#contactos-left {
	float: left;
	width: 350px;
	}

	#contactos-right {
	float: right;
	width: 500px;
	margin-top: -30px
	}

#form-contactos-column {
	float: right;
	width: 300px;
	padding-top: 20px;
	}

form#form-contacto label {
	float: left;
	width: 100%;
	line-height: 20px
	}

form#form-contacto input {
	width: 280px;
	margin-bottom: 20px;
	padding: 5px;
	color: #666;
	border: 1px solid #ccc;
	}

form#form-contacto textarea {
	width: 280px;
	height: 150px;
	margin-bottom: 20px;
	padding: 5px;
	color: #666;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #ccc;
	}

form#form-contacto button {
	padding: 10px;
	background: #129ecc;
	color: #fff;
	text-transform: uppercase;
	}

	form#form-contacto button:hover {
	background: #005875;
	}

/* validação */
input.error, textarea.error { border-color: #F00 !important; }

label.error {
	width: 290px !important;
	font-size: 10px !important;
	font-weight: bold;
	margin-top: -15px !important;
	padding: 0 !important;
	color: #F00 !important;
	text-align: right;
	}

/* footer */
#footer {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	background: url(/images/footer-shadow.png) 50% 0 no-repeat;
	line-height: 25px;
	color: #333;
	}

	#footer ul {
	width: 520px;
	margin: 10px auto;
	}

	#footer ul li { float: left; }

	#footer ul li a {
	color: #666;
	margin: 0 5px;
	}

		#footer ul li a:hover { color: #000; }

		#footer-legal {
		font-size: 12px;
		clear: both;
		}

/* footer 
#footer-container {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	min-height: 50px;
	line-height: 50px;
	background: #fff;
	}

	#footer {
	width: 1200px;
	margin: 0 auto;
	color: #ccc;
	}

		#footer-left {
		float: left;
		width: 800px;
		}

			ul#footer-sitemap li {
			float: left;
			position: relative;
			}

			ul#footer-sitemap li a {
			float: left;
			margin: 0 15px;
			font-weight: bold;
			text-transform: uppercase;
			}

				ul#footer-sitemap li ul {
				position: absolute;
				top: 20px;
				width: 200px;
				}

				ul#footer-sitemap li ul li {
				float: none;
				}

				ul#footer-sitemap li ul li a {
				float: none;
				text-transform: none;
				font-size: 12px;
				color: #666
				}

		#footer-right {
		float: right;
		text-align: right;
		width: 400px;
		}
*/

#fb-page-container {
	width: 500px;
	margin: 0 auto;
	}