/*	---------------------------------------------------------------------------------------
	Vodka Velikopol Project

	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				30. 07. 2010
	Author:				Martin Jemelka (http://www.europemc.cz/)
	---------------------------------------------------------------------------------------*/
    @import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	---------------------------------------------------------------------------------------*/
    html, body { min-height: 100%; height: 100%; width: 100%; }
    body { margin: 0; background: url('../images/intro.gif') repeat; }
    .body { overflow: hidden; min-width: 1020px;  height: 100%; width: 100%; position: relative; }
    #intro .body {  height: 100%; width: 100%; position: relative; }

/*	---------------------------------------------------------------------------------------
	Layout
	---------------------------------------------------------------------------------------*/
    /* Galleria -------------------------------------------------------------------------------*/
    #galleria { z-index: -1; overflow: hidden; position: relative; background: none; width: 100%; height: 100%; }
        #galleria .galleria-container { height: 100%!important; }
        #galleria .galleria-stage { left:0; bottom: 0; background: none!important; }
        #galleria .galleria-border { border: none!important; }
        #galleria .galleria-info { display: none!important; }
        #galleria .galleria-thumbnails-container { display: none!important; }
        
    /* Header -------------------------------------------------------------------------------*/
    
    /* Index Shadow -------------------------------------------------------------------------------*/
    #indexShadow { min-width: 1024px; width: 100%; height: 200px; position: absolute; bottom: 24px; background: url('../images/indexShadow.png') 50% 100% repeat-x; }
    
    /* Language Select -------------------------------------------------------------------------------*/
    #languageSelect { background: url('../images/transparentMenu.png') 0 0 repeat; padding: 5px; z-index: 99999; color: #75696b; font-size: 12px; float: right; font-family: arial; list-style: none; position: absolute; top: 15px; right: 15px; }
        #languageSelect li { display: inline; }
            #languageSelect li span { color: #fff; padding: 0 5px; }
            #languageSelect li a { color: #fff; text-decoration: underline; }
    
    /* Footer -------------------------------------------------------------------------------*/
    #footer { vertical-align: middle; color: #75696b; font-family: arial; height: 24px; overflow: hidden; font-size: 11px; z-index: 1; position: absolute; bottom: 0; min-width: 1024px; width: 100%; background: #3a2f31; }
        #footer a { color: #fff; text-decoration: underline; }
        #footer a:hover { color: #aba0a2; text-decoration: none; }
        #footer .footerLeft { position: relative; top: 5px; float: left!important; position: relative; left: 10px; }
        #footer .footerRight { position: relative; top: 5px; float: right!important; position: relative; right: 10px; }
    
    /* Footer Intro -------------------------------------------------------------------------------*/
    #footerIntro { z-index: 1; position: absolute; bottom: 0; width: 100%; height: 166px; background: #000000; }
    
    
