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

/*------------------- CSS Reset ----------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {

  display: block;
}
body {
  line-height: 1;
}
/*html ,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}*/
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
#brushes{
  background-color: #212121;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-right: -5%;
}
.modal table {
  border-collapse: inherit;
  border-spacing: 5px;
}
table td {padding: 10px; font-size: 13px;}
/*table td:first-child {min-width: 6em;}*/
table tr.time td {padding-top: 0.5em;font-size: 1.2em;color: #ccc;}
table tr.gray td {background-color: #f8f8f8}
/*------------------- typography ----------------*/

body {
  font: 14px/1.3em 'Open Sans', Segoe UI, Arial, Helvetica, sans-serif;
  color: #d5d5d5;
  font-weight: 400;
  text-align: center;
}
h1, h2, h3 {font-family: 'Ubuntu', 'Exo', Segoe UI, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; color: #f5f5f5; /* text-shadow: 0px 0px 10px #000 */}
h4 {font-family: 'Ubuntu', 'Exo', Segoe UI, Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; color: #f5f5f5; /* text-shadow: 0px 0px 10px #000 */}
h1, h2 {
	color: #f5f5f5; /*008bb2  005e8a  */
	font-size: 2.2em;
	line-height: 1.2em;
	padding: 0.5em 0 0 0;
	text-shadow: 0px 0px 10px #000; /*4px 4px 4px #2f2f2f*/
}

.support-nadpis {
	text-align: center;
}

.tabulka_0 {
	margin-top: 25px;
	padding: 40px;
	width: 900px;
	height: 580px;
	text-align: center;
	background-color: #404040;
	
	-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
	
	-moz-box-shadow:    0px 0px 20px 0px #000;
	-webkit-box-shadow: 0px 0px 20px 0px #000;
	box-shadow:         0px 0px 20px 0px #000;
}

.tabulka_1 {
	vertical-align: top;
	margin:0 auto;
	width: 841px;
	height: 590px;
	text-align: center;
}

.tabulka_0x {

	background-color: #404040;
	box-shadow: 0px 0px 20px 0px #000000;
	
	margin-top: 25px;
	padding: 10px;
	text-align: center;
	height: 660px;
	width: 960px;
	
	-moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
    -khtml-border-radius: 0.5em; 
    border-radius: 0.5em;
	
	-moz-box-shadow:    0px 0px 20px 0px #000;
	-webkit-box-shadow: 0px 0px 20px 0px #000;
	box-shadow:         0px 0px 20px 0px #000;
}

.tabulka_1x {
	vertical-align: top;
	margin-bottom: 10px;
	width: 955px;
	height: 630px;
	text-align: center;
}

#flame_painter_1_852_container{
  height:585px;
}
#flame_painter_1_852_containerFlash{ 
  height:100%;
}

.tabulka_3{
	background-color: #2f2d2c;
	padding: 0;
/*	margin-top: 640px;  */
	margin-bottom: 20px;
}

.tabulka_4{
  background-color: #2f2d2c;
  padding: 25px;
  margin-bottom: 30px;
}

.fb-like-box {
  background-color: #2f2d2c;
  margin: 40px 5px 15px 5px;
}



h1 a, h2 a {
	color: #999;
	border-bottom: 1px dotted #777;	
	text-decoration: none;
}
h1 a:hover, h2 a:hover {border-bottom: none;}
h3 {font-size: 1.5em; line-height: 1.2em;}
h4 {font-size: 1.5em; line-height: 1.2em;}
.modal h4 {
font-size: 19px;
line-height: 1.2em;
/*background-color: #383838;*/
padding: 3px 0 5px 0;
margin-bottom: 10px;
}

p {
  padding: 0 0 1em 0;
  font-size: 0.9em;
  line-height: 1.4em;
}
ul {font-size: 0.9em; line-height: 15px;}
a {
  color: #ffa820; /*20c2cc*/
  text-decoration: none;
}
span.href{
 color: #ffa820;
 cursor:pointer;
}
span.href:hover{
 color: #ffc05d;
}
a:hover {
  color: #ffc05d;
}
a img {border: none;}
b, strong {font-weight: bold; color: #f0f0f0}
small {font-size: 0.8em;}
/*------------------- layout ----------------*/
body {
	width: 100%;
	height: 100%;
	background-color: #403e3b;
	background-image: url(../images/bg-3.png);
	margin-top: -1em;
}
.rounded05 {
	-moz-border-radius: 0.55em;
    -webkit-border-radius: 0.55em;
    -khtml-border-radius: 0.55em;
    border-radius: 0.55em;
}
.rounded1 {
	-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
}
.shadow {
	-moz-box-shadow:    0px 0px 20px 0px #222;
	-webkit-box-shadow: 0px 0px 20px 0px #222;
	box-shadow:         0px 0px 20px 0px #222;
}
.innershadow2 {
	-moz-box-shadow: 	inset 0px 0px 20px 0px #222;
	-webkit-box-shadow: inset 0px 0px 20px 0px #222;
	box-shadow: 		inset 0px 0px 20px 0px #222;
}

.dark {background-color: #262524;}
.dark2 {background-color: #1c1c1c;}
.darkdark {background-color: #262524;}
.light {background-color: #757168; padding: 18px 0 6px 0;  margin: 0px 0 70px 0; /*background-image: url(../images/bg-2.png); */}
.inline {display: inline-block;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.quater {width: 27%; display: inline-block; margin: 0 0 0 0;}
.quater2 {width: 25%; display: inline-block; margin: 0 0 0 1%;}
.half2 {width: 49%; display: inline-block; margin-top: 1.2em;}
.half {width: 49%; float: left;}
#free .half {width: 44%; float: left;}
.half_text {width: 50%; float: left;}
.width50center {width: 50%; margin: 0 auto;}
.width75center {width: 75%; margin: 0 auto;}
.leftalign {text-align: left;}
.text h4, .text h3 {color: orange; padding: 2em 0 1em; font: 1.3em 'Open Sans', Segoe UI, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}

.button {
	display: inline-block;
	width: 153px;
	height: 43px;
	padding-top: 17px;
	color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #222;
	font-size: 1.05em;
	cursor: pointer;
}
#free .button.orange2{
  margin:0 60px 10px 133px;
}

.button_center {
	margin: 0 72%;
}

.button:hover {background-position: left bottom; text-decoration: none; color:#ffffff; }
.button.blue {background-image: url(../images/btn-blue.png); opacity:0.85;
    filter:alpha(opacity=85);}
.button.blue:hover {background-image: url(../images/btn-blue.png); opacity:1.0;
filter:alpha(opacity=100);}

.button.orange {background-image: url(../images/btn-orange-1.png);}
.button.orange_s {background-image: url(../images/btn-orange-1.png);opacity:0.85;
    filter:alpha(opacity=85);}
.button.orange_s:hover {background-image: url(../images/btn-orange-1.png);opacity:1.0;
filter:alpha(opacity=100);}
.button.orange2 {background-image: url(../images/btn-orange-2.png);}
.button.orange3 {background-image: url(../images/btn-orange-3.png);}
.button.green {background-image: url(../images/btn-green.png);}
.button.green2 {background-image: url(../images/btn-green-2.png);}

.button.gray {
	display: inline-block;
	-moz-border-radius: 1.3em;
    -webkit-border-radius: 1.3em;
    -khtml-border-radius: 1.3em;
    border-radius: 1.2em;
	-moz-box-shadow: 2px 2px 8px 2px #333;
	-webkit-box-shadow: 2px 2px 8px 2px #333;
	box-shadow: 2px 2px 8px 2px #333;
	padding: 0.6em 0 0.7em;;
	margin: 0 0.5em;
	width: 9em;
	height: auto;
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, #eee 0%, #aaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eee 0%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eee 0%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eee 0%,#aaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eee 0%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
	color: #444;
	text-shadow: none;
	opacity: 0.7;
}
.button.gray:hover {
	color: #000;
	text-decoration: none;
	opacity: 1;
}
#horny_pas{
  margin-top:15px;
}

#horny_pas h1 {
	/* background: url(../images/fp-logo-full-b) 50% 100% no-repeat;
	*/
	height: 0px;
	width: 460px;
	text-indent: 500px;
	line-height: 300px;
	overflow: hidden;
	position: absolute;
	/*top: -5px;  if the h1 is in the #header section */
	top: 0;  /*if the h1 is in the #top section */
	left: 50%;
	margin: 0 0 0 -230px;
	padding: 0;
    z-index: -1;
}

#ciara{
  width:100%;
  height:1px;
  border-bottom:1px solid #777;
  margin:0 auto;
}

#ciara_petko{
  width:100%;
  height:1px;
  border-bottom:1px solid #777;
  margin-top:10px;
  margin-bottom:10px;
}

/*------------------- main width ----------------*/
.container {max-width: 980px; width: 100%; margin: 0 auto; clear: both; text-align: left;}
.container_4 {max-width: 680px; margin: 0 auto; clear: both; position: relative; padding: 13em 0 1em;}
.container_3 {margin: 0 auto; clear: both;}
.container_2 {max-width: 980px; margin: 0 auto; clear: both; }
.container_1 {max-width: 800px; width: 98%; margin: 0 auto; clear: both;display: inline-block;}
.container:after {content: " "; display: block; clear: both;}
.container_2:after {content: " "; display: block; clear: both;}
/*------------------- page header ----------------*/
#brushes #header{
  background-color: #403e3b;
}
#header{
/*
	-moz-box-shadow:    inset 0px 0px 16px #1d1d1d;
	-webkit-box-shadow: inset 0px 0px 16px #1d1d1d;
	box-shadow:         inset 0px 0px 16px #1d1d1d;
*/
	padding: 15px 0;
	position: relative;
}
#sticky-links {
	position: fixed;
	top: 9em;
	left: 0;
	font-size: 14px;
    
}
#sticky-links a {
	background-position: top right;
	width: 58px;
	padding-left: 9px;
	text-align: left;
	padding-top: 17px;
    
}
#sticky-links a:hover {background-position: bottom right; color: #ffffff;}
#sticky-links a.free {padding-top: 22px; height: 38px;}
#sticky-links a small {position: absolute; margin-top: -1.1em; font-size: 0.7em;}

