/* -----------------------------------------------------------------------

   WebPrezent
   http://www.webprezent.cz

   * Copyright (c) 2009. P3t4a5
   * v 1.0    
   * Pouziti CSS frameworku WP Styles
   * pravidel do vlastnich stylu    
   * v pripade nutnych uprav se zasahuje do soboru:
   * #general.css
   * #themes.css           

----------------------------------------------------------------------- */
/* Tyto třídy jsou neměnné !!! */

/* zarovnani obtekani */
.float-left                 { float: left; }
.float-right                { float: right; }
.srovnani                   { clear: both; }

/* zobrazeni */
.block                      { display: block; }
.tucne											{ font-weight: bold; }

/* vycentrovani na stred */
.stred                      { text-align: center; margin-left: auto; margin-right: auto; }

/* zarovnani textu */
.text-left                  { text-align: left; }
.text-right                 { text-align: right; }
.text-center                { text-align: center; }
.text-justify               { text-align: justify; }

/* zarovnani obrazku */
.img-left                  { float: left; }
.img-right                 { float: right; }
/* velikost pisma */
.xx-small                   { font-size: xx-small; }
.x-small                    { font-size: x-small; }
.small                      { font-size: small; }
.medium                     { font-size: medium; }
.large                      { font-size: large; }
.x-large                    { font-size: x-large; }
.xx-large                   { font-size: xx-large; }

/* Grid - vlastni mrizka 
- krok po 10px, používat při stanovení šířky boxu
*/

.blok-10    { width:  10px; }
.blok-20    { width:  20px; }
.blok-30    { width:  30px; }
.blok-40    { width:  40px; }
.blok-50    { width:  50px; }
.blok-60    { width:  60px; }
.blok-70    { width:  70px; }
.blok-80    { width:  80px; }
.blok-90    { width:  90px; }
.blok-100   { width: 100px; }
.blok-110   { width: 110px; }
.blok-120   { width: 120px; }
.blok-130   { width: 130px; }
.blok-140   { width: 140px; }
.blok-150   { width: 150px; }
.blok-160   { width: 160px; }
.blok-170   { width: 170px; }
.blok-180   { width: 180px; }
.blok-190   { width: 190px; }
.blok-200   { width: 200px; }
.blok-210   { width: 210px; }
.blok-220   { width: 220px; }
.blok-230   { width: 230px; }
.blok-240   { width: 240px; }
.blok-250   { width: 250px; }
.blok-260   { width: 260px; }
.blok-270   { width: 270px; }
.blok-280   { width: 280px; }
.blok-290   { width: 290px; }
.blok-300   { width: 300px; }
.blok-310   { width: 310px; }
.blok-320   { width: 320px; }
.blok-330   { width: 330px; }
.blok-340   { width: 340px; }
.blok-350   { width: 350px; }
.blok-380   { width: 380px; }
.blok-390   { width: 390px; }
.blok-400   { width: 400px; }
.blok-420   { width: 420px; }
.blok-440   { width: 440px; }
.blok-460   { width: 460px; }
.blok-480   { width: 480px; }
.blok-500   { width: 500px; }
.blok-520   { width: 520px; }
.blok-540   { width: 540px; }
.blok-560   { width: 560px; }
.blok-580   { width: 580px; }
.blok-600   { width: 600px; }
.blok-620   { width: 620px; }
.blok-640   { width: 640px; }
.blok-660   { width: 660px; }
.blok-680   { width: 680px; }
.blok-700   { width: 700px; }
.blok-720   { width: 720px; }
.blok-740   { width: 740px; }
.blok-760   { width: 760px; }
.blok-780   { width: 780px; }
.blok-800   { width: 800px; }

.m-5        { margin:  5px; }
.m-10       { margin: 10px; }
.m-15       { margin: 15px; }
.m-20       { margin: 20px; }
.m-25       { margin: 25px; }
.m-30       { margin: 30px; }
.m-35       { margin: 35px; }
.m-40       { margin: 40px; }
.m-45       { margin: 45px; }
.m-50       { margin: 50px; }

.m-t-10     { margin-top:    10px; }
.m-t-20     { margin-top:    20px; }
.m-t-30     { margin-top:    30px; }
.m-t-40     { margin-top:    40px; }
.m-t-50     { margin-top:    50px; }
.m-t-60     { margin-top:    60px; }
.m-t-70     { margin-top:    70px; }
.m-t-80     { margin-top:    80px; }
.m-t-90     { margin-top:    90px; }

