html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

object,
embed {
display: block;
overflow: hidden;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

ul {
list-style-type: disc;
margin: 0 0 0 15px;
}

a:active { 
outline: none; 
}
 
a:focus { -moz-outline-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 0 auto;
padding: 0;
color: #fff;
font-family: Tahoma, Sans-serif;
height: 100%;
background: #000 url("http://pero-tomas.com/slike/body_bg2.png") top left repeat-x;
}

#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0;
}

html>body {
min-height: 100%;
height: auto;
}

a:link {
	color: #86b525;
        border: none;
        text-decoration: none;
}
a:visited {
	color: #86b525;
        border: none;
        text-decoration: none;
}
a:active {
	color: #86b525;
        border: none;
        text-decoration: none;
}
a:hover {
	color: #ff6600;
        border: none;
        text-decoration: none;
}

.face:link {
	color: #2a2a2a;
        border: none;
        text-decoration: none;
}
.face:visited {
	color: #2a2a2a;
        border: none;
        text-decoration: none;
}
.face:active {
	color: #2a2a2a;
        border: none;
        text-decoration: none;
}
.face:hover {
	color: #23355b;
        border: none;
        text-decoration: none;
}

.sivi:link {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi:visited {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi:active {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi:hover {
	color: #23355b;
        border: none;
        text-decoration: none;
}

.sivi-bijeli:link {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi-bijeli:visited {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi-bijeli:active {
	color: #818181;
        border: none;
        text-decoration: none;
}
.sivi-bijeli:hover {
	color: #fff;
        border: none;
        text-decoration: none;
}

.sivi-narancasti:link {
	color: #595959;
        border: none;
        text-decoration: none;
}
.sivi-narancasti:visited {
	color: #595959;
        border: none;
        text-decoration: none;
}
.sivi-narancasti:active {
	color: #595959;
        border: none;
        text-decoration: none;
}
.sivi-narancasti:hover {
	color: #ae3a00;
        border: none;
        text-decoration: none;
}

.bijeli:link {
	color: #fff;
        border: none;
        text-decoration: none;
}
.bijeli:visited {
	color: #fff;
        border: none;
        text-decoration: none;
}
.bijeli:active {
	color: #fff;
        border: none;
        text-decoration: none;
}
.bijeli:hover {
	color: #86b525;
        border: none;
        text-decoration: none;
}

.crni:link {
	color: #000;
        border: none;
        text-decoration: none;
}
.crni:visited {
	color: #000;
        border: none;
        text-decoration: none;
}
.crni:active {
	color: #000;
        border: none;
        text-decoration: none;
}
.crni:hover {
	color: #000;
        border: none;
        text-decoration: none;
}

h1 {
font-family: Tahoma;
font-size: 36px;
font-weight: bold;
color: #cecece;
}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

.clear {
clear: both;
margin:0;
padding:0;
height: 1px;
}

.razmak5 {
clear: both;
margin:0;
padding:0;
height: 5px;
}

.razmak10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

.razmak20 {
clear: both;
margin:0;
padding:0;
height: 20px;
}

.razmak30 {
clear: both;
margin:0;
padding:0;
height: 30px;
}

.razmak40 {
clear: both;
margin:0;
padding:0;
height: 40px;
}

.razmak50 {
clear: both;
margin:0;
padding:0;
height: 50px;
}

#header {
width: 1000px;
height: 502px;
float: left;
margin: 0;
padding: 0;
}

#header2 {
width: 1000px;
float: left;
margin: 0;
padding: 0;
}

#facebook-link {
font-family: Tahoma;
font-size: 40px;
font-weight: normal;
margin: 5px 0 0 0;
}

#facebook-link2 {
font-family: Tahoma;
font-size: 40px;
font-weight: normal;
margin: 5px 0 0 0;
float: left;
width: 450px;
}

#header h1 { 
margin: 43px 0 0 0;
}

#header2 h1 { 
margin: 43px 0 0 0;
float: left;
width: 450px;
}

.h1-2 {
font-family: Tahoma;
font-size: 30px;
font-weight: normal;
margin: 0;
color: #8a8a8a;
}

