/* 
    Document   : index
    Created on : 7/Jul/2011, 15:11:50
    Author     : Ricardo W F  (modificado por CelsoNunes)
    Description:
        Purpose of the stylesheet follows.
*/

html, body{
        height: 100%;
        margin: 0px;
        padding: 0px;
}

body{
    width:815px;
    margin:auto;    
    background-color: #123360;
    background-position:top;
    background-image: url(../imagens/layout1/background.png);
    background-repeat: repeat-x;
}


#main{
/* position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -402px;*/
margin: 10px auto;
    width: 805px;
    height: 880px;
}

/* HEADER*/
/* Begin*/

#header{
    width: 805px;
    height: 333px; 
    overflow: hidden;
}

#LogoLeodente{
    float: left;
    margin-left: 5px;
}
#contacto{
    width: 300px;
    height: 70px;
    margin-top: 20px;
    float:right;
}

#TextoContacto{
    border: none;
    left: 0px;
    top: 1px;
    color:#ffffff;
    text-align: left;
}
#TextoContacto:hover{
    color:#0093d3;
}

.peq {
  font-family: Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:15px;
  color:#0D2547;
}
.peq a:link,.med a:visited {
  color:#0D2547;
  text-decoration:none;
}
.peq a:hover {
  color:#0093d3;
}

.med {
  font-family: Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:15px;
  color:#0D2547;
}
.med a:link,.med a:visited {
  color:#0D2547;
  text-decoration:none;
}
.med a:hover {
  color:#0093d3;
}

.grd {
  font-family: Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:21px;
  color:#0D2547;
}
.grd a:link,.grd a:visited {
  color:#0D2547;
  text-decoration:none;
}
.grd a:hover {
  color:#0093d3;
}

#bdPT{
    border: none;
    right: 5px;
    top: 0px;
    position: absolute;
}
#bdEN{
    border: none;
    left: 5px;
    top: 0px;
    position: absolute;
}
#TopMsg{
    height: 20px;
    width:315px;
    
    background: url(../imagens/layout1/fundo.png) repeat;
    
    left: 3%;
    bottom: 20px;
    position: absolute;
    text-align: left;
    border:1px solid red;
}


.nSel {
  color: darkgreen;
  text-decoration:none;
}

.Nav a:hover{
  color: #CC0000;
  font-weight: bold;
  font-size:12px;
}

.Sel {
    text-decoration: underline;
    font-weight: bold;
    color: #CC0000;
    font-size:12px;
}

/* HEADER*/
/* Ends*/

#content{
    width: 805px;
    height: 510px;

    margin: 0px;
    padding: 0px;
    background: url(../imagens/layout1/fundo_base_meio.png) repeat-y;
    border: darkgreen solid 0px;
    top: 90px;
    left: 0px;

    overflow:hidden; /* caso o conteudo seja muito grande...*/
}

#areas{
    float:left;
    width: 350px;
    height: 220px;
    margin-left: 10px;
}

#Descricao{
    float:left;
    width: 420px;
    height: 220px;
    margin-left: 10px;
}
#corpoclinico{
    float:left;
    width: 320px;
    height: 50px;
    margin-left: 10px;
}
#Localizacao{
    float:left;      
    width: 320px;
    height: 50px;
    margin-left: 100px; 
    text-align:left;
}
/* FOOTER*/
/* Begin*/
#footer{
    width: 805px;
    height: 50px;

    margin: 0px;
    padding: 0px;

    bottom: 0px;
    left: 0px;
    background: url(../imagens/layout1/fundo_base_bottom.png) top no-repeat;
    font-family: Arial,Helvetica,sans-serif;
}
#facebook_link{
    width: 180px;
    height: 30px;
    margin-top: 20px;
    float:left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#facebook_link a{
    text-decoration: none;
    color:#ffffff;
}
#facebook_link img{
    margin: 3px;
    vertical-align: middle;
}
#bottonText{
  margin-top:27px;
  margin-right: 3px;
  font-family: Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:15px;
  color: #09CAFF;
float:right;
/*  position: absolute;
  right: 540px;
  top: 6px;*/
}
#Webenvolve{
  margin-top:25px;
  float:right;
/*  position: absolute;
  right: 340px;
  top: 3px;*/
}
/* FOOTER*/
/* Ends*/