/*  ---------------------------------------------------------------------------------------
    Pages 
    --------------------------------------------------------------------------------*/
    /* Index -----------------------------------------------------------------------*/
    .content { max-height: 888px; width: 1024px; position: absolute; bottom: 25px; }
        .content .contentLeft { max-height: 888px; overflow: hidden; font-family: arial; width: 370px; height: 888px; bottom: 0; }
        .content #articleCat16 { background: url('../../images/01.jpg') 50% 100% no-repeat; }
        .content #articleCat17 { background: url('../../images/02.jpg') 50% 100% no-repeat; }
        .content #articleCat19 { background: url('../../images/03.jpg') 50% 100% no-repeat; }
        .content #articleCat20 { background: url('../../images/04.jpg') 50% 100% no-repeat; }
        .content #articleCat21 { background: url('../../images/05.jpg') 50% 100% no-repeat; }
        .content #articleCat22 { background: url('../../images/05.jpg') 50% 100% no-repeat; }
        .content #articleCat23 { background: url('../../images/06.jpg') 50% 100% no-repeat; }
        .content #articleCat24 { background: url('../../images/07.jpg') 50% 100% no-repeat; }
        .content #articleCat25 { background: url('../../images/08.jpg') 50% 100% no-repeat; }
        .content #articleCat26 { background: url('../../images/09.jpg') 50% 100% no-repeat; }
        .content #articleCat27 { background: url('../../images/10.jpg') 50% 100% no-repeat; }
        .content #articleCat28 { background: url('../../images/02.jpg') 50% 100% no-repeat; }
        .content #articleCat29 { background: url('../../images/08.jpg') 50% 100% no-repeat; }
        .content #articleCat30 { background: url('../../images/35.jpg') 50% 100% no-repeat; }
        .content #articleCat31 { background: url('../../images/35.jpg') 50% 100% no-repeat; }
        .content #articleCat32 { background: url('../../images/35.jpg') 50% 100% no-repeat; }
            .content .contentLeft .logo { z-index: 99999; position: relative; line-height: 400px; display: inline-block; top: 40px; width: 141px; height: 110px; overflow: hidden; background: url('../images/logo.png') 50% 0 no-repeat; }
            .content .contentLeft .mainMenu { top: 40px; z-index: 99999; position: absolute; overflow: hidden; display: block; left: 220px; width: 149px; }
                .content .contentLeft .mainMenu .lineDottedVertical { float: left!important; width: 5px; background: url('../images/lineDottedVertical.png') 0 0 repeat-y; }
                .content .contentLeft .mainMenu ul { float: left!important; padding: 0!important; margin: 0!important; font-size: 10px; text-transform: uppercase; list-style: none!important; width: 130px; overflow: hidden; }
                    .content .contentLeft .mainMenu ul li { margin: 2px 0 0 0!important; padding: 0 5px!important; width: 120px; }
                        .content .contentLeft .mainMenu ul li span { color: #fff;  }
                        .content .contentLeft .mainMenu ul li a { color: #fff!important; text-decoration: none!important; padding: 1px 2px!important; display: inline-block!important; background: url('../images/transparentMenu.png') 0 0 repeat; }
                        .content .contentLeft .mainMenu ul li a:hover, .content .contentLeft .mainMenu ul li a.current { text-decoration: none; color: #fff; background: #cd291f; }
                .content .contentLeft .mainMenu ul ul { margin: 0 0 0 5px!important; padding: 0!important; }
        .content .contentRight { max-height: 888px; position: absolute; left: 370px; bottom: 0; height: 100%; width: 100%; }
            .content .contentRightPadding { height: 100%; float: left; width: 100%; padding: 40px 0 0 40px; }
            .content .contentRightPadding h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; width: 98%; display: inline-block; font-weight: normal; text-transform: uppercase; font-size: 35px; background: url('../images/lineDottedHorizontal.png') 0 100% repeat-x;}
            .content .contentRightPadding .scrollable { overflow:auto; width: 100%; }
            .jScrollPaneContainer { overflow:hidden; position:relative; z-index:1; }
                .content .contentRightPadding .anotation { width: 528px; text-align: justify; margin: 0 0 30px 0; font-size: 18px; }
                .content .contentRightPadding .pagetext { margin: 20px 0 0 0; color: silver; width: 100%; text-align: justify; font-family: arial; font-size: 13px; }
                .content .contentRightPadding .pagetext p { padding: 0 0 10px 0; }
                .content .contentRightPadding .pagetext ul { list-style-type: square; margin: 0 0 20px 20px; }
                    .content .contentRightPadding .pagetext li { padding-bottom: 10px; }
                .content .contentRightPadding .pagetext ol { margin: 0 0 20px 25px; }
                .content .contentRightPadding .pagetext table { margin: 0 0 20px 0; }
                    .content .contentRightPadding .pagetext table td { vertical-align: top; padding: 5px 0 0 0; }
                .content .contentRightPadding .pagetext a { color: #e6c179; }
                .content .contentRightPadding .pagetext ol#pravda { list-style: none; margin: 0; }
                .content .contentRightPadding .pagetext ol#pravda li { position: relative; padding: 65px 10px 0 10px; float: left; margin: 0 4px 0 0!important; width: 240px; height: 157px; background: url('../images/pravdabg.png') 0 0 no-repeat; }
                .content .contentRightPadding .pagetext ol#pravda li span { position: absolute; top: 30px; left: -1px; width: 100%; text-align: center; display: block; font-size: 30px; }
                .content .contentRightPadding .pagetext ol#pravda li p { font-size: 11px; height: 45px; overflow: hidden; text-align: center; }
                #ProductImage { position: absolute; float: left;  bottom: -65px; }
                
    /* Contact -----------------------------------------------------------------------*/
        .content .contentRight .contactForm label { display: block; margin: 0 0 0 0; padding: 2px 0; }
        .content .contentRight .contactForm input { width: 180px; padding: 2px; margin: 5px 0 0 0; }
        .content .contentRight .contactForm input[type='submit'] { width: 150px; cursor: pointer; text-transform: uppercase; background: #cd291f; border: none; color: #fff; padding: 5px; margin: 5px 0 0 0; }
        .content .contentRight .contactForm textarea { width: 99%; height: 50px; padding: 2px; margin: 5px 0 0 0; }
    /* Intro -----------------------------------------------------------------------*/
    #introShadow { z-index: 1; position: absolute; bottom: 166px; width: 100%; height: 56px; background: url('../images/introShadow.png') repeat-x; }
    #intro .introContent { height: 700px; z-index: 2; left: 50%; margin-left: -361px; position: absolute; bottom: 0; width: 723px; }
        #intro .introContent .left { position: absolute; bottom: 0; width: 220px; }
        #intro .introContent .left img { max-height: 800px; }
        #intro .introContent .right { height: 526px; position: absolute; bottom: 0; left: 300px; width: 503px; }
            #intro .introContent .right .introLogo { width: 100%; height: 180px; background: url('../images/introLogo.png') 50% 100% no-repeat; }
            #intro .introContent .right .introSlogan { width: 100%; height: 56px; background: url('../images/introSlogan.png') 50% 50% no-repeat; }
            #intro .introContent .right .introDotted { width: 100%; height: 26px; background: url('../images/introDotted.png') 50% 50% no-repeat; }
            
            #intro .introContent .right .language { padding: 20px 0 5px 0; font-size: 11px;  text-transform: uppercase; width: 100%; color: #898989; }
            #intro .introContent .right .languageSelect { font-family: arial; font-size: 15px; list-style: none; padding: 0 0 0 0; width: 100%; color: #fff; }
                #intro .introContent .right .languageSelect li { display: inline; }
                #intro .introContent .right .languageSelect li a { padding: 0 10px; }
            
            #intro .introContent .right .dateOfBirth { display: block; padding: 20px 0 15px 0; font-size: 11px; text-transform: uppercase; width: 100%; color: #898989; }
                #intro .introContent .right .dateOfBirthInputs input { font-family: arial; padding: 8px 14px; background: #000; color: #fff; width: auto; border: none; font-size: 23px; }
                #intro .introContent .right .dateOfBirthInputs input:hover { background: #101010; color: #dedede; border: none; }
            
            #intro .introContent .right .confirm { font-family: arial; margin: 25px 0 0 0; color: #363636; font-size: 11px }
                #intro .introContent .right .confirm a { color: #363636; text-decoration: underline; }
            
            #intro .introContent .right .submit { margin: 20px 0 0 0; }
                #intro .introContent .right .submit input { cursor: pointer; font-family: 'Times New Roman'; font-size: 23px; background: none; border: none; color: #fff; }
                
    .tooltip { font-size: 10px; font-family: 'arial'; border: 1px solid #aac8e3; z-index: 10001; display:none; background: #000; padding: 10px; color:#fff; max-width: 300px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
    
    #gallery { width: 100%; height: 400px; margin: 20px 0 0 0; background: #000;}
    
    /*preload classes*/
    .svw {width: 50px; height: 20px; background: #fff;}
    .svw ul {position: relative; left: -999em;}
    
    /*core classes*/
    .stripViewer {  position: relative; overflow: hidden;  margin: 0 0 1px 0; }
    .stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
    .stripViewer ul li { float:left; }
    .stripTransmitter { overflow: auto; width: 1%; }
    .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
    .stripTransmitter ul li { width: 20px; float:left; margin: 0 1px 1px 0; }
    .stripTransmitter a { font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #000; color: #fff; text-decoration: none; display: block; }
    .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; }