#sticky-links .f-facebook {
	opacity: 0.8;
	display: block;
	/*overflow: hidden;*/
	color: #f8f8f8;
	height: 40px;
	background: url(../images/f.png) 20px 18px no-repeat;
	padding-left: 10px;
	padding-top: 11px;
}
#sticky-links .f-facebook:hover {
	opacity: 1;
	display: block;
/*	overflow: hidden;*/
	color: #ffffff;
	height: 40px;
	background: url(../images/f.png) 20px 18px no-repeat;
	padding-left: 10px;
	padding-top: 11px;
}
#sticky-links .f-facebook span {display: block; margin-top: 3em;}

#sticky-links .social {
	opacity: 0.8;
	display: block;
/*	overflow: hidden;*/
	height: 40px;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 10px;
	margin-top: 6px;
}

#sticky-links .social:hover {
	opacity: 1.0;
	display: block;
/*	overflow: hidden;*/
	height: 40px;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 10px;
	margin-top: 6px;
}

#sticky-links .n-news {
	display: block;
/*	overflow: hidden;*/
	color: #f8f8f8;
	height: 40px;
	/*background: url(../images/f.png) 20px 18px no-repeat;*/
	opacity: 0.8;
	padding-left: 6px;
	padding-top: 11px;
}
#sticky-links .n-news:hover {
	color: #ffffff;
  opacity: 1;
}
#sticky-links .n-news  span {display: block;
margin: 0.2em;}

