/*	
	Fbrandão Web & Comunicação  -  fbrandao.com.br
	fonte Google -->  font-family: @param.fontFamily;
*/

*{
	margin:0 auto;
	padding:0;
}
body{
	background:#FFF;
	width:100%;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}
p{
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:22px;	
	color:#666;
}
h1{
	font-family:@param.fontFamily;
	font-weight:500;
	color:#06347A;
	font-size:25px;
	margin-bottom:10px;
}
h2{
	font-family:@param.fontFamily;
	font-weight:500;
	color:#06347A !important;
	font-size:18px;
	margin-bottom:10px;
}
/*   HEADER   */
header{
	background:#EEEEEE;
	padding: 15px 0;
	position: absolute;
	z-index: 99;
	margin-top: 75px;
	height: 36px;
}

.logo{
	position: relative;
}

.logo img{
/*	background:#EEEEEE;   */
	position: absolute;
	z-index: 999;
	padding:10px 25px;
	margin-top: -51px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.topo-site{
}

nav{

}
nav ul{
	float:right;
}
nav ul li{
	display: inline;
	list-style:none;
}
nav ul li a{
	margin:-18px 0 0 ;
	display: block;
	float: left;
	color:#06347A;
	font-size: 18px;
	font-weight: 100;
	font-family:@param.fontFamily;
	text-transform: uppercase;
	padding: 24px 15px;
}
nav ul li a:hover,nav ul li .active{
	background:#06347A !important;
	color: #FFF;
}

/*   BANNER   */
.banner{
	overflow: hidden;
	width: 100%;
	position: relative;
	max-height: 610px;
}

.img-banner{
	width: 100%;
}

/*   PAGINA INICIAL -->  HOME   */

.quadro-inf{
	position:relative;
	border: 10px solid #FFF;
	text-align: center !important;
	margin-top: -150px;
	margin-bottom: 40px;
	position: relative;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.img-bloco{
	width:100%;
	overflow:hidden;
	min-height: 160px;
}
.img-bloco img{
	width:100%;
}

.site{
	padding: 15px 0;
}

/*  FOOTER  */

footer{
	background:#EEEEEE;
	padding:30px 0;
}

footer h1{
	color:#FFF !important;
}
footer p{
	color:#FFF;
}


.nav-footer{
	padding-top:35px;
}

.nav-footer ul{
}
.nav-footer ul li{
	display:inline;
	list-style:none;
}
.nav-footer ul li a{
	margin-right:20px;
	font-size:14px;
	color:#666;
}

.tel-footer{
}
.tel-footer h1{
	color:#032B68 !important;
	padding:0 !important;
	margin:0 !important;
	line-height:1;
	font-size:50px;
}
.tel-footer p{
	color:#666 !important;
	padding:0 !important;
	margin:0 !important;
	line-height:1;
}


.txt-footer, .form{
	padding:15px 0;
}
.form input{
	width:96%;
	margin:5px 0;
}

.form textarea{
	width:96%;
	height:90px;
	margin:5px 0;
}

/* ASSINATURA SITE  */

.assinatura{
	background:#032b68;
	padding:12px 0 3px 0;
}
.assinatura p,.assinatura a{
	color:#FFF;
}
.desenvolvedor{
	text-align:right;
}


/* BAR  */

.bar{
	background:url(../img/menbg1.jpg);
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*  NOTICIAS */
.list-news{
	margin-bottom:15px;
}
.avatar-noticia{
	overflow:hidden;
	display:block;
	width:100%;
	height:100px;
}
.avatar-noticia img{
	width:100%;
	min-height:100px;
}


/*  Encontre seu Reumatologista  */


.buscar-reuma{
	background: #EEE;
	padding: 5px 5px;
	margin-bottom: 10px;
}

.list-reuma{
	margin: 10px 0;
	padding: 10px;
	border:1px solid #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.icone-reuma{
	font-size: 10px !important;
	margin: -4px 0 0 15px;
}






#leftPan {
	width:100%;
}
#leftPan ul {
	display:block;
}
#leftPan ul li {
	position:relative;
}
#leftPan ul li a {
	display:block;
	padding:10px 10px;
	color:#06347A;
	font-family: @param.fontFamily;
	font-weight:100;
	font-size:18px;
	border-bottom:1px solid #fff;
}

