body {
font-family: 'caviar_dreamsregular';
    src: url('CaviarDreams-webfont.eot');
    src: url('CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('CaviarDreams-webfont.woff') format('woff'),
         url('CaviarDreams-webfont.ttf') format('truetype'),
         url('CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
font-weight: normal;
font-style: normal;
background-color: #fff; 
line-height: 22px;
}

/* @group links */
a {
text-decoration: none;
color: #C92841;
font-family: 'Open Sans',sans-serif;
}

a:visited {
color: #C92841;
font-family: 'Open Sans',sans-serif;
}

a:hover, a:focus {
color: #C92841;
text-decoration: underline;
font-family: 'Open Sans',sans-serif;
}

a img{
border: none;
outline: none;
}


.gbs3 .btncreative, .gbs3 .btncreative a:visited, .gbs3 .btncreative a:focus, .gbs3 .btncreative a:hover {
    color: #FFF;
    background-color: #C92841;
    border-color: #C92841;
}

/* @end */

/* @group typography */

p {
font-family: 'Open Sans',sans-serif;
margin: 10 10 1em;
}

p.aktualne {
font-family: 'Open Sans',sans-serif;
margin: 10px 150px 10px 0px;
font-size: 15px;
line-height: 1.5em;
color: #8F8A85;
}

p.dalsinabidka {
font-family: 'Open Sans',sans-serif;
margin: 10px 10px 10px 0px;
font-size: 15px;
line-height: 1.5em;
color: #8F8A85;
}

p.oddelovac {
margin: 10px 150px 10px 0px;
background: url('bg-header-seda.png') repeat center center;
height: 1px;
}

p.oddelovacdalsi {
margin: 10px 10px 10px 0px;
background: url('bg-header-seda.png') repeat center center;
height: 1px;
}

h1 a:hover, h2 a:hover {
text-decoration:none;
font-family: 'caviar_dreamsregular';
  
}

h1 a, h1 a:visited, h1 a:focus, h1 a:hover, h2 a, h2 a:visited, h2 a:focus, h2 a:hover, h3 a, h3 a:visited, h3 a:focus, h3 a:hover, h4 a, h4 a:visited, h4 a:focus, h4 a:hover {
font-family: 'caviar_dreamsregular';
}

.nadpis, .nadpis a, .nadpis a:visited, .nadpis a:focus, .nadpis a:hover {
/*line-height: 18px;*/
font-family: 'caviar_dreamsregular';
  color: #fff;
}

h1, h2 {
font-size: 28px;
font-family: 'caviar_dreamsregular';
}

h1, h2, h3, h4, h5, h6 {
line-height: 30px;
color:#C92841;  
}

h3.aktualne, h3.dalsinabidka {
color:#C92841;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
font-family: 'caviar_dreamsregular';
}

h3.proc {
color:#C92841;
font-weight: bold;
margin-bottom: 10px;
}

.breadcrumb {
color: #e9e9e9;
background-color: #fff;
margin: 0px;
font-size: 12px;
padding: 8px 6px;
}

table {
font-family: 'Open Sans',sans-serif;  
}

thead {
font-weight: bolder; 
}

.gbs3  {
font-family: 'Open Sans',sans-serif;  
}

/* @end */

/* @group lists */

ul {
font-family: 'Open Sans',sans-serif;
margin-bottom: 10px;
}

li {
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px;
font-family: 'Open Sans',sans-serif;
}

.nav li a{
font-family: 'Open Sans',sans-serif;
padding: 15px 23px;
font-weight: bold;
}

li.aktualne {
list-style-type: none;
font-family: 'Open Sans',sans-serif;
}

li.proc {
list-style-type: circle;
font-family: 'Open Sans',sans-serif;
}

li.active {
/*background-color: #8F8A85;*/
font-family: 'Open Sans',sans-serif;
}
/* @end */

/* @group images */
img {
border: none;
outline: 0;
}

.image-left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.image-right {
float: right;
margin-left: 0px;
margin-bottom: 10px;
}

.image-rightheader {
float: right;
margin-left: 20px;
margin-right: -20px;
margin-bottom: 0px;
margin-top: -80px;
}

.image-inline {
margin-top: 15px;
margin-bottom: 15px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* @end */ 

/* @group misc */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

: focus {
outline: 0;
}

input.rapid_contact.button  {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    font-family: "Open Sans",sans-serif;
}

.upoutavka {
padding: 10px 10px 10px 10px;
margin-bottom: 20px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.104);
-moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.104);
box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.104);
}

