@import 'reset.css';
@import 'useful.css';
@import 'text.css';

/*--ESSENTIAL--------------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
}

body {
    padding: 29px 0 20px 0;
    behavior: url(public/scripts/csshover.htc);
    background: #fff url("../images/page/body_bg.png") 0 0 repeat-x;
}

/*--LAYOUT----------------------------------------------------------------*/

#page {
	width: 1022px; /*redes 858px*/
	margin: 0 auto 0 auto;
	padding: 246px 0 0 0;
	position: relative;
	text-align: left;
	background: url("../images/page/header_bg.jpg") 0 0 no-repeat;
}

#contentBG {
	background: url("../images/page/page_bg.png") 0 0 repeat-y;
}

#content {
	background: url("../images/page/page_top.png") 0 0 no-repeat;
	_height: 300px;
	min-height: 300px;
}

#rightPart {
	width: 728px; /*redes 592px*/
	padding: 40px 34px 10px 24px;
	float: right;
}

#leftPart {
	width: 206px; /*redes 178px;*/
	padding: 10px 0 0px 16px;
	float: left;
	position: relative;
	top: -52px;
}

.left {
	width: 300px;
	float: left;
}

.right {
	width: 275px;
	float: right;
}

/*--HEADER------------------------------------------------------------------*/

#header {
	width: 858px;
	position: absolute;
	left: 0;
	top: 0;
}

#menu {
	width: 775px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 239px; /*redes 211px;*/
	top: 195px;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	position: relative;
}

#menu li a {
	text-decoration: none;
	height: 50px;
	display: block;
}

#menu li a span {
	display: none;
}

#menu li a.menuItem1 { width: 103px; background: url("../images/page/menu_item_1.png") 0 0 no-repeat; }
#menu li.active a.menuItem1, #menu li a.menuItem1:hover { background: url("../images/page/menu_item_1.png") 0 -50px no-repeat; }
#menu li a.menuItem2 { width: 175px; background: url("../images/page/menu_item_2.png") 0 0 no-repeat; }
#menu li.active a.menuItem2, #menu li a.menuItem2:hover { background: url("../images/page/menu_item_2.png") 0 -50px no-repeat; }
#menu li a.menuItem3 { width: 119px; background: url("../images/page/menu_item_3.png") 0 0 no-repeat; }
#menu li.active a.menuItem3, #menu li a.menuItem3:hover { background: url("../images/page/menu_item_3.png") 0 -50px no-repeat; }
#menu li a.menuItem4 { width: 143px; background: url("../images/page/menu_item_4.png") 0 0 no-repeat; }
#menu li.active a.menuItem4, #menu li a.menuItem4:hover { background: url("../images/page/menu_item_4.png") 0 -50px no-repeat; }
#menu li a.menuItem5 { width: 108px; background: url("../images/page/menu_item_5.png") 0 0 no-repeat; }
#menu li.active a.menuItem5, #menu li a.menuItem5:hover { background: url("../images/page/menu_item_5.png") 0 -50px no-repeat; }
#menu li a.menuItem6 { width: 127px; background: url("../images/page/menu_item_6.png") 0 0 no-repeat; }
#menu li.active a.menuItem6, #menu li a.menuItem6:hover { background: url("../images/page/menu_item_6.png") 0 -50px no-repeat; }

#menu li ul {
	display: none;
}

#menu li:hover ul {
	width: 160px;
	_width: 153px;
	display: block;
	top: 50px;
	left: 0;
	padding: 0 7px 7px 0;
	_padding: 0;
	_border-bottom: 1px #E88B8B solid;
	_border-right: 1px #E88B8B solid;  
	position: absolute;
	background: url("../images/page/menu_shadow.png") 0 bottom no-repeat;
	_background: #fff url("../images/page/menu_shadow.png") 0 0 no-repeat;
}

#menu li ul li {
	padding-left: 12px;
	float: none !important;
	background: transparent !important;
}

