@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Helvetica, sans-serif; color: #222; }
body { margin: 0; font-size: 1em; }

::-moz-selection { background: #EE469A; color: #fff; text-shadow: none; }
::selection { background: #EE469A; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; font-size:137%; font-style:italic; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/*_________LESS Vars__________*/
@standard-margin: 20px;
@big-margin: @standard-margin + 10;
@nicefont: 'Lato', sans-serif;
@normaldark: #333;


/**************___custom___*****************/

/*html { background: url(../img/background1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/
/**/
html, body { width:100%; height:100%; background:#194466;}
.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}
P { padding:0; margin:0 0 15px 0;}
P, .tekst, .mainContent TD, .mainContent .td { line-height:1.5em;}
H1 { margin-top:0; font-size:200%; font-family:  Helvetica/*'Scada'*/, sans-serif; font-weight: 700; line-height:1.1em;}
H2 { line-height:1.1em;}
H3 { margin-bottom:0.1em; line-height:1.1em;}
body { /*background-image:url(../img/indoors_2013b.jpg); background-position:top left; background-repeat:no-repeat;*/}
IMG.bg { /*min-height:100%; min-width:1024px;*/	width:100%;	height:auto; position:absolute; /*position:fixed;*/ top:0; left:0;}
.indikator { position:absolute; top:0; left:0; z-index:800;}
#wrapper { }

/*sidebar*/
#sidebar { background:#FFF; bottom:0; left:0; padding:108px 0 0 0; position:fixed; top:0; width:5%; min-width:140px; z-index:100; color:#000;}
UL#mainNav { margin:0; padding:0; text-align:right; font-size:110%;}
UL#mainNav LI { margin:0; padding:0; list-style:none;}
UL#mainNav LI A, UL#mainNav LI SPAN { color:#939597; text-decoration:none; white-space:nowrap; font-family: 'Scada', sans-serif; font-weight: 400; display:block; padding:3px 10px 3px 0;}
/*UL#mainNav LI.down A LI A { color:#939597;}*/
UL#mainNav LI A:hover, UL#mainNav LI A.selected, UL#mainNav LI.down > A, UL#mainNav LI.collapsable SPAN, UL#mainNav LI SPAN:hover { color:#00ADEF;}
UL#mainNav LI A.selected { background:none;}
UL#mainNav LI LI A.selected, UL#mainNav LI LI A.selected:hover { color:#FEEF01;}
#mainNav UL {display:none;margin:0;padding:0;}
#mainNav .sub-menu { /*background:#F4F4F4;*/ background:#00A2E5;}
#mainNav .sub-menu li:last-of-type { border-bottom:1px dashed #939597;}
UL#mainNav .sub-menu A { color:#FFF;}
UL#mainNav .sub-menu A:hover {color:#EFEFEF;}

#sidebar select.select-menu { display: none;}

.topspin { position:absolute; right:10px; bottom:10px;}

#secNavHolder { position: absolute; top:157px; left:982px; margin-bottom:20px;}
.inner #secNavHolder { top:130px;}
#secNavHolder UL.secNav { margin:0; padding:0;}
#secNavHolder UL.secNav LI { margin:5px 0; padding:0; list-style:none;}
#secNavHolder UL.secNav LI A { -moz-box-sizing:border-box; box-sizing:border-box; display:block; padding:13px 0 13px 9px; width:220px; text-decoration:none; color:#FFF; background:url(../img/sprite.png) left -108px no-repeat; font-size:128%; font-family: 'Scada', sans-serif; font-weight: 400;}
#secNavHolder UL.secNav LI A:hover { color:#FEEF01;}

#content {-moz-box-sizing: border-box; box-sizing:border-box; position: relative; /*padding:0 4.16667%;*/ padding:0; margin:0 auto; max-width:1200px;}


#logoHolder { position:relative; margin-left:140px;}
#logo { display:block; width:381px; padding:20px 0 55px 0; color:#FFF; text-decoration:none;}
.inner #logo { padding-bottom:27px;}
#logo IMG { width:100%; height:auto;}
#logo SPAN { display:block; padding-top:3px; font-size:84%;}
#atpLogo { display:block; position:absolute; top:17px; left:404px;}

#leftContent { margin-left:140px;}
.inner #leftContent { -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
#leftContent .mainContent { -moz-box-sizing:border-box; box-sizing:border-box; background:#FFF; padding:20px; width:78%; min-width:250px; margin-bottom:15px; font-size:90%;}
#leftContent .mainContent.noPadding { padding:0 20px 0 0;}
#leftContent.devided .mainContent { background:none; padding:0; width:77%; float:left;}
#leftContent.devided .sponsors { width:76%;}
#leftContent .mainContent IMG { margin:0 0 10px 0; width:100%;}
#leftContent .mainContent.presscorner IMG {border:1px solid #E8E9EB;}
#leftContent .mainContent .right IMG, #leftContent .mainContent .gallery IMG, #leftContent .mainContent .leftInner IMG { width:auto; height:auto;}
.mainContent A { color:#00A1E4;}
.textContent { -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:68%; padding:20px; background:#FFF;}
.menuContent { -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:250px; padding:20px 7px; background:#FFF; background:transparent; background: rgba(255,255,255,0.6);}
.lt-ie9 .menuContent { zoom:1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";}
.lt-ie8 .textContent { width:65%;}
.lt-ie8 .menuContent { width:250px;}

#leftContent .mainContent .left { width:65%; float:left;}
#leftContent .mainContent .right { width:240px; float:left; margin:50px 0 0 30px;}
#leftContent .mainContent .right.extraTop { margin-top:51px;}
#leftContent .mainContent .right.extraLeft { margin-left:10px; width:260px;}
#leftContent .mainContent .right H2 { font-size:1em;}
.right .textBox { padding:10px; font-size:87%;}
.right .textBox H3 { color:#00ADEF; margin:0; padding:0;}
.grey { background:#E1E1E2;}
.stripped .textBox { padding:10px;}
.stripped .textBox H3, .stripped .textBox P { margin:0 0 5px 0; padding:0;}
.megaBox { width:260px; padding:15px 10px 15px 10px; margin-bottom:10px; font-size:120%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:130px;}
.megaBox.central { width:240px; height:373px; float:left;}
.leftInner { width:260px; float:left; margin-right:10px;}
.middleDynamic { width:240px; height:322px; float:left; overflow:hidden;}

.subHeader { -moz-box-sizing:border-box; box-sizing:border-box; height:29px;}
#rightContent { float:left; padding-top:21px;}
.box { -moz-box-sizing:border-box; box-sizing:border-box; width:264px; float:left; margin-right:15px; padding-bottom:15px;}
.mediaBox { display:block; width:234px; height:146px; background:#CCC url(../img/O2_placeholder.png) left top no-repeat; margin-bottom:30px;}
.flexslider IFRAME { margin-bottom:30px;}
.box .content { background-image:url(../img/sprite.png); background-position:right 176px; background-repeat:no-repeat; padding:15px; min-height:478px;}
.box.b1 .content { background-color:#FFF;}
.box.b2 .content, .yellowBox { background-color:#FEEF01;}
.box.b3 .content, .pinkBox { background-color:#EC2C8C;}
.blueBox { background:#00ADEE;}
.pinkBox, .blueBox { color:#FFF;}
.greenBox { background:#34AF69;}
.greenblueBox { background:#00AAAD;}
.box .boxTitle { display:block; width:150px; padding:5px 10px; background:url(../img/sprite.png) left top no-repeat; font-family: 'Scada', sans-serif; font-size:14px; font-weight:700; text-transform:uppercase;}
.box.b2 .boxTitle {background-position:left -31px;}
.box.b3 .boxTitle {background-position:left -62px; color:#FFF;}
.box .data A { text-decoration:none; color:#333; font-size:84%;}
.box .data .shortText { display:block; line-height:1.2em; font-size:84%;}
.box .data .shortText * { font-size:100%;}
.box .data .shortText A { text-decoration:underline;}
.box .data A.title { display:block; padding:0 0 2px 0; font-size:15px; text-transform:uppercase; font-family:  Helvetica/*'Scada'*/, sans-serif; font-weight: 700;}
.box .list { padding-top:10px;}
.box .list A, .carousel LI, .menuContent A { display:block; background:url(../img/sprite.png) -238px top no-repeat; padding:8px 0; font-size:80%; font-family: Helvetica/*'Scada'*/, sans-serif; font-weight: 700; text-decoration:none; color:#333; text-transform:uppercase;} 
.carousel LI { font-size:75%;}
.menuContent A { background-position:-238px 30px;}
.box.b3 .data A.title, .box.b3 .data .shortText, .box.b3 .list A, .box.b3 .carousel LI { color:#FFF;}
.box.b1 .carousel LI:hover, .box.b1 .carousel LI.flex-active-slide, .menuContent A:hover { background-color:#F7F7F7;}
.box.b2 .carousel LI:hover, .box.b2 .carousel LI.flex-active-slide, #carousel2 li.current { background-color:#FEF567;}
.box.b3 .carousel LI:hover, .box.b3 .carousel LI.flex-active-slide { background-color:#EE469A;}
.date { font-weight:normal; font-size:100%; display:block; float:right;}
.carousel LI{ float:none !important; cursor:pointer; width:235px !important;}
.flex-direction-nav { display:none !important;}
.slider, .carousel { width:234px; }
DIV.slider { margin-bottom:10px !important;}
.gallery { margin-bottom:50px;}
.gallery A { display:block; float:left; width:150px; height:150px; border:2px solid #333; margin:0 2px 2px 0;}
.sponsors { width:78%; position:relative; overflow:hidden; margin-bottom:20px;}
.sponsors .slides BR { display:none;}
.galleryList { margin-bottom:30px; background:#00A2E5; color:#FFF; padding:5px;}
.galleryList A { display:inline-block; padding-right:5px; font-size:110%; color:#FFF;}
.galleryList .title { font-weight:bold; font-size:110%;}
.sponsors .flex-control-nav { display:none;}
.sponsors .flex-direction-nav { display:block !important;}
.newsDate { display:block; padding-bottom:10px; font-size:12px;}

#slider2 a {display:block; width:234px; height:146px; overflow:hidden; position:relative;}
#slider2 .play {position:absolute; left:92px; top:47px; width:49px; height:49px; background:url(../img/play.png) left top no-repeat;}
#slider2 a img { margin-left:-43px;}
#carousel2 { margin-top:33px;}

/*________Rezultati_________*/

.tebelar .title { font-family: Helvetica/*'Scada'*/, sans-serif; font-weight: 400; font-size:150%; display:block; padding-bottom:10px;}
.tebelar.raspored .title { font-family:Helvetica, sans-serif; font-weight:normal; font-style:italic; background:#00AAAD; color:#FFF; padding:8px 3px; border-left:1px solid #FFF; border-right:1px solid #FFF; font-size:130%;}
.tebelar .title .dan { /*font-size:76%;*/}
.tebelar TABLE { width:100%; margin-bottom:30px;}
.tebelar.raspored TABLE { margin-bottom:0;}
.tebelar TABLE TH, .th { font-size:77%; font-weight:bold; text-align:left;}
.tebelar TABLE TH { background:#A8A9AD; border:1px solid #FFF; padding:5px;}
.tebelar.raspored TABLE TH { border-top:hidden;}
.tebelar TABLE TD { background:#E7E7E8; border:1px solid #FFF; padding:5px;}
.tebelar TABLE TH.noRightBorder, .tebelar TABLE TD.noRightBorder { border-right:hidden;}
.raspored H1 { margin-bottom:50px;}
.mainContent.raspored { position:relative;}

.tebelar .zemlja { /*font-size:71%; color:#666;*/}
.tebelar .oznaka { /*font-size:96%;*/}
.pdfDownload { padding-left:74px; background:url(../img/rasporedPDF.jpg) left top no-repeat; position:absolute; top:20px; right:20px; width:337px; height:62px;}
.pdfDownload A { display:block; color:#FFF; text-decoration:none; padding:8px 2px; width:160px; float:left; font-size:85%;}
.pdfDownload A:hover { text-decoration:underline;}

/*___Slider nav____*/

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.sponsors:hover .flex-next {opacity: 0.8; right: 5px;}
.sponsors:hover .flex-prev {opacity: 0.8; left: 5px;}
.sponsors:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav a {
    background: url(../img/bg_direction_nav.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
}

.flex-direction-nav .flex-disabled {
    cursor: default;
    opacity: 0.3 !important;
}
.flex-direction-nav .flex-prev {
    left: -36px;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}

/*________Igrači_________*/

.ui-tabs-hide { display:none;}
.tebelar #tabs UL, UL.tablica { display:table; border-collapse:collapse; width:90%}
UL.tablica { width:100%;}
.tebelar #tabs LI, UL.tablica LI { display:table-row;}
.tebelar #tabs A, .tebelar #tabs SPAN { display:table-cell; background:#F7F4F2; border:2px solid #FFF; padding:5px;}
UL.tablica LI SPAN.td { display:table-cell; padding:10px 5px;}
#leftContent .mainContent .igraci IMG { margin:0;}
#playersDetailsHolder SPAN.title { font-size:128%; line-height:100%; font-weight:bold; width:180px; display:block; padding-top:6px; min-height:42px; color:#FFF;}
#playerBioHeadShotCopy { display:none;}
.playerBioInfoList { font-size:87%; padding:15px 0; line-height:1.3em;}
.playerBioInfoList SPAN { font-weight:bold;}
#tabs.igraci, .playersDetailsHolder { }
.playerHolder { position:relative;}
.playerBioHeadShot { margin-bottom:40px;}
#playersDetailsHolder { width:240px;}

.playerBioInfoFlag IMG { margin:0 !important;}
.playerBioInfoFlag { position:absolute; right:0; top:0;}

.sponsorsMain IMG { width:auto !important; height:auto !important;}
.sponsorsMain LI { list-style:none; display:block; float:left; margin:0 25px 25px 0;}

.igraci A { display:block;}
.igraci UL { margin:0; padding:0;}
.igraci LI { list-style:none; display:block; float:left; margin:0; padding:0;}
.igraci A IMG { width:auto !important; height:auto !important;}
A.linknaATP { display:block; width:165px; height:48px; padding:15px 20px 0 55px; background:#00ADEE url(../img/sprite.png) 7px -313px no-repeat; color:#FFF; text-decoration:none; font-size:14px; margin:7px 0;}
A.prijavnaLista { display:block; width:165px; height:40px; padding:22px 20px 0 55px; background:#BDBEC1 url(../img/sprite.png) 4px -226px no-repeat; color:#000; text-decoration:none;  font-size:14px; margin:7px 0 20px 0;}

/*____________Razno_____________*/
#atpNavBar { position:relative; z-index:1000;}
#socialHolder { position:absolute; top:0; right:0; z-index:5000;}
#socialHolder A { display:block; width:26px; height:26px; overflow:hidden; text-indent:-9999px; float:left; background:url(../img/sprite.png) left -175px no-repeat; margin-right:3px;}
#socialHolder A.youtube { background-position:-59px -175px;}
#socialHolder A.twitter { background-position:-29px -175px;}

A.download { display:block; padding-bottom:5px;}
.blueText { color:#00ADEF;}
.banners { padding-top:2px;}

.photoLinks A { display:block; float:left; width:49%;}
.photoLinks A IMG { width:100%;}

.w30perc, .w30percReal { width:32% !important;}
.w70perc { width:65% !important;}
.rigth10Margin { margin-right:10px !important;}

A#langSelect { position:absolute; top:0px; right:125px; z-index:5001; text-decoration:none; color:#FFF; font-weight:bold; background:url(../img/sprite.png) left -174px no-repeat; display:block; height:26px; width:26px; overflow:hidden; text-indent:-9999px;}
A#langSelect.langEN { background-position:-119px -174px;}
A#langSelect.langHR { background-position:-89px -174px;;}
#leftContent .mainContent.povijest { background:#245870 url(../img/povijest.jpg) left bottom no-repeat; color:#FFF;}
.povijestText { width:282px; float:left; margin-right:20px; margin-bottom:300px;}
.cinjenice { padding-left:20px; width:462px; height:582px; margin-bottom:310px; border-left:1px dotted #FFF; float:left;}
.title.green { display:block; padding:5px 10px; width:100%; font-style:italic; font-weight:bold; font-size:137%; background:#00AAAD; color:#FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tebelar .cinjenice TABLE { margin-top:20px;}
.tebelar .cinjenice TABLE TD { background:none; border:0 none; border-top:1px solid #FFF;}
.tebelar .cinjenice TABLE TD.year { border:1px hidden;}

.cinjenice .title.green { padding-left:43px;}


.accList { display:block; float:left; position:relative; width:100px; height:134px; background:#75767b; text-align:center;}
.accList img { width:45% !important;}
.accList a { color:#fff; font-size:12px; line-height:13px; margin-bottom:10px;}
/*.accList span { position:absolute; left:2px; top:85px; width:96px; display:block; color:#FFF; text-align:center;}*/

.extraBox.povijest { width:240px; float:right;}
.zdrijebovi { padding:10px 0;}
A.greyLink, A.blueLink { color:#FFF; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:128%; display:inline-block; width:100%; height:49px; background:url(../img/sprite.png) right -475px no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:13px 10px;}
A.blueLink { background-position:right -410px;}
.zdrijebovi .expandHolder { background:#575759;}
.zdrijebovi .expandHolder A { display:block; float:left; padding:7px; color:#FFF; text-decoration:none;}
.zdrijebovi .expandHolder A:hover { text-decoration:underline;}

TABLE.pobjednici TH { padding-bottom:20px;}
TABLE.pobjednici TD { border:0 none !important; background:none !important;}
TABLE.pobjednici .even TD { background:#D5E9EE !important;}
TABLE.pobjednici .latest TD { font-weight:bold;}

IMG.auto { width:auto !important; height:auto !important;}

.halfLeft, .halfRight { width:48%; float:left;}
.halfLeft { margin-right:20px;}
TABLE.tickets { width:100%;}
TABLE.tickets TD { background:#E7E7E8; border:0 none; border-bottom:8px solid #FFF; vertical-align:top; line-height:1em; padding:15px 5px; font-size:90%;}
TABLE.tickets TD small { font-size:78%;}
TABLE.tickets TD.greenBorderRight { border-right:1px solid #00ACC2;}
.greenText { color:#00ACC2;}
.big { font-size:170%;}
.eventLine { color:#000; font-style:italic; font-weight:normal; font-size:90%; display:block; padding-top:5px;}

#leftContent .mainContent.mediacontact { background:#FFF100 url(../img/media_back.jpg) center bottom no-repeat; padding-bottom:299px;}
.mediacontact TABLE, TABLE.tripleTable { width:31.6%; margin-right:20px; float:left;}
.mediacontact TABLE.last, TABLE.tripleTable.last { margin-right:0;}
.mediacontact TABLE TH { background:#000; color:#FFF; font-weight:bold; border:0 none; font-size:90%;}
.mediacontact TABLE TD { background:#FFF100; color:#000; border:0 none; border-top:1px solid #000;}
.mediacontact TABLE TD A { color:#000; text-decoration:none;}

TABLE.tripleTable { margin-bottom:20px;}
TABLE.tripleTable TD { padding:5px; border-bottom:1px solid #FFF;}
TABLE.tripleTable TD A { text-decoration:none; color:#000;}

.greenBack { background:#00AAAD; font-style:italic; color:#FFF; font-weight:bold;}
.dgreyBack { background:#A8A9AD; font-weight:bold;}
.greyBack { background:#E7E7E8;}

.mainContent.hospitality { position: relative;}
P.flyBox { position:absolute; top:20px; right:20px; display:block; width:55%; font-size:79%;}

.presscorner .links a.download { background:#78CDD1; display:block; padding:8px; text-decoration:none; color:#FFF;}
.presscorner .links a.download.even { background:#00AAAD;}

.presscorner .halfRight { margin-top:33px;}
a.download.pbzLogo, a.download.atpLogo, a.download.topspinLogo { display:block; background:url(../img/press_znakovi_back.jpg) right top no-repeat; padding:22px 8px; color:#000; text-decoration:none; margin-bottom:5px;}
a.download.atpLogo { background-position:right -61px;}
a.download.topspinLogo { background-position:right -122px;}
#leftContent .mainContent.raspored TD {font-size:84%;}

/*________Formulari________*/

.botun { display:block; padding:10px; border:0 none; font-weight:bold; text-transform:uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:96.6% !important; text-align:left;}
#mc_embed_signup input.botun { border:0 none;}
#mc-embedded-subscribe { margin:5px 0 !important;}

.entryText { width:48%; float:left; margin-right:20px;}
.accGrupa { width:48%; height:150px; float:left;}
.accGrupa .ss-choice-item { float:left; width:88px;}
.accGrupa .ss-q-title { font-size:137%; font-weight:normal; font-style:italic;}
FIELDSET { width:48%; margin-right:20px; float:left; margin-bottom:10px !important;}
FIELDSET.last { margin-right:0;}
input[type="submit"] { width:44% !important; padding:1em 2em !important;}

/*________Gradients________*/

.blueGrad {
	background: #00AEEF; /* non-css3 browsers */
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AEEF', endColorstr='#1B5EA9'); /* IE */
  	background: -webkit-gradient(linear, left top, left bottom, from(#00AEEF), to(#1B5EA9)); /* webkit browsers */
  	background: -moz-linear-gradient(top,  #00AEEF,  #1B5EA9); /* firefox 3.6+ */	
	color:#FFF;
}


/**************__eof_custom___*****************/

@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

@media screen and (max-width: 1240px) {
	#leftContent .mainContent.mediacontact { background:#FFF100 url(../img/media_back_big.jpg) center bottom no-repeat; padding-bottom:398px;}
	.mediacontact TABLE { width:31.6%; margin-right:20px; float:left;}
	
}
@media screen and (max-width: 1225px) {
	.povijestText, .cinjenice { width:47%;}
	.cinjenice { height:auto; margin-bottom:200px;}
	
}
@media screen and (max-width: 1024px) {
	img.bg {
		/*left: 50%;
		margin-left: -512px;*/   /* 50% */
	}
	.leftInner { width:48%; margin-right:0; padding-right:10px;}
	.middleDynamic { width:50%; height:322px; float:left; overflow:hidden;}
	LI.fun { display:none;}
	
}
@media only screen and (max-width: 998px) {
	#leftContent .mainContent .left { width:60%;}
	#atpNavBar { display:none;}
	.middleDynamic { width:260px; margin-bottom:10px; float:left; overflow:hidden;}
	.megaBox.central { width:240px;}
	
}

/* prije bilo 898px */
@media only screen and (max-width: 920px) {
	#leftContent .mainContent .left { width:100%;}
	#leftContent .mainContent .right { width:100%; margin-left:0;}
	#leftContent .mainContent .right IMG { width:auto;}
	#logoHolder { margin-top:30px;}
	#playersDetailsHolder { padding-left:20px;}
	A.prijavnaLista { margin-left:20px;}
	
	#leftContent .mainContent .right.extraTop { margin-top:0;}
	#leftContent .mainContent .right.extraLeft { margin-left:0;}
	.right .megaBox { width:240px;}
	.povijestText, .cinjenice { width:45%;}
	.raspored H1 { margin-bottom:5px;}
	.pdfDownload { position:relative; margin-bottom:45px; margin-left:20px;}
	.halfLeft, .halfRight { width:100%; float:none;}
	.halfLeft { margin-right:0;}
	TABLE.tripleTable { width:90%; float:none;}
	P.flyBox { position:relative; top:auto; right:auto;  width:auto; font-size:83%; padding-bottom:10px;}
}
@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; }
	.photoLinks A { width:100%;}
	.w30perc { width:100% !important;}
	.w70perc { width:100% !important;}
	#leftContent .mainContent.povijest { background:#245870;}
	.povijestText, .cinjenice { width:100%; margin-bottom:40px;}
	.cinjenice { padding-left:0; border-left:0 none; height:auto; margin-bottom:0;}
	#leftContent .mainContent.mediacontact { background:#FFF100; padding-bottom:20px;}
	.mediacontact TABLE { width:90%; margin-right:0; float:none;}
	
	.entryText { width:auto; float:none; margin-right:0;}
	.accGrupa { width:auto; height:120px; float:none;}
	.accGrupa .ss-choice-item { float:left; width:88px;}
	.accGrupa .ss-q-title { font-size:137%; font-weight:normal; font-style:italic;}
	FIELDSET { width:100%; margin-right:0; float:none;}
	input[type="submit"] { width:100% !important;}
}
@media only screen and (max-width: 960px) {
	#leftContent .mainContent .menuContent, #leftContent .mainContent .textContent { width:97.5%; min-width:250px; height:auto !important;}
}
@media screen and (min-width: 580px) and (max-width: 1225px)  {	
	#content { margin:0 0 0 15px;}
	#secNavHolder, .inner #secNavHolder { position:relative; left:auto; top:auto; margin-left:140px; width:73%; z-index:500;}
	#leftContent { z-index:600;}
	#secNavHolder UL.secNav LI { float:left; margin-right:5px;}
	#leftContent .mainContent, .sponsors { width:98%;}
	#leftContent.devided .sponsors { width:98%;}
	#leftContent.devided .mainContent { width:100%;}
	
	
}
@media screen and (max-width: 720px)  {	
	.box .content { min-height:auto;}
}
@media screen and (max-width: 580px)  {	
	#content { margin:0 0 0 0;}
	#secNavHolder, .inner #secNavHolder { position:relative; left:auto; top:auto; margin-left:140px; width:73%; z-index:500;}
	#leftContent { z-index:600;}
	#leftContent, #logoHolder, #secNavHolder, .inner #secNavHolder { margin-left:0;}
	#logoHolder { margin-top:30px; margin-left:15px;}
	#logo { width:80%; max-width:381px; padding-bottom:20px;}
	#atpLogo { left:84%;}
	#secNavHolder UL.secNav LI { float:left; margin-right:5px;}
	#sidebar { width:100%; height:47px; padding:12px 15px; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#sidebar #mainNav { display:none;}
	#sidebar select.select-menu { display: block;}
	#sidebar select.select-menu { width:60%;}
	A#langSelect { top:9px; right:10px;}
	.topspin { display:none;}
	#leftContent .mainContent/*, .sponsors*/ { width:100%;}
	#leftContent.devided .mainContent { width:100%;}
	#leftContent .mainContent .menuContent, #leftContent .mainContent .textContent { width:100%;}
	#leftContent.devided .sponsors { width:75%;}
	#leftContent .mainContent.tebelar { width:100%;}
	#socialHolder { top:58px; left:14px;}
	.w30perc { width:100% !important;}
	.w70perc { width:100% !important;}
	.pdfDownload { background:none; width:auto; height:auto; padding-left:0;}
	.pdfDownload A { color: #000; float:none; width:auto; font-size:100%;}
	#sidebar UL#mainNav { display:none !important;}
	.noOnSmall { display:none !important;}
	.sponsors { display:none;}
	#socialHolder A { margin-right:15px;}
	/*.box.b2 { display:none;}*/
	H1 {font-size:156%;}
	/*#leftContent .mainContent IMG { width:auto; height:auto;}*/
}

@media screen and (max-width: 400px)  {	
	#leftContent .mainContent IMG { max-width:100% !important;}
	.megaBox, .leftInner, .middleDynamic, #leftContent .mainContent .right IMG, #leftContent .mainContent .gallery IMG, #leftContent .mainContent .leftInner IMG, #leftContent .mainContent .right.extraLeft { width:100% !important; height:auto !important; float:none;}

}