/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
	
}

h1, h2, h3, h4, h5, h6, p { margin: 0px; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

html{
margin-top: 2%;
}
/* --------------------------------------------------*/


body{ background: #00abc9}




#splash_out {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
}

#splash {
  width: 381px;
  height: 200px;
  margin-left: -190px;  /***  width / 2   ***/
  position: absolute;
  top: -100px;          /***  height / 2   ***/
  left: 50%;
text-align: center;
}

#splash p a{
color: #eee;
font-size: 20px;
font-weight: 100;
font-family: helvetica, arial, sans-serif;
}

#splash p{
margin-top: 50px;
}


#wrap{
width: 960px;
margin:0 auto;
}


#header{
background: url(../images/bg_header.png);
width: 960px;
height: 152px;
}

#header .logo{
margin-left: 40px;
padding-top: 30px;
float: left;
}

#header .menu{
float: right;
margin-right: 10px;
}

#header .menu ul{
margin-top: 105px;
}

#header .menu ul li{
display: inline;
}

#content{
background: url(../images/fundo_home.jpg);
height: 411px;
width: 960px;
}

#content2{

}

#content_apresentacao2{
background: url(../images/fundo_apresentacao.jpg);
height: 411px;
width: 960px;
}

#content_equipa{
background: url(../images/fundo_equipa.jpg);
height: 411px;
width: 960px;
}

#content_acordos{
background: url(../images/fundo_acordos.jpg);
height: 411px;
width: 960px;
}

#content_especialidades{
background: url(../images/fundo_cirurgia.jpg);
height: 411px;
width: 960px;
}

#content_cirurgia{
background: url(../images/fundo_cirurgia.jpg);
height: 411px;
width: 960px;
}

#content_implantes{
background: url(../images/fundo_implantes.jpg);
height: 411px;
width: 960px;
}

#content_dentisteria{
background: url(../images/fundo_dentisteria.jpg);
height: 411px;
width: 960px;
}

#content_endodontia{
background: url(../images/fundo_endodontia.jpg);
height: 411px;
width: 960px;
}

#content_ortodoncia{
background: url(../images/fundo_ortodoncia.jpg);
height: 411px;
width: 960px;
}

#content_periodontia{
background: url(../images/fundo_periodontia2.jpg);
height: 411px;
width: 960px;
}

#content_protese{
background: url(../images/fundo_protese.jpg);
height: 411px;
width: 960px;
}

#content_higiene{
background: url(../images/fundo_higiene.jpg);
height: 411px;
width: 960px;
}

#content_marcacoes{
background: url(../images/fundo_marcacoes.jpg);
height: 411px;
width: 960px;
}

#content_contactos{
background: #fff;
height: 411px;
width: 960px;
}

#content_odonto{
background: url(../images/fundo_periodontia.jpg);
height: 411px;
width: 960px;
}

#footer{
background: url(../images/bg_footer.png);
height: 37px;
width: 960px;
}


#footer .logo2{
float: left;
margin-top: 10px;
margin-left: 10px;
}

#footer .trade{
float: right;
margin-top: 20px;
margin-right: 10px;
}

.conteudo{
margin-left: 30px;
padding-top: 100px;
}

.conteudo .left{
float: left;
}

.conteudo .left h1{
font-family: helvetica, arial, sans-serif;
font-size: 18px;
font-weight: 100;
color: #00abc9;
margin-bottom: 20px;
}


.conteudo .left ul li{
margin-bottom: 10px;
background: url(../images/bullet.jpg) no-repeat;
padding-left: 12px;
padding-top: 0;
line-height: 16px;
}

.conteudo .left ul li a{
font-family: helvetica, arial, sans-serif;
font-size: 14px;
color: #605d5c;
text-decoration: none;
margin:0;
padding-left: 3px;
}

.conteudo .left ul li p{
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #969594;
text-decoration: none;
margin-left: 4px;
}

.conteudo .right {
margin-top: 40px;
float: left;
width: 120px;
height: 210px;
margin-left: 20px;
background: #eee;
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #888;
}

.conteudo .right p{
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #605d5c;
text-decoration: none;
line-height: 13px;
}

.selected a{
color: #2dbbd3;
}


.conteudo2{
padding-top: 250px;
padding-left: 50px;
}

.conteudo2 h1{
font-family: helvetica, arial, sans-serif;
font-size: 18px;
font-weight: 100;
color: #2dbbd3;
margin-bottom: 10px;
}

.conteudo2 .left ul li{
font-family: helvetica, arial, sans-serif;
font-size: 12px;
font-weight: 100;
color: #555;
line-height: 15px;
}


.mapa{
float: right;
margin-top: -250px;
margin-right: 40px;
}



#contactform{
background: #fff;
width: 380px;
padding: 10px;
}

.form{
background: #eee;
padding: 10px;
height: 220px;
margin-top: -8px;
}

#contactform li{
clear: both;
line-height: 10px;
}


#contactform li h1{
margin:0;
padding:0;
color: #333;
font-size: 13px;
font-weight: 100;
float: left;
width: 70px;
margin-top: 11px;
}

#contactform li input{
border-bottom: 1px solid #999;
border-right: 0px;
border-left: 0px;
border-top: 0px;
background: #fff;
color: #222;
font-size: 12px;
width: 300px;
}

#contactform li textarea{
border: 1px solid #999;
background: #fff;
color: #222;
font-size: 12px;
width: 300px;
height: 50px;
padding: 0;
margin-top: 15px;
}

.butEnviar{
border:0px;
font-size: 14px;
background: none;
text-transform: lowercase;
float: right;
margin-top: 12px;
color: #444;
}

.logo2 img{
margin-left: 30px;
}

#content_apresentacao .comandos{
z-index: 10000;
margin-top: -30px;
margin-left: 900px;
position:absolute;
}

#content_apresentacao .comandos li{
float:left;
cursor: pointer;
margin-left: 5px;
}

#mycarousel li{float: left; margin-bottom: -6px;}
#mycarousel li img{width:960px; height:412px;}


#contactform .errorbox {
margin-top: 10px;
}

#contactform .errorbox ul li{
font-family: Arial, sans-serif;
font-size: 10px;
line-height: 0px;
}