/* CSS Document */
/* www.tiskarnamacik.cz */
/* realizace webinvent.cz */



body {
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
margin: 0px;
padding: 0px;
text-align: center;
background-image:url('../img/bg-tiskarna-macik.png');
background-repeat:repeat-x;
}


#main {
width:929px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#ffffff;}

.noscreen {
display:none;
visibility:hidden}

.cistic {
clear:both}

img {border:0px}


h2 {
color:#4D4D4D;
font-size:1.9em;
padding:0px;
margin:0px;
margin-top:20px;
margin-bottom:20px}


h3 {
font-size:1.3em;
padding:0px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px}


p {
text-align:justify;
width:95%}

.center {
width:100%;
text-align:center}

.banner {
width:929px;
margin-left:auto;
margin-right:auto;
text-align:right;
padding-bottom:5px;
padding-top:5px
}



/*------------------------------------------------------*/
/*                      header                          */
/*------------------------------------------------------*/


#header {
background-image:url('../img/header-pozadi.png');
background-repeat:no-repeat;
width:929px;
height:72px;
}


/*---------  .logo     ---------*/


#header .logo {
float:left;

}

#header .logo img {
vertical-align:top
}


/*---------  .box-iso     ---------*/

#header .box-iso {
margin-left:370px;
padding-top:5px;
font-weight:bold;
}

#header .box-iso a {
font-weight:bold;
color:#000000
}

#header .box-iso a:hover {
font-weight:bold;
text-decoration:none
}




/*---------  .vlajky     ---------*/

#header .vlajky {
float:right;
padding-top:3px;
padding-right:36px
}

#header .vlajky span{
margin-left:22px}




/*------------------------------------------------------*/
/*                      menu                            */
/*------------------------------------------------------*/

#menu {
background-image:url('../img/menu-pozadi.png');
background-repeat:repeat-x;
color:#ffffff;
height:20px;
text-align:center;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.1em
}

#menu .menu-odsazeni{
padding-top:3px
}

#menu span {
margin-left:30px
}

#menu span a{
color:#ffffff;
text-decoration:none}


#menu span a:hover{
text-decoration:none;
color:#FEF200;
text-decoration:none}



/*------------------------------------------------------*/
/*                      flashbox                        */
/*------------------------------------------------------*/


#flashbox-cze {
background-image:url('../img/flashbox-pozadi-cze.png');
width:929px;
height:188px;
vertical-align:top
}

#flashbox-eng {
background-image:url('../img/flashbox-pozadi-eng.png');
width:929px;
height:188px}


#flashbox-ger {
background-image:url('../img/flashbox-pozadi-ger.png');
width:929px;
height:188px}






/*------------------------------------------------------*/
/*                      content                         */
/*------------------------------------------------------*/

.content-top {
background-image:url('../img/content-top-pozadi.png');
width:929px;
height:23px;}

.content-bottom {
background-image:url('../img/content-bottom-pozadi.png');
width:929px;
height:20px;}

#content {
background-image:url('../img/content-pozadi.png');
width:929px;
}


/*----------------- levy-panel --------------------------*/
.levy-panel {
color:#4D4D4D;
float:left;
padding-left:60px;
padding-top:20px;
width:600px;
}


.levy-panel ul{
margin:0px;
padding:0px;
margin-bottom:15px;
color:#4D4D4D}

.levy-panel ul li{
margin-bottom:8px;
list-style-type:none}





.box-3 {
width:560px;
background-color:#F4F4F4;
border:solid 1px #FEF200;
margin-bottom:20px;
}


.box-3 table{
text-align:center;
width:100%}

.bold{
font-weight:bold;}





.box-4 {
background-image:url('../img/box-4-pozadi.png');
background-repeat:repeat-y;
width:560px;
padding-top:10px;
padding-bottom:13px;
margin-bottom:4px;
}

.box-4 table{
width:100%;
margin-left:48px;
}

.box-4 table .bunka1{
width:50%;}

.box-4 .bunka2{
font-size:1.3em;
color:#717171;
text-align:right;
padding-right:70px}

.box-4 a{
text-decoration:none;
color:#4D4D4D}

.box-4 a:hover{
text-decoration:underline;
color:#000000}





.box-5 {
width:504px;
background-color:#F4F4F4;
border:solid 1px #FEF200;
margin-top:20px;
margin-bottom:20px;
padding-left:48px;
padding-top:10px;
padding-bottom:10px;
}


.vyseky-foto p{
width:270px;
text-align:center;
padding-bottom:10px;
float:left
}




#FormCalcSheetColourity1 option{
width:25px}

#FormCalcSheetColourity2 option{
width:25px}


fieldset {
width:270px;
margin-bottom:20px}


fieldset legend {
font-weight:bold;
color:#4D4D4D;
padding-bottom:10px}

fieldset input {
margin-bottom:8px}

fieldset select {
margin-bottom:8px}

.zakaznik {
float:left}

.vyrobek {
float:right}

.error-message {
color:#FF0000;
font-size:0.8em}

.form-error {
border:#FF0000 solid 1px}

.star {
color:#FF0000}

.submit {
text-align:center;
padding:20px;}

fieldset input submit {
background-image:url('../img/button-odeslat.png');}


.novinka {
background-color:#FEF200}







/*----------------- pravy-panel --------------------------*/
.pravy-panel {
width:245px;
margin-left:673px;
}



.box-1 {
background-image:url('../img/box-1-pozadi.png');
background-color:#ff00ff;
background-repeat:no-repeat;
width:215px;
padding:15px;
padding-top:20px;
height:99px;
text-align:center;
vertical-align: middle;
font-family:Arial;
font-weight:bold;
margin-bottom:10px;
}


.box-1-2 {
background-image:url('../img/box-1-pozadi.png');
background-color:#ff00ff;
background-repeat:no-repeat;
width:215px;
padding:15px;
padding-top:20px;
height:99px;
text-align:center;
vertical-align: middle;
font-family:Arial;
font-weight:bold;
margin-bottom:10px;
}


.box-1 a
{
margin-top:10px;
color:#000000;
/*text-shadow: #000000 1px 1px 3px;*/
font-size:18px;
display:block;
width:215px;
text-decoration:none;
}


.box-1-2 a
{
color:#000000;
/*text-shadow: #000000 1px 1px 3px;*/
font-size:26px;
display:block;
width:215px;
text-decoration:none;
}

.box-1 img{
width:245px;
height:121px;
color:#FFFFFF}




.box-2 {
background-repeat:no-repeat;
width:245px;
height:142px;
padding-top:15px}



/*------------------------------------------------------*/
/*                      footer                          */
/*------------------------------------------------------*/

#footer {
width:929px;
background-color:#000000;
padding-top:5px;
padding-bottom:5px;
border-top: solid 5px #FEF200
}

div#footer {
font-size:0.9em;
color:#ffffff;
text-align:center;}

#footer a{
color:#FFFFFF;
text-decoration:none}

#footer a:hover{
color:#FEF200;
text-decoration:none}







/*---------------  prouzek-barev  ------------------------*/


.prouzek-barev {
background-image:url('../img/prouzek-barev.png');
background-repeat:repeat-x;
height:6px
}


/*---------------  realizace  ------------------------*/


.realizace {
color:#743182;
text-align:right;
padding:5px}

.realizace a{
color:#743182;
text-decoration:none}

.realizace a:hover{
color:#C0A831;
text-decoration:none}


