html, body{ margin:0; padding:0; border:none; }
body{font-family:Arial; font-size:12px; }

body {cursor:url("../../styles/default/fifik.cur"), default; }

div,span,ul,li,form,input,select,textarea,table,tbody,thead,tfoot,tr,td,img,fieldset { margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0px; padding:0px;}
img {border: none;}
fieldset {border: none;}
ul,li{list-style-type:none;}
.clear { clear:both; font-size:0px; }
.cleft { clear: left; font-size:0px; }
.cright { clear: right; font-size:0px; }
.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
.projectcolor {color: #84999e;}
.pl10 { padding-left:10px; } .pr10 { padding-right:10px; }
.ml10 { margin-left:10px; } .mr10 { margin-right:10px; }
.mt10 { margin-top:10px; } .mb10 { margin-bottom:10px; }
.pl5 { padding-left:5px; } .pr5 { padding-right:5px; }
.ml5 { margin-left:5px; } .mr5 { margin-right:5px; }
.space { clear:both; height:0; line-height:0; font-size:0; }
.space3 { clear:both; height:3px; line-height:3px; font-size:0; }
.space5 { clear:both; height:5px; line-height:5px; font-size:0; }
.space10 { clear:both; height:10px; line-height:10px; font-size:0; }
.space20 { clear:both; height:20px; line-height:20px; font-size:0; }
.space25 { clear:both; height:25px; line-height:25px; font-size:0; }
.space30 { clear:both; height:30px; line-height:30px; font-size:0; }
.space50 { clear:both; height:50px; line-height:50px; font-size:0; }
.orange1 { color:#FD7C00;}
.white { color:#FFFFFF; }
.fs18 { font-size:18px; }
.fs16 { font-size:16px; }
.fs14 { font-size:14px; }
.fs11 { font-size:11px; }
.blue1 { color:#009FDA; }
p { margin:0; padding:2px 0;}
.hidden { visibility:hidden; }
a { color:#FFFFFF; text-decoration:none; cursor:url("../../styles/default/fifik.cur"), auto;}
a:hover {cursor:url("../../styles/default/fifik.cur"), auto;}
.hide { display:none; }
.line { height:1px; line-height:1px; font-size:0; width:100%; border-bottom:#FF9900 1px solid; }
.block { display:block;}


#fifikweb { width:1000px; margin:0 auto; background-color: #5C1C03;}
#menu { float:left; width:214px; background-color:#5c1c03;}

#fifikmenu {}
#fifikmenu li { border:5px solid #000000; margin-bottom:2px;}
#fifikmenu a { height:24px; display:block; text-align:center; font-size:15px; padding-top:9px; font-weight:bold; color:#FFFFFF; font-family: "Times New Roman", Times, serif; text-transform:uppercase;}

#fifikmenu a.red { background-color:#e73b25;}
#fifikmenu a.red:hover { background-color:#fe0000;}
#fifikmenu a.redActive { background-color:#fe0000;}
#fifikmenu a.redActive:hover {text-decoration:underline;}
#fifikmenu a.green { background-color:#3ea648; }
#fifikmenu a.green:hover { background-color:#3ef741; }
#fifikmenu a.greenActive { background-color:#3ef741; color:#025503; }
#fifikmenu a.greenActive:hover { text-decoration:underline; }
#fifikmenu a.blue { background-color:#0093d6;}
#fifikmenu a.blue:hover { background-color:#061b76;}
#fifikmenu a.blueActive { background-color:#061b76;}
#fifikmenu a.blueActive:hover { text-decoration:underline;}
#fifikmenu a.orange { background-color:#f6ac1c;}
#fifikmenu a.orange:hover { background-color:#FC0;}
#fifikmenu a.orangeActive { background-color:#FC0;}
#fifikmenu a.orangeActive:hover { text-decoration:underline;}


#obsah { float:right; width:786px; background-color:#5c1c03;color:#ffffff;}
#logo {float:right; height: 110px; width:210px; margin: 10px; }
#bannery-bottom { text-align:center; padding:10px 0 0 200px;}

.mainTitle { font-size:40px; padding:10px 10px 35px 15px; font-weight:bold;}

/* fifikContent*/
.fifikContent { font-size:12px; padding:0px 10px 0px 15px; color:white; }
.fifikContent h1 { font-size:18px; font-weight:bold; }
.fifikContent h2 {  font-size:16px; font-weight:bold; }
.fifikContent h3 { font-size:14px; font-weight:bold; }
.fifikContent h4 { font-size:12px; font-weight:bold; }
.fifikContent h5 { font-size:11px; font-weight:bold; }
.fifikContent p { padding:5px 0;}
.fifikContent a { color:white; text-decoration:underline; }
.fifikContent a:hover { text-decoration:none;}
.fifikContent ul {}
.fifikContent li {padding-top:10px;}

.blockContent ul { padding:0 0 0 20px; }
.blockContent li {padding-top:10px; list-style:disc; list-style-position:outside;}

.fifikContent .headlinkgreen {color:#3EF741; text-decoration:none; font-size:16px;font-weight:bold;}
.fifikContent .headlinkgreen:hover {color:#3E9741; text-decoration:underline; font-size:16px;font-weight:bold;}
.fifikContent .headlinkred {color:#FE0000; text-decoration:none; font-size:16px;font-weight:bold;}
.fifikContent .headlinkred:hover {color:#cc3300; text-decoration:underline; font-size:16px;font-weight:bold;}
.fifikContent .headlinkblue {color:#465D86; text-decoration:none; font-size:16px;font-weight:bold;}
.fifikContent .headlinkblue:hover {color:#465D46; text-decoration:underline; font-size:16px;font-weight:bold;}
.fifikContent .datum {color: #999999;}

.green {color:#3EF741;}
.red {color:#FE0000;}
.blue {color:#465D86;}

#created { padding:5px 0 0 10px; color:#999999; font-size:11px; }
#created a { color: #666666; }

/* GSGform */
.GSform_legend { font-size:13px; font-weight:bold; color:#84999e; padding:0 0 2px 0; }
.GSform_label { text-align:right; padding: 3px 3px 0 0; width:130px; float:left; font-weight:bold; color: #84999e;}
.GSform_label_login { text-align:right; padding: 3px 3px 0 0; width:50px; float:left; font-weight:bold; color: #84999e;}
.GSform_input { float:left;background:#FFFFFF;padding:2px;color:#84999e;font-size:11px; width:140px;border:#DDDDDD 1px solid; }
.GSform_textarea { float:left;background:#FFFFFF;padding:2px;color:#84999e;font-size:11px; width:500px; height:60px; border:#DDDDDD 1px solid; }
.GSform_checkbox { margin:3px 0 0 0; padding:0; float:left; border: none; background: transparent; font-size:10px; }
.GSform_select { float:left;background:#FFFFFF;padding:1px;color:#84999e;font-size:11px; width:146px;border:#DDDDDD 1px solid; }
.GSform_fieldset { padding:5px; }
.GSfrom_error { float:left; background:#CC0000; color:#FFFFFF; font-size:10px; padding: 1px 0 1px 3px; width:140px; border:#990000 1px solid;}
.GSfrom_error2 { float:left; background: #990000; color:#FFFFFF; font-size:11px; padding: 1px 0 1px 3px; width:140px; border:#990000 1px solid;}
.GSform_line { height:3px; line-height:3px; font-size:0px; background: #84999e ; }
.GSform_submit { padding:1px 0 1px 3px; float:left; width:66px; background:#AABDC1; border: #7f989d 1px solid; font-size:11px; font-weight:bold; color:#FFFFFF; }
.GSform_submit:hover { color:#000000; }
.GSform_reset { padding:1px 0 1px 3px; margin:0 0 0 4px; float:left; width:66px; background:#AABDC1; border: #7f989d 1px solid; font-size:11px; font-weight:bold; color:#FFFFFF; }
.GSform_reset:hover { color:#000000; }

/* Registacia */
.regFieldset { padding:10px;}
.regText {float:left;background:#FFFFFF;padding:2px;color: #000000; width:200px;border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;  }
.regArea {float:left;background:#FFFFFF;padding:2px;color: #000000; width:200px;border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee; height:100px; font-family:Arial, Helvetica, sans-serif;  }
.regSubmit { float:left;padding:2px;color:#FFFFFF;border:1px solid  #003399;
    border-top:1px solid #eee;
    border-left:1px solid #eee; background-color:#9CB7C8; padding:0 6px; font-size:11px; height:20px; }
	.regSubmit:hover { color:#000000;}
.regLabel { text-align:right; padding: 5px 3px 0 0; width:160px; float:left; color: #ffffff; font-weight:bold;}
.regEm { color:#990000; }
.regInfo { float:left; background: #fbfaf1 url(../../images/admin/info_icon.gif) no-repeat; color:#363636; padding: 3px 2px 3px 20px; width:180px; border:#fcefa1 1px solid; margin:0 0 0 163px;}

.inputError,.regError { float:left; background: #fdf3ee url(../../images/admin/alert_icon.gif) no-repeat; color:#cd0a0a; padding: 3px 2px 3px 20px; width:180px; border:#cd0a0a 1px solid; margin:0 0 0 163px;}

/*objectList - TOP*/
.objectList {}
.objectList a { display:block; outline:none}
.objectList .head { font-size:15px; display:block; font-weight:bold; }
.objectList img { padding:0 10px 0 0; float:left;}
.objectList .block a { display:inherit; }

li.archiv { height:120px;}


/*objectList - TOP*/
.rgList {}
.rgList .head { font-size:15px; display:block; font-weight:bold; }
.rgList img { padding:0 10px 0 0; float:left;}

.rgList .sizes { padding:10px 0 0 0;}
.rgList .sizes a { font-size:14px; padding-right:10px; }

.rgList .mp3s { padding:20px 0 0 0;}
.rgList .mp3s a { font-size:16px; padding-right:10px; display:block; text-align:center; }

/* pager */
.pager { height:20px; float:left; width:100%; font-size:13px;}
.pagerPages {float:left; height:18px; line-height:18px; font-weight:bold; padding:2px 3px 0 0;}
.pager a { padding: 1px 4px 1px 4px; float:left; height:18px; line-height:18px; font-weight:bold; }
.pager a.arrow { font-size:8px;}
.pager a.active {color: yellow; }
.pager a:hover {color: yellow; }
.pager_count {float:right;height:18px;line-height:18px; font-weight:bold;  }

.fifikContent .backhome, .fifikContent .backhome:hover {font-weight:bold; border:1px solid white; background-color:#ffcc33; color:#5c1c03; padding:5px; text-decoration:underline;}

#zabava { float:left; width:760px; padding-top:20px;}
#zabava .zabavaBox { float:left;}
#zabava .space { height:10px; }
#zabava .m { padding:0 10px;}
.zabavaBox { float:left; padding:0;}
.zabavaBox a {width:240px; display:block; padding:40px 0 40px 0; text-transform:uppercase; font-weight:bold; text-align:center; font-size:16px; text-decoration:none;}
#zabava .blue { background-color:#0093d6;}
#zabava .green {background-color:#3ea648;}
#zabava .orange {background-color:#f6ac1c;}
#zabava .red {background-color:#E73B25;}
#zabava a:hover { background-color:#FFF; color:#333; }

#pozadiaDoMobilu  { padding:30px 0 0 0; }
#pozadiaDoPocitaca  { padding:30px 0 0 0; }
#hudbaDoMobilu .rgList .head { text-align:center; padding:30px 0 0 0; font-size:30px;}

/* malovanky */
#malovanky {}
#malovanky .malovanky-row { clear:both; padding-bottom:20px;}
#malovanky .malovanky-item { float:left; width:230px;}
#malovanky .middle { padding:0 20px;}

.puzzle { padding:6px 0 0 10px; }
.puzzle a { font-size:16px; color:#FFF; }

/* find five*/


#startButtonWrapper { text-align:center; padding:10px;}
#startButton { padding:10px; background-color:#FFF; font-weight:bold; color:#000; font-size:14px;}


#findFiveWrapper { padding:30px 0 0 0;}

#findFiveNavWrapper { position:relative; padding-bottom:1px; height:32px; width:750px;}
#findFiveNavWrapper .item { position:absolute; top:0; height:20px; text-align:center; font-weight:bold; font-size:16px;}
#findFiveWrapper #seconds { float:left;width:188px; padding:6px;  background-color:#FFF; color:#000; left:0; }
#findFiveWrapper #counter { font-size:30px; width:350px; left:50%; margin-left:-175px; }
#findFiveWrapper #start { float:right; width:188px; padding:6px; background-color: #0C0; color:#FFF; right:0;  }


#findFive {}
#findFive td.count { text-align:center; color:#FFF; font-size:16px; font-weight:bold; }
#findFive td.info { background-color:#FFF; border-bottom:1px solid black; text-align:center; color:#000; font-weight:bold; font-size:14px; padding:10px 0;}
#findFive map { position:absolute; }
#findFive map area { cursor:url("../../styles/default/fifik.cur"), default; }
#findFive area { cursor:url("../../styles/default/fifik.cur"), default;  }

#goodImageWrapper { position:relative; }
#badImageWrapper { position:relative; }

#goodImageWrapper .item, #badImageWrapper .item { position:absolute; background-color:red; width:54px; height:46px; background: url(../../images/default/findFiveItem.png) no-repeat left top;}

/* overlay */
#overlay {
    background: url("../../images/default/overlay.png") repeat scroll 0 0 transparent;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

#find-diff-log-wrapper { width:750px; padding:20px 0 0 0;}
.find-diff-log-head { font-size:18px; font-weight:bold; color:#FFF; padding:0 0 10px 0;}
.find-diff-log { width:100%; background-color: #E6EEEE;}
.find-diff-log tr { background-color: #FFFFFF; }
.find-diff-log td { width:50%; color:#000; padding:2px; }
.find-diff-log .th { font-weight:bold; font-size:14px; }


/* find same */

#findSameWrapper { padding:30px 0 0 0;}

#findSameNavWrapper { position:relative; padding-bottom:1px; height:32px; width:760px;}
#findSameNavWrapper .item { position:absolute; top:0; height:20px; text-align:center; font-weight:bold; font-size:16px;}
#findSameWrapper #seconds { float:left;width:188px; padding:6px;  background-color:#FFF; color:#000; left:0; }
#findSameWrapper #counter { font-size:30px; width:350px; left:50%; margin-left:-175px; }
#findSameWrapper #start { float:right; width:188px; padding:6px; background-color: #0C0; color:#FFF; right:0;  }

.findSameTable { width:760px;}

.findSameTable .init p { padding:100px 10px 0 10px; color:#000; text-align:center; }
.findSameTable .img-holder{ position:relative;}
.findSameTable .header { font-weight:bold; text-transform:uppercase; background-color:#FFF; color:#000; text-align:center; border-bottom:1px solid #000;}
.findSameTable td { width:375px;}
.findSameTable tr.row {}
.findSameTable tr.delimiter { height:10px;}
.findSameTable td.delimiter { width:10px;}

#findSameGame { display:none; }

#findSame {}
#findSame td.count { text-align:center; color:#FFF; font-size:16px; font-weight:bold; }
#findSame td.info { background-color:#FFF; border-bottom:1px solid black; text-align:center; color:#000; font-weight:bold; font-size:14px; padding:10px 0;}
#findSame map { position:absolute; }
#findSame map area { cursor:url("../../styles/default/fifik.cur"), default; }
#findSame area { cursor:url("../../styles/default/fifik.cur"), default;  }

#find-same-diff-log-wrapper { width:750px; padding:20px 0 0 0;}
.find-same-diff-log-head { font-size:18px; font-weight:bold; color:#FFF; padding:0 0 10px 0;}
.find-same-diff-log { width:100%; background-color: #E6EEEE;}
.find-same-diff-log tr { background-color: #FFFFFF; }
.find-same-diff-log td { width:50%; color:#000; padding:2px; }
.find-same-diff-log .th { font-weight:bold; font-size:14px; }