body 
{
font-family: Calibri, sans-serif; 
color: rgb(0,0,0);
padding: 10px 150px 10px 150px;
background-image: url(trin.jpg); 
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-padding-start: 20px;
}

footer
{
text-align:center;}

h1
{ 
font-size:22px;
-webkit-margin-before: 0.3em;
-webkit-margin-after: 0.3em;
}

h2
{ 
font-size:20px;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.0em;
float:left;
font-weight:bold;
width:100%;
}

h3
{
font-size:18px;
-webkit-margin-before: 0.0em;
-webkit-margin-after: 0.0em;
-moz-margin-before: 0.0em;
-moz-margin-after: 0.0em;
float:left;
font-weight:bold;
width:100%;
}

h4
{
font-size:22px;
-webkit-margin-before: 0.0em;
-webkit-margin-after: 0.0em;
font-weight:bold;
color:#E81E2C;
}

td
{width:100;
	padding-right:10px;
	font-size:18px;
	line-height:130%;
	}
  
a
{
font-size:18px;
font-weight:bold;
color:black;
}
.prvni
{
font-size:17px;
color: rgb(0,0,0);
margin-right: 2%;
width: 89%;
float: left;
height: auto;
clear:both;
}

.druhy
{
font-size:17px;
color: rgb(0,0,0);
width: 9%;
float: left;
height: auto;
text-align: right;
}

.nadpis
{
font-size:24px;
padding-top: 15px;
color: rgb(0,0,0);
font-weight: bold;
clear:both;
}

.nadpis-talir
{
color: rgb(0,0,0);
font-family: Calibri, sans-serif;  
font-size:20px;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.0em;
-moz-margin-before: 0.5em;
-moz-margin-after: 0.0em;
float:left;
font-weight:bold;
width: 75%;
margin-right: 5%;
}

.druhy-nadpis
{
font-size:18px;
margin-top:1em;
float:left;
width: 10%;
float: left;
text-align: right;
font-weight:bold;
}

.prvni-talir
{
font-size:17px;
color: rgb(0,0,0);
width: 78%;
margin-right: 2%;
float: left;
height: auto;
}

.druhy-talir
{
font-size:17px;
color: rgb(0,0,0);
width: 10%;
float: left;
height: auto;
text-align: right;
}

.treti-talir
{

font-size:17px;
color: rgb(0,0,0);
width: 10%;
float: left;
height: auto;
text-align: right;
}

.prvni-napoje
{
font-size:17px;
color: rgb(0,0,0);
width: 70%;
float: left;
height: auto;   
}

.druhy-napoje
{
font-size:17px;
color: rgb(0,0,0);
width: 15%;
float: left;
height: 22px;
text-align: right;  
}

.treti-napoje
{
font-size:17px;
color: rgb(0,0,0);
width: 15%;
float: left;
height: auto;
text-align: right;
}


.nadpis-kava
{
color: rgb(127,48,32); /*rgb(51,153,51)*/ 
font-size:22px;
height:30px;
padding-top: 15px;
}

.prvni-kava
{
font-size:17px;
color: rgb(0,0,0);
width: 530px;
margin-right: 30px;
height: auto;
line-height:25px;
text-align: left;
margin-top: 40px;
display:block;
float:left;

}    

.obrazek-kava
{
width: 240px;
text-align: center;
padding-top:60px;
padding-left:560px;

}

.rozvoz
{
width: 370px;
margin-right: 30px;
font-size:18px;
color: rgb(0,0,0);
position:absolute;
padding-bottom:30px;
line-height:130%;
}

.hlavni
{
width: 370px;
margin-right: 30px;
font-size:18px;
color: rgb(0,0,0);
padding-bottom:30px;
line-height:130%;
float:left;
display:block;
}

#interier
{
width: 400px;
padding-left: 400px;
padding-bottom: 50px;
}

/*#hlavni
{
width: 45%;
margin-right: 5%;
display: block;
float: left;
font-size:20px;
color: rgb(0,0,0);
}

#interier
{
width: 50%;
display: block;
float: left;
}
*/
.prazdny
{
clear:both;
}

.mapa
{
	color: rgb(0,0,0);
	float:left;
	font-size:18px;
	line-height:130%;
width:400px;
}

#main 
{                         
width: 920px;      
background: rgb(255,255,255); 
margin: 30px auto;  
min-height:760px;
	box-shadow: 0px 0px 6px 0px #cdcdcd;

}

.obr1
{
width: 600px;
height: 101px;
background-image: url(pizzerie1.jpg); 
margin-top: 60px; 
margin-left: 50px;
float:left;
}


.obr2
{
width: 196px;
margin-right: 5px;
margin-top: 30px;
margin-left: 5px;
height: 150px;
background-image: url(pizzerie5.png); 
float:left;
/*margin: 45px 30px 30px 0px;*/
-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	transition-duration: 0.8s;
	
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-ms-transition-property: -ms-transform;
	overflow:hidden;
}

.obr2:hover	
{ 
	-webkit-transform:rotate(-360deg);
	-moz-transform:rotate(-360deg); 
	-o-transform:rotate(-360deg);
	transform:rotate(-360deg);
	-ms-transform:rotate(-360deg);
}

#img{
border: 0px rgb(0,0,0) solid ;
}

.fb
{
    float: right;
    text-align: right;
    margin-right: 60px;
}

#navigace 
{
clear: both;
text-align: center;
padding: 15px 0;
background:rgb(255,255,255);
width:100%; 
line-height:150%;  
font-weight: bold;
float:left;
}

#navigace p{      
display: inline-block;   
margin: auto;             
}                              

#navigace a
/*tyka se pouze tagu a uvnitr oddilu navigace*/
{
padding-top: 2px;   
padding-left: 12px; 
padding-right: 12px; 
text-decoration: none; 
color:rgb(232,29,48); 
font-size:20px;    
display: block; /*zvyrazneni barvou bude stejne siroke pro vsechny navigacni odkazy,nebude to jen na uroven textu*/
}

#navigace a:hover
{
color:rgb(104,163,81); /*meni se barva u odkazu*/
/*border-top-left-radius:30px;  */ 
}

#obsah, #ubytovani 
{
font-family: Calibri, sans-serif; 
width:800px; 
margin: 10px 60px 30px 60px;
background: rgb(255,255,255);
overflow: hidden;
padding-bottom: 50px;
min-height:400px;

}

#obsah-novinky 
{
font-family: Calibri, sans-serif; 
width:800px; 
margin: 20px 40px 30px 40px;
background: rgb(255,255,255);
overflow: hidden;
}

#obsah-napoje 
{
font-family: Calibri, sans-serif; 
width:600px;
margin: 20px 40px 30px 40px;
background: rgb(255,255,255);
overflow: hidden;
padding-bottom: 50px;
}

#obsah p
{
font-size:22px; 
font-family: Calibri, sans-serif; 
color: rgb(0,0,0);
font-weight: bold;
padding: 0px 0px 0px 57px;
background: (255,255,255);
float:left;
}  

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

.right{
text-align:right;
}

#obsah p.small{
    font-size: 12px;
    font-weight: normal;
    border-top: 2px solid #ef6e72;
    padding: 10px 0 0;
    float: left;
}

.koupit a {
    background: #e81f29;
    box-shadow: 2px 2px 10px #a0a0a0;
    padding: 10px 15px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.koupit{
padding-top:15px;}

.koupit a:hover{
background:#d01723;}

.pozor{
    text-align: center;
    border: 1px dotted #6c6c6c;
    padding: 10px 20px 10px;
    margin-bottom: 16px;
margin-top:5px;
}