/*
    bioptica CSS
*/

/* ===== página ===== */

body 
{
    font-family: "Trebuchet MS", sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
}


#testdiv1{ 
	position:absolute;
	left:50%;
	top:50%;
	/*width:400px;
	height:300px;*/
	border-width : 1px;
    border-style : solid;
    border-color : #162c44; 
    visibility:hidden;
    background-color:#333333;
	padding:10px;
	margin:0px;
    layer-background-color:#333333;
    z-index:6;
	color:#ffffff;
	font-family: "Trebuchet MS", sans-serif;
	font-size:10pt;
}

#conteudos{
	position:relative;
	margin:0 auto;
	text-align:left;
	padding:0px;
	width:820px;
	height:820px;
	z-index:1;
}


p, h1, h2, h3, h4, h5, h6, li 
{
    margin: 1ex 1em;
}

a:link 
{
	color:#000000;
	text-decoration:none;
}      /* unvisited link */
a:visited 
{
	color:#000000;
	text-decoration:none;
}  /* visited link */
a:hover 
{
	color:#333333;
	text-decoration:none;
}  /* mouse over link */
a:active 
{
	color:#000000;
	text-decoration:none;
}  /* selected link */

div#pagina 
{
    width: 770px;
    margin: 0 auto;
    background: transparent;
}

/* ===== cabeçalho ===== */

div#cabecalho
{
    height: 90px;
    position: relative;
	background: #fff url(../imagens/cabecalho.png);
}

/* ===== logo ===== */

#cabecalho div#logo 
{
    position: absolute;
    top: 15px;  
	left: 0px;
	height:40px;
}


/* ===== titulo ===== */

#cabecalho div#titulo
{
	position: absolute;
    top: 33px;  
	right: 0px;
	width: 470px;
	
	
}


#titulo h1 
{
    font-size: 15pt;
    font-weight: normal;
	text-align:right;
    color: #00395B;
    margin: 0px;
	padding:0px;
}


/* ===== introdutório ===== */

#intro
{
	width: 770px;
	margin: 0;
    padding: 0px 0px;
	background: #fff url(../imagens/repete.png) repeat-y;
}

#intro div#texto
{
	float: left;
    width: 770px;
    margin: 0;
    padding: 0px 0px;
}

#texto p
{
	font-family: "Trebuchet MS", sans-serif;
    font-size: .8em;
    line-height: 1.2em;
	text-align:justify;
    color: #000;
    margin: 0 0 3ex 0;
}

/* ===== conteudos ===== */

#meio
{
	width: 770px;
	margin: 0;
    padding: 0px 0px;
	background: #fff url(../imagens/repete.png) repeat-y;
}


/* ===== morada ===== */

#meio div#morada 
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0 15px;
}

#morada p 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 3ex 0;
}


/* ===== produtos ===== */

#meio div#produtos 
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0 15px;
}

#produtos p 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 3ex 0;
}

#produtos h1, #produtos h2, #produtos h3, #produtos h4 
{
    font-family: "Trebuchet MS", sans-serif;
}

#produtos h1 
{
    font-size: 15pt;
    font-weight: bold;
    color: #1b9d95;
    margin: 0 0 .4ex 0;
}

#produtos h2 
{
    font-size: 1.2em;
    color: #3c3809;
    margin: .4ex 0;
}

#produtos h4 
{
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}




/* ===== esquerda ===== */

#meio div#esquerda 
{
    float: left;
    width: 325px;
    margin: 0;
    padding: 0 15px;
}

#esquerda p 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    color: #000;
    margin: 0 0 3ex 0;
}

#esquerda h1, #esquerda h2, #esquerda h3, #esquerda h4 
{
    font-family: "Trebuchet MS", sans-serif;
}

#esquerda h1 
{
    font-size: 15pt;
    font-weight: bold;
    color: #1b9d95;
    margin: 0 0 .4ex 0;
}

#esquerda h2 
{
    font-size: 1.2em;
    color: #3c3809;
    margin: .4ex 0;
}

#esquerda h4 
{
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}

/* ===== direita ===== */

#meio div#direita 
{
    float: right;
    width: 400px;
    padding: 0 10px;
    margin: 0;
    border-left: solid #aaa 1px;
}

#direita p 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    color: #eee;
    margin: 0 0 3ex 0;
}

#direita h3 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 1em;
    color: #1b9d95;
    margin: 1ex 0 .5ex 0;
}

/* ===== rodape ===== */

div#rodape
{

    background: #fff url(../imagens/fundo.png);
    margin: 0 auto;
    padding: 5px;
}

#rodape p 
{
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

#rodape a 
{
    color: #fff;
    text-decoration: none;
}



/* ===== miscellaneous styles ===== */

.clear { clear: both }