@import "reset.css";
td {font-family:Arial;font-size:12px;line-height:18px;color:#585858;text-align:left; vertical-align:top}
body { background:url(../images/bg.jpg) repeat top;  font-family:Arial; font-size:12px;line-height:18px; color:#e9e9e9; text-align:left; padding:0; margin:0}

/* -----------------------------------------------------------------------------*/ 
a       { color:#fff; text-decoration:underline; }
a:link  { color:#fff; text-decoration:underline;}
a:hover {  text-decoration:none;}
a:active{ color:#fff; text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.page{ width:100%; height:inherit; background:url(../images/bg_top.png)  repeat-x top; position:absolute; top:0; left:0}
.left{ float:left}
.right{ float:right}
.centr{ width:1000px; margin:0 auto}
.red{ color:#f00}
.black{ color:#000}
.white{ color:#cdcdcd; }
.yelow{ color:#ffc000;}
.blue{ color:#d3effe}

.right_15{ margin-right:15px}
.left_195{ margin-left:178px}


h1{  font-family:Arial; font-size:30px; font-weight:normal; padding-bottom: 25px; color:#f0efef; font-style:italic; line-height:30px}

/* ---------------------------footer--------------------------------------------------*/ 

.footer{ padding-top:25px; font-size:12px; line-height:14px;  padding-bottom:20px;  background:#191819;
    -moz-border-radius:5px; margin-bottom:40px}
.block{ float:left; width: 300px; margin-left: 32px; font-family:Arial; font-size:11px; color:#6d6c6c; }
.footer .block .logo{ float:left; margin-right:20px; margin-top:-4px}




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


.acordeon{ height:208px;}
.contener{ padding:25px 15px 20px 20px }

a.read { background:url(../images/logo_6.png) no-repeat bottom left ;height:20px; color:#ffc000; padding-left:30px; display: block; padding-top:10px; cursor:pointer; width:70px}
.text { width:410px; float:right}
.left_column{ float:left;margin-bottom:21px; width: 615px}

.foto{ border: solid #cecece 4px; }
.line{ margin-bottom:18px; border-top: #000 solid 1px; border-bottom:#3d3d3d solid 1px;}




/* -------------------------------top----------------------------------------------*/ 
div.top{ height: 343px}

div.freephone{ padding-right:25px; text-align:right; line-height:30px; text-decoration:none; }
div.freephone a{ margin-left:15px; display:block; margin-top:4px}

div.logo{ position:absolute; top:45px; width:230px; height:76px; background:url(../images/logo.jpg) top no-repeat;z-index:1200000}
	div.logo h1 { width:230px; height:76px; font-size:1px; text-indent:-999px}
	div.logo a{display:block ;width:230px; height:76px; cursor: pointer; }


.lefttop{ background:#3d3d3d url(../images/corner_1.gif) left top no-repeat; }
.righttop{ background:url(../images/corner_2.gif) right top no-repeat}
.leftbotom{ background:url(../images/corner_3.gif) right bottom no-repeat}
.rightbotom{ background:url(../images/corner_4.gif) left bottom no-repeat; padding:25px}


.right_column{ float:right; width:300px; }
.left_column{ float:left;margin-bottom:21px; width:600px}




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

a.banner{ text-decoration:none; display:block; margin-bottom:25px}
a.banner strong{ display:block; color:#ffc000!important}
a.banner:hover strong{ display:block; color:#ffc000!important; text-decoration:underline; }

a.banner:hover{ text-decoration:underline}




#read_block h4{ color:#000; line-height:36px;  font-size:36px; margin-bottom:10px}

/* ---------------------------MENU-------------------------------------------------*/ 
.menu{ height:40px; background:url(../images/img_3.jpg) repeat-x }
.menu ul{ float:left; }
.menu ul li{ display:block; float:left; width:162px; line-height:40px; height:40px; text-align:center; font-size:18px; font-style:italic; }
.menu ul li a{ text-transform:uppercase; text-decoration:none; line-height:40px; display:block; float:left; text-align:center; width:145px; height:40px; }
.menu ul li img{ float:right}
.menu li a:hover, .menu li a.active_page{ color:#ffc600}


/* ----- script begin ----- */


#faded {
	width:968px;
	height:300px;
	overflow: hidden;
	position: absolute;
	left: 129px;
	}

#faded li.bg_img_1{ background:url(../images/bg_header.png) right no-repeat; width:968px; height:300px}
#faded li.bg_img_2{ background:url(../images/bg_header_2.png) right no-repeat; width:968px; height:300px}
#faded li.bg_img_3{ background:url(../images/bg_header_3.png) right no-repeat; width:968px; height:300px}


div.head{ letter-spacing:-0.03em; color:#fff; font-style:italic; font-size:18px; font-weight:bold; line-height:24px; padding-top:100px; padding-left:40px}
div.head strong{ font-size:24px; display:block; padding-left:20px; line-height:38px}
div.head small{ color:#ffc600; font-size:18px;}

div.head big img{ margin-left:120px; margin-top:10px; cursor:pointer}


ul.pagination {
	width: 20px;
	overflow: hidden;
	position: absolute !important;
	top: 225px;
	right: 10px;
}

	ul.pagination li { width:20px ; height:15px; margin-bottom:5px}
		ul.pagination li a {
		background:url(../images/pin_3.png) 0px 0px no-repeat;
			display: block;
			width: 15px;
			height: 15px;
			text-decoration: none;
			 text-indent:-999px;
		}
		
		ul.pagination li a:hover {
background:url(../images/pin_2.png) 0px 0px no-repeat;
		}
		
		ul.pagination li.current a {
background:url(../images/pin_2.png) 0px 0px no-repeat;
		}

/* ----- script end ----- */


/*----------------   accord  ---------*/
div.acordeon
ul{
list-style: none;
margin: 0;
padding: 0;
background:#3d3d3d

}

div.acordeon 
ul li{
float: left;
display: block;
background:#3d3d3d


}

div.acordeon
ul li a{
display: block;
overflow: hidden;
height: 206px;
width: 43px;
text-decoration:none!important; cursor:pointer
}

		div.acordeon ul li a.bg_1{ background:url(../images/acc_1_pass.gif) top left no-repeat; display:block; height:206px}
		div.acordeon ul li a.bg_1:hover{ background:url(../images/acc_1_act.gif) top left no-repeat;}

		div.acordeon ul li a.bg_2{ background:url(../images/acc_2_pass.gif) top left no-repeat; display:block; height:206px}
		div.acordeon ul li a.bg_2:hover{ background:url(../images/acc_2_act.gif) top left no-repeat;}


		div.acordeon ul li a.bg_3{ background:url(../images/acc_3_pass.gif) top left no-repeat; display:block; height:206px}
		div.acordeon ul li a.bg_3:hover{ background:url(../images/acc_3_act.gif) top left no-repeat;}


		div.acordeon ul li a.bg_4{ background:url(../images/acc_4_pass.gif) top left no-repeat; display:block; height:206px}
		div.acordeon ul li a.bg_4:hover{ background:url(../images/acc_4_act.gif) top left no-repeat;}


		div.acordeon ul li a.bg_5{ background:url(../images/acc_5_pass.gif) top left no-repeat; display:block; height:206px}
		div.acordeon ul li a.bg_5:hover{ background:url(../images/acc_5_act.gif) top left no-repeat;}


div.acordeon
#a1{
width: 810px;
}

div.acordeon
ul li img{ margin-right:16px}

div.acordeon
ul li p{
margin: 0;
padding: 0;
width: 750px;
display: block;
margin-left: 43px;
}
div.acordeon
ul li p strong{ color:#b3e4ff; font-size:16px; display:block; padding-top:20px; padding-bottom:10px; text-transform:uppercase}
ul li p span{ font-weight:bold}
big.read_more{ width:82px!important; height:30px!important; display:block; background:url(../images/read_more.gif) top no-repeat;   cursor:pointer; line-height:30px; text-align:center; float:right; margin-top:25px; margin-right:10px}