#menu li ul li a span {
	display: block;
}

#menu li ul li a {
	width: 113px;
	display: block;
	height: auto;
	padding: 5px 10px 5px 5px;
	color: #333333;
	text-decoration: none;
}

#menu li ul li:hover {
	background: #fff;
}

#menu li ul li:hover a {
	background: #2B6FA0;
	color: #fff;
}

#breadCrumbs {
	position: absolute;
	left: 253px;  /*redes 225px;*/
	top: 254px;
	width: 520px;
}

#breadCrumbs a, #breadCrumbs span {
	padding: 0 5px 0 11px;
	background: url("../images/page/breadcrumb.png") 0 5px no-repeat;
	font-size: 11px;
}

#hpLink {
	position: absolute;
	left: 11px;
	top: 19px;
}

#hpLink img {
	width: 250px;
	height: 130px;
}

#logo {
	display: none;
}

.banners {
	width: 180px;
	padding-left: 20px;
	float: right;
}

.banners a {
	display: block;
	margin-bottom: 15px;
}

/*--SUBMENU------------------------------------------------------------------*/

#submenu {
	margin: 0 0 15px 0;
	padding: 5px 0 0 12px;
	_height: 140px;
	min-height: 140px;
}

#submenu li {
	background: url("../images/page/submenu_line.gif") 0 0 no-repeat;
	padding: 0;
	margin: 0;
}

#submenu li.first {
	background: none;
}

#submenu li a {
	width: 130px;
	padding: 6px 0 6px 24px;
	color: #AA0404;
	font-size: 14px;
	display: block;
	background: url("../images/page/submenu_ico_1.gif") 2px 7px no-repeat;
	text-decoration: none;
}

#submenu li a:hover {
	text-decoration: underline;
}

#submenu li.active a {
	color: #266491;
}

#submenu li a.ico2 { background: url("../images/page/submenu_ico_2.gif") 2px 7px no-repeat; }
#submenu li a.ico3 { background: url("../images/page/submenu_ico_3.gif") 2px 7px no-repeat; }
#submenu li a.ico4 { background: url("../images/page/submenu_ico_4.gif") 2px 7px no-repeat; }
#submenu li a.ico5 { background: url("../images/page/submenu_ico_5.gif") 2px 7px no-repeat; }
#submenu li a.ico6 { background: url("../images/page/submenu_ico_6.gif") 2px 7px no-repeat; }
#submenu li a.ico7 { background: url("../images/page/submenu_ico_7.gif") 2px 7px no-repeat; }
#submenu li a.ico8 { background: url("../images/page/submenu_ico_8.gif") 2px 7px no-repeat; }
#submenu li a.ico9 { background: url("../images/page/submenu_ico_9.gif") 2px 7px no-repeat; }
#submenu li a.ico10 { background: url("../images/page/submenu_ico_10.gif") 2px 7px no-repeat; }
#submenu li a.ico11 { background: url("../images/page/submenu_ico_11.gif") 2px 7px no-repeat; }
#submenu li a.ico12 { background: url("../images/page/submenu_ico_12.gif") 2px 7px no-repeat; }
#submenu li a.ico13 { background: url("../images/page/submenu_ico_13.gif") 2px 7px no-repeat; }
#submenu li a.ico14 { background: url("../images/page/submenu_ico_14.gif") 2px 7px no-repeat; }

#submenu li ul {
    padding: 0 0 8px 0;
}

#submenu li li {
    padding-left: 20px;
    background: none;
}

#submenu li li a {
	width: 110px;
	padding: 3px 0 3px 24px;
	color: #AA0404;
	font-size: 12px;
	display: block;
	background: url("../images/page/submenu_ico_1.gif") 2px 2px no-repeat !important;
	text-decoration: none;
}

#submenu li li a:hover {
	text-decoration: underline;
}

#submenu li.active li.active a {
	color: #000;
}


.fbIcon {
    position: absolute;
    right: 15px;
    top: 260px;
}

