@font-face
{
font-family: horatio_b;
src: url('horatio_d_medium.ttf')
     
}
@font-face
{
font-family: horatio_l;
src: url('Horatio_D_Light.ttf')
     
}

body{
	margin:0;
	padding:0;
	color: rgb(255,255,255);
	font-family:horatio_l;
	font-size:17px;
	background:url(../img/bg_master.jpg) #0184f6 repeat-x; 
	
}




#c-menu{
	width:100%;
	height:150px;
	overflow:hidden;
	background:url(../img/bg_menu_index.jpg) no-repeat center top;
	position:relative;
	margin:0;
	padding:0;
}



#menu{
	width:960px;
	height:140px;
	margin:0 auto;
	position:relative;
}

#central{
	position:relative;
	width:960px;
	height:100px;
	margin: 0 auto;
	margin-bottom:20px;
	text-align:center;
	
}

#serv{
	text-align:center;
	vertical-align: super;
}
#serv a{margin: 0 12px;}

#serv a img{ animation: icones 1s; width:80px; transition: all 0.2s; }

#serv a img:hover{
	transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3); /* IE 9 */
-webkit-transform: scale(1.3,1.3); /* Safari and Chrome */
	
	}
@-webkit-keyframes icones{
	0% {scale:1,1;}
	50% {scale:1.5,1.5;}
	100% {scale:1,1;}
	
}


/*////////////////////////////////////////////////////*/



.rt{
	background: url(../imagens/fora_r.png) left repeat-y;
	cursor:pointer;
	width: 960px;
	height: 400px;
	position:absolute;
	right:-920px;
}
.lt{
	background: url(../imagens/fora_l.png) right repeat-y;
	cursor:pointer;
	width: 960px;
	height: 400px;
	position:absolute;
	left:-920px;
}

#l_c{
	width:59px;
	background:url(../imagens/l_c.png) top no-repeat;
	height:75px;
	position:absolute;
	top:90px;
	right:-59px;
}#l_c:hover{background-position:bottom;}


#r_c{
	width:59px;
	background:url(../imagens/r_c.png) top no-repeat;
	height:75px;
	position:absolute;
	top:90px;
	left:-59px;
}#r_c:hover{background-position:bottom;}


#container {
	width: 100%;
	overflow:hidden;
	margin: 0px auto ;
	height:250px;
	
	text-align:center;
}
#carousel {
	margin:0 auto;
	overflow:hidden;
	
	height:250px;
	padding:0 40px;
	
	
}

#carousel ul {
	list-style: none;
	width:4000px;
	margin: 0;
	padding: 0;
	position:relative;
	background:#000;
}
#carousel li {
	display:inline;
	float:left;
}








/*////////////////////////////////////////////////////*/





#logo{
	width: 400px;
	height:100px;
	float:left;
	margin-top:2px;
	
	text-align:center;
}

#logo img{width:400px;}

#menu-top{
	width:480px;
	height:30px;
	float:right;
	margin-top:60px;
	text-align:right;
	color:#FFF;
	font-size:24px;
}
#menu-top a{text-decoration:none; margin:0 15px; text-shadow:none; color:#fff;}
#menu-top a:hover{color: #0cC; text-shadow:0 0 10px #0CC;}
	

#c-slides{
	width:960px;
	height:400px;
	margin: 0 auto;
	position:relative;
}

#controle-slide{
	width:500px;
	height:30px;
	margin-left:200px;
	margin-top:20px;
}
.controle{
	width:20px;
	height:20px;
	float:left;
	margin:5px;
	cursor:pointer;
	background:url(../img/controle.png) no-repeat;
	background-position:top;
}.controle:hover{background-position:bottom;}
#controle-slide .activeSlide{background-position:bottom;}	

#slides{
	width:670px;
	height:370px;
	margin-left:160px;
	position:relative;
	overflow:hidden;
}
#next-slide{
	width:27px;
	height:45px;
	background:url(../img/next_slide.png) no-repeat;
	background-position:top;
	position:absolute;
	right:80px;
	top: 140px;
	cursor:pointer;
}#next-slide:hover{background-position:bottom;}
#prev-slide{
	width:27px;
	height:45px;
	background:url(../img/prev_slide.png) no-repeat;
	background-position:top;
	position:absolute;
	left:115px;
	top: 140px;
	cursor:pointer;
}#prev-slide:hover{background-position:bottom;}
.slide{
	width:670px;
	height:370px;
	margin: 0 auto;
	position:relative;
}

.divisao-h{ width:750px; height:1px; background:#4bb3fa; border-bottom:solid 1px #a2e0ff; margin:40px auto;}
.divisao-v{ margin:0 5px; float:left; width:1px; border-left:solid 1px #4bb3fa; height:500px; margin-top:50px; background:#a2e0ff;}




#titulos{
	
	width:960px;
	
	height:50px;
	margin:0 auto;
	color: #fff;
	text-shadow: 1px 1px 3px #072444;
}

#cont{
	width:1;
	height:70px;
	position:relative;
	margin:0 auto;
	
}


#cores{
	width: 31px;
	height:114px;
	position:absolute;
	left:-40px;
	top:0;
	background: url(../img/cores.jpg) no-repeat;
}

#resumo{
	clear:both;
	width:350px;
	height:600px;
	position:relative;
	color: rgb(255,255,255);
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:17px;
	float:left;
}

.cc-port-cli{
	width:290px;
	height:600px;
	position:relative;
	float:left;
	background:url(../img/bt_slide_baixo.jpg) no-repeat;
}
.port-cli-botao{
	width:290px;
	height:100px;
	cursor:pointer;
}

.c-port-cli{
	width:240px;
	height:400px;
	margin-left:25px;
	position:relative;
	overflow:hidden;
}
.port-cli-slide{
	width:240px;
	height:400px;
	position:relative;
	overflow:hidden;
}

#c-rodape{
	margin-top:50px;
	width:100%;
	height:124px;
	background: url(../img/bg_rodape.jpg) repeat-x;
}
#rodape{
	padding-top:10px;
	width:960px;
	height:114px;
	margin:0 auto;
	position:relative;
	font-size:16px;
}
#contato{
	width:470px;
	padding-top:15px;
	height:60px;
	float:left;
	
}
#menu-baixo{
	width:470px;
	padding-top:15px;
	height:60px;
	float: right;
}
.link-baixo{
	text-decoration:none;
	color:#fff;
	margin:0 15px;
	font-size:20px;
	text-shadow:none;
}.link-baixo:hover{ text-shadow:0 0 10px #0CC; color:#0cc;}
#diretos{
	clear:both;
	width:100%;
	height: 20px;
	padding-top:7px;
	text-align:center;
}
#creditos{
	position:absolute;
	width:100px;
	height:35px;
	right:0px;	
}