/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body {
	padding:0;
	margin:0;
	line-height: normal;
	background:#f4f4f4 url(../images/bodybg.gif) center repeat-y;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
}
#wrapper {
	margin:2px auto;
	width:900px;
	padding:0;
	background:#fff;
}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#631e19; text-decoration: underline;background:none; outline:none }
a:hover {text-decoration:underline; }
p {
	margin:0;
	padding-top:2px;
	text-align: inherit;
}

h1
{
	font-family: Verdana, sans-serif;
	letter-spacing: 0.1em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 16px 0px 5px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px solid;
	font-size: 150%;
}

h2 {
	font-weight:normal;
	font-size:12px;
	padding:0px 0 4px 0px;
	margin: 0 0 2px 0;
	color:#444;
	background:none;
	border-bottom: 2px dotted #444;
}
h3 {
	
}

.sub
{ font-size: 55%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

ul { margin: 0; padding : 0; list-style : none; }
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header.jpg) no-repeat; 
margin:0; }
#title {
	float:right;
	width:150px;
	padding: 10px 120px 10px 0;
}
#title h3 {
	font-size:19px;
	padding:5px 0 0 0;
	margin:0;
	color:#000000;
}
#hright {
	float:right;
	width:500px;
	height: 22px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#hrighttop {width: 200px;margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu {
	width: 540px;
	float:right;
	padding:0;
	text-align:right;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#menu li { display:inline; }
#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover {
	background: none;
	color:#631e19;
	text-decoration: underline;
} 
/*------------------ Header panel -------------------------------------------------------*/

#headerPan ul.topmenu{
	width:500px;
	top: 32px;
}
#headerPan ul.topmenu li{
	float:left;
	height:22px;
}
#headerPan ul.topmenu li.paginicial a{
	width:80px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.paginicial a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0 12px 0 0;}

#headerPan ul.topmenu li.dojo a{
	width:40px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.dojo a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0 12px 0 0;}

#headerPan ul.topmenu li.professor a{
	width:80px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.professor a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0 12px 0 0;}

#headerPan ul.topmenu li.horarios a{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.horarios a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0 12px 0 0;}

#headerPan ul.topmenu li.galerias a{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.galerias a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0 12px 0 0;}

#headerPan ul.topmenu li.contato a{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#headerPan ul.topmenu li.contato a:hover{background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; marging:0;}

#headerPan ul.topmenu li.paginicial_active{
	width:80px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.topmenu li.dojo_active{
	width:40px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.topmenu li.professor_active{
	width:80px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.topmenu li.horarios_active{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.topmenu li.galerias_active{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.topmenu li.contato_active{
	width:70px;
	height:22px;
	display:block;
	background:url(../images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.textfloatmail{
	width:250px;
	height:80px;
	position:relative;
	top:13px;
	left:50px;
}

#headerPan ul.textfloatfone{
	width:250px;
	height:80px;
	position:relative;
	top:13px;
	left:50px;
}

#headerPan ul.textfloatendereco{
	width:250px;
	height:93px;
	position:relative;
	top:13px;
	left:50px;
}

#headerPan ul.textfloatmail li.mail a{
	width:42px;
	height:45px;
	margin:0 12px 0 0;
}

#headerPan ul.textfloatfone li.fone a{width:42px; height:45px; display:block;  margin:0 12px 0 0;}

#headerPan ul.textfloatendereco li.endereco a{width:42px; height:45px; display:block;  margin:0 12px 0 0;}

/* ----------------- Menu lateral photo -------------------------------------------------*/

/* side menu */
#side_menu
{ padding: 22px 3px 10px 19px;
  float: left; 
  width: 170px;
}

.side_menu_item
{ width: 170px; 
  padding: 6px 0px 8px 0px;
  height: 70px;
}

.side_menu_item a
{ float: left; 
  width: 146px; 
  height: 54px; 
}

.side_menu_item img 
{ display: block; 
  margin: 2px;
}

/* ----------------- Main content -------------------------------------------------------*/

#homepic {
	width:900px;
	height:400px;
	background-image: url(../images/Image_en_tete.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#homepic a {color:#fff;}
.message{
	position:relative;
	width:400px;
	float:left;
	color:#fff;
	left: 25px;
	top: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontenthome{
	width:898px;
	height:330px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontentdojo{
	width:898px;
	height:755px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontenthoraire{
	width:898px;
	height:430px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontentcontato{
	width:898px;
	height:275px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontentgalerias{
	width:898px;
	height:450px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontentprofessor{
	width:898px;
	height:510px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontentch_tissier{
	width:898px;
	height:515px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_histoire{
	width:898px;
	height:1520px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_o_que_e_aikido{
	width:898px;
	height:1030px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_videos{
	width:898px;
	height:170px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_glossario{
	width:898px;
	height:1040px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_etiqueta{
	width:898px;
	height:610px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_objetivo_aikido{
	width:898px;
	height:920px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_quem_pode{
	width:898px;
	height:560px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}

#bottomcontent_seminarios{
	width:898px;
	height:550px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}

/* side menu */
#side_menu
{
	float: left;
	width: 170px;
	padding-top: 20px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.side_menu_item
{
	width: 165px;
	height: 70px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.side_menu_item a
{ float: left; 
  width: 146px; 
  height: 54px; 
}

.side_menu_item img 
{ display: block; 
  margin: 2px;
}

.info
{
	padding-top: 4px;
	float: left;
	width: 160px;
}

/* page content */
#content
{
	text-align: left;
	width: 690px;
	float: left;
	padding: 12px 0px 18px 14px;
}

#content a, #content a:hover{text-decoration: none;}

.left {
	float: left;
	width: 270px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: justify;
}
.middle {
	float: left;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px;
	text-align: justify;
}
.right {
	float: left;
	width: 270px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: justify;
}
.right02 {
	float: left;
	width: 555px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: justify;
}
.right_03 {
	float: left;
	width: 575px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align:justify;
}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer {
	clear: both;
	text-align:center;
	line-height: 1.8em;
	color: #444;
	background: #fff;
	padding: 4px 0;
	margin:10px 0 0 0;
	text-align: center;
}
#footer a {color: #631e19; background: inherit;}
#wrapper #bottomcontent_seminarios .middle p a {
	color: #600;
}
#wrapper #bottomcontent_seminarios .middle p {
	color: #800000;
}
#wrapper #bottomcontent_seminarios .middle p {
	color: #000;
	text-align: justify;
}
a:link {
	color: #800000;
}
#wrapper #bottomcontent_seminarios .right02 p {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
#wrapper #bottomcontenthome .left p a {
	text-align: left;
}
#wrapper #bottomcontenthome .left p {
	text-align: left;
}