/*--------------------------------------------------------------------
LAYOUT "corpo" Style - Clínicas Leite (IE6+ FF1.5+ Opera9+)

Version: 	1.0 - 2010
author: 	Burocratik
email: 		alex@burocratik.com
            ana@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{background: transparent url(../imgs/bg.gif) no-repeat left top; height:100%;/* HACK IE height: 100% */}


/*-------------------------------------------------------------------------
=FLASH + GOOGLEMAPS
-------------------------------------------------------------------------*/
#flashBg {
  position: absolute; left: 0; top: 0;
  height: 100%; width: 100%; overflow: hidden;
}
#flashBg h4 {font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif; color: #f8981d; padding-bottom: 15px;}
#flashBg p {font: normal 12px/16px Arial, Tahoma, Helvetica, sans-serif; color: #a6afb6;}
#flashBg p.aviso{padding: 130px 0 0 450px;}


/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#content{
	position: relative; top: 0; left: 50px; width: 349px; padding-bottom: 25px;
	font: normal 12px/16px Arial, Tahoma, Helvetica, sans-serif; color: #a6afb6;
	background: transparent url(../imgs/content-footer.png) no-repeat center bottom;
}
#content h1{
	position: relative; display: block; top: 0px; left: 0px;
	width: 280px; height: 160px; padding: 0; margin: 0 0 30px 0; text-indent: -5555px;
	background: transparent url(../imgs/id.png) no-repeat left top;
}
#content h1 a{
	display: block;	width: 100%; height: 100%; text-indent: -5555px;
	text-decoration: none; border: none;
	background: transparent url(../imgs/id.png) no-repeat left top;
}
#content h1 a:hover, #content h1 a:focus{text-decoration: none; border: none; background-position: left bottom;}

/* CONTACTOS */
#content .contactos{
	display: block; position: relative; top: 0px; left: 0px; width: 280px; height: auto; 
	padding: 30px 35px 5px 40px;
	background: transparent url(../imgs/content-bg.png) repeat-y;
}
#content h3{
	cursor: pointer; position: relative; display: block; width: 280px; height: auto;
	padding: 0; margin: 10px 0 5px 0; font: normal 14px/16px Tahoma, Arial, Helvetica, sans-serif; color: #f8981d;
}
#content h3:hover, #content h3.selected{color: #fdba31;}
#content .hidden{display: block; position: relative; width: 280px; height: auto; margin-bottom: 10px; overflow: hidden;}
#content .hidden p{display: block; position: relative; float: left; width: 150px; margin-right: 10px;}
#content .hidden ul{display: block; position: relative; float: left; width: 120px; padding: 0;}
#content .hidden ul li{padding-left: 15px;}
#content .hidden ul li.tel{background: transparent url(../imgs/icon-tel.gif) no-repeat left 3px;}
#content .hidden ul li.fax{background: transparent url(../imgs/icon-fax.gif) no-repeat left 3px;}
#content .hidden ul li.mail{background: transparent url(../imgs/icon-mail.gif) no-repeat left 3px;}

a{color: #a6afb6; text-decoration: none; border-bottom: 1px dotted #f8981d;}
a:hover, a:focus{text-decoration: none; color: #f8981d; border-bottom: 1px dotted transparent;}

.space {margin-top: 20px;}
p.local a{color: #f8981d; text-decoration: none; border-bottom: none;}
p.local a:hover, p.local a:focus{color: #fdba31;}