﻿body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6, a
{
font-family: trebuchet MS;
-webkit-font-smoothing: antialiased;
}

a{color:#888888;}
a, input, select, textarea, area{outline-style:none;}
a:link, a:visited, a:hover, a:focus, a:active{color:#888888;text-decoration:none;}
.section-admin  #content a{text-decoration:underline;}
.section-admin  #content .tabs a{text-decoration:none;}

h1, h2, h3, h4, h5, h6{
margin:5px 0;
color:#000000;
line-height: 1.3em;
}

h1{
font-size: 20px;
}

h2{
font-size: 16px;
}

h3{
font-size: 14px;
}

h4, h5, h6{
font-size: 14px;
}

h1.title {
  color: #C6C6C6;
  font-size: 24px;
  font-weight: normal;
  margin: 10px 0 20px !important;
}

.front h1.title{
display:none;
}

#logo{
position: absolute;
top: 25px;
}

#logo img{border:none;}


.node .content {
  font-size: 13px;
}

.underline{text-decoration:underline!important;}
.italic{font-style:italic!important;}
.bold{font-weight:bold!important;}

.black{color:black!important;}
.white{color:white!important;}
.red{color:red!important;}
.green {color: #1FB6A2 !important;}
.blue{color:#5588B9!important;}



/* LAYOUT: */

body {
  margin: 0;
  padding: 0;
  color:#888888;
  font-family:Trebuchet MS;
  font-size: 14px;
}

#body-top {background:url(cssimg/body-top.jpg) center top no-repeat;}
#body-bottom {background:url(cssimg/body-bottom.jpg) center bottom no-repeat;}

#page {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 986px;
}


#header {
  height: 134px;
  margin-bottom: 20px;
  position: relative;
  z-index:20;
}

#main{min-height: 680px;}

#footer {
  clear: both;
  height: 53px;
  padding-top: 50px;
}



.slider img{
border:1px solid #dddddd;
padding:2px;
}

.slider-box {
  height: 321px;
  margin-bottom: 20px;
  position: relative;
  width: 986px;
}

#prev {
  background: url("cssimg/prev.jpg") no-repeat scroll left top transparent;
  display: inline-block;
  height: 20px;
  left: -20px;
  position: absolute;
  text-indent: -10000px;
  top: 145px;
  width: 13px;
}

#next {
  background: url("cssimg/next.jpg") no-repeat scroll left top transparent;
  display: inline-block;
  height: 20px;
  right: -20px;
  position: absolute;
  text-indent: -10000px;
  top: 145px;
  width: 13px;
}


.pic a{
display:block;
float:left;
color:#353535;
font-weight:bold;
font-style:italic;
font-size:16px;
text-align: center;
}

.pic a:hover{color:red;}

.pic1:hover img{background-color:red;border-color:red;}
.pic2:hover img{background-color:red;border-color:red;}
.pic3:hover img{background-color:red;border-color:red;}


.pic img {
  border: 1px solid #DDDDDD;
  margin-bottom: 5px;
  padding: 2px;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.pic2{
margin: 0 18px;
}

#footer p{
color: white;
font-size: 12px;
margin-top: 18px;
}

#footer p a{
color: white;
}

#footer .fb {
	display:inline-block;
	width:50%;
	text-align:left;
	float:left;
}

#footer .fb a {
	text-decoration:none;
	padding-left:24px;
	background:url(cssimg/fb.png) left no-repeat;
}

#footer .copyright {
	display:inline-block;
	width:50%;
	text-align:right;
	float:left;
}

.menu {
	display:block;
	width:100%;
	height:45px;
	position:absolute;
	top:89px;
}

.menu ul {
	margin:0;
	padding:0;
}

.menu li {
	background: url(cssimg/menu-li.png) no-repeat right;
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0 16px 0 13px;
}

.menu li a {
	color: #FFFFFF;
    font-size: 16px;
    font-style: italic;
    height: 45px;
    line-height: 42px;
    padding: 0 5px;
    text-decoration: none;
	text-shadow:0px 1px 1px #a30a0f;
	transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.menu li a:hover {
    color:#cecece;
}

.menu li.active a {
	font-weight:bold;
}