/*------------------- header ----------------*/
#escm {
	width: 319px;
	height: 62px;
	background: url(../images/escapemotions-logo.png) left top no-repeat;
	float: left;
	text-indent: 400px;
	line-height: 100px;
	overflow: hidden;
    margin-left:10px;
    margin-top:13px;
}
/*Flame Painter*/
#header #toph1 {
/*	background: url(../images/fp-logo-full-3.png) no-repeat; 
*/
	margin: 0 0 -120px -490px;
	padding-top: 13px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 525px;
	height: 100px;
}


/*#header #toph1_x {
background: url(../images/fp-logo-full-b.png) no-repeat;
margin: 0 0 -240px -441px;
padding: 0;
position: relative;
bottom: 0;
left: 85%;
width: 450px;
height: 100px;
background-size: 200px;
}*/
/*Amberlight*/
#header #toph2 {
/*	background: url(../images/fp-logo-full-b.png) no-repeat; 
*/
	margin: 0 0 -120px -480px;
	padding: 0;
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 450px;
	height: 100px;
}

#toph3 {
/*	background: url(../images/fp-logo-full-b.png) no-repeat; 
*/
	margin: 0 0 -120px 0px;
	padding: 0;
	position: absolute;
	bottom: 0px;
	
	width: 960px;
	height: 320px;
}


/*#header #toph2_x {
background: url(../images/amber-logo-full.png) no-repeat;
margin: 0 0 -240px -441px;
padding: 0;
position: relative;
bottom: 0;
left: 85%;
width: 450px;
height: 1000px;
background-size: 200px;
}*/


/*soul199*/
div.download-panel-inner { float:left;margin-right:0px;margin-top:-2px;margin-left:630px;}

/* soul199 */
#main #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}
#full #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}
#buy #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}
#free #header #toph2 {background:url(../../amberlight/amberlight/images/amber-logo-full.png) no-repeat;}
#download_a #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}
#download #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}
#support_a #header #toph2 {background:url(../../amberlight/images/amber-logo-full.png) no-repeat;}


#main #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}
#full #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}
#buy #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}
#free #header #toph1 {background:url(../images/fp-logo-free.png) no-repeat;}
#download_f #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}
#download #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}
#support_f #header #toph1 {background:url(../images/fp-logo-full-3.png) no-repeat;}

#toph3 {background-image:url(../../../images/aboutus.jpg)}
#top h1 {
/*
	background: url(../images/fp-logo-full-b.png) 50% 100% no-repeat;
	*/
	height: 0px;
	width: 460px;
	text-indent: 500px;
	line-height: 300px;
	overflow: hidden;
	position: absolute;
	/*top: -5px;  if the h1 is in the #header section */
	top: 0;  /*if the h1 is in the #top section */
	left: 50%;
	margin: 0 0 0 -230px;
	padding: 0;
}


#main-nav {
	float: right;
	margin: 1.65em 0px 0px 0px;
	position: relative;
	font-size: 14px;
    margin-top:17px;
    /*soul199*/
   /* border-bottom: 1px solid #ffa820;
	width: 425px;*/
}
#main-nav li {
	display: inline-block;
	padding: 0 0 0.5em 0;
}
.lt-ie8 #main-nav li {
    zoom: 1;
    display: inline;
}
/* soul199*/
#main-nav li.active.arrow {
/*	background: url(../images/main-nav-on.png) no-repeat left center;*/
	width: 13px;
    margin-right: -5px;
/*	background: url(../images/main-nav-on.png) 0 40% no-repeat;
	height: 10px;
	padding-left: 0.85em;
	color: #ffa820;
    margin-bottom: -2px;
    height:9px;*/
}
#main-nav li.active.line {
	/* border-bottom: 1px solid #ffa820;
	width: 425px;
	color: #ffa820;
	padding-left: 0.85em;
    margin-bottom: -2px;
    height:9px;*/
}

/*#main-nav li.active.arrow {
    	
	width: 15px; 
	height: 15px; 
	border-bottom: 5px solid transparent;  /* left arrow slant */
/*	border-top: 5px solid transparent; /* right arrow slant */
/*	border-right: 5px solid #2f2f2f; /* bottom, add background color here */
/*	font-size: 0;
	line-height: 12;
    padding-left: 2.85em;
}*/
/*soul199*/
/*------------------- uvod ----------------*/
.uvod {display: block; margin-top: 6.5em; width: 100%;}
.uvod div {display: block; text-align: center; padding-left: 10px; padding-right: 10px; float: left; margin-top:29px;}
/*.uvod div:first-child {text-align: left;}
.uvod div:last-child {text-align: right;}*/
.uvod div img {
	-moz-box-shadow:    0px 0px 12px #1d1d1d;
	-webkit-box-shadow: 0px 0px 12px #1d1d1d;
	box-shadow:         0px 0px 12px #1d1d1d;
	-moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    -khtml-border-radius: 0.6em;
    border-radius: 0.6em;
	
	/* position: relative;
	overflow: hidden; */
	/* width: 100%; */

}
.uvod div h4 {text-align: center; padding-top: 1em;}
.uvod div p { text-align: center; margin: 10% 10% 10% 10%; font-size: 0.9em; line-height: 1.3em; }
.uvod div  {width: 200px; padding-top:40px}
#main-nav li.active > a {color: #ffa820}
#main-nav li a {
	color: #d9d9d9;
	text-decoration: none;
	padding-right: 10px;
}
#main-nav li.active > span {color: #ffa820}
#main-nav li span {
	color: #d9d9d9;
	text-decoration: none;
}
#main-nav li span:hover {color: #ffc05d;}
#main-nav li a:hover {color: #ffc05d;}
#main-nav ul {
	position: relative;/*left: -9999px;*/
	padding-top: 7px;
	margin-top: 6px;
	/*border-top: 1px solid #ffa820;
	width: 22.5em;*/
	text-align: left;
	font-size: 14px;
}
#main-nav li:hover ul {left: auto;}
#slider { text-align: left; }
/*------------------- top ----------------*/
#top {
	/*background: #252525 url(../images/top-bg-2.png) center bottom no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	padding-top: 1em;*/
	/* position: relative; */
}
.color-flame img {
	position: absolute;
	left: 0;
	top: 20em;
	width: 100%;
	height: 140px;
}

