@charset "UTF-8";

/* ALEXAMI CSS 1.0. - 13.10.2012, IZDELAVA: 1A INTERNET -------------------------------------------------------*/
/* Zadnji popravek: 13-10-2012 */

@import url("normalize.css");
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);

/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address { display:block; }

* {margin:0; padding:0;}
body {font-family: arial, helvetica, sans-serif; font-size:12px;}
img {border:0;}
.spacer{width:100%; height:0; clear:both}
header, footer { width:100%; clear:both; padding:0; margin:0; }

h1, h2, h3 {font-weight:normal;}
h2 {font-size:20px; color:#b8d500; padding-bottom:12px;}
h3 {font-size:18px; color:#b8d500;}
h4 {font-size:16px; color:#b8d500;}
h5 {font-size:16px; color:#8d8d8d; font-family: 'Open Sans', sans-serif; font-weight:normal;}
.title1 {font-size:18px; color:#b8d500;}

/* Header */
header {width:100%; height:98px;}
header .logo {float:left; margin:12px 0 0 0;}
header nav {float:right;font-family: 'Open Sans', sans-serif; margin-top:5px;}
header nav li {float:left; list-style:none; margin-left:20px;}
header nav li a {float:left; color:#8d8d8d; text-decoration:none; }
header nav li a:hover {color:#4d4d4d;}
header nav li.selected a {color:#4d4d4d;}

.urls {float:right; width:700px; height:19px; padding-top:2px; text-align:right;}
.urls a {color:#8d8d8d; text-decoration:none; font-family: 'Open Sans', sans-serif; margin-left:18px;}
.urls a:hover {color:#4d4d4d;}

.menutop {float:right; height:28px;margin-top:8px; margin-bottom:6px;}
.menutop a:hover {text-decoration:none;}
.mt1 {float:left; color: #CCC; padding-top:8px;} .mt1 a {padding:0 5px; color: #666;}
.mt3 {float:left; color: #CCC; padding:8px 20px 3px 40px;  background:transparent url('images/dingbats_orders.gif') no-repeat scroll 14px top;}
.mt3 a {padding:0 5px; color: #B8D500;}
.search {float:left; padding-top:6px; margin-left:5px;}
.srch {float:left; width:108px; border: solid 1px #BBB; padding: 2px;}
.bt {float:left; width:20px; height:21px; background:transparent url('images/button_search.gif') no-repeat; border:none; margin-left:7px;}

/* Main Body */
.wrapper {width:100%; background:transparent url('http://www.alexami.com/images/top-bg.png') no-repeat scroll center top;}
.wrapper2 {width:100%; background:transparent url('http://www.alexami.com/images/inner-bg.jpg') no-repeat scroll center top;}
#wrap {margin: 0 auto; width: 970px;}

.slider {width:100%; height:342px;}

.fr {position:absolute; margin: -81px 0 0 -531px;}
.slika {float:right; width:10px;}

#main {width:100%; color:#807f83;}
#main p {line-height:16px;}
#main .item-1 {float:left; width:293px; padding:42px 20px 0 0;}
#main .item-2 {float:left; width:290px; padding:42px 22px 0 22px; border-left:1px #f9f9f9 solid; border-right:1px #f9f9f9 solid;}
#main .item-3 {float:left; width:321px;}
#main .item-3-top {float:left; width:299px; padding:42px 0 10px 22px; border-bottom:1px #f9f9f9 solid;}
#main .item-3-bot {float:left; width:299px; padding:10px 0 0 22px;}
#main .item-3-top .subscribe {width:299px; margin-top:10px;}
#main .item-3-top .subscribe h4 {float:left;}
#main .item-3-top .subscribe .inp {width:180px; height:20px; border:1px #e6e6e6 solid; margin-left:10px;}
#main .item-3-top .subscribe .but {float:right; width:95px; height:28px; background:transparent url('images/subscribe.jpg') no-repeat; border:none; margin:5px 31px 0 0; cursor:pointer;}
#main .item-3-top .subscribe input:focus {outline-color:#c1d82f;}

#main .item-3-top1 {float:left; width:299px; padding:12px 0 10px 22px; border-bottom:1px #f9f9f9 solid;}
#main .item-3-top1 .subscribe {width:299px; margin-top:10px;}
#main .item-3-top1 .subscribe h4 {float:left;}
#main .item-3-top1 .subscribe .inp {width:180px; height:20px; border:1px #e6e6e6 solid; margin-left:10px;}
#main .item-3-top1 .subscribe .but {float:right; width:95px; height:28px; background:transparent url('images/subscribe.jpg') no-repeat; border:none; margin:5px 31px 0 0; cursor:pointer;}
#main .item-3-top1 .subscribe input:focus {outline-color:#c1d82f;}
.country {width:293px; padding-bottom:12px;}
.video {margin-top:20px;}
.green {color:#c1d82f;}
.flag {margin:3px 5px 0 0; float:left;}

.image-1 {background:transparent url('http://www.alexami.com/images/image-1.jpg') no-repeat scroll right top;}
#main .breadchrumb {float:left; width:100%; margin-top:30px; padding-bottom:36px;}
#main .breadchrumb a {text-decoration:none; color:#807f83;}
#main .breadchrumb a:hover {text-decoration:underline;}

#main .cont-1 {float:left; width:960px; line-height:18px;}
#main .breadchrumb2 {float:left; width:100%; margin-top:35px; padding-bottom:20px;}
#main .breadchrumb2 a {color:#c1d82f; text-decoration:none;}
#main .breadchrumb2 a:hover {text-decoration:underline;}

#main .breadchrumb3 {float:left; width:300px; margin-top:35px; padding-bottom:20px;margin-right:20px;text-align:center;}
#main .breadchrumb3 a {color:#c1d82f; text-decoration:none;}
#main .breadchrumb3 a:hover {text-decoration:underline;}

#main .content {width:100%;}
#main .content-left {float:left; width:470px;padding-bottom:120px;}
#main .content-right {float:right; width:490px;}
#main .content-right h2 {margin-left:20px;}
#main .content-right p {margin-left:20px; padding-bottom:20px;}
#main .content-right ul {margin-left:36px;}
#main .table-1 {width:100%; color:#333333; font-size:11px; line-height:18px;}

.table-2 {width:960px; color:#333333; font-size:11px; line-height:18px; border-top:1px #c1d82f solid!important; border-bottom:1px #c1d82f solid!important; margin-left:56px;}
.table-2 tr td {padding:12px 0px;}
.table-2 tr td ul li {list-style:none; padding-bottom:2px;}
.table-2 tr td ul li a {text-decoration:none; color:#8d8d8d;}
.table-2 tr td ul li a:hover {text-decoration:underline;}
.contact-more a {color: #B8D500;text-decoration:underline;}
.contact-more a:hover {color: #B8D500;text-decoration:none;}

#main .tp75 {margin-top:25px;}

.leftmenu {float:left; width:202px; font-family: "Century Gothic";}
.sma {font-size:18px;padding-bottom:10px;}
.leftmenu nav ul li {list-style:none; font-size: 11px;}
.leftmenu nav ul li a {text-decoration:none; color:#999999;}
.leftmenu nav ul li a b {color:#333333;}
.leftmenu nav ul li a:hover b {color:#B8D500;}
.leftmenu nav ul li a:hover {color:#B8D500;}
.leftmenu nav ul li.active a b {color:#B8D500;}
.leftmenu nav ul li.active a {color:#B8D500;}

.content2 {float:right; width:668px; margin-top: -50px;}
.tab {width:100%; border-top:1px #f9f9f9 solid; border-bottom:1px #ededed solid; margin-top:10px; padding:10px 0; font-family: "Century Gothic";}
.tab b {color:#333333;}
.tabimg {float:left; margin-right:25px;}
.gre {color:#B8D500; font-family: "Century Gothic";}
.dg {color:#7f7f7f!important;}
.dg1 {color:#7f7f7f!important;;width:180px;float:left;font-family: "Century Gothic";font-size:16px;}
.dg1-p {color:#7f7f7f; width:180px;float:left;}


/* Footer */
#footer {width:100%; height:414px; background:transparent url('images/footer.jpg') repeat-x; margin-top:55px;}
footer {margin:0 auto; width:970px;}

footer .foot1 {float:left; width:192px; margin:52px 0 0 0;}
footer .foot2 {float:left; width:192px; margin:52px 0 0 0;}
footer .foot3 {float:left; width:136px; margin:52px 0 0 0; border-right:1px #efefef solid;}
footer .foot4 {float:left; width:200px; margin:48px 0 0 60px;}
footer .foot5 {float:left; width:189px; margin:52px 0 0 0;}

footer .footertop ul {margin:7px 0 25px 0;}
footer .footertop ul li {list-style:none; padding-bottom:4px;}
footer .footertop ul li a {color:#8d8d8d; font-size:11px; line-height:14px; text-decoration:none; font-family: verdana, arial, helvetica, sans-serif;}
footer .footertop ul li a:hover {text-decoration:underline;}

footer .footertop {width:100%; height:303px;}
footer .footerbootom {width:100%; height:111px;}

footer .fmenu {float:left; width:611px; margin-top:44px; height:36px;}
footer .footerbootom ul li {float:left; list-style:none; margin-right:16px;}
footer .footerbootom ul li a {float:left; text-decoration:underline; font-size:11px; color:#8d8d8d;}
footer .copy {float:left; width:100%; font-size:10px; color:#8d8d8d; margin-top:10px;}
footer .copy a {text-decoration:none; color:#8d8d8d;}
footer .copy a:hover {text-decoration:none;}
footer .social {float:right; margin-top:36px;}
footer .social img {margin-left:10px;}
footer .paypal {margin-top:-8px; margin-left:20px;}

footer select {border: solid 1px #bbb; padding: 2px; background: #fff; font-family: verdana, arial, helvetica, sans-serif; color: #666; font-size: 11px;}

.nastevanje {margin-left:20px;}

.coda-nav-left a {width:46px!important; height:46px!important; background:transparent url('http://www.alexami.com/images/left.gif') no-repeat!important; margin-top: 255px;}
.coda-nav-right a {width:46px!important; height:46px!important; background:transparent url('http://www.alexami.com/images/right.gif') no-repeat!important; margin-top: 255px;}
.table-2 {position: absolute; top: 610px; z-index:100000}

.coda-nav ul {width:960px!important; float:left; margin-left:12px!important;}
.coda-nav ul li {width:240px; float:left; list-style:none; padding-bottom:3px;}
.coda-nav ul li a {text-decoration:none; color:#8d8d8d;}
.coda-nav ul li a:hover {text-decoration:underline;}

.slikadesna {float:right; margin:-80px -10px 0 0;margin-left:20px;}
.slikadesna1 {float:right; margin:-30px -10px 0 0;margin-left:20px;}
.shop {margin:0 20px 0 10px;}
.media {float:left; height:330px; width:180px; margin-top:20px; margin-right:10px;text-align:center;}
.video-play {width: 178px;height:140px;padding-top:30px;color : #9c9c9c;font-size: 12px;font-family: Arial, Helvetica, sans-serif;line-height: 20px;text-align:center;float:left;margin-right:20px;}
.link-video {font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration : none;color : #9c9c9c;}
.link-video:hover	{color : #9c9c9c;text-decoration:underline;}
a.link-color {width:118px;font-size: 12px;font-family :  AvantGarde Md BT, Tahoma, Verdana, Helvetica, Arial;text-decoration : none;color : #000;display:block;float:left;border:1px solid #bcbcbc;text-align:center;margin-right:4px;}
a.link-color:hover	{color : #000;background-color: #bcbcbc;}

#playlist2 {float: left; width:500px; margin-top:10px;margin-left:10px;}
#playlist2 tbody tr.top td {width:120px; text-align:center; color: #666769; font-size: 11px; font-family : AvantGarde Md BT, Tahoma, Verdana, Helvetica, Arial;}

#playlist3 {float: left; width:500px; margin-top:-10px;margin-left:10px;}
#playlist3 tbody tr.top td {width:120px; text-align:center; color: #666769; font-size: 11px; font-family : AvantGarde Md BT, Tahoma, Verdana, Helvetica, Arial;}

.paypal {margin:10px 0 0 0;}
.contactlevo {width:300px;float:left;}

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

.break { clear:both; }

/* Slider */
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:340px; position:absolute; }
#headertxt { margin:0 auto; width:960px; height:340px;}
.pictured a {float:left; width:960px; height:340px; color:transparent;}

.kontakt {float: right; width: 612px;}

.ul-left {line-height:16px;}