/*Esse � o style sheet principal do site.*/
/*http://www.gagles.com.br*/

/*Elementos gerais*/

html{
}

body {
font-family:"�l�r �o�S�V�b�N","�l�r �S�V�b�N","�q���M�m�p�S Pro W3", Osaka, sans-serif;
font-size:1em;
font-style: normal;
background:url(../images/bg.jpg);
background-repeat:repeat-x;
padding:0;
margin:0;
background-color:#F1F1F1;
}

#container{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0px;
width:738px;
text-align:left;
vertical-align:top;
background-color:#FFFFFF;
}

#contents {
width:736px;
margin:0;
border:1px solid #99CC33;
text-align:left;
position:relative;
}

img,a img,a:link img,a:visited img {
border: 0 none
}


p{
color: #666666;
font-size:1.2em;
margin-top:15px;
margin-left:10px;
margin-right:10px;
}

h1{
margin-top:0px;
font-size:2em;
font-weight:bold;
color: #99CC33;
}

h2{
font-size:1.5em;
font-weight:bold;
color: #99CC33;
margin-top:30px;
line-height:1.4em;
margin-bottom:5px;
margin-top:5px;
}

h3{
font-size:1.0em;
color: #666666;
margin-top:0px;
line-height:1.4em;
margin-bottom:5px;
}


a{
color: #118E37;
text-decoration: none;
}


a:visited{
color: #73BE23;
text-decoration: none;
}

a:hover{
color: #118E37;
text-decoration: underline;
}


/*img.ticktitulo{
position:relative;
margin-right:10px;
float:left;
top:-7px;
}*/

.bolder{
font-weight: bold;
}

/*����*/

#header{
width:738px;
height:104px;
display:block;
/*vertical-align:bottom;*/
}

#header2{
width:738px;
height:104px;
display:block;
}

#header img{
margin-top:0px;
margin-left:0px;
/*margin-right:0px;
margin-bottom:0px;*/
}

#menu{
background-color: #212931;
position: relative;
float:left;
margin-right:0;
height:84px;
width:736px;
}

#menu ul{
margin:0;
padding:0;
color: #333366;
display: inline;
height:84px;
float:left;
}
#menu ul li{
margin:0;
margin-left:4px;
padding:0;
color: #333366;
display: inline;
height:84px;
float:left;
}

#menu ul li a{
float:left;
width:96px;
height:84px;
text-decoration: none;
margin-right:0px;
margin-left:4px;
text-align:center;
color: #eee;
font-size: 1.0em;
background-image: url(../index_files/images/menubg.png);
background-repeat: no-repeat;
}

#menu ul li a:hover{
background-image: url(../index_files/images/menubgh2.png);
background-repeat: no-repeat;
}

#menu ul li a.active{
background-image: url(../index_files/images/menubga.png);
background-repeat: no-repeat;
}

#sign {
width:656px;
text-align:right;
margin-right:40px;
margin-left:40px;
padding-top:10px;
}

#prof {
width:656px;
text-align:left;
margin-right:40px;
margin-left:40px;
font-size:1.0em;
color: #666666;
}

span.menuitem{
position:relative;
top:20px;
}


/*�t�b�^�[*/

#footer{
/*background-image: url(../index_files/images/footer.jpg);*/
/*background-repeat: repeat-x;*/
background-color: #99CC33;
margin-bottom:0;
width:738px;
margin-top:0px;
/*border: 1px #73BE23 solid;*/
text-align:center;
vertical-align:middle;
padding-top:10px;
padding-bottom:10px;
height:20px;
/*border-top: 5px #999999 solid;*/
}

#footer p{
font-size:1.0em;
color:#111111;
margin-top:0px;
}

/*�L�����e���t�H�[�}�b�g*/

/*�o�b�N�摜*/
/*�R�s�[���A�o�b�N�摜*/

#main0{
width:736px;
margin-top:0px;
margin-bottom:20px;
height:800x;
}

#copy{
margin-top:0px;
margin-bottom:5px;
margin-right:20px;
margin-left:54px;
}