#izdvojeno {
margin: 30px 0 0 0;
width: 450px;
float: left;
}

#izdvojeno2 {
margin: 30px 0 0 0;
width: 450px;
float: right;
}

.izdvojeno-box {
width: 430px;
height: 80px;
margin: 10px 0 0 0;
padding: 10px;
background: url("http://pero-tomas.com/slike/izdvojeno_box_bg.png") 0 0 no-repeat;
overflow: hidden;
font-family: Tahoma;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #cecece;
cursor: pointer;
}

.izdvojeno-box:hover {
width: 430px;
height: 80px;
margin: 10px 0 0 0;
padding: 10px;
background: url("http://pero-tomas.com/slike/izdvojeno_box_bg.png") 0 -100px no-repeat;
overflow: hidden;
font-family: Tahoma;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #cecece;
cursor: pointer;
}

.slika-lijevo-box {
float: left;
border: none;
margin: 0 10px 0 0;
}

.slika-lijevo-smaller {
float: left;
padding: 4px;
border: 1px dashed #353535;
margin: 0 10px 0 0;
}

.slika-desno-smaller {
float: right;
padding: 4px;
border: 1px dashed #353535;
margin: 0 0 0 10px;
}

.slika-desno-smaller:hover {
float: right;
padding: 4px;
border: 1px dashed #353535;
margin: 0 0 0 10px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.slika-lijevo-smaller:hover {
float: left;
padding: 4px;
border: 1px dashed #353535;
margin: 0 10px 0 0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.slika-lijevo-bigger {
float: left;
border: 4px solid #000;
margin: -34px 0 0 0;
}

.nesto:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.slika-lijevo-bigger:hover {
float: left;
border: 4px solid #000;
margin: -34px 0 0 0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#bread-g {
width: 1000px;
float: left;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
color: #8a8a8a;
margin: 60px 0 0 0;
}

#bread-g2 {
width: 450px;
float: left;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
color: #8a8a8a;
margin: 30px 0 0 0;
}

#bread-d {
width: 790px;
float: left;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
color: #8a8a8a;
margin: 0;
}

#izbornik-gore {
float: left;
width: 1000px;
height: 57px;
line-height: 57px;
background: url("http://pero-tomas.com/slike/menu_bg.png") top left repeat-x;
position: relative;
top: -9px;
z-index: 10;
}

#izbornik-gore2 {
float: left;
width: 1000px;
height: 57px;
line-height: 57px;
background: url("http://pero-tomas.com/slike/menu_bg2.png") top left repeat-x;
position: relative;
top: -9px;
z-index: 10;
}

.nav {
list-style-type: none;
display: inline;
float: left;
width: 1000px;
height: 53px;
padding: 4px 0 0 0;
margin: 0;
z-index: 10;
}

.nav li {
float: left;
height: 57px;
}

.navgumb:link {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
}

.navgumb:visited {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
}

.navgumb:active {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
}

.navgumb:hover {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
background: url("http://pero-tomas.com/slike/gumb_a_bg.png") top left repeat-x;
}

.navgumb_a:link {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
background: url("http://pero-tomas.com/slike/gumb_a_bg.png") top left repeat-x;
}

.navgumb_a:visited {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
background: url("http://pero-tomas.com/slike/gumb_a_bg.png") top left repeat-x;
}

.navgumb_a:active {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
background: url("http://pero-tomas.com/slike/gumb_a_bg.png") top left repeat-x;
}

.navgumb_a:hover {
color: #818080;
font-family: 'Century Gothic';
font-size: 18px;
font-weight: normal;
text-align: center;
padding: 0 19px 0 19px;
height: 57px;
float: left;
background: url("http://pero-tomas.com/slike/gumb_a_bg.png") top left repeat-x;
}

#main {
color: #fff;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
width: 1000px;
float: left;
background: url("http://pero-tomas.com/slike/main_bg.gif") top left no-repeat;
margin: -11px 0 0 0;
}

#smaller {
width: 350px;
float: left;
color: #818181;
font-family: Verdana;
font-size: 11px;
line-height: 14px;
}