.color-flame-full img {
	position: absolute;
	left: 0;
	top: 44em;
	width: 100%;
	height: 300px;
}

.color-flame-free img {
	position: absolute;
	left: 0;
	top: 62em;
	width: 100%;
	height: 140px;
}

.darkdark-color-flame-height {
	height: 17em;
}

#top .container_2{ position: relative; padding: 9em 0 1em;}
#top ul {
	position: absolute;
	right: 0;
	top: 2em;
	font-size: 1em;
}
#top ul li {
	display: inline-block;
}

.download_bar {
	position: absolute;
	left: 0;
	top: 2em;
	font-size: 1em;
}

.download_bar li {
	display: inline-block;
}

/*#top a.button {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 120px;
	height: 36px;
	padding-top: 11px;
}*/
.screenshot img {
	-moz-box-shadow:    0px 0px 20px 0px #222;
	-webkit-box-shadow: 0px 0px 20px 0px #222;
	box-shadow:         0px 0px 20px 0px #222;
	border: 1px solid #222;
}
#top .button.orange {background-image: url(../images/btn-orange-top.png);}


#bottom {
	color: #909090;
	height: 50px;
	margin-top: 20px;
	padding-top:30px;
	-moz-box-shadow:    0px 0px 20px 0px #222;
	-webkit-box-shadow: 0px 0px 20px 0px #222;
	box-shadow:         0px 0px 20px 0px #222;
}

/*------------------- about ----------------*/
.icu {
	/*margin: -5em 0 1em;*/
	position:relative;
	font-size: 2.4em;
	margin-bottom: 0em;
	text-shadow: 0px 0px 10px #000;
}
.about {position: relative; padding-top: 0.1em;}
.about .dragon {
	position: absolute; 
	height: 135%; 
	margin-top: 0em;
	margin-left: -4%; 
	left: 0; 
	width: 46%;
	background: url(../images/dragon.png) 42px 46px no-repeat;
}
.about .amber_video {
	position: absolute; 
	height: 135%; 
	margin-top: 0em;
	margin-left: -4%; 
	left: 0; 
	width: 46%;
	background: url(../../../images/amberlight/amber_video.png) 65% 35% no-repeat;
}
.about img {position: absolute; margin-top: -3em; right: 58%}
/* just for Opera hack - but seems to be not used at all
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       .about img {margin-top: 1em;}
}
*/
noindex:-o-prefocus,.about img {margin-top: 1em;} /* just for Opera */
.about div.shadow {
	margin-left: 40%;
	margin-top: 4.3em;
	margin-right: 10px;
	padding-top: 1px; /* IE hack */
}
.about div.shadow div.innershadow {padding-left: 1em;}
.about div.shadow div div {
	float: left;
	width: 165px;
	padding: 0 0% 0 3%;
}
.about div.shadow div div h3{
	font-style: normal;
	font-weight: 200; 
	font-size: 0.8em;
	line-height: 1.7em;
	margin: 2em 1em 1em 0;
}
.about div.shadow div div h3 span {font-size: 2.5em; display: block;}
.about div.shadow div div p {text-align: left;}
.about span.corner {
	position: absolute;
	width: 140px;
	height: 235px;
	display: block;
	background: url(../images/top-box-bg.png) top left no-repeat;
	margin-left: -1em;
	left: 405px;
}
.facebook {
	position: absolute;
	width: 275px;
	height: 89px;
	background: url(../images/facebook.png) top left no-repeat;
	right: -7em;;
	margin-top: -7em;
}
.screenshot .facebook {margin-top: -0.6em; right: -11em;}

/*------------------- tretiny ----------------*/
.tretiny {display: table; margin-top: 6.5em;}
.tretiny div {display: block; width:306px; float:left; text-align: center; padding-left: 10px; padding-right: 10px;}
/*.tretiny div:first-child {text-align: left;}
.tretiny div:last-child {text-align: right;}*/
.tretiny div img {
	-moz-box-shadow:    0px 0px 12px #1d1d1d;
	-webkit-box-shadow: 0px 0px 12px #1d1d1d;
	box-shadow:         0px 0px 12px #1d1d1d;
	-moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    -khtml-border-radius: 0.6em;
    border-radius: 0.6em;
	
	/* position: relative;
	overflow: hidden; */
	/* width: 100%; */

}
.tretiny div h4 {text-align: center; padding-top: 1em;}
.tretiny div p {text-align: center; margin: 4% 10% 3% 10%; font-size: 0.9em; line-height: 1.4em;}

