@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #404040; background: #fff url(/images/ptitcref/body_bg.gif) center top no-repeat; }

a img, img { border: none; }

.debug { border: 1px dashed #900; xxborder-top: none; }


.purple { color: #91268f; }

.green { color: #e9ec41; }


a, a:visited { color: #91268f; text-decoration: underline; }

a:hover { color: #e9ec41; text-decoration: none; }


.rounded_green, .rounded_green_left, .rounded_green_right { position: relative; background: #e9ec41; }
.rounded_purple, .rounded_purple_left, .rounded_purple_right { position: relative; background: #91268f; }

.rounded_green .tl, .rounded_green_left .tl { position: absolute; top:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) left top no-repeat; }
.rounded_green .bl, .rounded_green_left .bl { position: absolute; bottom:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) left -9px no-repeat; }
.rounded_green .tr, .rounded_green_right .tr { position: absolute; top:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) -9px top no-repeat; }
.rounded_green .br, .rounded_green_right .br { position: absolute; bottom:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) -9px -9px no-repeat; }
* html .rounded_green .tr, * html .rounded_green_right .tr { position: absolute; top:0px; right:-1px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) -9px top no-repeat; }
* html .rounded_green .br, * html .rounded_green_right .br { position: absolute; bottom:0px; right:-1px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_g.gif) -9px -9px no-repeat; }

.rounded_purple .tl, .rounded_purple_left .tl { position: absolute; top:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) left top no-repeat; }
.rounded_purple .bl, .rounded_purple_left .bl { position: absolute; bottom:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) left -9px no-repeat; }
.rounded_purple .tr, .rounded_purple_right .tr { position: absolute; top:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) -9px top no-repeat; }
.rounded_purple .br, .rounded_purple_right .br { position: absolute; bottom:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) -9px -9px no-repeat; }
* html .rounded_purple .bl, * html .rounded_purple_left .bl { position: absolute; bottom:-1px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) left -9px no-repeat; }
* html .rounded_purple .br, * html .rounded_purple_right .br { position: absolute; bottom:-1px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_p.gif) -9px -9px no-repeat; }

.rounded_white .tl { position: absolute; top:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_w.gif) left top no-repeat; }
.rounded_white .bl { position: absolute; bottom:0px; left:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_w.gif) left -9px no-repeat; }
.rounded_white .tr { position: absolute; top:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_w.gif) -9px top no-repeat; }
.rounded_white .br { position: absolute; bottom:0px; right:0px; height: 9px; width:9px; overflow: hidden; background: url(/images/ptitcref/corners_w.gif) -9px -9px no-repeat; }


.container { width: 960px; margin: auto; position: relative; overflow: hidden; }