#bigger {
width: 650px;
float: right;
font-family: Verdana;
font-size: 11px;
color: #818181;
line-height: 18px;
}

.blog-title h4 {
color: #fefefe;
float: left;
width: 350px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0 10px 0;
}

.smaller-box {
margin: 25px 0 0 0;
float: left;
width: 350px;
}

.smaller-box h5 {
float: left;
width: 350px;
}

.vise {
width: 77px;
height: 18px;
background: #0094ff;
font-size: 10px;
cursor: pointer;
float: left;
margin: 20px 0 0 0;
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 3px 0 0 0;
}

.vise:hover {
width: 77px;
height: 18px;
background: #86b525;
font-size: 10px;
cursor: pointer;
float: left;
margin: 20px 0 0 0;
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 3px 0 0 0;
}

.blog-info-l {
width: 255px;
height: 15px;
background: #0f0f0f;
font-size: 9px;
cursor: pointer;
float: left;
margin: 10px 0 0 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px 2px 5px;
}

.blog-info-l:hover {
width: 255px;
height: 15px;
background: #0f0f0f;
font-size: 9px;
cursor: pointer;
float: left;
margin: 10px 0 0 0;
border: 1px dashed #353535;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 1px 4px 1px 4px;
}

.blog-info-d {
width: 70px;
height: 15px;
background: #131313;
font-size: 9px;
cursor: pointer;
float: right;
margin: 10px 0 0 0;
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px 2px 5px;
}

.blog-info-d:hover {
width: 70px;
height: 15px;
background: #0b0b0b;
font-size: 9px;
cursor: pointer;
float: right;
margin: 10px 0 0 0;
text-align: center;
border: 1px dashed #353535;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 1px 4px 1px 4px;
}

.edit {
float: left;
}

.time {
float: left;
margin: 0 0 0 10px;
}

.time2 {
float: left;
}

.box-pocetna {
width: 198px;
height: 428px;
float: right;
background: #131313;
margin: 5px 0 0 4px;
padding: 4px;
overflow: hidden;
}

.box-pocetna h3 {
text-transform: uppercase;
}

.box-pocetna h3 a:link {
color: #fff;
width: 150px;
float: left;
background: #131313;
margin: 0;
padding: 4px;
border-top: 4px solid #000;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: right;
position: relative;
top: 14px;
z-index: 20;
}

.box-pocetna h3 a:visited {
color: #fff;
width: 150px;
float: left;
background: #131313;
margin: 0;
padding: 4px;
border-top: 4px solid #000;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: right;
position: relative;
top: 14px;
z-index: 20;
}

.box-pocetna h3 a:active {
color: #fff;
width: 150px;
float: left;

background: #131313;
margin: 0;
padding: 4px;
border-top: 4px solid #000;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: right;
position: relative;
top: 14px;
z-index: 20;
}

.box-pocetna h3 a:hover {
color: #0094ff;
width: 150px;
float: left;
background: #131313;
margin: 0;
padding: 4px;
border-top: 4px solid #000;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-align: right;
position: relative;
top: 14px;
z-index: 20;
}

.vise-text {
float: right;
color: #0094ff;
}

#footnav {
background: url("http://pero-tomas.com/slike/footnav_bg.gif");
width: 100%;
float: left;
margin: 15px 0 0 0;
padding: 0;
}

#footnav-in {
padding: 0;
width: 1000px;
margin: 0 auto;
}

#footnav-in-in {
background: url("http://pero-tomas.com/slike/footnav_in_bg.png") top right no-repeat;
float: left;
padding: 20px 0 0 0;
}

#ikonice {
font-size: 10px;
float: right;
position: relative;
top: -10px;
}

.rss {
position: relative;
top: -7px;
left: -5px;
}

#sponzori {
width: 430px;
background: #000;
float: left;
padding: 10px 10px 30px 10px;
margin: 25px 0 0 0;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}

.sponzori-naslov {
width: 430px;
font-family: 'Century Gothic';
font-size: 18px;
color: #1a1a1a;
float: right;
text-align: right;
}

