@media screen, projection{

/* ___________________________ pro cely web___________________________ */
body {
color:#5F5F5F; font-family:  "Lucida Grande CE", "Verdana CE", "Arial CE", Arial, lucida, sans-serif; font-size:83%; 
line-height:1.5em; 
background-color:#B1B1B1;
margin:0 0 10px 0; 
padding:0; 
text-align:center;}

#container {width:970px; padding:0px; background-color:white; margin-left:auto; margin-right:auto; text-align:left}
#container .mat {padding:0 15px 10px 15px;}

#dw {background-color:#F3F5F8; margin:0; padding:0; border-bottom: 1px solid #E3E3E3;}
#dw-matrosice {margin: 0 0 8px 8px;}
#hrtop {height: 10px; width: 100%; color: #870009; background-color: #870009; border: 0px solid #870009; margin: -7px 0 0px 0}

table, td {font-size: 100%;}
.cleaner {clear:both; padding:0px; margin:0px;}
.reseter {font-size: 0; line-height: 0.0; height: 0; clear: right; padding:0; margin:0}

a {text-decoration: underline; color: #870008}
a:visited {text-decoration: underline; color: #BC669D}
a:hover {text-decoration: none; color: #870008}

p {line-height: 150%}
h2 {color:#870008; font-size: 135%; font-weight: bold; line-height:120%}
h3 {color:#870008; font-size: 110%; font-weight: bold; line-height:120%}
hr {height: 1px; width: 100%; color: #E6E6E6; background-color: #E6E6E6; border: 0px solid #E6E6E6; margin: 10px 0 0 0}

#menicka hr {height: 1px; width: 100%; color: #E6E6E6; background-color: #E6E6E6; border: 0px solid #E6E6E6; margin: 0 0 0 0}

.biger {font-size:150%}
.hand {cursor: pointer;}
.red {color: #870008}
.upper {text-transform: uppercase}
.normal {text-transform: none;}

#banner {width:940px; height:133px; background-color: white; margin:0; text-align:right;}
#banner #box-left {width:207px; height:131px; float:left; cursor:pointer; background: #F8F8F8 url(../img/picto/lg.gif) top left no-repeat;}
#banner #box-left span {display:none}
#banner #box-right {color:white; width:711px; height:131px; float:left; text-align:right;}
#banner #box-right .mat {padding: 0 0 0 20px}
#banner #box-right h1 {display:none}

#content {width:700px; margin: 0 0 0 235px; line-height:120%; border:0px solid #DEDEDE}
#content .mat {margin:0; padding:0 0 0 10px}

/*#content {width:720px; background:white url(../img/picto/bek-content.jpg) top left repeat-x; text-align:left;}
#content .mat {padding:30px 0px 20px 20px;}*/
/* ___________________________ pro cely web___________________________ */

			
/* ___________________________ titulka___________________________ */
.tab-tit {width:690px;}
.first {margin:10px 0 0 0}
.tab-tit td {padding:10px}
.box1 {margin: 20px 0 0 0}
.box1 .ilu {float:left; margin: 0 20px 0 0}
.box2 .ilu {float:right; margin: 20px 0 0 20px}
html>body .box2 .ilu {float:right; margin: 0 0 0 20px} /* mozilla */
*:first-child+html .box2 .ilu {float:right; margin: 20px 0 0 20px} /* IE7 */
.box3 .ilu {float:left; margin: 20px 20px 0 0}
html>body .box3 .ilu {float:left; margin: 0 20px 0 0} /* mozilla */
*:first-child+html .box3 .ilu {float:left; margin: 20px 20px 0 0} /* IE7 */
.box4 .ilu {float:right; margin: 20px 0 0 20px}
html>body .box4 .ilu {float:right; margin: 0 0 0 20px} /* mozilla */
*:first-child+html .box4 .ilu {float:right; margin: 20px 0 0 20px} /* IE7 */

#kontakt-left {font-size:90%; margin:0; padding:0; width: 207px;}
#kontakt-left .mat {margin: 20px 0 0 25px; padding:0}

/* ___________________________ titulka___________________________ */


/* ___________________________ podstrana___________________________ */
#left {width:/*250px*/217px; float:left;border:0px solid #DEDEDE}

#menu {border-bottom: 0px solid #E6E6E6; width: 217px; float:left}
#menu .mat {margin: 0 0 0 0}
#menu ul {padding:0;margin:0}
#menu li {list-style: none;margin: 0; padding: 0.25em; border-top: 1px solid #E6E6E6; line-height: 35px}
#menu li a {margin-left: 15px;text-decoration:none; color: #818181; font-size: 0.9em;}
.neaktivni {margin-left: 40px; font-size:0.85em;}
.aktivni {margin-left: 40px; font-size:1em; color: #870009; font-weight: bold; margin-left: 15px;}
#menu li a:hover {text-decoration: underline;color: black;}

#drobecky {line-height: 260%; border-bottom:1px solid #E7E7E7}
#rezervace {color:#870009; width:380px; padding: 0px}
#rezervace a {color:#870009;}

#content li {margin: 0 0 15px 0}
#bez li {margin: 0 0 5px 0}

.pod-ilu {float:left; margin:0 5px 10px 0; border:4px solid #B1B1B1;}

.vina {width:160px; margin:0 5px 20px 0;text-align:center; border-right:1px solid #E6E6E6; float:left; line-height:1.4em}

/*#aktuality-left {color:black; font-size:90%; line-height:120%; width:250px; float:left; background-color:#F5F5F5; margin: 10px 0 0 0; border-top: 4px solid #B8B7B7}
#aktuality-left .mat {padding:20px 10px 10px 10px}
#aktuality-left .mat p {margin: 0 0 5px 0}
#aktuality-left .mat .nadpis {color:#F10303; font-weight:bold;}
#aktuality-left a:link, #aktuality-left a:visited {color:#F10303}
#aktuality-left a:hover {color:#F10303}	
#aktuality-left h2 {color:#F10303; font-family:serif; font-size:150%; font-weight: bold; margin:0 0 10px 0; padding:0;}
*/

/* ___________________________ podstrana___________________________ */


/* ___________________________ footer___________________________ */
#zvonek {float:left; margin: 0 20px 0 0}
#footer {border-top: 8px solid #E7E7E7; font-size:80%; width:940px; margin: 30px 0 0 0;}
#footer #copyright p {margin: 0 0 3px 0}
#footer #copyright .mat {margin: 20px 0 0 0}
#footer #copyright a:link, #footer #copyright a:visited {text-decoration:underline;}
#footer #copyright a:hover {text-decoration:none;}	
#footer #copyright #box-left-footer {width:650px; float:left; border:0px solid red}
#footer #copyright #box-right-footer {width:260px; float:left; text-align:right; border:0px solid #E7E7E7}
#footer #copyright #box-right-footer a:link, #footer #copyright #box-right-footer a:visited {text-decoration:underline;}
#footer #copyright #box-right-footer a:hover {text-decoration:none;}	
/* ___________________________ footer___________________________ */

/* ___________________________ vypis___________________________ */
#tab-vypis {width:90%; background-color:white; border-collapse: collapse;}
#tab-vypis th {background:#F10303; color:white;} 
#tab-vypis th, #tab-vypis td {border: 1px solid #C4C4C4;} 
/* ___________________________ vypis___________________________ */


}