/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,textarea { font-size: 12px; font-weight: normal; font-style: normal;}
ul,ol,li { list-style: none; }
fieldset,img { border: none; display: block;}
caption,th { text-align: left; }

/* LAYOUT */
#header {position:relative; margin:10px 0 9px 0;}
#container {text-align:left; width:980px; margin:0 auto;}
#navigation {float:left;width:150px}
#content {float:left; width:100%; min-height:800px; padding-left:5px;}
/* IE min-height */
/*\*/  * html #content {height: 900px;} /**/
#extra {float:right; width:750px;}
#footer {clear:both; width:980px; margin-left: auto; margin-right: auto;}
body {background-color:#FFF; color:#646464; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 16px;}

/*
FARBY
#A9F702
#A8A8A8
*/

/*VSEOBECNE STYLY*/
#col-1 {width: 150px;}
#col-2 {width: 316px; overflow: hidden;}
#col-4 {width: 648px; overflow: hidden;}
#col-4r {width: 648px; float: right}
#col-3 {width: 482px;}
#col-3r {width: 482px; float: right;}
#col-3r a{float: right;}

.clear { clear:both; }
.clear10 { clear:both; height: 10px;}
.clear16 { clear:both; height: 16px;}
.right {float: right;}
.left {float: left;}
.center {margin-left: auto; margin-right: auto; text-align: center;}
#pic-info {padding: 10px 0 0 8px; height: 33px; color: #a97637; font-size: 16px; margin-top: 7px; background-image: url(/img/general/bar.gif); background-repeat: no-repeat;}

h1 {font-size: 22px; color: #646464; font-style: normal; font-weight: lighter; margin-bottom: 10px;}
h2 {color: #FFFFFF; font-size: 16px; font-weight: normal; padding-top: 14px; padding-bottom: 3px;}
h3 {font-size: 14px; font-weight:bold;  font-style:normal; text-align: center; padding-top: 10px; margin-bottom: 1px;}
h4 {margin-bottom: 10px; line-height: 10px; margin-top: 5px;}
h5 {margin-bottom: 10px; line-height: 10px;}
h6 {font-size: 14px; font-style:normal; float: right;}
.line {border-bottom: #AFAFAF; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 5px;}

.text-right {line-height: 20px; padding-top: 2px; float: right;}
p.text-right a{color: #A9F702;}
p.text-right a:hover {text-decoration: none;}

a {color: #00FF00;}
a:hover {text-decoration: underline;}
a:link, a:visited {color: #646464;}

.green {color: #e633c8;}
a.green {color: #e633c8;}
a.green:hover {text-decoration: none;}

#top10 {margin-top: 10px;}

.issues li {display: inline; float: left; width: 150px; font-size: 11px; text-align: center; line-height:14px; margin-right: 16px; white-space: nowrap; overflow: hidden;}
.issues li a img {margin-bottom: 3px;}
.issues li a {text-decoration: none;}
.issues li a:hover {text-decoration: underline;}
.issues li .name {color: #F7F4D6;}

ul#cover-card {height: 200px; width: 996px; }
#cover-card li{display: inline; float: left; height: 200px; width: 150px; overflow: hidden; margin-right: 16px;}

/*POZADIE pre pasik vedla obalky*/
/*.back-thumb {background-color: #d7d7d7;} background-image: url(/img/general/backcover.gif); background-repeat: no-repeat; background-position: 133px 0;}*/
.back-thumb {text-align: left;}

/*///////////////////////*/

/*HOMEPAGE*/
.free-box2 {width: 316px;}
ul#top {padding: 5px 0 0 0; width: 332px;}
#top li {display: inline; float: left; width: 150px; font-size: 11px; overflow: hidden; padding: 0 16px 16px 0;}
.slink {height: 24px; font-size: 14px; font-weight: bold; text-align: center; line-height:20px;}

.h-top {margin-bottom: 11px;}
.boxes {clear: both; width: 1000px;}
.boxes .box {float: left; display: inline; width: 316px; height: 84px; margin : 0 16px 0 0; padding-top: 66px;}
.boxes .box1 {float: left; display: inline; width: 316px; height: 120px; margin : 0 16px 0 0; padding-top: 30px;}
.numbers {padding-bottom: 20px;}
.boxes .box2 {float: left; display: inline; width: 316px; height: 72px; margin : 0 16px 0 0; text-align: center;}

#email {padding-top: 43px;}
#email .inputEmail {padding: 2px 0 0 5px; height:21px; border: 0;	width:206px; background-color: #f0f0f0; background-image:url("/img/general/email_back.gif");background-repeat:no-repeat; }#email .send {padding: 0; margin: 0;}
#email input {display: inline; float: left;}
#email .emailbox {padding-left: 40px;}
.home1,.home2,.home3 {width: 316px; height: 108px;}
.home1 {background-image: url(/img/homepage/home1.gif);}
.home2 {background-image: url(/img/homepage/home2.gif);}
.home3 {background-image: url(/img/homepage/home3.gif);}

.numbers {font-size: 20px; font-style:normal; text-align: center;}
.numbers span {width: 105px; padding: 0 20px 0 20px;}

.box h1 {font-size: 20px; color: #646464; font-style: normal; font-weight: lighter; margin-bottom: 16px; }
h1.white {color: #e633c8;}

.boxes300 {clear: both; width: 980px;}
.boxes300 .box { height: 280px;  background-color: #f0f0f0; padding: 10px 0 0 16px; float: left; width: 964px; display: inline; float: left;}

/*.boxes300 .box div { display: inline; float: left;}*/
.boxes300 .box .text {width: 450px; height: 232px; margin-right: 16px; display: inline; float: left;}
.text .movie {margin-top: 13px;}
.text .movie img {padding-top: 8px;}
.text .txt {height: 110px;}
.text .txt2 {height: 48px; margin: 15px 0 10px 0;}
.text .txt3 {width: 266px;}
.text .txt3 p {font-size: 14px; font-style:normal;}
.text .txt3 h1 {margin: 22px 0 0 0;}
.text .link {padding-top: 41px; width: 100px; float: left;}
.text .link a:hover {text-decoration: none;}
.text .zip {text-align: right; margin-top: 3px; padding-top: 24px; height: 75px; float: right; width: 350px; background-image: url(/img/homepage/big-zip.gif); background-repeat: no-repeat;}
.text .zip h1 {margin: 0; padding: 0;}
.text .zip .tx2 {font-size: 14px; font-style:normal; width: 330px; clear: right; float: right;}

.boxes300 .box .text2 {width: 280px; height: 232px; margin-right: 16px; display: inline; float: left;}
.text2 .txt {height: 145px;}
.text2 .models {margin-top: 13px;}
.text2 .models img {padding-top: 6px;}

.boxes300 #top {height: 248px; overflow: hidden;}
.boxes300 .vote {text-align: center; padding-top: 5px;}

.num {font-size: 28px; color: #646464; font-style: normal; font-weight: lighter; margin-bottom: 10px; line-height: 30px;}
.boxes300 .box .today{width: 150px; height: 232px; display: inline; float: left;}
.boxes300 .box .today img {margin-bottom: 5px;}
.boxes300 .box .zoom {width: 316px; height: 232px; margin-right: 16px; display: inline; float: left;}

/* RAMECKY */
.frametop6 {width: 980px; height: 5px; background-image: url(/img/general/980top.gif); }
.framebot6 {clear: both; width: 980px; height: 5px; background-image: url(/img/general/980bot.gif);}

.frame2 {background-image: url(/img/general/316bag.gif); width: 316px; height: 150px;}
.frame3 {background-image: url(/img/general/316bag2.gif); width: 316px; height: 72px;}
.frame4 {background-image: url(/img/homepage/hemail.gif); width: 316px; height: 72px;}

.frame24 {background-image: url(/img/general/24bg.gif); width: 980px; height: 24px; margin-bottom: 4px;}
.frame24 p{ padding : 4px 0 0 0; text-align: center;}
.frame24 p a {margin: 0 5px 0 5px; text-decoration: none;}
.frame24 p a:hover {text-decoration: underline;}

/* foot nav menu */
#footer {font-size: 11px; text-align: center; line-height:14px; padding-bottom: 10px;}
.foottext a.name {text-decoration: underline;}
.foottext a:hover.name {text-decoration: none;}
#footer .footnav {padding-top: 10px; padding-bottom: 10px;  border-bottom : #AFAFAF;  border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; width: 100%; margin-bottom: 10px;}
#footer .footnav a {text-decoration: none; margin-left: 5px; margin-right: 5px;}
#footer .footnav a:hover {text-decoration: underline;}




/* ///////////////////////////// */


/* menu hlavne */
#navback{background-image: url(/img/general/nav.gif);	background-repeat: no-repeat;	width: 990px; height:46px;	margin: 0 ; padding: 0; position: relative; z-index: 9998;}
#navback #nav {padding:5px 0 0 5px; width: 980px; height: 36px;}
#navback #nav li { display: inline;}
#navback #nav li a { float: left; width: 102px; padding-top: 36px;  overflow: hidden; background-image: url(/img/general/nav_e.gif); background-repeat: no-repeat; }
/* BUTTONS */
#navback #nav li#errotica a { background-position: 0 -36px; width: 101px; height: 0;}
#navback #nav li#members a { background-position: -101px 0; width: 118px; height: 0;}
#navback #nav li#signup a { background-position: -219px 0; width: 102px; height: 0;}
#navback #nav li#freetour a { background-position: -321px 0; width: 115px; height: 0;}
#navback #nav li#updates a { background-position: -436px 0; width: 111px; height: 0;}
#navback #nav li#models a { background-position: -547px 0; width: 108px; height: 0;}
#navback #nav li#movies a { background-position: -655px 0; width: 104px; height: 0;}
#navback #nav li#downloads a { background-position: -759px 0; width: 124px; height: 0;}
#navback #nav li#support a { background-position: -883px 0; width: 96px; height: 0;}
/* OVER STATES */
#navback #nav li#errotica a:hover { background-position: 0 -36px; }
#navback #nav li#members a:hover { background-position: -101px -36px; }
#navback #nav li#signup a:hover { background-position: -219px -36px; }
#navback #nav li#freetour a:hover { background-position: -321px -36px;}
#navback #nav li#updates a:hover { background-position: -436px -36px; }
#navback #nav li#models a:hover { background-position: -547px -36px;}
#navback #nav li#movies a:hover { background-position: -655px -36px;}
#navback #nav li#downloads a:hover { background-position: -759px -36px;}
#navback #nav li#support a:hover { background-position: -883px -36px;}

#navback #nav li#errotica a:active { background-position: 0 -72px; }
#navback #nav li#members a:active { background-position: -101px -72px; }
#navback #nav li#signup a:active { background-position: -219px -72px; }
#navback #nav li#freetour a:active { background-position: -321px -72px;}
#navback #nav li#updates a:active { background-position: -436px -72px; }
#navback #nav li#models a:active { background-position: -547px -72px;}
#navback #nav li#movies a:active { background-position: -655px -72px;}
#navback #nav li#downloads a:active { background-position: -759px -72px;}
#navback #nav li#support a:active { background-position: -883px -72px;}

#navback.errotica #nav li#errotica a:hover { background-position: 0 -36px; cursor: default; }
#navback.members #nav li#members a { background-position: -101px -72px !important;}
#navback.signup #nav li#signup a { background-position: -219px -72px !important; }
#navback.freetour #nav li#freetour a{ background-position: -321px -72px !important;}
#navback.updates #nav li#updates a { background-position: -436px -72px !important; }
#navback.models #nav li#models a { background-position: -547px -72px !important;}
#navback.movies #nav li#movies a { background-position: -655px -72px !important;}
#navback.downloads #nav li#downloads a { background-position: -759px -72px !important;}
#navback.support #nav li#support a { background-position: -883px -72px !important;}

/* buttons */
a.buttona {display: block; width: 147px; height: 63px; background-image: url(/img/buttons_w/a.gif); background-position: 0 0; margin: 0 auto;}
a.buttona2 {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/a.gif); background-position: 0 0; margin: 0 auto;}
a.buttonb {display: block; width: 147px; height: 63px; background-image: url(/img/buttons_w/b.gif); background-position: 0 0; margin: 0 auto;}
a.buttong {display: block; width: 147px; height: 63px; background-image: url(/img/buttons_w/g.gif); background-position: 0 0; margin: 0 auto;}
a.buttong2 {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/g.gif); background-position: 0 0; margin: 0 auto;}
a.buttoni {display: block; width: 147px; height: 63px; background-image: url(/img/buttons_w/i.gif); background-position: 0 0; margin: 0 auto;}
a.buttoni2 {display: block; width: 147px; height: 63px; background-image: url(/img/buttons/i.gif); background-position: 0 0; margin: 0 auto;}
a.buttona:hover,a.buttona2:hover, a.buttonb:hover,a.buttong:hover,a.buttong2:hover,a.buttoni:hover,a.buttoni2:hover { background-position: -147px 0;}
a.buttona:active,a.buttona2:active, a.buttonb:active,a.buttong:active,a.buttong2:active,a.buttoni:active,a.buttoni2:active{ background-position: -294px 0;}

a.buttonc {display: block; width: 168px; height: 63px; background-image: url(/img/buttons_w/c.gif); background-position: 0 0; margin: 0 auto;}
a.buttonc:hover { background-position: -168px 0;}
a.buttonc:active { background-position: -336px 0;}
a .alt { display: none;}

input.send-btn {width: 33px; height: 20px; background: #000000 url(/img/buttons/go.gif) no-repeat; outline: none;}
input.send-btn:hover {background: #000000 url(/img/buttons/go2.gif) no-repeat 0 -20px;}