@charset "utf-8";
/* CSS Document */

/*************************************************************/
/*   Developer:   360 Graus                                */
/*                Global layout and formatting styles         */
/*   Date:        Julho , 2013                                */
/*   Site:        www.fisioflaviae.pt                             */
/*-----------------------------------------------------------*/

/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions / CSS reset */
a{ overflow: hidden;}
* {margin: 0;padding: 0;} 
a:focus { outline: 0; }
body {font-size: 76%; margin: 0px auto; padding: 0px; font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif; background: #FFFFFF url(image/body-background.jpg) repeat-x 0 0; text-align:left; }
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
img { border: none;}
/* 1.1 - End Body definitions */

/* 1.2 - Global Container */
#container {width: 860px;  margin: 0 auto; }
/* 1.2 - End Global container */

/*************************/
/* 2-  Header/Main Menu */
/*************************/

/* 2.0 Header Container */

#header { width:860px; height: 132px; position:relative; }
/* 2.0 - End Header Container */

/* 2.1- Logo */
.logotipo { float: left;clear: both; width: 224px;  }
/* 2.1- End Logo*/

/* 2.2- Top Navigation */
.top-nav {background: url(image/topnav-right.gif) no-repeat 100% 0;	padding: 0 20px 0 0;margin: 6px 0 0 0;	float: right;	display: inline;}
.top-nav ul {background: url(image/topnav-left.gif) no-repeat 0 0;	margin: 0;padding: 0 0 0 20px;float: left;display: inline;}
.top-nav ul li {list-style: none;height: 26px;float: left;display: inline;}
.top-nav ul li a {display: block;margin: 6px 0 0 0;	padding: 0 10px 0 10px;	font-size: 11px;font-family:Arial, Helvetica, sans-serif; font-weight: bold; border-left: 1px solid #DADADA;}
.top-nav ul li a:link, .top-nav ul li a:visited {color: #5F5F5F;text-decoration: none;}
.top-nav ul li:first-child a {border-left: none;}
.top-nav ul li a:hover {text-decoration: underline;}
/* 2.2- End Top Navigation */

/* 2.3 - Main Menu */
div#menuprincipal {
height:40px;
width:860px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:105px;
}
div#menuprincipal ul#menunav{
height:40px;
width:860px;
background:transparent url(image/menu-principal.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal ul#menunav li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav li,ul#menunav a{
height:40px;
display:block;
}
div#menuprincipal ul#menunav li a{
text-indent:-9999px;
text-decoration:none;
}

#home{
left:0px;
width:81px;
}
.home_on { background:transparent url(image/menu-principal.jpg) 0px -82px no-repeat; }

#especialidades{
left:82px;
width:202px;
}
.especialidades_on { background:transparent url(image/menu-principal.jpg) -82px -82px no-repeat; }

#consultas{
left:285px;
width:203px;
}
.consultas_on { background:transparent url(image/menu-principal.jpg) -285px -82px no-repeat; }

#protocolos{
left:489px;
width:128px;
}
.protocolos_on { background:transparent url(image/menu-principal.jpg) -489px -82px no-repeat; }

#testemunhos{
left:618px;
width:138px;
}
.testemunhos_on { background:transparent url(image/menu-principal.jpg) -618px -82px no-repeat; }

#clinica{
left:757px;
width:100px;
}
.clinica_on { background:transparent url(image/menu-principal.jpg) -757px -82px no-repeat; }


/* Hover State  */
#home a:hover{background:transparent url(image/menu-principal.jpg) 0px -41px no-repeat;}
#especialidades a:hover{background:transparent url(image/menu-principal.jpg) -82px -41px no-repeat;}
#consultas a:hover {background:transparent url(image/menu-principal.jpg) -285px -41px no-repeat;}
#protocolos a:hover {background:transparent url(image/menu-principal.jpg) -489px -41px no-repeat;}
#testemunhos a:hover {background:transparent url(image/menu-principal.jpg) -618px -41px no-repeat;}
#clinica a:hover {background:transparent url(image/menu-principal.jpg) -757px -41px no-repeat;}
/* 2.3 - End main menu */