/*------------------- features ----------------
.feature-center {width: auto; margin: 5em auto 0; display: table;}
.feature {
	width: auto;
	display: table-cell;
	margin-top: 5em;
}
.feature h3 {margin-bottom: 0.5em; text-align: center;}
.feature p, .feature ul {font-size: 0.8em; line-height: 1.4em; padding-bottom: 6em;}
.feature ul li:before {content: "\00B7"; display: inline-block; padding: 0 0.3em 0 0;}
.feature ul li {padding: 0 0 0 0.3em; text-indent: -0.3em;}
.feature > span {
	display: block;
	height: 70px;
	background: url(../images/feature1.png) 50% 0% no-repeat;
}
*/
.feature-center {width: 950px; padding-top: 35px; display: table; margin: auto;}
.feature {
	float: left;
	/* margin-left: 3em; */
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 10.2em;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.feature:first-child {margin-left: 0;}
.feature h3 {margin-bottom: 0.5em;}
.feature p, .feature ul {line-height: 1.4em; padding-bottom: 2em; text-align: left; padding-top: 1.2em;}

.jump{padding:0.5em;display:block;}
.feature ul li:before {/*content: "\00B7";*/ display: inline-block; padding: 0 0.3em 0 0;}
.feature .view-normal {
	padding: 0px 0px 0px 23px;
}
.feature .view-detail {
	/*list-style-image:url(../images/eye-icon.png);content:'';*/
	background: url(../images/eye-icon.png) no-repeat left top;
	background-position-y: 2px;
  padding: 0px 0px 0px 24px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.feature ul li {padding: 0 0 0 0.3em; text-indent: -0.3em;}
.feature ul li img{margin-bottom: -2px;}
.brush {background-image: url(../images/f-brush.png);}
.layer {background-image:url(../images/f-layer-2.png);}
.engine {background-image:url(../images/f-engine.png);}
.device {background-image:url(../images/f-device-2.png);}
.interface {background-image:url(../images/f-interface.png);}
.feature2 {
	padding-top: 9em;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
/*------------------- products ----------------*/
#free .products .dark2 {
	float: left;
	position: relative; 
}
.products .dark {
	float: left;
	position: relative; 
/*	height: 45em; */  
}
.products .innershadow { /* height: 45em; */ border-top: 1px solid #383838; /* border-bottom: 1px solid #222; border-left: 1px solid #353535; border-right: 1px solid #252525; */}
#free .products .innershadow {border-top: 0px /* border-bottom: 1px solid #222; */ }
.products .free { width: 32%; margin: 0 1% 2.5% 1%;}
.products .fun { width: 24%; margin: 0 2% 2.5% 2%;}
.products .full { width: 48%;}
.products .full_1 { width: 46%; margin: 0 0 2.5% 6%;}
.products .full_2 { width: 64%; margin: 0 1% 2.5% 1%;}
.products .half { width: 50%; float: left}
#full .products .half { width: 100%; float: none}
#buy .products .half { width: 100%; float: none}
#download_f .products .half { width: 50%; float: none}
.products h3 {
	margin-top: 1em;
	/*margin: 1em auto 0;*/
	font-size: 2.5em;
	color: rgb(240, 136, 24);
}

#full .products h3 {
	margin-top: 0em;
	/*margin: 1em auto 0;*/
}
#buy .products h3 {
	margin-top: 0em;
	/*margin: 1em auto 0;*/
}


/* .products .free h3 {color: #1d9dff; text-shadow: 0px 0px 45px #5c6f87;} /*b8d8ff* /
.products .full h3 {color: #f06518; text-shadow: 0px 0px 45px #93461c;} /*ffe7b1* /
.products .fun h3 {color: #ffc05d; text-shadow: 0px 0px 45px #746545;} /*deffc5, 6cbe3f*/
.products .free h3 {color: #1d9dff;} /*b8d8ff*/
.products .fun h3 {color: #f06518; } /*ffe7b1*/
.products .full h3 {color: #ee8c0b; } /*deffc5, 6cbe3f*/
.products .buy h3 {color: #ee8c0b; } /*deffc5, 6cbe3f*/
.products .free h3, .products .fun h3 {margin-bottom: 1.3em;}
.products h4 {color: rgb(240, 136, 24); font-size: 1.5em; height: 2.0em;}
.separator {
	position: absolute;
	bottom: 1em;
	left: 50%;;
	width: 0.5em;
	margin-left: -0.25em;
	height: 31em;
	background-color: #403e3b;
	background-image: url(../images/bg-3.png);
	-moz-box-shadow:    inset 1px 1px 2px #1d1d1d;
	-webkit-box-shadow: inset 1px 1px 2px #1d1d1d;
	box-shadow:         inset 1px 1px 2px #1d1d1d;
	-moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -khtml-border-radius: 0.2em;
    border-radius: 0.2em;
}
.demo {
	position: absolute;
	top: 0.4em;
	right: 0;
	width: 61px;
	height: 62px;
	text-indent: 65px;
	line-height: 65px;
	overflow: hidden;
	/*
	background: url(../images/demo-orange.png) top center no-repeat;
	*/
  cursor:pointer;
}
.demo.orange2 {background: url(../images/demo-orange_spolu.png) top center no-repeat;height: 58px;}
.demo.orange2:hover {background: url(../images/demo-orange_spolu.png) bottom center no-repeat; height: 58px;}

.download-panel {
	position: absolute;
	left: 0;  
	top: 4em;
  	width:100%;
    height:76px;
    /*padding-left:20px;*/
    font: 9px 'Open Sans', Segoe UI, Arial, Helvetica, sans-serif;
}

.download-desktop {
	float:left;
  width:58px;
  height:47px;
  background-image: url(../images/dw_desktop_2.png);
  background-repeat:no-repeat;
  background-position: left top;
  cursor:pointer;
  margin-bottom:2px;
}

.download-desktop:hover{background-position: left bottom;}

.download-iphone {  
	float:left;
	width:30px;
  height:47px;
  margin-left:6px;
  background-image: url(../images/dw_iphone_2.png);
  background-repeat:no-repeat;
  background-position: left top;
  cursor:pointer;
  margin-bottom:2px;
}
.download-iphone:hover{background-position: left bottom;}

.download-ipad {
	float:left;
  width:52px;
  height:47px;
  background-image: url(../images/dw_ipad_2.png);
  background-repeat:no-repeat;
  background-position: left top;
  cursor:pointer;
  margin-bottom:2px;
}
.download-ipad:hover{background-position: left bottom;}

.video {
	position: relative;
	margin: 125px 0 0 40px;
	padding: 0;
	width: 100px;
	height: 100px;
	overflow: hidden;
	/*
	background: url(../images/demo-orange.png) top center no-repeat;
	*/
  cursor:pointer;
}
.video.button {background: url(../images/video-button-3.png) top center no-repeat; height: 150px; width: 150px;}
.video.button:hover {background: url(../images/video-button-3.png) bottom center no-repeat; height: 150px; width: 150px;}


.products .dark img {width: 100%;}
.products .img {
	position: relative; 
	overflow: hidden; 
	/*
	-moz-box-shadow:    0px 0px 7px 0px #111;
	-webkit-box-shadow: 0px 0px 7px 0px #111;
	box-shadow:         0px 0px 7px 0px #111;
	*/
	width: 100%;
	margin: 1em auto;
}
#free .products .img-buttons {
	padding-top: 2em; 
	}

.products .img-buttons {
	position: absolute;
	width: 100%;
	height: 20em;
	padding-top: 3.6em;
	left: -9999px;
	font-size: 0.9em;
	/*background: url(../images/black-50.png);*/
	}
	.products .img-buttons a {margin: 0.5em 0;}
	.products .img:hover .img-buttons {left: 0;}
.products p, .products ul {
	padding: 0.8em 0 0 0;
	line-height: 1.7em;
}
.products ul li {padding: 2px 0;}
.products ul li.even {background-image: url("../images/black-20.png");}
span.apple, span.appstore, span.windows, span.linux, span.ios, span.android {
	display: inline-block;
	background-position: 50% 90%;
	background-repeat: no-repeat;
	margin: 0 0 0.55em 0.2em;
}
span.apple {width: 22px; height: 32px; margin: 0 0 0.50em 0.30em; background-image:url(../images/apple-icon.png);}
span.appstore {width: 80px; height: 25px; margin: 0 0 0.50em 0.5em; background-image:url(../images/appstore-icon.png);}
span.windows {width: 25px; height: 32px; background-image:url(../images/windows-icon.png); margin: 0 0 0.55em 0.4em;}
span.linux {width: 29px; height: 29px; background-image:url(../images/linux-icon.png);}
span.ios {width: 39px; height: 32px; background-image:url(../images/ios-icon.png); background-position: 50% 65%;}
span.android {width: 24px; height: 32px; background-image:url(../images/android-icon.png); background-position: 50% 80%;}
.products .price {
	font-family: 'Ubuntu', 'Exo';
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
	position: absolute;
/*	padding: 0;  */
	width: 100%;
}
.products .price small {margin-top: -0.7em; margin-bottom: 1em; display: block;}
/* .products .price strong {font-style: italic;} */
.products div div div .price {width: 50%;}
.products .price span {font-size: 1.4em;}
.products .corner {
	position: absolute;
	top: -4px;
	left: -4px;
	height: 105px;
	width: 105px;
	background-position: top left;
	background-repeat: no-repeat;
}
.products .free .corner {background-image:url(../images/corner-blue.png);}
.products .full .corner {background-image:url(../images/corner-orange.png);}.products .full_1 .corner {background-image:url(../images/corner-orange.png);}
.products .fun .corner {background-image:url(../images/corner-green.png);}
.products2 p {padding: 1em 0 3em;}

.pp {
  padding: 0 0 1em 0;
  font-size: 13px;
  line-height: 1.4em;
  color: #b0b0b0;
}

.pp b {
	color: #d5d5d5;
}
.pp h4 {
	font-size: 1.3em;
	font-weight: 500;
	color: #d5d5d5;

}

/*------------------- gallery ----------------*/
#gallery {color: #202020;}
#gallery h2 {
	color: #202020;
	text-shadow: none;
	font-family: 'Ubuntu', 'Exo', Segoe UI, Arial, Helvetica, sans-serif; 
	font-weight: 700;
}
#gallery h2 a {
	display: inline-block;
	width: 21px;
	height: 30px;
	background: url(../images/link-icon.png) top right no-repeat;
	border-bottom: none;
}

#gallery h2 a:hover {
	background: url(../images/link-icon-hover.png) top right no-repeat;
}

.gallery-images img, .gallery-brushes img {
	border: 5px solid #f0f0f0;
/*	
	-moz-box-shadow:    0px 0px 12px #1d1d1d;
	-webkit-box-shadow: 0px 0px 12px #1d1d1d;
	box-shadow:         0px 0px 12px #1d1d1d;
*/
	-moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -khtml-border-radius: 0.4em;
    border-radius: 0.4em;
	margin: 0.3em;
}

/*------------------- references ----------------*/
.star {
	display: inline-block;
	height: 63px;
	width: 23px;
	background: url(../images/star2.png) 50% 50% no-repeat;
}
.empty-star {background-image: url(../images/star-empty2.png);}
.references p {width: 21%; margin: 3.5em 0 0 3.2%; float: left;}
.references2 p {margin: 3.5em 0 0 28px; float: left;}


/*------------------- references ----------------*/
#wheretobuy-bg , #wheretobuy-bg-video{
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #c8c8c8;
    opacity: 0.2;
    z-index:1900;
}
.modal{
	display: none;
	padding: 20px 20px;
	width: 330px;
	margin: -20px 0 0 -190px;
	position: fixed;
	top: 10%;
	left: 50%;
	background: #262524;
	-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
  
  	-moz-box-shadow:    0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow:         0px 0px 12px #000;
	
    z-index:2000;
}