.fbIcon2 {
    position: absolute;
    right: 15px;
    top: 286px;
}

/*--BOX--------------------------------------------------------------------*/

.box {
	width: 206px; /*redes 178px;*/
	margin-bottom: 18px;
	background: url("../images/page/box_middle.png") 0 0 repeat-y;
}

.box .top {
	height: 9px;
	font-size: 0;
	overflow: hidden;
	background: url("../images/page/box_top.png") 0 0 no-repeat;
}

.box .content {
	min-height: 149px;
	_height: 149px;
	padding: 4px 12px 0 12px;
	_padding: 4px 12px 40px 12px;
	font-size: 0;
	overflow: hidden;
	background: url("../images/page/box_bottom.png") 0 bottom no-repeat;
}

/*--POLL--------------------------------------------------------------------*/

.poll table {
	margin: 0;
}

.poll p {
	color: #266491;
	font-size: 14px;
	margin-bottom: 7px;
}

.poll table td {
	border: none;
	padding: 1px 0 !important;
}

.poll table td.number {
	text-align: right;
	width: 14px;
}

.poll table td.overall {
	padding: 5px 0 2px 0;
}

.poll table td.graph {
	padding: 4px 0 5px;
}

.poll table td.graph span {
	min-width: 5px;
	display: block;
	height: 14px;
	float: left;
}

.poll a {
	font-size: 12px;
	color: #333333;
}

.poll table td.graph img {
	width: 5px;
	height: 14px;
	float: left;
}

.poll table td.color1 span {
	background: url("../images/page/poll_color1_right.gif") right 0 no-repeat;
}

.poll table td.color1 img {
	background: url("../images/page/poll_color1_left.gif") 0 0 no-repeat;
}

.poll table td.color2 span {
	background: url("../images/page/poll_color2_right.gif") right 0 no-repeat;
}

.poll table td.color2 img {
	background: url("../images/page/poll_color2_left.gif") 0 0 no-repeat;
}

.poll table td.color3 span {
	background: url("../images/page/poll_color3_right.gif") right 0 no-repeat;
}

.poll table td.color3 img {
	background: url("../images/page/poll_color3_left.gif") 0 0 no-repeat;
}

.poll .overall {
	font-size: 13px;
}

/*--NEWS------------------------------------------------------------------*/

#news {
	width: 184px; /*redes 158px;*/
	margin-bottom: 10px;
	padding: 40px 10px 10px 10px;
	position: relative;
	background: url("../images/page/news_bg.png") 0 0 no-repeat;
}

#news p {
	margin: 0 0 5px 0;
}

#news .first {
	padding: 0 0 5px 0;
	margin: 0 0 16px 0;
	border-bottom: 2px #CACBCE solid;
}

#news .date {
	font-size: 10px;
	color: #666;
	line-height: 12px;
}

#news a {
	font-size: 14px;
}

/*--HP-BOXES---------------------------------------------------------------*/

.links {
	text-align: left;
}

.links a {
	background: url("../images/page/red_li.gif") 0 4px no-repeat;
	padding: 0 0 0 13px;
	margin-left: 3px;
	font-size: 16px;
}

.hpBoxes {
	padding: 10px 0 0 0;
}

.hpBoxes .box1, .hpBoxes .box2, .hpBoxes .box3 {
	width: 178px
	height: 192px;
	padding: 37px 74px 135px 12px;
	margin: 0 8px 0 8px;
	float: left;
}

.hpBoxes .box4, .hpBoxes .box5 {
	width: 254px;
	height: 192px;
	padding: 37px 50px 0 12px;
	margin: 0 8px 0 8px;
	float: left;
}


.hpBoxes div p {
	color: #fff;
	font-size: 14px;
	margin: 0 0 5px 0;
}

.hpBoxes div ul {
	margin: 0;
	padding: 0;
}

.hpBoxes div ul li {
	margin: 0;
	padding: 0 0 3px 12px;
}