.m-b-10     { margin-bottom: 10px; }
.m-b-20     { margin-bottom: 20px; }
.m-b-30     { margin-bottom: 30px; }
.m-b-40     { margin-bottom: 40px; }
.m-b-50     { margin-bottom: 50px; }
.m-b-60     { margin-bottom: 60px; }
.m-b-70     { margin-bottom: 70px; }
.m-b-80     { margin-bottom: 80px; }
.m-b-90     { margin-bottom: 90px; }

.m-l-10     { margin-left:  10px; }
.m-l-15     { margin-left:  15px; }
.m-l-20     { margin-left:  20px; }
.m-l-25     { margin-left:  25px; }
.m-l-30     { margin-left:  30px; }
.m-l-35     { margin-left:  35px; }
.m-l-40     { margin-left:  40px; }
.m-l-45     { margin-left:  45px; }
.m-l-50     { margin-left:  50px; }
.m-l-55     { margin-left:  55px; }
.m-l-60     { margin-left:  60px; }
.m-l-65     { margin-left:  65px; }
.m-l-70     { margin-left:  70px; }
.m-l-75     { margin-left:  75px; }
.m-l-80     { margin-left:  80px; }
.m-l-85     { margin-left:  85px; }
.m-l-90     { margin-left:  90px; }
.m-l-95     { margin-left:  95px; }
.m-l-100    { margin-left: 100px; }
.m-l-110    { margin-left: 110px; }
.m-l-120    { margin-left: 120px; }
.m-l-130    { margin-left: 130px; }
.m-l-140    { margin-left: 140px; }
.m-l-150    { margin-left: 150px; }
.m-l-160    { margin-left: 160px; }
.m-l-170    { margin-left: 170px; }
.m-l-180    { margin-left: 180px; }
.m-l-190    { margin-left: 190px; }
.m-l-200    { margin-left: 200px; }
.m-l-250    { margin-left: 250px; }
.m-l-300    { margin-left: 300px; }
.m-l-400    { margin-left: 400px; }

.m-r-10     { margin-right:  10px; }
.m-r-15     { margin-right:  15px; }
.m-r-20     { margin-right:  20px; }
.m-r-25     { margin-right:  25px; }
.m-r-30     { margin-right:  30px; }
.m-r-35     { margin-right:  35px; }
.m-r-40     { margin-right:  40px; }
.m-r-45     { margin-right:  45px; }
.m-r-50     { margin-right:  50px; }
.m-r-55     { margin-right:  55px; }
.m-r-60     { margin-right:  60px; }
.m-r-65     { margin-right:  65px; }
.m-r-70     { margin-right:  70px; }
.m-r-75     { margin-right:  75px; }
.m-r-80     { margin-right:  80px; }
.m-r-85     { margin-right:  85px; }
.m-r-90     { margin-right:  90px; }
.m-r-95     { margin-right:  95px; }
.m-r-100    { margin-right: 100px; }
.m-r-150    { margin-right: 150px; }
.m-r-200    { margin-right: 200px; }
.m-r-250    { margin-right: 250px; }
.m-r-300    { margin-right: 300px; }
.m-r-400    { margin-right: 400px; }

.m-lr-a     { margin-left:  auto; margin-right: auto; }
.m-lr-0     { margin-left:   0px; margin-right:  0px; }
.m-lr-5     { margin-left:   5px; margin-right:  5px; }
.m-lr-10    { margin-left:  10px; margin-right: 10px; }
.m-lr-15    { margin-left:  15px; margin-right: 15px; }
.m-lr-20    { margin-left:  20px; margin-right: 20px; }
.m-lr-25    { margin-left:  25px; margin-right: 25px; }
.m-lr-30    { margin-left:  30px; margin-right: 30px; }
.m-lr-35    { margin-left:  35px; margin-right: 35px; }
.m-lr-40    { margin-left:  40px; margin-right: 40px; }
.m-lr-45    { margin-left:  45px; margin-right: 45px; }

.p-5        { padding:  5px; }
.p-10       { padding: 10px; }
.p-15       { padding: 15px; }
.p-20       { padding: 20px; }
.p-25       { padding: 25px; }
.p-30       { padding: 30px; }
.p-35       { padding: 35px; }
.p-40       { padding: 40px; }
.p-45       { padding: 45px; }
.p-50       { padding: 50px; }