.head { height: 120px; background: #e9ec41; }

a.dep_selector { float: left; width: 260px; height:120px; text-decoration: none; }

a:hover.dep_selector { float: left; width: 260px; height:120px; background-position: 30px -120px; }

.btn_msk { background: url(/images/ptitcref/btn_msk.gif) 30px -240px no-repeat; }

.btn_spb { background: url(/images/ptitcref/btn_spb.gif) 30px -240px no-repeat; }

.btn_nn { background: url(/images/ptitcref/btn_nn.gif) 30px -240px no-repeat; }

.btn_active { background-color: #91268f; background-position: 30px top; }

a:hover.btn_active { background-color: #91268f; background-position: 30px top; }

.dep_selector div { float: right; height:120px; width: 9px; background: url(/images/ptitcref/gg.gif); }

.btn_active div { float: right; height:120px; width: 9px; background: url(/images/ptitcref/pg.gif); }


.lang_selector { float: left; margin-left: 20px; width: 120px; height:120px; }

.lang_selector .lang { display: block; width: 155px; height: 36px; margin-top: 3px; }

.lang_selector .lang.active { display: block; width: 155px; height: 36px; background: url(/images/ptitcref/lang_bg.gif) no-repeat; }

.lang_selector .lang .lang_icon { float: left; margin: 7px 5px 0 10px; }

* html .lang_selector .lang .lang_icon { margin: 7px 5px 0 5px; }

.lang_selector a { float: left; margin-top: 9px; }

.lang_selector a:hover { color: #91268f; }

.lang_selector .lang.active a { color: #fff; text-decoration: none; }

.lang_selector .lang.active a:hover { color: #fff; }


.logoline { height: 270px; }

.logo { margin-top: 45px; margin-left: 70px; }


#slider { float: right; width: 640px; height: 235px; margin: 20px 0; margin-right: 40px; font-size: 13px; position: relative; overflow: hidden; }

* html #slider { margin-right: 30px; }

#slider #controller { position: absolute; left: 0; bottom: 0; height: 30px; padding-top: 15px; width: 100%; background: url(/images/ptitcref/slider_btn_bg.png) left top repeat-x; }

* html #slider #controller { background-image: none; background: #fff; }

#slider #controller a { display: block; float: left; margin-right: 10px; padding: 5px 10px; text-decoration: none; color: #fff; background: #e9ec41; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

#slider #controller a:hover, #slider #controller a.active_slide { text-decoration: none; color: #fff; background: #91268f; }

#slider #inner_container { height: 235px; width:10000px; overflow: hidden; position: absolute; left: 0; top: 0; }

#slider #inner_container .slide { float: left; width: 640px; margin-right: 100px; height: 200px; }

#slider #inner_container .slide img { float: right; padding: 0 0 5px 5px; }

#slider p { margin-bottom:10px; padding-left:0; padding-right:0; }

#slider h1 { margin-bottom: 5px; color: #91268f; font-weight: normal; font-size: 18px; }


.main_content { margin: 0 20px; }

.left_col { float: left; width: 240px; min-height: 200px; }

.content_col { margin-left: 240px; min-height: 500px; position: relative; xxbackground: url(/images/ptitcref/content_bg.gif) left top no-repeat; }


.menu_block { height: 500px; background: #e9ec41; }

.menu_block a, .menu_block a:visited { text-decoration: none; font-size: 16px; float: right; padding: 9px 15px; background: url(/images/ptitcref/menulink_hover_bg.gif) 300px center no-repeat; }

.menu_block a:hover { color: #91268f; xxtext-decoration: underline; background: url(/images/ptitcref/menulink_hover_bg.gif) left center no-repeat; }

.left_col .menu_block a.active { color: #fff; text-decoration: none; background: url(/images/ptitcref/menulink_bg.gif) left center no-repeat; }

.menu_block ul { list-style: none; text-align: right; padding-top: 25px; }

.menu_block ul li { clear: both; }


#classics_container { height: 500px; overflow: hidden; position: relative; }

* html #classics_container { left: -3px; } /*ie6*/

.classics { height: 500px; background: #e9ec41 url(/images/ptitcref/classics_bg.gif) left top no-repeat; z-index: 1000; overflow: hidden; }

.map_container { position: relative; }
.cell_1 { position: absolute; top: 401px; left: 511px; z-index: 200; }
.cell_2 { position: absolute; top: 382px; left: 454px; z-index: 200; }
.cell_3 { position: absolute; top: 363px; left: 397px; z-index: 200; }
.cell_4 { position: absolute; top: 334px; left: 311px; z-index: 200; }
.cell_5 { position: absolute; top: 325px; left: 282px; z-index: 200; }
.cell_6 { position: absolute; top: 296px; left: 196px; z-index: 200; }
.cell_7 { position: absolute; top: 286px; left: 166px; z-index: 200; }
.cell_8 { position: absolute; top: 256px; left: 85px; z-index: 200; }
.cell_9 { position: absolute; top: 249px; left: 59px; z-index: 200; }
.cell_1, .cell_2, .cell_3, .cell_4, .cell_5, .cell_6, .cell_7, .cell_8, .cell_9 { display: none; } 

#open_btn { position: absolute; bottom: 15px; right: 0px; height: 36px; width: 22px; cursor:pointer; }

#close_btn { display: none; position: absolute; bottom: 15px; right: 0px; height: 36px; width: 22px; cursor:pointer; z-index:500 }


.frontpage_news { margin: 0 50px; margin-top: 25px; xxmin-height: 100px; }

.title_rounded { float: left; background: url(/images/ptitcref/h2_left_bg.gif) left center no-repeat; }

.title_rounded  h2 { font-size: 16px; color: #fff; font-weight: normal; padding: 9px 20px; background: url(/images/ptitcref/h2_right_bg.gif) right center no-repeat; }

.frontpage_news_block { width: 830px; xxmin-height: 100px; margin-top: 15px; margin-left: 20px; }


#navibar { padding:10px; }

#navibar a:hover { color: #000 }


.content_container { padding: 0px 20px 50px 20px; }

.content_container h1 { margin-top: 15px; padding-bottom: 5px; color: #91268f; font-size: 18px; }

.content_container h2 { margin-top: 10px; font-size: 16px; }

.content_container h3 { margin-top: 10px; font-size: 16px; font-weight: normal; }

.content_container p { margin: 5px 0; }

.content_container ul { margin: 5px 0; margin-left: 15px; list-style-position: inside; }

.content_container q { display: block; margin: 15px 0; padding: 5px 10px; font-size: 12px; font-style: italic; color: #777; border-left: #e9ec41 solid 3px; }

.content_container img { padding: 10px }


table {	border-collapse: collapse;	width: 100%; margin: 10px 0; text-align: left; }

th { background: #91268f; color: #fff; font-weight: bold; padding: 5px 0; text-align: center; border-right: 1px solid #fff; line-height: normal; }

td { padding: 3px; border-bottom: 1px solid #e9ec41; vertical-align: center; }

td * { padding: 3px; }

tr.alt td {	background: #fafff3; }

tr.over td { background: #e9ec41; color: #000; }


.img_preview { float: left; margin-left: 12px; margin-top: 15px; text-align: center; }

.img_preview a img { border: 3px solid #fff; display: block; padding: 2px; }

.img_preview a:hover img { border: 3px solid #e9ec41; }


.banners { margin: 5px 15px; margin-top: 25px; }

.banners div { float: left; width: 33.3%; text-align: center; }


.footer { width: 920px; height: 115px; margin: 0 auto; margin-top: 20px; font-size: 12px; line-height: 15px; text-align: left; color: #fff; background: #91268f; }

.footer_inner { padding: 15px 20px; }

.footer_block { float: left; width: 25%; }

.footer_block img { padding-bottom: 5px; }


.footer strong { display: inline-block; font-size: 110%; margin-bottom: 3px; color: #e9ec41; }

.footer a { color: #fff; }

.footer a:hover { color: #e9ec41; }


.copyright { color: #ccc; text-align: center; font-size: 11px; margin-top: 10px; padding-bottom: 10px; }


#tooltip { position: absolute; z-index: 3000; border: 4px solid #91268f; background-color: #fff; padding: 5px; font-style:italic; color: #91268f; text-align: center }

#tooltip h3, #tooltip div { margin: 0; font-size: 16px }