html, body, form { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background-color: #f7f7f7; overflow-y: scroll; }
img { border: none; }


#header_container { width: 100%; height: 132px; background-color: #bebdbd; }
#header { width: 1000px; height: 132px; margin: 0px auto; position: relative; }
#header_logo { width: 195px; height: 121px; position: absolute; bottom: 6px; left: 0px; }
#header_tips { width: 510px; height: 110px; position: absolute; top: 10px; left: 220px; background: transparent url('images/head_tips.png') top left no-repeat; }
#header_socials { width: 126px; height: 36px; position: absolute; top: 5px; right: 10px; }
#header_socials ul { width: 126px; height: 36px; margin: 0; padding: 0; list-style: none; }
#header_socials ul li { width: 36px; height: 36px; float: left; margin: 0px 3px 0px 3px; }
#header_socials ul li:first-child { margin-left: 0px; }
#header_socials ul li:last-child { margin-right: 0px; }



#navigation_container { width: 100%; height: 30px; background-color: #477fda; }
#navigation { width: 1000px; height: 30px; margin: 0px auto; position: relative; }
#navigation ul { width: auto; height: 30px; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
#navigation ul li { font: bold 19px Tahoma, Geneva, sans-serif; height: 26px; margin: 0px 45px 0px 45px; padding: 4px 0px 0px 0px; float: left; }
#navigation ul li:first-child { margin-left: 0px; }
#navigation ul li:last-child { margin-right: 0px; }
#navigation ul li a { color: #bebdbd; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #454545; }
#navigation ul li a:hover { color: #000; text-decoration: none; }



#page_container { width: 100%; height: auto; background-color: #f7f7f7; }
#page { width: 1000px; height: auto; margin: 0px auto; position: relative; display: table; }
#page:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#page_main { display: table-row; }
#page_body_single { width: 1000px; display: table-cell; vertical-align: top; padding: 0px 0px 0px 0px; }
#page_body { width: 735px; display: table-cell; vertical-align: top; padding: 20px 0px 20px 0px; }
#page_widgets { width: 250px; display: table-cell; vertical-align: top; padding: 20px 0px 20px 15px; }



#widget_navi { margin: 0px 0px 20px 0px; }
#widget_navi h3 { height: 22px; margin: 0; padding: 5px 10px 3px 10px; font: bold 15px Tahoma, Geneva, sans-serif; color: #477fda; border-top: 1px #b6b5b5 solid; background-color: #bebdbd; }
#widget_navi ul { list-style: none; margin: 0; padding: 0; }
#widget_navi ul li { min-height: 22px; margin: 0px 0px 0px 0px; padding: 3px 5px 3px 20px; background: #e3e3e3 url('images/widget_arrow.png') 8px 11px no-repeat; border-bottom: 1px #b6b5b5 solid; }
#widget_navi ul li a { line-height: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; font: normal 14px Tahoma, Geneva, sans-serif; color: #454545; text-decoration: none; }
#widget_navi ul li a:hover { color: #477fda; text-decoration: none; }



#widget_ads { margin: 0px 0px 20px 0px; }
#widget_ads h3 { height: 22px; margin: 0; padding: 5px 10px 3px 10px; 
	font: bold 15px Tahoma, Geneva, sans-serif; color: #477fda;
	border-top: 1px #b6b5b5 solid; background-color: #bebdbd;
}
#widget_ads div { width: 230px; margin: 0; padding: 5px 10px 3px 10px; 


	border-bottom: 1px #b6b5b5 solid; background-color: #e3e3e3;
}





#sponsors_container { width: 100%; height: 70px; }
#sponsors { width: 1000px; height: 70px; margin: 0px auto; position: relative; text-align: center; border-bottom: 2px solid white; }
#sponsors ul { width: 1000px; height: 60px; margin: 0 auto; padding: 0; list-style: none; text-align: center; }
#sponsors ul li { float: left; margin: 5px 10px 0px 10px;  }
#sponsors:last-child { border-bottom: none; }





#foot_sponsors { width: 1000px; height: 60px; margin: 0px 15px; text-align: center; _border-bottom: 2px solid white; }
#foot_sponsors ul { width: 1000px; height: 60px; margin: 0 auto; padding: 0; list-style: none; text-align: center; }
#foot_sponsors ul li { float: left; margin: 6px 10px 0px 10px;  }
#foot_sponsors:last-child { border-bottom: none; }


