/* BASIC */
* {margin:0; padding:0;}

body {font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; color:#333; font-size:11px; /*overflow:-moz-scrollbars-vertical;*/ background-color:#fff; /*overflow:scroll;*/}

img, div, input { behavior: url("script/iepngfix.htc") } /* png fix */
a:focus {outline:none;}
img {border-width:0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);}/*pngfix*/
div.clear {clear: both;}
a {text-decoration:none;}
a:hover {}


/* WRAPPER *************************************************************************************************/
div#wrapper {margin-left:auto; margin-right:auto; position:relative;}
div#wrapper-home {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-home.jpg) 0% 130px no-repeat; position:relative;}
div#wrapper-news {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-news.jpg) 0% 130px no-repeat; position:relative;}
div#wrapper-bio {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-1.jpg) 0% 90px no-repeat; position:relative;}
div#wrapper-disk {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-2.jpg) 0% 60px no-repeat; position:relative;}
div#wrapper-gal {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-3.jpg) 0% 70px no-repeat; position:relative;}
div#wrapper-vid {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-4.jpg) 0% 70px no-repeat; position:relative;}
div#wrapper-pres {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-press.jpg) 0% 70px no-repeat; position:relative;}
div#wrapper-zetra {margin-left:auto; margin-right:auto; background:url(../images/lepa_brena_bgd-zetra.jpg) 10% 60px no-repeat; position:relative;}
div#header-wrapper a.anchor-top {visibility:hidden;}

/* HEADER *************************************************************************************************/
div#header-wrapper {width:100%;}
div#header {width:900px; height:350px; margin-left:auto; margin-right:auto;}



/* MAIN *************************************************************************************************/
div#main {width:900px; margin-left:auto; margin-right:auto; position:relative;}


/* COLUMN LEFT *************************************************************************************************/
div#col-left {width:184px; float:left; padding-top:26px; padding-bottom:20px; overflow:hidden;}


/* COLUMN MAIN *************************************************************************************************/
div#col-main {width:716px; float:left; position:relative; left:-1px; padding-bottom:20px; color:#11586a;
  min-height:500px; height:auto !important; height:500px;}