.nav-institucional{
	margin:15px 0;
}
.nav-institucional ul li a{
	background:#fff !important; 
	border:1px solid #EEE;
}
.nav-institucional ul li a:hover{
	background:#EEE !important; 
	color:#5F1973 !important;
}
/* Begin CSS Menus at Left */
#menuleft{}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;}
#menuleft ul{list-style-image:none;}

#menuleft ul li ul{list-style-image:none; left:240px; top:0px; padding:10px; padding-top:0px; position: absolute;
z-index: 2;left: 256px;}
#menuleft ul li ul li a{margin:0px; width:240px;  border-left:1px solid #fff; }
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}

/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */




/*   lista de pratos  */

.list-pratos{
	margin-bottom:10px;
}

.img-prato{
	width:100%;
	height:150px;
	overflow:hidden;
}


/* EMRPESA  */

.img-empresa{
		width:100%;
	height:150px;
	overflow:hidden;
	}






.inputFile {
    width: 100%;
    height:30px;
    position: relative;
    overflow: hidden;
	background:#892223;
	text-align:center;
	color:#FFF;
	padding-top:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:18px;
	cursor:pointer;
	text-align:center !important;
}
.inputFile span {
    display: block;
    position: absolute;
	cursor:pointer;
	font-family: @param.fontFamily;
	font-weight:100;
	text-align:center !important;
	 width: 185px;
    height:35px;
	padding-top:3px;
}
.inputFile input {
    position: absolute;
	text-align:center;
    right: 0;
    z-index: 2;
    font-size: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
	cursor:pointer;
}



.calculo-capacidade{
	background:#032B68;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	padding:10px 10px;
}

.calculo-capacidade span{
	text-align:right;
	padding-right:15px;
}





.img-clientes{
	display:block;
	float:left;
	overflow:hidden;
	width:160px;
	height:104px;
	
	margin-bottom:20px;
	border:1px solid #DDD;
	padding:5px;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.img-clientes img{
	width:160px;
	height:104px;
	text-align:center;
	position:absolute;
}

.serarar-clientes{
	display:block;
	float:left;
	width:20px;
	height:70px;
}









#leftPan {
	width:100%;
}
#leftPan ul {
	display:block;
}
#leftPan ul li {
	position:relative;
}
#leftPan ul li a {
	display:block;
	padding:10px 10px;
	color:#06347A;
	font-family: @param.fontFamily;
	font-weight:100;
	font-size:14px;
	background:#EEEEEE; 
	border-bottom:1px solid #fff;
}
#leftPan ul li a:hover, .pg-ativa{
	background:#06347A !important; 
	color: #FFF !important; 
}

.nav-institucional{
	margin:15px 0;
}
.nav-institucional ul li a{
	background:#EEEEEE !important; 
	border:1px solid #EEE;
}
.nav-institucional ul li a:hover{
	background:#06347A !important; 
	color: #FFF !important; 
}


/*  === Begin CSS Menus at Left ===  */
#menuleft{}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;}
#menuleft ul{list-style-image:none;}

#menuleft ul li ul{list-style-image:none; left:240px; top:0px; padding:10px; padding-top:0px; position: absolute;
z-index: 2;left: 256px;}
#menuleft ul li ul li a{margin:0px; width:240px;  border-left:1px solid #fff; }
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}

/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */

/*Pagina de noticias*/

.list-todas-news{
	display: block;
	float: left;
	width: 780px;
	padding-right: 20px;
}

.list-todas-news{
	text-transform: none;
	margin-bottom: 15px;
}
.img-noticia{
	margin:0 0 0 0;
	display:block;
	float:left;
	width:260px;
	height:200px;
	margin-right:15px;
	-webkit-background-size: cover!important;
	moz-background-size: cover!important;
	-o-background-size: cover!important;
}
.news-noticias{
	display:block;
	float:left;
	width:100%;
	margin-bottom:15px;
}

.img-new{
	display:block;
	float:left;
	width:150px;
	height:100px;
	-webkit-background-size: cover!important;
	moz-background-size: cover!important;
	-o-background-size: cover!important;
}

.news-noticias span{
	display:block;
	float:left;
	margin-left:15px;
	width:590px;
}

.news-noticias span h3{
	color:#a19463;
}