.modal_2{
	width: 280px;
	margin: 0px 0 0 -160px
}

.modal_3{
	width: 900px;
	height: 530px;
	margin: 0px 0 0 -450px;
	padding: 0px;
}

/*------------------- buy page - buttons ----------------*/
.buy_button {
	width:200px; 
	height:60px; 
	display: block; 
	margin: 0 auto;
	background-position: left top;
	background-repeat: no-repeat;
}

.button_2co_3_light_2 {
  background-image:url(../images/button_2co_3_light_2.png);

}

.button_2co_3_light_2:hover {
	background-position: left bottom;
}

.button_paypal_light_2 {
	background-image:url(../images/button_paypal_light_2.png);
}

.button_paypal_light_2:hover {
	background-position: left bottom;
}

.app_store_light_2 {
	background-image:url(../images/app_store_light_2.png);
}

.app_store_light_2:hover {
	background-position: left bottom;
}

/*------------------- special styles main page ----------------*/
#flame-painter .feature-center {min-width: 950px;}

/*------------------- special styles - buy ----------------*/
#buy .products {width: 80%; max-width: 45em; margin: 0 auto}
#buy .products .dark table {width: 100%;}

#buy.products p {padding: 3em 0 2.5em; clear: both; /*font-size: 1em;*/}