h1.main-title {display:block; position:absolute; right:-50px; top:0px; width:50px; font-size:40px; font-weight:bold; text-align:center; color:#5dc9e5;}
h1.main-title b {display:block; border:1px solid #91cad8; margin:3px;}
a.link-body, a.link-body:link, a.link-body:visited {color:#11586a;}
a.link-body:hover, a.link-body:active {color:#5dc9e5;}

/* TITLE H1 */
h1.title-h1 {display:block; font-size:14px; padding-bottom:3px; padding-right:15px; color:#34bbdf; text-align:right;}
/* END TITLE H1 */

/* BOX SHADOW */
div.box1-shadow {width:698px; padding-left:9px;}
div.box1-top {width:698px; height:11px; overflow:hidden;}
div.box1-body {background:url(../images/box1_tile.png) repeat-y;}
div.box1-top {width:698px; height:11px; overflow:hidden;}
div.box1-shadow h2.box1-title {font-size:17px; font-weight:normal; color:#34bbdf; padding:5px 0 5px 0; display:block; text-align:center;}
div.box1-shadow p.box1-p {padding:0 15px 0 15px; text-align:justify;}
/* END BOX SHADOW */

/* BOX TRANSPARENT */
div.box2-l-transp, div.box2-r-transp {width:333px; height:208px; border:1px solid #91cad8; background:url(../images/box1_tile.png) center; overflow:hidden;}
div.box2-l-transp {margin:12px 0 0 14px; float:left;}
div.box2-r-transp {margin:12px 14px 0 0; float:right;}
*html div.box2-l-transp {margin:12px 0 0 7px; float:left;}
*html div.box2-r-transp {margin:12px 7px 0 0; float:right;}

p.box2-p-dalje {text-align:right; float:right; display:block;}
a.box2-dalje, a.box2-dalje:link, a.box2-dalje:visited {color:#5dc9e5; font-weight:bold;}
a.box2-dalje:hover, a.box2-dalje:active{text-decoration:underline;}


img.box2-img {float:left; margin:5px; border:1px solid #5dc9e5; padding:3px;}
span.box2-date {line-height:12px; font-size:10px; color:#fff; background-color:#5dc9e5; width:60px; height:12px; padding: 3px 5px 0 0; display:block; text-align:center; float:right;}
h3.box2-title {font-size:14px; padding-top:3px; color:#34bbdf; text-align:left;}
h3.box-title-noimg {font-size:14px; padding:3px 15px 0 15px; color:#34bbdf; text-align:left;}
div.box2-l-transp p, div.box2-r-transp p {padding:0 5px 0 5px; text-align:justify;}
/* END BOX TRANSPARENT */

/* BOX NEWS MAIN */
div.box4-transp {width:684px; margin:5px 0 20px 15px; padding:0 0 15px 0; border:1px solid #91cad8; background:url(../images/box1_tile.png) center; overflow:hidden;}
div.box4-transp p {text-align:justify; padding:0 15px 0 15px;}
img.box4-img {float:left; border:1px solid #5dc9e5; padding:3px; margin:5px 10px 0 5px;}
/* END BOX NEWS MAIN */

div.box3-l-img, div.box3-r-img {width:334px; height:209px; overflow:hidden;}
div.box3-l-img {margin:12px 0 0 14px; float:left;}
div.box3-r-img {margin:12px 14px 0 0; float:right;}
*html div.box3-l-img {margin:12px 0 0 7px; float:left;}
*html div.box3-r-img {margin:12px 7px 0 0; float:right;}

/* NEWS PAGE */
p.news-paging {display:block; margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; margin-bottom:10px;}
p.news-paging a, p.news-paging a:link, p.news-paging:visited {color:#34bbdf; border:1px solid #5dc9e5; padding:0 5px 0 5px;}
p.news-paging a:hover, p.news-paging a:active { color:#fff; background:#11586a;}
/* END NEWS PAGE */

/* GALLERY | VIDEO*/
div.box5-gall {width:684px; margin:5px 0 20px 15px; padding:0 0 0 0; overflow:hidden;}
div.box5-info {float:left; width:500px; height:100px; margin:20px 0 0 0; padding:0 0 0 0; border:1px solid #91cad8; background:url(../images/box1_tile.png) center; overflow:hidden;}
div.box5-info a, div.box5-info a:link, div.box5-info a:visited {color:#5dc9e5;}
div.box5-info a:hover, div.box5-info a:active {color:#11586a;}
h3.box5-title {font-size:14px; padding-top:3px; color:#34bbdf; text-align:left; margin:0 0 10px 15px;}
div.box5-info p {text-align:justify; padding:0 15px 0 15px;}
img.box5-img {float:right; border:1px solid #5dc9e5; padding:3px; margin:0 15px 0 0;}
/* END GALLERY | VIDEO */

/* GALLERY PAGES */
a.gallery1-link {float:left; display:block; border:1px solid #5dc9e5; padding:3px; margin:0 0 30px 30px; position:relative;}
a.gallery1-link img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4;}
a.gallery1-link:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; cursor:-moz-zoom-in;}
a.gallery1-link b {display:block; width:130px; height:130px; position:absolute; background:url(../images/over-image.gif) no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.5;}
a.gallery1-link:hover b { background:none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}
/* TOP SMALL LINKS */
p.top-1 {display:block; text-align:right; margin:0 14px 5px 0;}
p.top-1 a, p.top-1 a:link, p.top-1:visited {color:#11586a;}
p.top-1 a:hover, p.top-1 a:active {color:#5dc9e5;}
/* END GALLERY PAGES */

/* VIDEO PAGES */
div.box7-video {width:684px; margin:5px 0 20px 15px;}
img.box7-topimg {display:block; margin-left:auto; margin-right:auto;}
h3.box7-title {font-size:14px; padding:10px; color:#34bbdf; text-align:center; margin-left:auto; margin-right:auto;}
div.box7-clip {width:425px; margin-left:auto; margin-right:auto; display:block; text-align:center;}
p.box7-info {width:413px; margin-left:auto; margin-right:auto; padding:5px; text-align:justify; border:1px solid #91cad8; background:url(../images/box1_tile.png) center;}
/* END VIDEO PAGES */


/* DISCOGRAPHY */
div.box6-disco {width:684px; margin:5px 0 20px 15px; padding:0 0 0 0; overflow:hidden;}
div.box6-year {float:left; width:100px; height:100px; margin:17px 0 0 0; padding:0 0 0 0; border:1px solid #91cad8; background:url(../images/box1_tile.png) center; overflow:hidden;}
div.box6-year p.year {display:block; text-align:center; font-size:30px; font-weight:bold; margin-top:10px;}
div.box6-year p.album {display:block; text-align:center; font-size:18px; font-weight:bold; margin-top:5px;}
h3.box6-title {float:left; display:block; width:400px; font-size:20px; padding-top:3px; color:#34bbdf; text-align:left; margin:40px 0 0 15px; text-align:center;}

h3.box6-title a, h3.box6-title a:link, h3.box6-title a:visited {color:#5dc9e5;}
h3.box6-title a:hover, h3.box6-title a:active {text-decoration:underline;}

img.box6-img {float:right; border:1px solid #5dc9e5; padding:3px; margin:0 15px 0 0;}
div.box6-disco hr.hr-year {height:3px; width:100%; background:#fff; margin: 0px auto; border-width:0px;}

div.box6-transp {width:684px; margin:5px 0 20px 15px; padding:0 0 15px 0; border:1px solid #91cad8; background:url(../images/box1_tile.png) center; overflow:hidden;}
div.box6-list {display:block; float:left; margin-right:auto; width:365px;}
h2.box6-title {font-size:20px; font-weight:bold; color:#34bbdf; padding:5px 0 5px 0; display:block; text-align:center;}
p.box6-song {text-align:center; font-size:14px; font-weight:bold;}
p.box6-song a, p.box6-song a:link, p.box6-song a:visited {color:#5dc9e5;}
p.box6-song a:hover, p.box6-song a:active {color:#11586a;}
p.box6-song-info {text-align:center; padding:0 0 5px 0;}
img.box6-img-l {float:left; border:1px solid #5dc9e5; padding:3px; margin:5px 10px 10px 10px;}
img.box6-img-r {float:right; border:1px solid #5dc9e5; padding:3px; margin:5px 10px 10px 5px;}

div.box6-songbox {position:relative; width:684px; margin:5px 0 20px 15px;}
div.box6-songbox p {text-align:center;  padding:30px 0 0 0;}

a.top-link-song, a.top-link-song:link, a.top-link-song:visited {display:block; position:absolute; bottom:0px; right:14px; color:#11586a;}
a.top-link-song:hover, a.top-link-song:active {color:#5dc9e5;}
/* END DISCOGRAPHY */

/* PRESS */
div.box8-press {width:684px; margin:5px 0 20px 15px; background:url(../images/box1_tile.png) center; border:1px solid #91cad8;}
div.box8-press p {text-align:justify; padding:0 15px 0 15px;}
div.box8-press h3 a, div.box8-press h3 a:link, div.box8-press h3 a:visited {color:#5dc9e5;}
div.box8-press h3 a:hover, div.box8-press h3 a:active {color:#11586a;}
div.box8-press p a, div.box8-press p a:link, div.box8-press p a:visited {color:#5dc9e5;}
div.box8-press p a:hover, div.box8-press p a:active {color:#11586a; text-decoration:underline;}
p.box8-p1 { font-size:14px; font-weight:bold;}
/* END PRESS */

/* KONTAKT ******************************************************************************************************/
div#contact-form-div {padding:200px 0 0 30px;}

fieldset {border:none;}

.label-name {float:left; width: 100px; height:20px; text-align: right; padding-right: 10px; margin: 10px 0 0 0; color: #555; font-size:12px; line-height:20px;}
.label-text {border:1px solid #cdcdcd; margin: 10px 0 0 0; width: 330px; height:20px; background:url(../images/box1_tile.png) center; color: #555; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:12px; line-height:20px;}
*html .label-text {margin-left:-3px;}
.text-area {border:1px solid #cdcdcd; float: left; margin: 10px 0 0 0; width: 330px; background:url(../images/box1_tile.png) center; color:#555; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:12px; overflow:auto;}
.button-send {margin: 10px 0 0 110px; width:92px; height:25px; background: url(../images/title-bgd.gif) repeat-x; border: 1px solid #cdcdcd; color: #11586a; font-size:12px; font-weight: bold; cursor:pointer;}
.button-reset {margin: 10px 0 0 10px; width:92px; height:25px; background: url(../images/title-bgd.gif) repeat-x; border: 1px solid #cdcdcd; color: #11586a; font-size:12px; font-weight: bold; cursor:pointer;}
/* END KONTAKT ******************************************************************************************************/


/* FOOTER *******************************************************************************************************/
div#footer-wrapper {width:100%; background:url(../images/footer_tile.jpg) #91cad8 top center repeat-x;}

div#footer { width:900px; height:100px; margin-left:auto; margin-right:auto; padding:0 0 5px 0; font-size:11px; position:relative;}

/* LIST FOOTER */
ul.list-ftr {display:block; margin-left:auto; margin-right:auto; text-align:center; list-style:none;}
ul.list-ftr li {font-size:14px; color:#11586a; font-weight:bold; display:inline; padding: 0 5px 0 5px;}
ul.list-ftr li a, ul.list-ftr li a:link, ul.list-ftr li a:visited {color:#11586a; line-height:24px;}
ul.list-ftr li a:hover, ul.list-ftr li a:active {text-decoration:underline; color:#5dc9e5; }
/* END LIST FOOTER */

#footer p a.ftr-top-link, #footer p a.ftr-top-link:link, #footer p a.ftr-top-link:visited {display:block; position:absolute; top:-10px; right:14px; color:#11586a;}
#footer p a.ftr-top-link:hover, #footer p a.ftr-top-link:active {color:#5dc9e5;}
#footer p a.ftr-2, #footer p a.ftr-2:link, #footer p a.ftr-2:visited {display:block; position:absolute; top:-25px; right:14px; color:#11586a;}
#footer p a.ftr-2:hover, #footer p a.ftr-2:active {color:#5dc9e5;}

#footer .copy-left {padding-right:15px; color:#11586a; text-align:right;}
#footer .copy-right {padding-right:15px; text-align:right;}

#footer p.copy-left a, #footer p.copy-left a:link,#footer p.copy-left a:visited,
#footer p.copy-right a, #footer p.copy-right a:link,#footer p.copy-right a:visited {color:#11586a;}
#footer p.copy-left a:hover, #footer p.copy-left a:active,
#footer p.copy-right a:hover, #footer p.copy-right a:active {color:#5dc9e5;}
/* END FOOTER *******************************************************************************************************/