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

body { background-color:#385370; color:#fff; }

a:link, a:visited { color:#ff8700; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }

#page { background-image:url(img/pagesame.jpg); background-repeat:repeat-y; width:916px; margin:0px auto; }

#baner { background-image:url(img/baner_cz.jpg); height:112px; }

#logo, #flags, #buttons { position:absolute; }
#logo { margin-left:24px; margin-top:25px; width:74px; height:87px; }
#flags { margin-left:110px; margin-top:25px; }

#flags a:link, #flags a:visited { float:left; display:inline; margin-right:6px; background-position:left;  width:61px; height:50px; line-height:50px; padding-left:70px; color:white; text-decoration:none; }
#flags a:hover, #flags a:active { background-position:right; }

#flags a.cz:link, #flags a.cz:visited { background-image:url(img/cesky.jpg); }
#flags a.pl:link, #flags a.pl:visited { background-image:url(img/polski.jpg); }
#flags a.en:link, #flags a.en:visited { background-image:url(img/english.jpg); }

#buttons { margin-left:110px; margin-top:80px; }
#buttons a:link, #buttons a:visited { background-image:url(img/button.jpg); width:131px; height:32px; line-height:32px; text-align:center; color:white; text-decoration:none; float:left; display:inline; background-position:top left; margin-right:6px; }
#buttons a:hover, #buttons a:active { background-position:top right; }

.line { background-image:url(img/line.jpg); height:11px; }

#footer { background-image:url(img/bottom.jpg); height:91px; }

/* PAGE */

#pageContent { padding:20px; }
#pageCol1, #pageCol2 { width:400px; float:left; display:inline; padding:0px 18px; }

/* VR */

#cliphq { width:880px; height:440px; }

/* THUMBSTRIP */

#thumbstrip { padding-top:5px; padding-left:3px;  background-image:url(img/thumbstrip.jpg); height:107px; background-repeat:repeat-x; }
#thumbstrip div { width:173px; height:96px; display:inline; float:left; margin-right:1px; }
#thumbstrip div a:link, #thumbstrip div a:visited { width:166px; height:90px; display:block; background-position:50% 50%; border:3px solid #ccc; }
#thumbstrip div a.current:link, #thumbstrip div a.current:visited { border-color:#1192CE; }
#thumbstrip div a:hover, #thumbstrip div a:active { background-position:45% 50%; border-color:red; }
#thumbstrip p { height:10px; width:155px; background-position:50% 50%; display:block; background-repeat:no-repeat;  background-image:url(img/thumbarr.jpg); }

/* VR COTROLLER */

#vrcontroller { height:34px; background-image:url(img/vrcontroller.jpg); background-repeat:repeat-x; }
#arrleft a:link, #arrleft a:visited, #arrleft p { width:40px; height:34px; display:block; position:absolute; margin-left:10px; background-image:url(img/arrleft.jpg); background-position:left; }
#arrleft a:active, #arrleft a:hover { background-position:-40px 0; }
#arrright a:link, #arrright a:visited, #arrright p { width:40px; height:34px; display:block; position:absolute; margin-left:836px; background-image:url(img/arrright.jpg); background-position:left; }
#arrright p, #arrleft p { background-position:-80px 0; margin:0px; }
#arrright a:active, #arrright a:hover { background-position:-40px 0; }
#vrswitch { margin-left:283px; margin-top:7px; position:absolute; width:310px; }
#vrswitch select { width:310px; }



/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */