@import "css/reset.css";@import "css/text.css";@import "css/960.css";
body {
	background: #FFF url(images/bg_atma.png) top repeat-x;
	color: #5a5a5a;
	font-family: Cambria, Georgia, serif;
	font-size: 14px;
	line-height: 1.4em;
}
a {color: #4b6865;text-decoration: none}
.boxed {background: url(images/atma_content.png) top left no-repeat;margin-bottom: 30px;margin-top: 20px;min-height: 374px; position: relative}
h1 {margin: 20px 0 20px 20px}
h1 a {background: url(images/atma_title.png);display: block;height: 69px;text-indent: -9999em}
h2 {font-size: 18px;line-height: 1.4em}
.sidebar {font: 16px/1.4em Cambria, Georgia, serif}
.sidebar ul {list-style: none outside;margin: 0 0 20px 20px}
.sidebar li {margin: 0}
.sidebar li a {border-bottom: 1px solid #FFF;display: block;padding: 5px}
.sidebar li.active a, .sidebar li a:hover {border-bottom: 1px solid #ceebe9}

.content {margin-right: 10px;margin-left: 20px;padding-top: 24px;width: 605px}
.captioned {position: relative}
.caption {background: url(images/trans-50.png);bottom: 0;color: #FFF;left: 0;line-height: 1.3em;padding: 10px;position: absolute;width: 585px}

.footer {border-top: 2px solid #ceebe9;color: #4b6865;font-size: 13px;font-style: italic;padding-top: 10px;text-align: center;margin-bottom: 20px}

.alignleft {float: left} .alignright {float: right}

.content h2.title {font-style: italic;color: #698b88;font-weight: normal}
.text {margin: 8px 30px 0 0}
.text p {text-align: justify}
.text .alignleft {margin: 0 20px 20px 0}
.text .alignright {margin: 0 0 20px 20px}

.gallery {list-style: none outside}
.gallery li {float: left;margin: 0 6px 10px 0;min-height: 160px;width: 190px}
.gallery li a {display: block;position: relative}
.gallery li a span {background: url(images/trans.png);color: #FFF;font-size: 12px;font-style: italic;position: absolute;left: 0;bottom: 0;padding: 5px;width: 180px}

fieldset {border: 1px solid #D2EDEB;padding: 20px 10px;-moz-border-radius: 3px}
fieldset input[type=text], fieldset textarea {background: #D2EDEB;border: 0;font: inherit;font-family: sans-serif;font-size: 12px;padding: 5px;width: 200px;-moz-border-radius: 3px}
fieldset label {display: block;float: left;font-size: 13px;text-align: right;margin-right: 10px;width: 120px}
fieldset .field {margin-bottom: 8px}
fieldset .field small {display: block}
fieldset button {background: #D2EDEB;border: 2px solid #7f7f7f;margin-left: 130px;text-transform: uppercase;-moz-border-radius: 5px}
fieldset .radios {font: 12px/1.4em Helvetica, Arial, sans-serif;margin-left: 130px}
fieldset .radios small {margin-left: 24px}
fieldset table {margin: 0}
.content fieldset table input, fieldset table select {background: #D2EDEB;border: 0;font: 12px/1.4em Helvetica, Arial, sans-serif;width: 60px;-moz-border-radius: 5px}
fieldset table select {margin-right: 5px;padding: 3px}
fieldset .calendar-icon {margin-left: 10px}
fieldset table td {border:0!important}

.home_body { margin-top: 10px; margin-right: 12px; text-align:justify }

/*------------------------------------------------------*/
.navi {
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	z-index: 10;
}
.navi .navi-point {
	float:left;
	margin:2px;
	padding:5px;
	padding-left: 15px;
	border: 1px solid #cfcfcf;
	background: url(images/arrowdown.gif) left top no-repeat #fff;
	width:80px;
	z-index: 10;
}
.sub-navi {
	margin:0;
	padding:0;
	list-style-type:none;
	display:none;
	z-index: 10;
}
.sub-navi li {
	margin: 0;
}
.sub-navi li a{
	color: #333;
}
.sub-navi li a:hover{
	text-decoration: underline;
}
.link a{
	cursor:pointer;
	z-index: 10;
	color: #333;
}
.link a:hover {
	text-decoration: underline;
}

#language {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	float: right;
	width: 120px;
	height: 50px;
	z-index: 10;
	margin-right: 8px;
	margin-top: -17px;
}
#language .navi .navi-point {border: 0}
/*------------------------------------------------------*/

.sidebar-button-container {
  margin-left:15px;
  display:block;
  width:100%;
  text-align:center;
}

/* https://tympanus.net/Tutorials/AnimatedButtons/index3.html */
.a-btn{
  background:#fecc5f;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1));
  background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%);
  background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%);
  background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%);
  background:linear-gradient(top, #feda71 0%, #febb4a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febb4a',GradientType=0 );
  border:1px solid #f5b74e;
  border-color:#f5b74e #e5a73e #d6982f;
  -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
  -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
  box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
  padding:0px 80px 0px 10px;
  height:35px;
  display:inline-block;
  position:relative;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  float:left;
  margin:10px;
  overflow:hidden;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.a-btn-text{
  padding-top:5px;
  display:block;
  font-size:18px;
  white-space:nowrap;
  color:#996633;
  text-shadow:0 1px 0 #fedd9b;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.a-btn-slide-text{
  position:absolute;
  top:35px;
  left:0px;
  width:auto;
  right:52px;
  height:0px;
  background:#fff;
  color:#996633;
  font-size:13px;
  white-space:nowrap;
  font-family:Georgia, serif;
  font-style:italic;
  text-indent:15px;
  overflow:hidden;
  line-height:30px;
  -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
  -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
  box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
  -webkit-transition:height 0.3s linear;
  -moz-transition:height 0.3s linear;
  -o-transition:height 0.3s linear;
  transition:height 0.3s linear;
}
.a-btn-icon-right{
  position:absolute;
  right:0px;
  top:0px;
  height:100%;
  width:52px;
  border-left:1px solid #f5b74e;
  -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
  -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
  box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
  width:38px;
  height:38px;
  opacity:0.7;
  position:absolute;
  left:50%;
  top:50%;
  margin:-20px 0px 0px -20px;
  background:transparent url(./images/arrow_right.png) no-repeat 50% 55%;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.a-btn:hover{
  height:35px;
  -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
  box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover .a-btn-text{
  text-shadow:0px 1px 1px rgba(0,0,0,0.2);
  color:#fff;
}
.a-btn:hover .a-btn-slide-text{
  height:30px;
}
.a-btn:hover .a-btn-icon-right span{
  opacity:1;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.a-btn:active{
  position:relative;
  top:1px;
  background:#fec354;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1));
  background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%);
  background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%);
  background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%);
  background:linear-gradient(top, #fec354 0%, #fecd61 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 );
  border-color:#d29a3a #cc9436 #c89133;
  text-shadow:0 1px 0 #fee1a0;
  -webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  -moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
  box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}