#footer_container { width: 100%; height: 61px; background-color: #bebdbd; }
#footer { width: 1000px; height: 61px; margin: 0px auto; position: relative; }
#footer_navigation ul { width: 700px; height: 30px; margin: 0 auto; padding: 0px; list-style: none; }
#footer_navigation ul li { font: bold 16px Tahoma, Geneva, sans-serif; height: 20px; margin: 0px 8px 0px 8px; padding: 20px 0px 0px 0px; float: left; }
#footer_navigation ul li:first-child { margin-left: 0px; }
#footer_navigation ul li:last-child { margin-right: 0px; }
#footer_navigation ul li a { color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #454545; }
#footer_navigation ul li a:hover { color: #477fda; text-decoration: none; }



#copyright_container { width: 100%; height: 22px; background-color: #477fda; }
#copyright { width: 1000px; height: 22px; margin: 0px auto; position: relative; font: normal 13px Tahoma, Geneva, sans-serif; }
#copyright .copyright { color: #fff; float: left; margin: 3px 0px 0px 0px; }
#copyright .copyright span { font-weight: bold; color: #bebdbd; }
#copyright .created_by { color: #fff; float: right; margin: 3px 0px 0px 0px; }
#copyright .created_by a { font-weight: bold; color: #bebdbd; text-decoration: none; }
#copyright .created_by a:hover { font-weight: bold; color: #bebdbd; text-decoration: underline; }



#content { width: 100%; clear: both; margin-bottom: 10px; }
#content_title { font: bold 16px Tahoma, Geneva, sans-serif; text-align: left; color: #477fda; }
#content_title a { color: #454545; text-decoration: none; }
#content_title a:hover { color: #477fda; text-decoration: none; }
#content_text { font: normal 14px Tahoma, Geneva, sans-serif; text-align: left; color: #000; margin-top: 10px; }
#content_text a { color: #477fda; text-decoration: none; }
#content_text a:hover { color: #454545; text-decoration: none; }



#pages { display: block; cursor: pointer; margin: 10px 0px 10px 0px; background-color: #fff; border: 1px #d5d5d5 solid; }
#pages:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#pages:hover { border: 1px #bebdbd solid; }
#pages .picture { float: left; margin: 5px 10px 5px 5px; }
#pages .picture img { width: 200px; }
#pages .name { font: normal 22px Tahoma,Geneva,sans-serif; color: #477fda; margin: 6px 5px 10px 0px; padding: 0; }
#pages .text { font: normal 13px Tahoma, Geneva, sans-serif; color: #454545; margin: 0px 5px 10px 0px; padding: 0; }

#page_single { display: block; margin: 0; }
#page_single:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#page_single .picture { float: left; margin: 0px 30px 5px 0px; }
#page_single .picture img { width: 300px; }
#page_single .text { font: normal 13px Tahoma, Geneva, sans-serif; color: #454545; margin: 0px 5px 10px 0px; padding: 0; }


#home {
	width: 100%; margin: 0px 0px 40px 0px; display: table;
}
#home_main { display: table-row; }
#home_main_cell { width: 33.33%; display: table-cell; vertical-align: top; padding: 0px 20px 20px 20px; }
#home_main_cell:first-child { _text-align: left; padding-left: 0px; }
#home_main_cell:last-child { _text-align: right; padding-right: 0px; }
#home_box1 {
	width: 250px; min-height: 340px; margin: 0px 63px 0px 0px; cursor: pointer;
	background-color: #fff; border: 2px #427ed6 solid;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#home_box2 {
	width: 250px; min-height: 340px; margin: 0 auto; cursor: pointer;
	background-color: #fff; border: 2px #427ed6 solid;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#home_box3 {
	width: 250px; min-height: 340px; margin: 0px 0px 0px 63px; cursor: pointer;
	background-color: #fff; border: 2px #427ed6 solid;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#home_main_cell h3 {
	height: 20px; margin: 0; padding: 5px 10px 3px 10px; 
	font: bold 15px Tahoma, Geneva, sans-serif; text-align: center; color: #477fda;
}
#home_main_cell img { width: 240px; margin: 5px 5px 0px 5px; }
#home_main_cell p { margin: 5px 5px 5px 5px; padding: 0; font: normal 13px Tahoma, Geneva, sans-serif; text-align: justify; }


