/*
   HAPPY TOOLS CMS - redakcni a publikacni system
  (C) 2008  HAPPY DESIGN.cz - Vsechna prava vyhrazena
	 index.php - hlavni strana
*/

*{margin:0; padding:0; }
body{height: 100%; text-align: center; font-size: 150%;   font-family: "Source Sans 3", sans-serif; font-optical-sizing: auto; font-weight: bold; font-style: normal; letter-spacing: 0.02em; background: #D4CAC8;}

h1 {font-size: 150%; margin: 0 0 15px 0;}


a {color:#E3032E; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: none; max-width: 100%;}

p {margin: 0 0 15px 0; line-height: 1.5em;}
p.last { margin: 0 0 3em 0; }
p.noMargin { margin: 0; }

hr {}

table{ border-collapse:collapse; line-height: 1.5em;}  
          
.cleaner {clear: both; height: 0px; overflow: hidden;}
.cleaner2 {clear: none; height: 0px; overflow: hidden; }
.cleaner3 {clear: both; height: 0px; overflow: hidden; }

.float-left {float:left; margin-right: 30px;}
.float-right {float:right; margin-left: 30px;}
.align-block {text-align: justify;}
.align-center {text-align: center; margin:0 auto 0 auto;}
.align-right {text-align: right;}
.valign-top {vertical-align: top;}

.verzalky {text-transform: uppercase;}
.kurziva {font-style: italic;}
.black {font-weight: 900;}
.small {font-size: 60%;}



/* ZÁKLADNÍ LAYOUT STRÁNKY */
#contejner {
    display: flex;
    justify-content: center; /* Horizontální střed */
    align-items: center;     /* Vertikální střed */
    min-height: 100vh;      /* Výška na celou obrazovku mobilu */
    padding: 20px;          /* Mezera od krajů na mobilech */
    box-sizing: border-box;
}

#box {
    width: 100%;            /* Na mobilu se roztáhne */
    max-width: 700px;       
    min-height: 200px;
    padding: 30px;
    text-align: center;

}

img#logo {margin-bottom: 30px; width: 400px;}

#tel {background: #E3032E; max-width: 400px; color: white; font-style: italic; transform: skewX(-20deg); padding: 10px; margin: 0 auto;}
#tel p {transform: skewX(20deg); line-height: 1.2em; margin-bottom: 0;}
#tel a {color: white;}

#social {margin-top: 30px;}
#social img {width: 75px;}




/**************************************************************************************************************************************************************************************************************/
/*             																				        RESPONZIVNI DESIGN                                                                                        */
/**************************************************************************************************************************************************************************************************************/


@media (max-width: 767px)
{
    
    body {font-size: 130%;}    

    
}


@media (max-width: 480px)
{
    

    body {font-size: 120%;}    
    

      
}