div.rapid_contact.intro_text.upoutavka, div.rapid_contact.upoutavka, textarea.rapid_contact.textarea.upoutavka, div.custom.upoutavka {
box-shadow: none;
margin-bottom: 0px;
}

div.nspArts.bottom {
padding: 0px 20px 10px 20px;
}



/* @end */

/* @group layout */
.container {
background-color: #fff;
padding: 0px 0px 0px 0px;
}

.main {                
background-color: #e9e9eb;
position: relative;
width: 100%;
z-index: 0;
}

.bila {
background-color: #fff;
margin-right: -30px;
color: #000; 
}

.articles {
  margin-left: 0px;
  margin-right: 0px;
}
.stin {
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.104);
-moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.104);
box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.104);
}

.footer {
background: url('bg-header.png') repeat center center;
height: 75px;
position: relative;
width: 100%;
z-index: 0;
}

div.span12 {
/*min-height: 40px;*/
margin-bottom: 10px;
}

div.span6 {
/*height: 400px;*/
margin-bottom: 10px;
}

div.span3 {
/*height: 300px;*/
margin-bottom: 10px;
margin-top: 10px;
}

div#article.split {
  padding-left: 20px;
  padding-right: 10px;
}

div#article.full {
  padding-left: 30px;
  padding-right: 30px;
}

div#article-wrapper.span12 {
min-height: 40px;
background-color: #fff;
padding-top: 20px;
}

div#paticka-wrapper.span12, div#paticka2-wrapper.span12 {
min-height: 30px;
font-size: 12px;
background-color: #fff;
}
/* @end layout */

/* @group logo a menu */
div#logo-wrapper.span3 {
padding: 0px;
margin-top: 0px;
/*height: 120px;*/
}

div#menu.container {
padding: 0px;
background-image: none;
background-color: #fff;
}

div#menu li {
margin-bottom: 0px;
text-shadow: none;
}

div.container-inner {
background-color: #fff;
}

.navbar-inner {
padding-left: 0px;
padding-right: 0px;
background-color: #fff;
color: #fff;
background-image: none;
border: none;
border-radius: 5px;
box-shadow: none;
}

.navbar-default {
border: none;
opacity: 0.5;
}
/* @end logo a menu*/

/* @group uvodnik a aktuality*/

div#uvodnifoto.span6 {
height: 220px;
margin-bottom: 10px;
margin-top: -80px;/*10px;*/
}

div#aktualne {
/*height: 300px; */
margin-bottom: 10px;
margin-top: 10px;
}

.aktualita {
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.104);
-moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.104);
box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.104);
background-image: url('postavy.png');
background-repeat: no-repeat;
background-position: right bottom;
background-origin: border-box;
background-size: auto 100%;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.aktuality {
color: #8F8A85;
font-weight: bold;
height: 30px; 
padding: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}  

.aktualnetext {
background-color: #fff;
background-image: url('postavy.png');
background-repeat: no-repeat;
background-position: right bottom;
background-origin: border-box;
background-size: auto 100%;
font-weight: normal; 
padding: 10px 10px 10px 10px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}                  

/* @end uvodnik a aktuality */

/* @group bloky */

div#blok1text, div#blok2text, div#blok3text, div#blok4text, div#aktualnenadpis {
background-color: #C92841;
color: #ffffff;
font-weight: bold;
padding-bottom: 7px;
padding-top: 7px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
 
div#foto1, div#foto2, div#foto3, div#foto4 {
/*height: 230px;*/
}     

.bloky {
/*height: 280px;*/
background-color: #ffffff; 
padding-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.104);
-moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.104);
box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.104);
}                                           
/* @end bloky*/

/* @group další nabídka, proč a taneční oděvy */
div#dalsinabidka-wrapper {
/*height: 550px;*/
padding-left: 0px;
margin-bottom: 10px;
}

div#dalsinabidkatext {
background-color: #fff;
font-weight: normal; 
padding: 10px 10px 10px 10px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}      

div#tanecniodevy {
padding-left: 0px;
padding-top: 10px;
}

/* @end další nabídka, proč a taneční oděvy */


/*media queries*/
@media screen and (max-width: 480px) {
  	div#uvodnifoto.span6 {
    height: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
	}
}

@media screen and (min-width: 481px) and (max-width: 960px)  {
  div#uvodnifoto.span6 {
    height: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
	}
}

/* @end */