@media screen, projection{

/* ___________________________ pro cely web___________________________ */
body {
color:white; font-family:  "Lucida Grande CE", "Verdana CE", "Arial CE", Arial, lucida, sans-serif; font-size:83%; 
line-height:1.5em; 
background:/*#363636*/black url(../img/picto/back.jpg) no-repeat;
/*background-attachment:fixed;*/
margin:0px 0 0 0; 
padding:0; 
text-align:center;}

#container {width:1000px; padding:0px; margin-left:auto; margin-right:auto; text-align:left}
#container .mat {padding:10px; border:0px solid white}

table, td {font-size: 100%;}
form {margin:0;padding:0}
.cleaner {clear:both; padding:0px; margin:0px;}

.yellow {color:#fee900}
.white {color:#FFFFFF}
.red {color:red}

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

.uno {border:0}

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

h2 {font-size:100%; color:#fee900;padding:0;margin:0}
h3 {font-size:100%; padding:0;margin:0px 0 20px 0}
h3 img {border:0}

/* ___________________________ pro cely web___________________________ */

			
/* ___________________________ titulka___________________________ */
#lang {margin:30px 0 0 0; width:980px; border:0px solid white; text-align:right; font-size:80%; font-weight:bold}

#top {width:980px; border:0px solid white}
#top h1 {font-size:100%; color:#fee900;padding:0;margin:0}
#top h1 a:link, #top h1 a:visited, #top h1 a:hover {text-decoration:none}
#top h2 {color:#fee900; font-weight:bold; padding:0;margin:0}
#top #lg {width:300px; height:70px; cursor:pointer; border-right:1px solid #7F7F7F; float:left}
#top #lg div {font-size:220%;padding:0;margin:10px 0 10px 0;font-weight:bold}
#top #lg span {display:none}
#top #box2 {width:460px; border-right:1px solid #7F7F7F; float:left}
#top #box2 .mat {padding:0 20px 0 20px}
#top #box3 {width:170px;float:left}
#top #box3 .mat {padding:0 0 0 20px}

.topwhite a:link, .topwhite a:visited {color:white; text-decoration:underline;}
.topwhite a:hover {color:white; text-decoration:none;}	


/*
#menu a:link, #menu a:visited {color:#015088; text-decoration:none;}
#menu a:hover {color:#000000; text-decoration:underline;}	
#menu div {width:170px; margin: 10px 0px 0 5px; text-align:center; font-size:90%; border-right:1px solid #0F6BA0; float:left;}
#menu #last {width:170px; margin: 10px 0px 0 5px; text-align:center; font-size:90%; border-right:0px solid #0F6BA0; float:left;}
#menu #active {width:170px; margin: 10px 0px 0 5px; text-align:center; font-size:90%; border-right:1px solid #0F6BA0; float:left; color:#000000; font-weight:bold}
#menu #activelast {width:170px; margin: 10px 0px 0 5px; text-align:center; font-size:90%; border-right:0px solid #0F6BA0; float:left; color:#000000; font-weight:bold}
*/

/* HOVER MENU */

#menu {width:980px; margin:20px 0 0 0; height:60px; color:#015088; background: #f6e200 url(../img/picto/back-menu.jpg) top left repeat-x;}
#menu a:link, #menu a:visited {color:#015088; text-decoration:none;}
#menu a:hover {color:#000000; text-decoration:underline;}	

#menu ul {list-style:none;margin:0px;padding:0px;}
#menu ul li {float:left;width:170px;height:60px;position:relative;behavior:url('hovermenu.htc');margin: 0px; text-align:center; font-size:90%; border-right:1px solid #0F6BA0;}
#menu ul li#last {border-right:0px solid #0F6BA0;}
#menu ul li.active {background:url(../images/bgMenuItemActive1.gif) repeat-x;}
#menu ul li a {color:#fff;text-decoration:none;display:block;height:50px;cursor:pointer;padding-top:10px;padding-left:5px;}
#menu ul li a:hover {color:#000;}
#menu ul li.active a {color:#000000; font-weight:bold}
#menu ul li.active a:hover {color:#000;}

#menu ul li ul {position:absolute;top:60px;left:0px;width:170px;padding:0px;display:none;border-top:1px solid black;;z-index:1;}
#menu ul.level1 li:hover ul.level2 {display:block;}
#menu ul li ul li {float:none;width:170px;height:auto;padding:0px;margin:0px;border-right:0px;}
#menu ul li ul li a {display:block;width:140px;height:auto;background:#f6e301;padding:10px 10px 10px 20px;height:auto;text-align:left;font-weight:bold;color:#ffffff;text-decoration:none;border-width:0px 0px 1px 0px;border-style:solid;border-color:#000000;}
#menu ul li ul li a:hover {background:/*#910808*/#012F6B;color:#fff;}

/* HOVER MENU KONEC */

#content {margin:20px 0 0 0;
background: transparent url("../img/picto/ctverecek_60.png") repeat left top; filter: alpha(opacity=60)}
#content .mat {padding:20px;}
.box-ref {float:left; margin:0 20px 0 0}
.box-ref2 {float:left; margin:0}
.box-ref img, .box-ref2 img {border:0}

.name {display:block; clear:both; background:url(../img/picto/dot.gif) 0 50% repeat-x; font-weight:normal;}
.name span {margin-left:10px; padding:0 10px; background:black;}
.name img {margin-left:15px; padding:0 10px; background:black;}

#box1foot {width:340px; float:left; padding: 20px 0 0 0}
#box2foot {width:340px; float:left; padding: 20px 0 0 0}
#hrbox {margin:0 0 20px 0}

.box-ref-back {text-align:center; width:460px; height:419px; background: #000000 url(../img/picto/back-ref.jpg) top left no-repeat;}
.video {width:430px; text-align:center; float:left}
.webtop {float:left; width:430px; background:white; color:black; padding:20px; font-size:20px; line-height:30px; margin:0 20px 20px 0px; text-align:center}
/* ___________________________ titulka___________________________ */


/* ___________________________ klienti___________________________ */
#content .box {color: #cccccc}
#content .box .mat {padding:0 20px;}
#content .box hr {margin:20px 0;}
#content .box .ilu1 {margin:0 40px 0 0; float:left}
#content .box .ilu2 {margin:0 0 0 40px; float:right}
#content .tab-klient td {padding:2px}
#content .tab-klient .ref {margin:20px 0 0 0}
/* ___________________________ klienti___________________________ */

/* ___________________________ sluzby___________________________ */
#content .box li {margin:25px 0;}
/* ___________________________ sluzby___________________________ */

/* ___________________________ kalkulace___________________________ */
#tab-kal {color:white;}
.but {color:black;background-color:#fee900; padding:0px; font-weight:normal; font-size:16px}
/* ___________________________ kalkulace___________________________ */

/* ___________________________ kontakt___________________________ */
#ilu-kontakt {margin:0 40px 0 0; float:left}
#tab-kontakt td {padding:3px; color:white}
/* ___________________________ kontakt___________________________ */

/* ___________________________ footer___________________________ */
#footer {width:980px; margin:20px 0 40px 0; font-weight:normal}
#footer p {text-align:center}
#footer .box {width:170px; margin:0 20px 0 0; float:left; text-align:center}
#footer hr {margin:10px 0 20px 0}
/* ___________________________ footer___________________________ */


}