/*************************/
/* 3-  Content layout */
/*************************/

/* 3.1 - homepage layout */
.homepage-banner { width: 860px; margin: 0; padding: 0; background:url(image/homepage-banner-background.jpg); background-repeat:no-repeat; height: 336px; float:left;  }
.homepage-banner-right { float:right; width: 300px; padding: 148px 0px 0px 0px;}
.homepage-banner-right p { line-height: 1.5em; font-family:Arial, Helvetica, sans-serif; color: #494949; font-size:13px; padding: 0px 20px 6px 4px; margin: 0;  }
.h-sfield { height: 24px; width: 184px; border: 1px solid #D0D1D7;  }
.h-tfield  { height: 40px; width: 184px; border: 1px solid #D0D1D7;}
.h-label {  padding: 0px 5px 0px 0px; width: 66px; float:left;}

.home-title { float:left; width: 860px; margin: 0px 0px 10px 0px; padding: 0;}
.home-title h1 { padding: 10px 0px 10px 0px; text-align:center; margin: 8px 0px 5px 0px; font-size:36px; font-weight:normal; color: #1F1F1F; width: 860px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; border:none;}
.home-title p { line-height: 1.4em; font-size: 14px; color:#4F535B; padding: 0px 20px 0px 20px; text-align:justify;}


.homepage-3col-container { width: 860px; margin: 20px 0px 0px 0px; border-top: 4px solid #F0F0F0; font-family:Arial, Helvetica, sans-serif; color:#1B96BE; font-size: 13px; float:left; }
.homepage-3col-container a:link, .homepage-3col-container a:visited {text-decoration:none;color:#1B96BE;}
.homepage-3col-container a:hover {color: #339FBF; text-decoration:underline;}
.home-box-left { float:left; width: 286px; height: 380px; margin: 14px 0px 0px 0px; }
.home-box-left p { line-height: 1.4em; padding: 9px 14px 0px 14px;}
.home-box-center { float:left; width: 286px; height: 380px; margin: 14px 0px 0px 0px;  }
.home-box-center p { line-height: 1.4em; padding: 9px 14px 0px 14px;}
.home-box-right { float:right; width: 286px; height: 380px; margin: 14px 0px 0px 0px;  }
.home-box-right p { line-height: 1.4em; padding: 9px 14px 0px 14px;}

.homepage-form-container { width: 860px;  margin: 30px 0px 10px 0px; background-color:#F9F9F9; height: 236px; float:left;  clear:both; border-top: 6px solid  #D7D7D7; }



/* 3.2 - global layout */
.wrapper {float: left; width: 860px; margin: 24px 0px 20px 0px; padding: 0px 0px 0px 0px; }

/* 2 Columns */
.content-container-leftcol{overflow: hidden; float: left; width: 210px; margin-top: 10px; padding: 0px; font-size:12px; color:#5B5B5B;  }
.content-container-rightcol{overflow: hidden; float: right; width: 620px; margin-top: 10px; padding: 0px; font-size:12px; color:#5B5B5B; }

/* Text boxes */
.content-txtbox { float:left; margin: 0px;padding: 0px 0px 0px 2px; color: #484848;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; width: 100%;}
.content-txtbox p { margin: 0px 0px 1.1em 0px; padding: 0px 4px 0px 1px; line-height: 1.4em;  }
.content-txtbox a { text-decoration:none; color:#3399CC;}
.content-txtbox a:visited { text-decoration:none; color:#3399CC;}
.content-txtbox a:hover { text-decoration:underline; color: #26839D;}
.content-txtbox ul {margin:12px 0px 10px 4px;padding:0; }
.content-txtbox ul li { padding:0px 0px 5px 20px; color: #2B3941;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; }
.content-txtbox ul li a { color: #3399CC; text-decoration:none;}
.content-txtbox ul li a:visited { color:#3399CC; text-decoration:none;}
.content-txtbox ul li a:hover { color: #26839D; text-decoration:underline;}




/*************************/
/* 4-  Headers Spans
/*************************/

/* 4.1 - Headers */
h1 {  font-size:20px; font-weight:normal; color: #232323; padding: 0px 0px 4px 0px; font-family: Verdana, Monaco, sans-serif; margin:0px 0px 8px 0px; border-bottom: 1px solid #CCCCCC; }
h2 {  font-size:17px; font-weight:bold; color: #3399CC; padding: 0; margin:0; font-family: Arial, Helvetica, sans-serif;  }
h3 {  font-size: 18px; font-weight: normal ; color: #9BB53F; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
h4 {  font-size: 15px; font-weight: normal ; color: #3C3C3C; padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;}
h5 {  font-size: 16px; font-weight: normal; padding: 0px 0px 4px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #8FBA10; margin: 0;border-bottom: 1px solid #CCCCCC; }
h6 {  font-size: 13px; font-weight: normal; color: #787878; padding:0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}



/* 4.2 - Spans */
.homepage-title { color:#9BB53F; font-size:17px; letter-spacing: 1px; font-weight: bold;}

/*************************/
/* 5-  Sidebar */
/*************************/
.sidebar-header{ width: 210px; height: 32px; background-image:url(image/sidebar-header-back.jpg); margin: 0; padding: 0;}
.sidebar-header p { padding: 9px 0px 0px 20px; color:#333333; font-weight:bold; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.navesq {padding: 1px 0px 0px 0px; margin: 0px 0px 20px 0px;}
.navesq ul {border-top: 0px solid #ccc;padding: 0;	margin: 0 0 0 0;}
.navesq li {border-bottom: 1px solid #EAEAEA;	list-style: none;	margin: 0;}
.navesq li a {	display: block;	text-decoration: none;	padding: 4px 0px 4px 21px;	background: transparent url(image/sidebar-arrow.gif) no-repeat 7px 7px;	font-size: 1.0em;	color: #395B86; overflow: visible;}
.navesq li a:hover {color: #728F0C;	background: #F2F2F2 url(image/sidebar-harrow.gif) no-repeat 10px 6px; padding: 3px 0px 3px 21px; margin: 1px 0;}
.navesq a.selected {color: #728F0C;	background: #F2F2F2 url(image/sidebar-harrow.gif) no-repeat 10px 6px; padding: 3px 0px 3px 21px; margin: 1px 0;}

.commentform { width: 200px; background-color:#F4F4F4; padding: 0px 5px 0px 5px; float:left;}
.commentform p { margin: 8px 0px 5px 0px;}
.smalltext_field {width: 190px;	height: 18px;	margin-top:3px;	margin-bottom:5px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #FFFFFF;	padding: 2px; border: 1px solid #CCCCCC;}
.smalltext_area {width: 190px;	height: 50px;	margin-top:3px;	margin-bottom:16px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #FFFFFF;	padding: 2px;	border: 1px solid #CCCCCC; overflow:hidden;}
select { width: 180px; border: 1px solid #CCCCCC;}




/*************************/
/* 7-  Image Styles */
/*************************/

img.iconleft { float:left; margin-right: 10px; margin-bottom: 10px;}
img.FloatLeft {float:left; margin-right: 10px; margin-bottom: 4px; padding: 1px; border: 1px #9db2b9 solid;}

/*************************/
/* 8-  Footer */
/*************************/
.footer { float:left; width:860px; background-image:url(image/footer-background.jpg); background-repeat:no-repeat; margin-top: 2px; margin-bottom: 10px; height: 60px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #5D5D5D; }
.footer a:link, .footer a:visited { color: #67820B; text-decoration:none;}
.footer a:hover {color:#728F0C; text-decoration:underline;}
.footer-left { width: 300px; float:left;}
.footer-left p { text-align:left; padding: 6px 0px 0px 10px; line-height: 1.7em;}
.footer-right { width: 540px; float:right;}
.footer-right p { text-align:right; padding: 6px 10px 0px 0px; line-height: 1.7em;}



/*************************/
/* 9-  Lists */
/*************************/
/* 9.1 - Homepage List */

ul.homelist {margin:2px 0px 0px 10px;padding:0; }
ul.homelist li { display:block; padding:0px 14px 6px 20px; color: #2E566D;font-size:13px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; background: url(image/green-arrow.gif) no-repeat 0 2px;  }
ul.homelist li a { color: #3399CC; text-decoration:none;}
ul.homelist li a:visited { color:#3399CC; text-decoration:none;}
ul.homelist li a:hover { color: #1B96BE; text-decoration:underline;}

/* 9.2 - Global List */
ul.globallist {margin:0px 0px 0px 10px;padding:0; }
ul.globallist li { display:block; padding:0px 0px 8px 20px; color: #3399CC;font-size:14px; font-family: Arial, Helvetica, sans-serif; list-style-type: none; background: url(image/green-arrow.gif) no-repeat 0 2px; overflow:hidden; }
ul.globallist li a { color: #3399CC; text-decoration:none;}
ul.globallist li a:visited { color:#3399CC; text-decoration:none;}
ul.globallist li a:hover { color: #1B96BE; text-decoration:underline;}

/* 9.3 - Lista Galeria de Fotos */
ul.gallery {list-style: none; margin: 0; padding: 0; }
ul.gallery li {	display: block; float:left;	 margin: 0px 5px 14px 5px; width:194px;}
ul.gallery li a {	padding: 1px; display: block; border: 1px #9db2b9 solid; line-height: 0;	}
ul.gallery li a:hover { border: 1px #333333 solid; }


/********************
Formulario homepage
********************/
h3.contacto_titulo {width: auto;height: 26px;clear:both; margin: 10px 0px 8px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4A4A4A;}
.leftcol {width: 180px;	height: auto;padding-right:25px;float:left;}
.leftcol a, .leftcol a:visited { color:#8FBC07; text-decoration:none;}
.leftcol a:hover { text-decoration:underline;}
.leftcol p { padding: 14px 0px 0px 12px; color:#333333; font-size: 13px; }
.middlecol {width: 240px;height: auto;padding-right:0px;float:left;}
.rightcol {	width: 380px;height: auto;	float:right;}
label {	font-size:12px;	width: 200px;height: 16px;	font-weight:bold; color: #333333;}

#text_field {width: 240px;	height: 18px;	margin-top:3px;	margin-bottom:5px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #DDDDDD;	padding: 2px; border: 1px solid #CCCCCC;}

#text_area {width: 360px;	height: 113px;	margin-top:3px;	margin-bottom:16px;	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	line-height: 20px;	color: #333333;	background-color: #DDDDDD;	padding: 2px;	border: 1px solid #CCCCCC; overflow:hidden;}
	
.send_button {	width:70px;	float:left;	margin-left:290px;}

/*************************/
/* 11-  Table Formatting */
/*************************/

/* 11.1 - Tabela Precario */
.consultas-table {	width:618px;margin:20px 0px 0px 0px;border-collapse:collapse; font-family: Verdana, Arial, Helvetica, sans-serif;}
tr.odd td	{background:#F3FBD9; }
tr.odd .column1	{background:#F3FBD9; font-size:10px; color:#000000;}	
.column1 {background:#F3FBD9; width: 148px;}
.consultas-td {color:#000000;border-bottom: 1px solid #ffffff;border-top:1px solid #EFF5FA;padding:3px 3px 3px 10px;text-align:left; font-size:10px; }				
th {font-weight:normal;	color: #678197;	text-align:left;border-bottom: 1px solid #ffffff;border-top:1px solid #EFF5FA;	padding:3px 3px 3px 8px; height: 24px;}							
thead th {background:#A2CB14;text-align:left;	font-size: 9px;color:#000000; font-weight:bold; text-transform:uppercase; height: 24px;}
.titleline th {background: #769410;text-align:left;	font-size: 9px;color:#ffffff; font-weight:bold; text-transform:uppercase; height: 24px;}	

/*************************/
/* 13-  Varios */
/*************************/
.clearfix:after {  content: ".";   display: block;    height: 0;  clear: both;    visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
}