/* nacteme externi styly begin */
@import url("./reset.css");
/* nacteme externi styly end */

/* poznamka: " *IE6 " - je provedena uprava v souboru "screen_ie6.css" */
/* poznamka: " *IE7 " - je provedena uprava v souboru "screen_ie7.css" */

/* DEFAULT */
BODY{background: #000 url(/pic/bg.jpg) no-repeat left top; text-align: center; margin: 0; padding: 0;}
TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, LEGEND{font: 13px Verdana, "Arial CE", Arial, Geneva, Helvetica, sans-serif; color: #fff;}
H1{font-size: 24px; font-weight: normal; color: #504e4f; margin: 0 0 10px 0;}
H2{font-size: 18px; font-weight: normal; color: #504e4f; margin: 0 0 10px 0;}
H3{font-size: 16px; font-weight: normal; color: #56acc8; margin: 0; padding: 0 0 10px 0;}
H4{font-size: 14px; font-weight: bold; color: #368cc6; margin: 0; padding: 0 0 10px 0;}

A{color: #c50000; text-decoration: underline;}
A:hover {color: #c50000; text-decoration: none;}
HR{background-color: #b9b9b9; border: 0 none; color: #b9b9b9; height: 1px; clear: left;}
UL{list-style: none; margin: 0; padding: 0 0 15px 15px;}
UL LI{line-height: 150%; padding: 0 0 0 20px;}
OL{margin: 0 15px 15px 15px; padding: 0 0 0 15px; list-style: decimal; line-height: 150%;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
IMG{vertical-align: middle;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.noscreen{display: none;}
/* KONEC DEFAULT */

/* EFEKTY BEGIN */
/* kulate rohy begin */
INPUT, SELECT, BUTTON, .selectBox, .textareaBox, .textBoxSmall, .messageInfo, .messageError
{
	-moz-border-radius: 5px; border-radius: 5px;
}
/* kulate rohy end*/

/* stiny u formularu begin */
SELECT:hover,
.textBox:hover,
.selectBox:hover,
.textareaBox:hover,
.textBoxSmall:hover
{

}
SELECT:focus,
.textBox:focus,
.selectBox:focus,
.textareaBox:focus,
.textBoxSmall:focus
{
	background-color: #f3f1f1;
}
/* stiny u formularu end */
/* EFEKTY END */

/* FORMULAR DEFAULT */
FIELDSET{border: 1px solid #ddab78; border-top: 3px solid #ddab78; padding: 5px 10px 10px 10px; margin: 0 0 10px 0;}
FIELDSET P{padding-top: 5px; margin: 0 15px;}
LEGEND{font-weight: bold; color: #555; padding: 0 5px; margin-left: 15px;}
FORM{margin: 0; padding: 0;}
FORM.poptForm{float: left; margin: 10px 0 50px 0;}
LABEL{font-weight: bold;}
TEXTAREA{border: 0 none; font: normal 11px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; width: 300px; padding: 5px;}
/*TEXTAREA{background-color: #daccd3; border: 1px solid #000; font: normal 11px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000;}*/
SELECT{font-size: 9px; margin: 0; vertical-align: middle; color: #000;}
SELECT.select-box{width: 165px;} /* *IE6 */
SELECT.select-box-default{width: auto;}
BUTTON{border: 1px solid #686868; padding: 0 10px; color: #000; font-weight: bold; text-decoration: none; border-radius: 3px; height: 27px; vertical-align: middle;}
BUTTON:hover{background-color: #cdcdcd; background-image: none; text-shadow: 1px 1px 1px #fcfadf; color: #000; cursor: pointer;}
.buttonsBox{text-align: center; padding: 5px 0;}
.textBox, .textareaBox, .selectBox{background: #fff; border: 1px solid #9e9e9e; font-size: 11px; padding: 3px 3px;}
.formPoznamka{font-style: italic;}
/* KONEC FORMULAR DEFAULT*/

/* TABULKY */
TABLE.tab{border: 0 solid #5b5958; width: 100%; margin-bottom: 10px;}
TH{background-color: #5b5958; padding: 3px; color: #f9f4e1;}
TD{padding: 0 3px 2px 3px; text-align: left;}
TD.valignTop{vertical-align: top;}

TABLE.dotazForm{margin-bottom: 0; width: 320px;}
TABLE.dotazForm TH{background-color: #5b5958; padding: 3px; color: #f9f4e1;}
TABLE.dotazForm TD{padding: 3px 0px 2px 0px; text-align: left;}

TABLE.kontakt{ width: 100%; table-layout: fixed;}
/* KONEC TABULKY */

/* STRANKOVANI BEGIN */
.strankovani{text-align: center; line-height: 150%; padding-top: 15px;}
.strankovani A{border: 1px solid #ddd; padding: 2px 10px; text-decoration: none; line-height: 150%; background-color: transparent;}
.strankovani A:hover{border: 1px solid #ddd; background-color: #ddd; color: #000;}
.strankovani STRONG{background-color: transparent; border: 0px none #a0a1a3; padding: 0 10px; font-weight: bold;}
/* STRANKOVANI END */

/* HLASKY */
.messageInfo, .messageError{margin: 5px 0 15px 0; padding: 15px 15px 15px 50px !important; color: #000; font-weight: bold;}
.messageInfo{background: #fff url(/pic/icons/messageOk.gif) no-repeat 15px center; border: 1px solid #0b5923;}
.messageError{background: #ffbfbf url(/pic/icons/messageError.gif) no-repeat 15px center; border: 1px solid #ff3030;}
.messageError UL{margin-left: 0; padding-bottom: 0; margin-bottom: 0; list-style: none;}
.messageError UL LI{font-weight: bold;}
.messageInfo A, .messageError A{font-weight: bold; color: #C80404; text-decoration: underline;}
.messageInfo A:hover, .messageError A:hover{color: #c80404; text-decoration: none;}
/* KONEC HLASKY*/

.fotoLeft IMG, .fotoRight IMG{/*border: 1px solid #a4a1a7;*/ padding: 1px;}
.fotoLeft IMG:hover, .fotoRight IMG:hover{/*border: 1px solid #5b5e5a;*/ padding: 1px;}
.fotoLeft{float: left; margin: 3px 10px 3px 0;}
.fotoRight{float: right; margin: 3px 5px 3px 10px;}

.povinne{font-weight: bold; color: red;}

.odstavec01{float: right; width: 385px; margin: 205px 0 30px 0; text-align: justify; color: #fff; line-height: 150%;}
.odstavec02{float: left; width: 100%; margin: 0 0 20px 0; text-align: justify; color: #fff;}
.odstavec02 P{margin-bottom: 30px;}

/* LOGA BEGIN */
UL.logaFirem{text-align: center; margin: 0; padding: 0;}
UL.logaFirem LI{list-style: none; float: left; margin: 0; padding: 0 0 30px 0; text-align: center;}
UL.logaFirem LI A{display: block;}
UL.logaFirem LI A.logo01{background: url(/pic/loga/logo-krasno.png) no-repeat left top; width: 113px; height: 87px;}
UL.logaFirem LI A.logo02{background: url(/pic/loga/logo-metal-aliance.png) no-repeat left top; width: 199px; height: 87px;}
UL.logaFirem LI A.logo03{background: url(/pic/loga/logo-segafredo.png) no-repeat left top; width: 119px; height: 87px;}
UL.logaFirem LI A.logo04{background: url(/pic/loga/logo-agip.png) no-repeat left top; width: 91px; height: 87px;}
UL.logaFirem LI A.logo05{background: url(/pic/loga/logo-sanofi-aventis.png) no-repeat left top; width: 192px; height: 87px;}
UL.logaFirem LI A.logo06{background: url(/pic/loga/logo-opavia.png) no-repeat left top; width: 94px; height: 87px;}
UL.logaFirem LI A.logo07{background: url(/pic/loga/logo-retofy.png) no-repeat left top; width: 100px; height: 87px;}

UL.logaFirem LI A.logo01:hover{background: url(/pic/loga/logo-krasno-hover.png) no-repeat left top; width: 113px; height: 87px;}
UL.logaFirem LI A.logo02:hover{background: url(/pic/loga/logo-metal-aliance-hover.png) no-repeat left top; width: 199px; height: 87px;}
UL.logaFirem LI A.logo03:hover{background: url(/pic/loga/logo-segafredo-hover.png) no-repeat left top; width: 119px; height: 87px;}
UL.logaFirem LI A.logo04:hover{background: url(/pic/loga/logo-agip-hover.png) no-repeat left top; width: 91px; height: 87px;}
UL.logaFirem LI A.logo05:hover{background: url(/pic/loga/logo-sanofi-aventis-hover.png) no-repeat left top; width: 192px; height: 87px;}
UL.logaFirem LI A.logo06:hover{background: url(/pic/loga/logo-opavia-hover.png) no-repeat left top; width: 94px; height: 87px;}
UL.logaFirem LI A.logo07:hover{background: url(/pic/loga/logo-retofy-hover.png) no-repeat left top; width: 100px; height: 87px;}
/* LOGA END */

/* =================== LAYOUTY BEGIN ======================= */
#page{width: 980px; margin: 0; padding: 0; text-align: center;}

#top{width: 980px; height: 145px;}

#logo{background: url(/pic/logo.png) no-repeat; width: 340px; height: 85px; margin: 0 auto; position: absolute; overflow: hidden; left: 40px; top: 30px;}
#logo A{border: 0 none; display: block; left: 0; position: absolute; text-indent: -5000px; top: 0; width: 340px; height: 85px;}

#menu{margin: 76px 20px 0 0; text-align: left; float: right;}
#menu UL{margin: 0; padding: 0;}
#menu UL LI{float: left; list-style: none; padding: 0; background: none;}
#menu UL LI A{display: block; margin: 3px 7px 0 7px; padding: 7px; color: #fff; font-weight: bold;}
#menu UL LI.delitko{ background: url(/pic/delitko.gif) no-repeat; width: 1px; overflow: hidden; height: 32px;}

#main{width: 980px; text-align: center; padding: 0 0 0 0; position: relative;}
#mainContent{width: 908px; margin: 0 auto; text-align: left;}
#bgHome{background: url(/pic/bgHome.jpg) no-repeat left 8px; width: 100%; min-height: 400px;}

#portfolio{margin: 0 0 0 46px; width: 914px; height: 452px;}
#arrowLeft, #arrowRight{position: absolute; display: block; width: 39px; height: 74px;}
#arrowLeft{background: url(/pic/arrowLeft.png) no-repeat left top; left: 40px; top: 190px;}
#arrowRight{background: url(/pic/arrowRight.png) no-repeat left top; left: 927px; top: 190px;}

#bottom{position: relative; height: 53px; width: 860px; margin: 0 auto;}
#created{font-size: 10px; margin: 0 auto; padding: 10px; width: 870px; color: #b1b1b1;}
#created A{font-size: 10px; color: #b1b1b1;}

.eu-banner{text-align: center; display: block; margin-bottom: 45px;}
.eu-banner .color-image {transition: all 0.5s ease; filter: grayscale(100%); opacity: .5;}
.eu-banner .color-image:hover {filter: grayscale(0); opacity: 1;}