#sponzori img {
float: left;
margin: 0 0 0 10px;
}

#galerija {
width: 550px;
float: right;
margin: 25px 0 0 0;
}

.galerija-box {
background: #222;
padding: 5px;
width: 137px;
float: left;
margin: 0 10px 0 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.galerija-naslov {
width: 550px;
font-family: 'Century Gothic';
font-size: 18px;
color: #595959;
float: right;
text-align: right;
}

.gallery-title {
text-transform: uppercase;
font-weight: bold;
height: 36px;
overflow: hidden;
}

.slika-galerija-hidd {
width: 137px;
height: 137px;
float: left;
position: relative;
overflow: hidden;
}

.slika-galerija {
float: right;
margin: 10px 0 0 10px;
}

.slika-galerija:hover {
float: right;
margin: 10px 0 0 10px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#potpis {
width: 550px;
float: right;
font-family: 'Century Gothic';
font-size: 10px;
color: #666666;
text-align: right;
margin: 10px 0 0 0;
}

.entry {
background: #131313;
float: right;
margin: 5px 0 0 4px;
padding: 20px;
width: 590px;
}

.entry-title {
margin: 20px 0 20px 0;
font-size: 28px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
font-family: Arial;
}

.text2 {
color: #fff;
background: #000;
border: none;
width: 310px;
height: 20px;
padding: 5px;
margin: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.text3 {
color: #fff;
background: #000;
border: none;
width: 310px;
height: 200px;
padding: 5px;
margin: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.desni-tekst {
float: right;
}

.button2 {
width: 325px;
height: 20px;
border: none;
background: #0094ff;
color: #000;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: right;
}

.button2:hover {
width: 325px;
height: 20px;
border: none;
background: #86b525;
color: #000;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: right;
}

#freeform {
width: 470px;
float: left;
}

.broj-video {
width: 137px;
height: 16px;
float: left;
line-height: 16px;
position: relative;
overflow: hidden;
}
























/*HEADER BACKGROUND IMAGES*/

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:502px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:1000px; height:502px; position:absolute; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("http://pero-tomas.com/slike/btn_back.png"); }
#next { background-image:url("http://pero-tomas.com/slike/btn_next.png"); }
#control { background-image:url("http://pero-tomas.com/slike/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:460px; margin:0 auto; float: right;}
#headernav { padding-left:0; }
























/* FANCYBOX */


#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #131313;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #131313;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url("http://pero-tomas.com/fancybox/fancybox.png") -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url("http://pero-tomas.com/fancybox/blank.gif");
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url("http://pero-tomas.com/fancybox/fancybox-x.png");
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url("http://pero-tomas.com/fancybox/fancybox-y.png");
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url("http://pero-tomas.com/fancybox/fancybox-x.png");
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url("http://pero-tomas.com/fancybox/fancybox-y.png");
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url("http://pero-tomas.com/fancybox/fancybox.png");
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url("http://pero-tomas.com/fancybox/fancy_title_over.png");
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding-left: 15px;
	background: url("http://pero-tomas.com/fancybox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding-bottom: 3px;
	background: url("http://pero-tomas.com/fancybox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
	padding-left: 15px;
	background: url("http://pero-tomas.com/fancybox/fancybox.png") -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_close.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_nav_left.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_nav_right.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_title_over.png", sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_title_left.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_title_main.png", sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_title_right.png", sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_loading.png", sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_n.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_ne.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_e.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_se.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_s.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_sw.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_w.png", sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://pero-tomas.com/fancybox/fancy_shadow_nw.png", sizingMethod='scale'); }













/*SHADOWBOX*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(http://pero-tomas.com/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(http://pero-tomas.com/shadowbox/close.png);}
#sb-nav-next{background-image:url(http://pero-tomas.com/shadowbox/next.png);}
#sb-nav-previous{background-image:url(http://pero-tomas.com/shadowbox/previous.png);}
#sb-nav-play{background-image:url(http://pero-tomas.com/shadowbox/play.png);}
#sb-nav-pause{background-image:url(http://pero-tomas.com/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}