*{
margin:0;
padding:0;
}
body{
background:#fff;
}

#topo{
width:100%;
height:300px;
background:DarkOliveGreen url(../imagens/bg_topo.jpg) no-repeat;
background-position:top;
display:table;
border-bottom:1px solid #fff;
}

#menu{
background:#333;
display:table;
width:100%;
border-bottom:1px solid #999;
}

#menu ul{
list-style:none;
			
}

#menu ul li{
display:inline;
}
	 
#menu ul li a{
font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
text-transform:capitalize;
float:left;
padding:10px;
}
	 
#menu img{
margin:14px 0 0 0;
float:left; 
}
	 
#menu ul li a:hover{
color:#f60;
}
		 
#menu-rod{
margin:15px 0 0 220px;
display:table;
width:600px;
}

#menu-rod ul{
list-style:none;
}

#menu-rod ul li{
display:inline;
}

#menu-rod ul li a{
font:bold 13px "Microsoft Sans Serif", "Times New Roman", Times, serif;
text-decoration:none;
color:#fff;
float:left;
padding:0 40px 0 28px;
}

#menu-rod ul li a:hover{
text-decoration:underline;
}

#menu-rod img{
float:left;
margin:2px 0 0 0;
}
	 
#geral{
max-width:1024px;
min-width:800px;
max-height:768px;
min-height:600px;
margin:0 auto;
}
	 
#content{
background:#fff;
border-right:1px dotted #d0d3c2;
border-left:1px dotted #d0d3c2;
}
	 
#col-esquerda{
width:200px;
float:left;
color:#333;
display:inline;
overflow:hidden;
}
	 
#col-esquerda li{
border-bottom:1px dotted #d0d3c2;
list-style: url(../imagens/seta.gif) inside;
padding:10px;
}
         
#col-esquerda li a{
font:14px Arial,Verdana, sans-serif;
color:#333;
text-decoration:none;
margin:0 0 0 5px;
}
         
#col-esquerda li a:hover{
text-decoration:underline;
}
	 
#col-direita{
width:200px;
float:right;
display:inline;
overflow:hidden;
}
	 
#meio{
width:570px;
float:left;
margin:0 0 0 20px;
}	
	 
h1{
font:28px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:12px;
color:#000;
margin:40px 0 0 0;
padding-bottom:15px;
text-align:center;
border-bottom:1px dotted #e2e2e2;
}
         
h2{
text-align:center;
font:bold 20px Arial, Verdana, sans-serif;
color:#333;
border-bottom:1px solid #d0d3c2;
padding:5px;
margin:60px 0 20px 0;
}
		 
#col-direita h3{
font:bold 20px Arial, Verdana, sans-serif;
color:#333;
border-bottom:1px solid #d0d3c2;
padding:5px;
margin:60px 0 20px 0;
	 
}

h4{
font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:12px;
color:#000;
margin:40px 0 0 0;
padding-bottom:15px;
text-align:center;
border-bottom:1px dotted #e2e2e2;
}
	 
#meio p{
margin:10px 0 0 0px;
padding:0 10px 20px 10px;
letter-spacing:0.5px; 
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:25px;
color:#777777;
border-bottom:1px dotted #d0d3c2;
}
 
.clear{
clear:both;
}
	 
#rodape{
background:DarkOliveGreen;
height:70px;
display:table;
width:100%;
}
	 
address{
margin:18px 0 0 0;
text-align:center;
font:bold 12px "Trebuchete MS", Arial, Verdana;
color:#fff;
display:table;
width:100%;
}

address span{
font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
		 
#tempo{
width:150px;
height:170px;
margin:40px 0 0 15px;
border:1px solid #d0d3c2;
padding:10px;
			 
}
		
#tempo:hover{
background:#a5d1fa;
}

#time{
float:right;
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
margin:20px 20px 0 0;
}

#sobremim{
	margin:0 0 130px 0;
}

#sobremim img{
float:left;
margin:0 5px 0 0;
}

#sobremim .primeira{
font:42px "Times New Roman", Times, serif;
color:#000;
float:left;
padding:0;
margin:0 5px 0 0;
}

#novidades img{
float:left;
margin:0 5px 0 0;
}

#curso a{
color:#068;
text-decoration:underline;
}

#curso a:hover{
text-decoration:none;
color:#f60;
}

#novidades a:hover{
color:#f60;
text-decoration:none;
}

#curso img, #novidades img{
float:left;
margin:0 5px 0 0;
padding:5px;
border:1px solid #d0d3c2;
}

#curso img:hover, #novidades img:hover{
background:#a5d1fa
}

#cu3er-container{
width:570px;
height:300px;
background:url(../imagens/bg_slide.jpg) no-repeat;
background-position:bottom;
padding:0 0 40px 0;
margin:50px auto;
}


/**************************************************************************
      Portfolio   -    Portfolio   -   Portfolio
***************************************************************************/


#geral-port{
	width:570px;
	margin:20px auto;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777;
	line-height:20px;
}

#geral-port h1{
	font:30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	margin:0 0 20px 0;
}

#box-port-e{
	width:186px;
	float:left;
	margin:0 0 0 15px;
	padding:38px;
	_border:0;
	_padding:0;
}

#box-port-e p{
	margin:0 0 0 10px;
}

#box-port-d p{
	margin:0 0 0 10px;
}

#box-port-e h3{
	margin:0 0 5px 10px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

#box-port-d h3{
	margin:0 0 5px 10px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

#box-port-d{
	width:186px;
	float:right;
	margin:0 15px 0 0;
	padding:38px;
	_padding:0;
}

.box-port-e1, .box-port-e2, .box-port-e3{
    height:250px;
	margin:0 0 40px 0;
	padding:0 0 20px 0;

}

.box-port-d1 img, .box-port-d2 img, .box-port-d3 img{
	border:1px dotted #d0d3c2;
	padding:4px;
}

.box-port-e1 img, .box-port-e2 img, .box-port-e3 img{
	border:1px dotted #d0d3c2;
	padding:4px;
}

.box-port-d1, .box-port-d2, .box-port-d3{
    height:250px;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
}

.box-port-d1 img:hover, .box-port-d2 img:hover, .box-port-d3 img:hover{
	background:#a5d1fa;
}

.box-port-e1 img:hover, .box-port-e2 img:hover, .box-port-e3 img:hover{
	background:#a5d1fa;
}


/************************************************************************
Galeria    -    Galeria    -    Galeria    -    Galeria
**************************************************************************/

.geral-galeria{
	width:570px;
	margin:0 auto;
}

.geral-galeria ul{
	margin:0 0 0 20px;
}

#galeria ul li{
	width:130px;
	height:130px;
	border:1px dotted #d0d3c2;
	list-style:none;
	float:left;
	display:inline;
	margin:12px;
	padding:8px;
	overflow:hidden;
}


#galeria ul li:hover{
	background:#a5d1fa;
}