@import "styles/reset.css";
body { font-family:Calibri; font-size:12px; line-height:18px;color:#000000; background-color:#003366; text-align:left; padding:0; margin:0; width:100%; height:100%}

.main
{
background: url(images/content_bg.png);
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-top: 20px;

}
.main2
{
background: url(images/content_bg2.png);
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 10px;
}
.main3
{

padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 10px;
}
a       { color:#000; text-decoration:underline; cursor:pointer; outline:none; font-family:"Arial"}
a:link  { text-decoration:underline;}
a:hover { text-decoration:none;}
a:active{ text-decoration:underline;}

#logo H1 a {font-family: 'Titillium Web', sans-serif; font-size: 18px; color: #fff; text-decoration: none;}
#logo H2 {margin-top: -20px;}
#logo H2 a {font-family: 'Titillium Web', sans-serif; font-size: 12px; color: #fff; text-decoration: none; }

.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}
.black{ color:#000000}


.grid_1{ width:590px; padding-right: 20px;}
.grid_2{ width:310px}
.grid_3{ width:300px}
.grid_4{ width:240px}
.grid_5{ width:480px}
.grid_6{ width:185px}
.grid_7{ width:446px; padding-right: 20px;}
.grid_8{ width:445px; padding-right: 20px;}



.left_20{ margin-left:20px}
.right_5{ margin-right:7px}
.right_20{ margin-right:20px}
.right_30{ margin-right:30px}
.bot_10{ margin-bottom:10px}
.left_73{ margin-left:73px}

.up{ text-transform:uppercase}
.underline{ text-decoration:underline}
.top{ min-height:100px; padding-bottom:20px; 
border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.midle{ background-color:#eff3f3; padding-bottom:20px;}
.footer{ min-height:180px;}
.centr{ width:960px; margin:0 auto;}
.top_menu{ height:80px;}
.top_menu a {color: #000}
a.logo{ display: block; width:800px; height:77px; margin-top:25px}

h5{ text-transform:uppercase; font-size:25px; color:#fff; text-align:center; padding:10px 0px; z-index:1000; position:relative; opacity:1!important; background:url(images/opa.png) top repeat}
h5 span{ color:#fae604;}

.spacial{font-family: 'Titillium Web', sans-serif;} 
 
h1{ font-size:25px; color:#000; font-weight:normal; font-family: 'Titillium Web', sans-serif; padding:25px 0px 20px 0px ; line-height:35px}
h1 span{ display:block; padding-left:50px; background:url(images/bg_h1_span.jpg) left top no-repeat; height:30px; font-family: 'Titillium Web', sans-serif;}
 
h3{ color:#222121; font-size:24px; padding:20px 0px }
 
.text strong{ text-transform:uppercase; text-decoration:underline; font-size:14px; font-family: 'Titillium Web', sans-serif; display:block; padding-bottom:2px; color:#000}
.photo{    border:7px solid #e9e9e9;}

.photo_white{  border:7px solid #fff;}
 
.read_more{ margin-top:17px; display:block; width:108px}
 
.bg_data{ color:#fff; text-align:center; background:url(images/bg_data.gif) top no-repeat; width:42px; height:48px; margin-top:4px; padding-bottom:10px}
.bg_data big{ font-size:24px; color:#000; padding-top:4px; display:block}
 
 ul.list{ display:block;}
 ul.list li{ padding-left:30px; background:url(images/bg_list.png) left 50% no-repeat; line-height:30px}
 ul.list li a{ color:#000000}
 
.social{font-size: 14px;  color: #fff; text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
 
.footer_links a img{ margin-right:10px} 
.footer_menu { text-align:center; padding: 30px;}
.footer_menu  a{ font-size:14px; text-transform:uppercase; color:#fff; margin:0 20px; text-decoration:none}
.footer_menu a:hover{ text-decoration:underline}
.footer{ margin-top:20px}

/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#000000; padding-bottom:2px; vertical-align:top}
.sub{font-size:14px; text-transform:uppercase; text-decoration:underline; line-height:18px; cursor:pointer; border:0; background:none; color:#606060; background:url(images/bg_submit.jpg) left no-repeat; display:block; width:109px; height: 30px; font-family:'Titillium Web', sans-serif;; font-weight:bold; text-decoration:none }
	.sub:hover{ text-decoration:underline}

	
.input_contact{background-color:#fdfefe;
	width:320px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	border:1px solid #bfbfbf;
	margin-bottom:6px}
	
.textarea_contact{background-color:#fdfefe;
	width:320px;
	height:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	border:1px solid #bfbfbf;margin-bottom:4px; line-height:22px}
	
.select{background-color:#fdfefe;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	border:1px solid #bfbfbf;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 
#anima { height:80px}
#anima a{display: block; text-decoration: none; float:left;  width:157px; margin-right:1px; background:url(images/bg_a.png) top repeat; height: 60px; padding-top:25px; position: relative; }
#anima a span{ position:relative; z-index:99;}
#anima a strong{ font-size:16px; color:#000;font-family:'Titillium Web', sans-serif;; font-size:18px;padding-left:10px; font-weight:normal;  line-height:26px; z-index:100}
#anima a small{ padding-left:10px; color:#000; font-size:13px; line-height:20px; font-family:'Titillium Web', sans-serif;; }
#anima a b{ display:block; background-position: center top; background-repeat:no-repeat; width:157px; padding-top:5px; height:5px; position: absolute; top:0; z-index:0; }

#anima a:hover strong, #anima a.act strong{ color:#fff;}
#anima a:hover small, #anima a.act small{ color:#fff;}

#anima a b.bg_1{ background-color: #830006; }
#anima a b.bg_2{ background-color: #996633; }
#anima a b.bg_3{ background-color: #9999FF; }
#anima a b.bg_4{ background-color: #999999; }
#anima a b.bg_5{ background-color: #ff9933; }
#anima a b.bg_6{ background-color: #013756; }

#anima a.act b{ height:80px}