.hpBoxes div ul li a {
	font-size: 14px;
	color: #fff;
}


.hpBoxes div h2 {
	display: none;
}

.hpBoxes div.box1 {
	background: url("../images/page/hp_box_1.jpg") 0 0 no-repeat;
}

.hpBoxes div.box2 {
	background: url("../images/page/hp_box_2.jpg") 0 0 no-repeat;
}

.hpBoxes div.box3 {
	background: url("../images/page/hp_box_3.jpg") 0 0 no-repeat;
}

.hpBoxes div.box4 {
	background: url("../images/page/hp_box_4.jpg") 0 0 no-repeat;
}

.hpBoxes div.box5 {
	background: url("../images/page/hp_box_5.jpg") 0 0 no-repeat;
}

.hpBoxes div.box1 ul li {
	background: url("../images/page/box1_li.gif") 0 5px no-repeat;
}

.hpBoxes div.box2 ul li {
	background: url("../images/page/box2_li.gif") 0 5px no-repeat;
}

.hpBoxes div.box3 ul li {
	background: url("../images/page/box3_li.gif") 0 5px no-repeat;
}

.hpBoxes .darktext {
	color: #494949;
}

.hpBoxes .darklink a {
	color: #AA0404;
}

.hpBoxes .darklink a:hover {
	color: #3B7BAA;
}

/*--TEST------------------------------------------------------------------*/

.test table td {
	border-bottom: 1px #3B7BAA solid;
}
.test table th {
	font-weight: normal;
}
.test table td input {
	border: none;
	vertical-align: middle;
}

.red {
	color: #AC0606;
}

.last td {
	padding-bottom: 14px !important;
	border: none !important;
}

.yourName {
	padding: 4px 0 12px 0;
}

.yourName label {
	color: #266491;
	font-size: 14px;
}

.yourName input {
	border: 1px #2C70A1 solid !important;
}

.button {
	width: 110px;
	height: 21px;
	background: url("../images/page/button.png") 0 0 no-repeat;
	color: #fff;
	float: right;
	cursor: pointer;
	border: none;
}

.testy th {
	text-align: center;
}

.testy th a {
	color: #fff;
}

.sel {
	background: #f1f1f1;
}

/*--FOOTER------------------------------------------------------------------*/

#footer {
	padding: 23px 32px 0 38px;
	height: 47px;
	background: url("../images/page/footer_bg.png") 0 0 no-repeat;
	color: #B1D1E9;
}

#footer a {
	color: #B1D1E9;
	text-decoration: none;
}

#footer a:hover, #footer li.active a {
	color: #fff;
}

#footer .copy {
	float: left;
	line-height: 12px;
	font-size: 12px;
}

#footerMenu {
	float: right;
}

#footerMenu li {
	padding: 0 0 0 15px;
	float: left;
	background: none;
	font-size: 12px;
}

/*--GALLERY----------------------------------------------------------------*/

#photos {
	padding: 0 0 10px 0;
}

#photos a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

#photos a img {
	border: 1px #ccc solid;
	padding: 3px 3px 3px 3px;
}

#photos a:hover img {
	border: 1px #4F8EC4 solid;
	padding: 3px 3px 3px 3px;
}

#detail {
	text-align: center;
}

#detail img {
	border: 3px #DFE1E4 solid;
}

/*--ACC-BLOCK--------------------------------------------------------------*/

.accBlock {

}

.accBlock .left {
	width: 380px;
	float: left;
}

.accBlock .accBanner {
	float: right;
}

.accBlock .input {
	width: 200px;
	border: 1px #2C70A1 solid;
}

.accBlock .button {
	float: left;
	margin-top: 10px;
}


li.new {
	background: none;
	padding: 3px 0;
	margin-left: -8px;
}

li.new h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

li.new p {
	margin: 0 0 5px 0;
}

.pagination table {
    margin: 0;
}

.pagination table td {
    border: none;
    background: #e1e1e1;
}