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

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=latin,latin-ext);

body { background: #ffffff; margin: 0px; line-height: 170%; font-size: 15px; color: #2f2f2f; font-family: 'Ubuntu', sans-serif; font-weight: 400 }
header, footer, section, article { display: block }
h2 { margin: 0; padding: 15px 0; font-size: 30px; color: #2f2f2f; line-height: 120%; text-transform: uppercase; text-align: left; font-weight: 700; }
h3 { margin: 0; padding: 0 0 10px 0; font-size: 15px; color: #2f2f2f; line-height: 120%; text-transform: uppercase; font-weight: 700; }
p { margin: 0; padding: 0 0 15px 0; }
a { color: #2f2f2f }
img { border: none }
ul, ol { margin: 0 0 15px 0 }

#wrapper { width: 750px; margin: 0 auto; padding: 20px 0; position: relative }
.cleaner { clear: both }
.space { height: 30px }
.hidden { display: none }

.links { position: absolute; top: 7px; right: 2px; font-size: 11px }

.spermik { display: block; width: 61px; height: 70px; float: left; margin: 0 10px; background: url('../images/alkastream/spermik.png') no-repeat }

.pagination { list-style: none; margin: 0; padding: 0; width: 100%; height: 93px }
.pagination li { float: left; width: 85px; height: 75px; margin: 18px 6px 0 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url('../images/header.png') repeat-x }
.pagination li a { display: block; padding: 11px 0; }
.pagination li span { display: block; margin: 0 auto; height: 46px; background: url('../images/icons.png') no-repeat }
.pagination li.water span { width: 45px; background-position: 0 -62px }
.pagination li.fire span { width: 30px; background-position: -46px -62px }
.pagination li.car span { width: 44px; background-position: -78px -62px }
.pagination li.cart span { width: 40px; background-position: -132px -62px }
.pagination li.post span { width: 38px; background-position: -177px -62px }
.pagination li.current { width: 115px; height: 93px; margin-top: 0 }
.pagination li.current.water { background: url('../images/header_water.png') repeat-x }
.pagination li.current.fire { background: url('../images/header_fire.png') repeat-x }
.pagination li.current.car { background: url('../images/header_car.png') repeat-x }
.pagination li.current.cart { background: url('../images/header_cart.png') repeat-x }
.pagination li.current.post { background: url('../images/header_post.png') repeat-x }
.pagination li.current.water span { width: 55px; height: 62px; background-position: 0 -110px }
.pagination li.current.fire span { width: 44px; height: 62px; background-position: -56px -110px }
.pagination li.current.car span { width: 66px; height: 62px; background-position: -101px -110px }
.pagination li.current.cart span { width: 64px; height: 62px; background-position: -178px -110px }
.pagination li.current.post span { width: 64px; height: 62px; background-position: -243px -110px }
.pagination li.last { width: 264px; margin-right: 0; padding-top: 26px }
.pagination li.last span { width: 221px; height: 23px; }

.next, .prev { position: absolute; top: 425px; display: block; width: 40px; height: 72px; background: url('../images/icons.png') -362px 0 no-repeat }
.prev { left: -90px }
.next { right: -90px; background-position: -362px -72px }

.slides_container { width: 750px; display: none; }
.slides_container .slide { width: 750px; height: 530px; display: block; text-align: justify; position: relative }
.slides_container .slide .main-img { float: right; display: block; margin: 10px 0 15px 50px }
.slides_container .slide .slide_content { padding-bottom: 174px }
.slides_container .slide a { font-weight: 700 }

#boxes { width: 100%; height: 152px; position: absolute; left: 0; bottom: 16px }
.box { float: left; width: 150px; padding: 20px 35px; height: 110px; margin-right: 16px; border: 1px solid #f2f2f2; font-size: 14px; font-weight: 700; line-height: 140%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url('../images/box.png') bottom repeat-x }
.box p { padding-bottom: 5px }
.box a { text-decoration: none }
.box1 { text-align: left; width: 202px }
.box2 { text-align: center; }
.box3 { text-align: center; margin-right: 0; }

footer h2 { padding: 9px 20px; cursor: pointer; position: relative; line-height: 24px; font-size: 14px; color: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: url('../images/footer.png') repeat-x }
footer h2 .arrow { display: block; position: absolute; top: 9px; right: 20px; width: 16px; height: 24px; background: url('../images/icons.png') -361px -145px no-repeat }
footer h2 .arrow.active { width: 24px; height: 16px; top: 13px; background-position: -378px -145px }
#contact { display: none; padding: 25px 21px 0 21px; text-transform: uppercase; font-size: 13px }
#contact p { width: 250px; float: left; }
#contact p.last { text-align: right; width: 200px }
#contact a { font-weight: bold; text-decoration: none }
#copyright { padding-top: 10px; text-align: right; font-size: 12px; }