#carosuel { width: 100%; height: 316px;  margin: 20px 0px 60px 0px; }
#carosuel_wrap { width: 1000px; height: 316px; margin: 0px auto; }
.barousel { width: 1000px; height: 320px; position: relative; margin: 0; border-top: 3px #000 solid; }

.barousel_image { width: 1000px; height: 300px; position: absolute; z-index: 10; }
.barousel_image img { width: 1000px; height: 300px; position: absolute; display: none; }
.barousel_image img.default { display: block; }
.barousel_image img.current { z-index: 10; }
.barousel_image img.previous { z-index: 5; }

.barousel_content { width: 250px; position: absolute; left: 10px; bottom: 35px; z-index: 50; padding: 15px 15px 0 15px; background: url('images/bg_barousel_content.png') repeat 0 0; color: #fff; }
.barousel_content div { display: none; }
.barousel_content div.default { display: block; }
.barousel_content p { font: normal 13px Tahoma, Geneva, sans-serif; line-height: 16px; }
.barousel_content p.header { font: normal 22px Tahoma, Geneva, sans-serif; line-height: 22px; margin: 0; color: #ededec; }
.barousel_content a, .barousel_content a:hover { font-weight: bold; font-size: 11px; color: #ededec; background-color: transparent !important; text-decoration: none; }

.barousel_nav { width: 1000px; height: 20px; position: absolute; background-color: #477fda; bottom: 0; z-index: 20; }
.barousel_nav .counter { float: right; font-size: 0.75em; color: #fff; margin: 3px 5px 0 0; }
.barousel_nav ul { margin: 0; padding: 0; float: right; }
.barousel_nav li { list-style: none; float: left; padding-left: 1px; }
.barousel_nav li a { height: 18px; display: block; padding: 2px 20px 0px 20px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ededec; background-color: #477fda; text-decoration: none; }
.barousel_nav li a:hover { color: #fff; background-color: #000; text-decoration: none; }
.barousel_nav li a.current { color: #fff; background-color: #000; }
.barousel_nav li.prev a { background: transparent url('images/barousel_link_previous.gif') 0 0 no-repeat; }
.barousel_nav li.next a { background: transparent url('images/barousel_link_next.gif') 0 0 no-repeat; }
.barousel img.ajax_loader { position: absolute; top: 70px; left: 135px; z-index: 99; display: none; }



.form { margin: 0; }
.form-table { background-color: #fff; }
.form-head { font: bold 17px Tahoma, Geneva, sans-serif; color: #454545; padding: 0px 5px 0px 0px; }
.form-text-exp { font: normal 10px Tahoma, Geneva, sans-serif; color: #000; padding: 0px 5px 0px 5px; }
.form-rule { color: #ff3300; }
.form-line { line-height: 1px; background-color: #000; padding: 0; }
.form-error { font: bold 13px Tahoma, Geneva, sans-serif; color: #ff3300; line-height: 13px; padding-left: 5px; }
.form-title { font: bold 12px Tahoma, Geneva, sans-serif; color: #000; line-height: 13px; padding: 5px 5px 5px 5px; }
.form-label { font: bold 12px Tahoma, Geneva, sans-serif; color: #000; line-height: 18px; text-align: right; padding: 4px 10px 4px 5px; vertical-align: top; }
.form-text { font: normal 12px Tahoma, Geneva, sans-serif; color: #000; line-height: 18px; padding: 4px 10px 4px 0px; }

.form-input { font-size: 12px; color: #131313; border: 1px #d5d5d5 solid; padding: 3px 0px; }
.form-select { border: 1px #d5d5d5 solid; color: #131313; padding: 1px;  }
.form-textarea { font-size: 12px; font-family: inherit; color: #131313; border: 1px #d5d5d5 solid; }
.form-submit { background-color: #0E71B8 !important; color: #fff !important; border: medium none !important; font-size: 12px !important; font-weight: bold !important; font-family: inherit !important; padding: 3px 12px !important; cursor: pointer !important; width: auto !important; }

.button, .button:visited {
	font: bold 12px Tahoma, Geneva, sans-serif; color: #477fda;
	border: 0; background-color: #ffffff; display: inline-block; padding: 3px 12px 3px 12px; text-decoration: none;
	border: 1px solid #c1c1c1; position: relative; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.button:hover { background-color: #f7f7f7; color: #477fda; border: 1px solid #c1c1c1; }
.button:active { top: 1px; }



input[type=text] { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #e3e3e3; border: 1px solid #bebdbd; color: #454545; padding: 2px; }
input[type=password] { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #e3e3e3; border: 1px solid #bebdbd; color: #454545; padding: 2px; }
textarea { overflow: visible; height: 18em; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #e3e3e3; border: 1px solid #bebdbd; color: #454545; padding: 2px; }
textarea.char { height: 3em; }
input[type="checkbox"], input[type="radio"] { vertical-align: -11%; }
select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #bebdbd; color: #454545; padding: 1px; background-color: #e3e3e3; }
