/* banner */

.banner { font-size: 110%; width: 690px; height: 100px; margin: 0 0 10px; padding: 0; position: relative; }
.banner img.head { width: 690px; height: 100px; margin: 0; padding: 0; display: block; }
.banner span.arrow { width: 40px; height: 40px; overflow: hidden; text-indent: -100em; margin: 0; padding: 0; position: absolute; z-index: 9; bottom: 6px; right: 6px; }
.banner span.arrow img { height: 40px; margin: 0; padding: 0; position: absolute; z-index: 9; top: 0; left: 0; right: auto; }
.banner:hover span.arrow img { left: auto; right: 0; }

/* hp-spot */
.hp-spot { height: 184px; margin: 0; padding: 0; position: relative; }
.hp-spot .l { float: left; width: 102px; height: 184px; }
.hp-spot .r { float: right; width: 223px; height: 184px; }
.hp-spot .l img { margin: 5px 5px 0; width: 92px; height: 143px; }
.hp-spot .l span { padding: 2px 5px 5px; color: #fff; font-size: 10px; line-height: 12px; text-align: center; display: block; }
.hp-spot .l span strong { font-weight: normal; }
.hp-spot h3 { margin: 0; padding: 0; }
.hp-spot .arrow { position: absolute; right: 0; bottom: 0; width: 28px; height: 36px; background: url(../../content/img/arrow-big.gif) no-repeat 50% 50%; overflow: hidden; text-indent: -30em; display: block; z-index: 999; }

/* simpleslider.r3p */

.r3p { width: 340px; height: 160px; background: #fff none !important; position: relative; }
.r3p .head { width: 338px; color: #444; font-weight: bold; text-indent: 0; font-size: 14px; padding: 4px 0; margin: 0; height: 18px; background-color: #fff; font-family: arial, 'segoe ui' ,helvetica, sans-serif; }
.r3p .head span { padding: 0 8px; line-height: 18px; height: 18px; font-weight: bold; margin: 0; color: #444; }
.r3p ul.monitor { background-color: transparent; width: 60px; position: absolute; top: 6px; right: 18px; margin: 0; padding: 0; height: 13px; list-style-type: none; border: 0; height: 13px; display: block; z-index: 20; }
.r3p ul.monitor li { border: 1px solid #bbb; background-color: transparent; width: 7px; height: 7px; line-height: 7px; font-weight: bold; font-size: 7px; float: left; display: block; margin: 0 1px 0 0; padding: 0; text-align: center; cursor: pointer; overflow: hidden; text-indent: -20em; }
.r3p ul.monitor li:hover { }
.r3p ul.monitor li.active { background-color: #ddd; }
.r3p div.btn { background-color: transparent; margin: 0; border: 0; position: absolute; top: 5px; right: 3px; z-index: 999; background: url(../../content/img/global-icons.gif) no-repeat; width: 15px; height: 11px; line-height: 13px; overflow: hidden; text-indent: -80em; cursor: pointer; }
.r3p div.btn.play { background-position: -15px -81px; }
.r3p div.btn.pause { background-position: -1px -81px; }
.r3p div.btn.play:hover { background-position: -15px -93px; }
.r3p div.btn.pause:hover { background-position: -1px -93px; }
.r3p .simpleslider { width: 338px; height: 136px; margin: -2px 0 0 !important; padding: 0; position: relative; }
.r3p .simpleslider .child { position: relative; width: 338px; height: 136px; border: 0; margin: 0; padding: 0; background: transparent none; line-height: 1.2; font-size: 100%; }
.r3p .simpleslider .child h2 { padding: 1em 0 0 1.5em; font-size: 130%; line-height: 1.2; font-weight: bold; color: #888; text-transform: lowercase; font-style: italic; }
.r3p .simpleslider .child h2 span { padding: .15em 0 0 3em; font-size: 32px; font-weight: bold; color: #bbb; display: block; font-style: italic; }
.r3p .simpleslider .child h2 span strong { color: #36c; font-style: normal; text-transform: uppercase; }
.r3p .simpleslider .child img.cv { border: 1px solid #bbb; float: left; height: 124px; margin: 0 10px 0 0; }
.r3p .simpleslider .child a span { display: block; margin: .4em 0 .6em 6px; padding: 0; font-size: 15px; }
.r3p .simpleslider .child a em { font-style: italic; text-transform: none; }
.r3p .simpleslider .child p { margin: 6px; height: 124px; }
.r3p .simpleslider .child p span.meta { display: block; margin: 6px 0 0; }

.r3p { border-color: #B0CB9E !important; }
.r3p .head { background-color: #EAF8E9; }
.r3p .head span { color: #3F7427; }
.r3p .simpleslider .child img.cv { border-color: #B0CB9E; }
.r3p .simpleslider .child h2 { color: #8eb87c; }
.r3p .simpleslider .child h2 span { color: #b5cfa9; }
.r3p .simpleslider .child h2 span strong { color: #467236; }
.r3p ul.monitor li { border-color: #aad09b; }
.r3p ul.monitor li.active { background-color: #BBE8B9; }

.r3p.js ul.monitor { top: 7px; right: 30px; }
.r3p.js ul.monitor li { background-color: #c7d1bc; width: 8px; height: 8px; line-height: 8px; font-size: 8px; margin: 1px; }
.r3p.js ul.monitor li.active { background-color: #339933; }
.r3p.js ul.monitor li { border: 0 !important; }

.r3p { height: 180px; }
.r3p .simpleslider { height: 156px; }
.r3p .simpleslider .child { height: 156px; }



/* simpleslider.r2p 
.r2p { width: 328px; border: 0 !important; height: 140px; position: relative; overflow: hidden; }
*/

.r2p .head { color: #444; font-weight: bold; text-indent: 0; font-size: 14px; padding: 4px 0; margin: 0; font-family: arial, 'segoe ui' ,helvetica, sans-serif; }
.r2p .head span { padding: 0 8px; line-height: 18px; height: 18px; font-weight: bold; margin: 0;  }

/*
*/
.r2p ul.monitor { background-color: transparent; width: 60px; position: absolute; top: 6px; right: 18px; margin: 0; padding: 0; height: 13px; list-style-type: none; border: 0; height: 13px; display: block; z-index: 20; }
.r2p ul.monitor li { border: 1px solid #bbb; background-color: transparent; width: 7px; height: 7px; line-height: 7px; font-weight: bold; font-size: 7px; float: left; display: block; margin: 0 1px 0 0; padding: 0; text-align: center; cursor: pointer; overflow: hidden; text-indent: -20em; }
.r2p ul.monitor li:hover { }
.r2p ul.monitor li.active { background-color: #ddd; }
.r2p div.btn { background-color: transparent; margin: 0; border: 0; position: absolute; top: 5px; right: 3px; z-index: 999; background: url(../../content/img/global-icons.gif) no-repeat; width: 15px; height: 11px; line-height: 13px; overflow: hidden; text-indent: -80em; cursor: pointer; }
.r2p div.btn.play { background-position: -15px -81px; }
.r2p div.btn.pause { background-position: -1px -81px; }
.r2p div.btn.play:hover { background-position: -15px -93px; }
.r2p div.btn.pause:hover { background-position: -1px -93px; }

.r2p .simpleslider { margin: -2px 0 0 !important; padding: 0; position: relative; }
.r2p .simpleslider .child { position: relative;   border: 0; margin: 0; padding: 0; background: transparent none; line-height: 1.2; font-size: 100%; }
.r2p .simpleslider .child h2 { padding: 1.8em 1.5em 0; font-size: 110%; line-height: 1.2; font-weight: normal; color: #888; font-style: italic; }
.r2p .simpleslider .child img.cv { border: 1px solid #bbb; float: left; height: 124px; margin: 0 10px 0 0; }
.r2p .simpleslider .child a span { display: block; margin: 0 0 .4em 6px; padding: 0; font-size: 15px; }
.r2p .simpleslider .child a em { font-style: italic; text-transform: none; }
.r2p .simpleslider .child p { margin: 6px; height: 124px; }
.r2p .simpleslider .child p span.meta { display: block; margin: 6px 0 0; }

.r2p .simpleslider .child img.cv { border-color: #B0CB9E; }
.r2p .simpleslider .child h2 { color: #555; }
.r2p .simpleslider .child h2 span { color: #e80; }
.r2p ul.monitor li { border-color: #6C9BEA; }
.r2p ul.monitor li.active { background-color: #5E9BDF; }

.r2p.js ul.monitor { top: 7px; right: 30px; }
.r2p.js ul.monitor li { background-color: #DDE3D7; width: 8px; height: 8px; line-height: 8px; font-size: 8px; margin: 1px; }
.r2p.js ul.monitor li.active { background-color: #5E9BDF; }
.r2p.js ul.monitor li { border: 0 !important; }

.r2p { height: 170px; width: 100%; background-color: #F7F8F5; }
.r2p .head { height: 18px; width: 100%; color: #777; }
.r2p .head span {  color: #2D5B8A;  }
.r2p .simpleslider { height: 148px;  width: 100%;}
.r2p .simpleslider .child { height: 148px;  width: 100%;}