#copy2{
margin-top:0px;
margin-bottom:5px;
margin-right:20px;
margin-left:54px;
}

/*#main1{
background-image: url(images/center_line.png);
background-repeat: repeat-y;
background-position: bottom center;
margin:40;
}

#main2{
background-image: url(images/bottom_line.png);
background-repeat: no-repeat;
background-position: bottom center;
margin:40;
}

#main3{
margin-top:0px;
background-image: url(images/top_line.png);
background-position: top center;
background-repeat: no-repeat;
}*/


div.menu{
background-image: url(../index_files/images/divisoria.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom:2px;
display:block;
vertical-align:middle;
}


/*from_sanda*/

#from_sanda{
margin-top:0px;
margin-right:0px;
margin-left:65px;
margin-bottom:20px;
padding-top:20px;
width:671px;
height:600x;
overflow:hidden;
display:block;
}

#message{
margin-top:80px;
margin-right:40px;
margin-left:40px;
margin-bottom:10px;
padding-top:10px;
text-align:left;
width:656px;
display:block;
}

#from_sanda2{
margin-top:0px;
margin-right:0px;
margin-left:65px;
margin-bottom:20px;
padding-top:20px;
width:671px;
height:600x;
overflow:hidden;
display:block;
}

#from_sanda3{
margin-top:0px;
margin-right:0px;
margin-left:64px;
margin-bottom:20px;
padding-top:20px;
width:671px;
height:600x;
overflow:hidden;
display:block;
}

#from_sanda h1{
margin-bottom:10px;
}

#from_sanda h2{
margin-bottom:10px;
}

#from_sanda h3{
margin-bottom:10px;
}

#from_sanda2 h1{
margin-bottom:10px;
}

#from_sanda2 h2{
margin-bottom:10px;
}

#from_sanda2 h3{
margin-bottom:10px;
}

div.projetoportfolio{
width:154px;
height:160px;
display:block;
float:left;
margin-bottom:10px;
}

div.projetoportfolio p{
margin-top:-12px;
margin-left:0px;
text-align:center;
font-weight: bold;
font-size:0.8em;
}

div.shotportfolio{
width:150px;
height:134px;
display:block;
margin:5px;
background-image: url(images/framebg3.png);
background-repeat: no-repeat;
background-position: 0em 0.3em;
padding-top:4px;
padding-left:4px;
}

div.shotportfolio a{
width:120px;
height:117px;
background-color:#fff;
display:block;
}

div.shotportfolio a:hover{
width:120px;
height:122px;
background-color: #73BE23;
display:block;
}

div.shotportfolio a img{
width:100px;
height:100px;
margin-left:10px;
margin-top:11px;
}

#back1{
margin-top:10px;
pading:10px;
margin-bottom:0px;
text-align:right;
margin-right:40px;
margin-left:40px;
font-size:1.0em;
}

#back2{
margin-top:40px;
margin-bottom:40px;
text-align:right;
margin-right:40px;
margin-left:40px;
width:646px;
font-size:0.9em;
}

div.projetoportfolio2{
width:279px;
height:170px;
display:block;
float:left;
margin-bottom:40px;
}

div.projetoportfolio2 p{
margin-top:-15px;
margin-left:10px;
text-align:center;
font-weight: bold;
font-size:1.0em;
}

div.shotportfolio2{
width:275px;
height:134px;
display:block;
margin:5px;
background-image: url(images/portbg.png);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-top:9px;
padding-left:15px;
}

div.shotportfolio2 a{
width:245px;
height:117px;
background-color:#fff;
display:block;
}

div.shotportfolio2 a:hover{
width:245px;
height:117px;
background-color: #73BE23;
display:block;
}

div.shotportfolio2 a img{
width:225px;
height:100px;
margin-left:10px;
margin-top:8px;
}

#photo{
	width:736px;
	height:408px;
	background-image: url(../town/images/background.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	/*padding-top: 30px;
	padding-left: 30px;
	text-align:center;*/
}

#photo2{
	width:736px;
	height:304px;
	background-image: url(../structure/images/background.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	/*padding-top: 30px;
	padding-left: 30px;
	text-align:center;*/
}