/*------------------- special styles - full ----------------*/
#full .products {width: 80%; max-width: 45em; margin: 0 auto}
/* #full .products .innershadow {height: 50em;} */
#full .products .dark table {width: 100%;}

/*table td {width: 50%; font-size: 0.9em; padding: 0.3em 2em;}*/
table td {font-size: 0.9em; padding: 0.3em 1.8em; width: 50%;}
table .even td {background: url(../images/black-20.png) top left repeat;}
#full table h2 {font-weight: 200; font-style: normal;}
#full table h3 {color: rgb(240, 136, 24); /*text-shadow: 0px 0px 45px #93461C;*/ font-size: 2.8em; padding-top: 0em;}
#full table h4 {font-size: 1.5em; margin-bottom: 0.6em;}
.products td.price {position: static; font-size: 1.2em; width: auto; padding: 1.3em;}
/*
#full .products span {margin-left: 0.3em;}
#full .price span {margin-left: 0.1em;}
*/
#full .products p {padding: 3em 0 2.5em; clear: both; /*font-size: 1em;*/}

/*------------------- special styles - fun ----------------*/
#fun img.left, #fun img.right {
	-moz-box-shadow:    0px 0px 20px 0px #222;
	-webkit-box-shadow: 0px 0px 20px 0px #222;
	box-shadow:         0px 0px 20px 0px #222;
	border: 1px solid #222;
	margin: 3em;
}
#fun h4 {font-size: 2.5em; line-height: 1em; padding: 2em 0 1em;}
#content h4, #content p {text-align: left;}
#content p {font-size: 1em;}
#fun #content p.width75center {text-align: center;}
#fun .feature {display: inline-block; float: none; margin: 0 1em 0 0;}
#fun .feature img {padding-bottom: 1em;}
#fun .feature.monitor img {position: relative; margin: 0 -2em;}
#fun .feature .button {position: relative;}
#fun .feature span {position: absolute}
#fun span.saint-glow {
	-moz-box-shadow:    0px 0px 45px #746545;
	-webkit-box-shadow: 0px 0px 45px #746545;
	box-shadow:         0px 0px 45px #746545; /*ffe299*/
	width: 7em;
	height:1em;
	margin: 1.3em 0 0 1.8em;
}
#fun .monitor span.apple, #fun .monitor span.windows, #fun .monitor span.linux {margin-top: -10em;}
#fun .monitor span.apple {margin-left: 2em}
#fun .monitor span.windows {margin-left: 4em}
#fun .monitor span.linux {margin-left: 6em}

/*------------------- special styles - free ----------------*/
.freepainter {
	background-color: #343434;
	-moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    -khtml-border-radius: 2em;
    border-radius: 1em;
	padding: 1em;
}
.freepainter .freepin img {
	border: 1px solid #191919;
	border-bottom-color: #555;
	border-right-color: #444;
	-moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -khtml-border-radius: 0.2em;
    border-radius: 0.2em;
}
.freepainter .freepin img {width: 100%;}
#free .products .fun, #free .products .full {width: 75%; margin: 15px 50px 10px 50px;}
#free .products .full h3 {margin-bottom: 0.5em;}
#free .text {margin-right: 6%; width: 50%;}
#free .text, #free .products {margin-top: 5em;}
#free .facebook {margin-top: -7em;}
/*------------------- special styles brushes ----------------*/
#brushes #header h1 {background-image:url(../images/fp-logo-brushes.png)}
#brushes #top {background-image: none;}
#brushes .brush div {display: inline-block;}
#brushes .brush div > a {
	display: inline-block;
	background-color: #fff;
	margin: 1em 0.5em 0;
	padding-top: 0.4em;
	color: #272727;
	width: 7.8em;
}
#brushes .brush div ul {
	position: absolute;
	left: -9999px;
	padding: 1em;
	margin-top: -8.8em;
	margin-left: -4.2em;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
}
#brushes .brush div:hover ul {left: auto;}
#brushes .brush div ul:after {
	content: " "; 
	display: block; 
	width: 9px;
	height: 7px;
	position: absolute;
	background: url(../images/main-nav-gray.png) 50% 50% no-repeat;
	bottom: -0.5em;
	left: 8.8em;
}
.bname {font-family: 'Ubuntu', 'Exo', Segoe UI, Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal; font-size: 1.2em;}
#brushes .brush div ul .button {margin-top: 0.5em; }
#brushes .brush p {padding-top: 2em;}


/*------------------- special styles gallery ----------------*/
#imggallery #header h1 {background-image:url(../images/fp-logo-gallery.png)}
#imggallery #top {background-image: none;}
#imggallery .images { padding: 16em 0 5em 0; font-size: 0.9em;}
#imggallery .images div {
	display: inline-block;
	background-color: #fff;
	margin: 1em 0.5em 0;
	padding: 0.4em 0 0.6em;
	color: #272727;
	position: relative;
	width: 242px;
}
#imggallery .images div a {display: block;;}
#imggallery .images div span {display: block; height: 1.4em; overflow: hidden; padding: 0 0.4em;}
#imggallery .images div span.imgrate {color: #666; font-size: 0.9em;}
#imggallery .images p {padding-top: 2em;}

/*------------------- difernt styles for different sizes ----------------*/
/* seems not to be used at all
@media only screen and (max-width : 800px) {
  #header h1 {left: 400px;}
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (min-width : 1500px) {
  #top {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}
*/
div.sirka{
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 30px 0;
  color:#aaa;
  font-size:0.9em;
}

div.sirka_viac{
  width:980px;
  margin:0 auto;
  height:170px;
}

#content.sirka{
  width:800px;
  margin:0 auto;
}

div.filter{
  width:780px;
  margin:0 auto;
}

.horne_menu {
  text-align:center;
  float:left;
  width:400px;
}

.horne_menu a{
  margin:0 15px 0 5px;
}

#menu {
  height:22px; 
}

#menu a{
  text-decoration: none;
	margin:0 15px 0 0;
  color:#d5d5d5;
  font-weight:normal;
  border:0px soldi #101010;
}
#menu a:hover{
  text-decoration: none;
	margin:0 15px 0 0;
	
  font-weight:normal;
  border:0px soldi #101010;
  color:#F08525;
}

#menu a.hover{
  text-decoration: none;
  color:#F05000;
  font-weight:normal;
  border:0px soldi #101010;
}

#menu a.hover:hover{
  text-decoration: none;
  color:#F08525;
  font-weight:normal;
  border:0px soldi #101010;
}

a.hover{
  text-decoration: none;
  color:#F05000;
  font-weight:normal;
  border:0px soldi #101010;
}

a.hover:hover{
  text-decoration: none;
  color:#F08525;
  font-weight:normal;
}

a.hover_profil{
  text-decoration: none;
  color:#F05000;
  font-weight:normal;
  border:0px soldi #101010;
}

a.hover_profil:hover{
  text-decoration: none;
	
  color:#F08525;
  font-weight:normal;
}

#menu div.right a{
  text-decoration: none;
	margin:0 0 0 15px;
	
  color:#d5d5d5;
  
  font-weight:normal;
  border:0px soldi #101010;
}

#menu div.right a:hover{
  text-decoration: none;
	margin:0 0 0 15px;
	
  color:#F08525;
  
  font-weight:normal;
  border:0px soldi #101010;
}

#menu div.right a.hover{
  text-decoration: none;
	margin:0 0 0 15px;
	
  color:#F05000;
  
  font-weight:normal;
  border:0px soldi #101010;
}

#menu div.right a.hover:hover{
  text-decoration: none;
	margin:0 0 0 15px;
	
  color:#F08525;
  
  font-weight:normal;
  border:0px soldi #101010;
}


#strankovanie{
  margin:0px auto;
  text-align:right;
  width:780px;
}

#strankovanie .count_hover {
  text-decoration: none;
	margin:0 0 10px 5px;
	
  color:#F08525;
  
  font-weight:normal;
  border:0px soldi #101010;
}

#strankovanie .count {
	text-decoration: none;
	margin:0 0 10px 5px;
	
  color:#d5d5d5;
}
.close{
  position: absolute;
top: 10px;
right: 10px;
cursor:pointer;
}

.text-center {
	padding: 0 12% 0 12%;
	text-align: left;
}

/* videoplayer */

#tsc_player {
   z-index: 9999;	
}

.tscplayer_inline {
	position:static;
	margin-top: 25px;
	width: 852px;
	height: 480px;
	z-index:auto;
/*	
	-moz-box-shadow:    0px 0px 20px 0px #222;
	-webkit-box-shadow: 0px 0px 20px 0px #222;
	box-shadow:         0px 0px 20px 0px #222;
*/
	}

.tscplayer_fullframe {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;	
}
#iPad{max-width:980px;width:980px;margin:auto;}
#iPad td{height:290px;width:auto;vertical-align:top;}
#iPad td{width:33%;margin:0;padding:0;}
#iPad td:nth-child(2) div{width:313px;margin:10px;}
#iPad td:nth-child(3) img{margin-top:65px;}
#iPad td h3{font-size:30px;color:white;}
#iPad td p{font-size:13px;color:white;text-align:left;}
#iPad td .download{font-size:18px; color:#ffc74e; text-align:center; padding: 0 0 0.4em 0; font-weight:bold;}
#iPad td .appstore{display:inline;}

/*Colorbox - Custom Theme*/

#cboxContent{
	padding:20px;
	background: #262524;
	-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;

  /*-moz-box-shadow:    0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow:         0px 0px 12px #000;*/
}

#cboxLoadedContent {
	background: none;
	border: none;
}

#cboxClose {
	background-image:url(../images/close.png);
	background-position:bottom center;
	padding-top:25px;
}


#flags  {margin: 10px auto 10px auto; text-align: center;} 
#flags td {padding: 0 0px; height: 25px;} 
#flags tr {padding-top: 0px; } 



.opacity {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-webkit-transition: opacity 0.25s linear;
	}
.opacity p {
	opacity: 1;
	filter: alpha(opacity=100);
 
	}    
    
/*p.opacity {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-webkit-transition: opacity 0.01s linear;
	}	*/	
 .opacity h4 {
    color:#f5f5f5;   
	}
     .opacity a {
    color:#f5f5f5;   
	}
    .opacity:hover a {
	
    color:#ffffff;   
	}
.opacity:hover {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 0.05s linear;
    -webkit-transition-timing-function:
	}
.opacity:hover h4 {
	
    /*font-weight:bold;*/
   /* color:#ffa820;*/
   
    color:#ffffff;   
	}
 
.opacity:hover p {
	opacity: 0.7;
	filter: alpha(opacity=70);
 /*	-webkit-transition: opacity 0.1s linear;*/
   
    /*color:#ffa820;*/
    /* font-weight:bold;   
    /*color: #d9d9d9;*/
    
    /*color:#d5d5d5;*/
	color: #d5d5d5;
    }

#prva h4{
    
	
	text-decoration: none;
}
#prva p{
    
	/*color: #d9d9d9;*/
    
    color: #d5d5d5;
	text-decoration: none;
    
}

#prva h4:hover {/*color: #ffc05d;font-weight:bold;*/}



a img {outline : none;}