/* Stylesheet: 2012 Kovovýroba PŠP Modified On 2014-08-27 17:23:48 */
/*---------------------------------------------------------------------
Zakladne kaskadove styly - page.css pre ING.cz
Version: 1.0
Autor: Lukas Pasek
E-mail: lukas.pasek@interway.sk
Website: www.interway.sk
---------------------------------------------------------------------*/

/* =Rozmery pisiem ked body je 12px (75%)
 8px - 66.67
 9px - 75%
10px - 83.33%
11px - 91.67%
12px - 100%
13px - 108.33%
14px - 116.67%
15px - 125%
16px - 133.33%
17px - 141.67%
18px - 150%
19px - 158.33%
20px - 166.67%
---------------------------------------------------------------------*/


/* =Typografia
---------------------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {font-family: Tahoma, Geneva, sans-serif; font-size: 75% /* 12 px */ ;  color: #303234; margin:0;}

body.mainBody {background: #ffffff url(/uploads/images/bg-body-sub.png) 0 0 repeat-x;}
body.hpBody {background: #ffffff url(/uploads/images/bg-body.png) 0 0 repeat-x;}
div.page {margin: 0px auto 0px auto; width: 980px;}

a		{text-decoration: underline; color: #0071ae;}
a:hover {text-decoration: none;}
a:focus { outline: none;}

h1 {font-size: 24px;	font-family: Tahoma, Geneva, sans-serif;    margin: 0px 0 15px 0; color:#303133; font-weight: bold; line-height:38px; padding: 0 0 6px 0; border-bottom: 1px solid #c2c3c4;}
h2 {font-size: 16px;	font-family: Tahoma, Geneva, sans-serif;	margin: 0 0 15px 0;	  color:#297aa5; font-weight: bold;}
h3 {font-size: 14px;	font-family: Tahoma, Geneva, sans-serif;    margin: 0 0 15px 0;   color:#297aa5; font-weight: bold;}
h4 {font-size: 14px;	font-family: Tahoma, Geneva, sans-serif;    margin: 0 0 15px 0;   color:#303234; font-weight: normal;}
h5 {font-size: 13px;	font-family: Tahoma, Geneva, sans-serif;    margin: 0 0 10px 0;   color:#303234; font-weight: bold;}
h6 {font-size: 100%; 	font-family: Tahoma, Geneva, sans-serif;    margin: 0 0 10px 0;   color:#000000; font-weight: normal;}

input, 
select, 
textarea {font-family: Arial, Helvetica, sans-serif; font-size:100%;}
input, textarea {border: 1px solid #CCCCCC; padding: 3px 5px;}


input.radio {border:0px none;}

body .required {background:#eff4fe;}
body .invalid, body .invalidradio {background: #eff4fe; border: 1px solid #CC0000;}

input.disabled {background:#E9E9E9; color:#000;}

select.select90 {width: 92px; padding: 3px 0;}
textarea.textarea320 {width: 310px;}

img    {border: 0;}
pre    {font-family: monospace; font-size: 1.0em;}
strong {font-weight: bold;}
p	   {margin: 0 0 15px 0; line-height:150%;}
li 	   {line-height:150%;}
ul li  {list-style:none;}
table  {font-size:100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
table td {padding: 3px 10px 3px 0;}

ul li  {padding: 0 0 0 20px; background:url(/uploads/images/bg-li.png) 0px 7px no-repeat; line-height: 180%;}
ul, ol {margin: 0 0 20px 0px;}
ul ul, ol ol {margin: 0px;}
ul li.last {background:none;}
ol li {list-style-position: outside;}
ol {margin: 0 0 20px 30px;}
ol ol {margin: 0 0 0 30px;}

body .poznamka, .Poznamka {/*border-top:1px dashed #C0C0C0;*/ color:#909090; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:83.33%; margin-top:25px; padding-top:10px;}
table .poznamka, table .Poznamka {margin:0px;}

fieldset {border: 0px none;}


/* =Typografia koniec
---------------------------------------------------------------------*/


/* =Divy
---------------------------------------------------------------------*/

body.hpBody div.header {height:105px;}

div.header h1, div.header .logo {float:left; margin: 10px 0 0 0; border:0px none;}
div.header .logo {margin: 7px 0 0 0;}
div.header h1 a, div.header .logo a {background: url(/uploads/images/logo.png) 0 0 no-repeat; width: 122px; height:88px; display:block; text-indent:-9999px;}

body.hpBody div.header ul { height: 105px;}
div.header ul {float: left; width:620px; overflow:hidden; margin: 0px 0 0 130px; height: 95px;}
div.header ul li {float:left; padding:0px; background:none;}
body.hpBody div.header ul li a { height:105px; line-height:105px;}
div.header ul li a {font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#000000; text-decoration:none; height:95px; line-height:95px; display:block; padding: 0 8px 0 8px;}
div.header ul li a:hover, div.header ul li.menuactive a {color:#0071ae; background:url(/uploads/images/bg-header-menu-hover.png) left top repeat-x;}
body.hpBody div.header ul li.home a ,div.header ul li.home a {background:url(/uploads/images/bg-home.png) left top no-repeat; height:35px; width:36px; display:block; text-indent:-9999px; margin-top:31px; padding: 0 5px 0 0;}
body.hpBody div.header ul li.home a {margin-top:36px;}
div.header ul li.home a:hover,
body.hpBody div.header ul li.home a:hover { background-position: left bottom;}
div.header ul ul {display:none;}

div.lang {float: right;}
div.lang ul {width:auto; margin:0px;}
div.lang ul li a {font-size:12px;}
div.lang ul li.menuactive a {color:#0071ae; background:url(/uploads/images/bg-header-menu-hover.png) left top repeat-x;}

div.cycleBox {background:url(/uploads/images/bg-cycle.png) center top no-repeat; height:300px; margin: 0 0 22px 0; overflow:hidden;}
div.cycleItem {height: 286px;}
div.cycleItem .img {float:left; margin: 35px 0 0 0; width: 500px;}
div.cycleItem .text {float:left; width: 470px; margin-left:10px; color:#FFF; text-align:justify; height: 236px; overflow:hidden;} 
div.cycleItem h2 {margin: 25px 0 15px 0; font-family:Tahoma, Geneva, sans-serif; font-size:36px; color:#FFF; font-weight:bold; background:url(/uploads/images/bg-cycle-h2.png) left bottom repeat-x; padding: 0 0 10px 0; line-height:100%;}
div.cycleItem p {margin: 0 0 10px 0;}
div.cycleItem p.objednat {position:absolute; bottom: 0px; right: 266px; margin:0px;}
div.cycleItem p.objednat a {background:url(/uploads/images/button-cycle.png) left top no-repeat; width:214px; height:48px; display:block; line-height:48px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; margin: 0 0 0 -8px;}
div.cycleItem p.objednat a:hover {background-position:left bottom;}

div.cycleNav {z-index: 1000; position:absolute; right:0px; bottom: 20px;}
div.cycleNav a {width: 34px; height:34px; line-height:34px; display: inline-block; text-decoration:none; text-indent:-9999px; margin: 0 5px 0 0;}
div.cycleNav .next {background:url(/uploads/images/bg-next.png) 0 0 no-repeat;}
div.cycleNav .prev {background:url(/uploads/images/bg-prev.png) 0 0 no-repeat;}
div.cycleNav span a {background:url(/uploads/images/bg-nav.png) 0 0 no-repeat; width:13px; height:13px; line-height: normal;}
div.cycleNav span a.activeSlide, div.cycleNav span a:hover { background-position: left bottom;}

body.hpBody div.content {float:none; width:auto;}
div.content  {font-family:Arial, Helvetica, sans-serif;}
div.content .img {margin: 0 0 20px 0;}
div.content .img img {border: 1px solid #003f61; padding: 2px; display:block;}
div.content .box {float:left; width: 310px; margin: 0 25px 0 0; color:#444444;}
div.content .last {margin: 0px;}
div.content .button {margin: 0 0 12px 0;}
div.content .button a {background:url(/uploads/images/button.png) left top no-repeat; height:48px; line-height:48px; width:138px; display:block; text-align:center; text-decoration:none; color:#ffffff; margin: 0 0 0 -8px; font-weight:bold;}
div.content .button a:hover {background-position: left bottom;}

div.box h3 {background:url(/uploads/images/bg-h3.png) left bottom repeat-x; padding: 0 0 8px 0; color:#004063; margin: 0 0 15px 0;}
div.box h3 a {text-decoration:none; color:#004063;}

div.refercencie {background:url(/uploads/images/bg-referencie-box.png) left bottom no-repeat; padding: 0 0 1px 0;}
div.refercencie h4 { background:url(/uploads/images/bg-referencie.png) left top no-repeat; height:37px; line-height:37px; color:#fff; padding: 0 0 0 20px; margin:0px;}
div.refercencie .nav a {width: 31px; height: 33px; text-indent: -9999px; margin-top: 28px;}
div.refercencie .nav a.next {float:right; background:url(/uploads/images/icon-next.png) left top no-repeat; margin-right: 10px;}
div.refercencie .nav a.prev {float:left; background:url(/uploads/images/icon-prev.png) left top no-repeat; margin-left: 10px;}
div.refercencie .nav a:hover {background-position: left bottom;}
div.refercencie .loga {margin: 5px 0 5px 50px;}
div.refercencie .loga a {width: 160px; margin: 0 auto; display:block;}
div.refercencie .loga img {display:block;}

div.content img {padding: 3px; border: 1px solid #7fa9bf;}

div.contentBox {clear:both;}
div.menuBox {float:left; width: 260px;}
div.content {float:right; width: 690px;}

div.reklama {clear:both; margin: 0 0 20px 0;}
div.reklama img {display: block;}

div.menu {background:url(/uploads/images/bg-menu.png) left top no-repeat; padding: 2px 0 0 0;}
div.menu h3 {background:url(/uploads/images/bg-menu-li.png) left bottom repeat-x; padding: 12px 20px; font-size:24px; font-weight:bold; color:#FFF; margin:0px;}
div.menu ul {background:url(/uploads/images/bg-menu-bottom.png) left bottom repeat-x; margin:0px 0 20px 0; padding: 0 0 2px 0;}
div.menu ul li {background:url(/uploads/images/bg-menu-li.png) left bottom repeat-x; display:block; margin:0px; padding:0px;}
div.menu ul li a {padding: 6px 10px 6px 20px; display:block; text-decoration:none; color:#FFF;}
div.menu ul li a:hover {background:url(/uploads/images/bg-menu-li.png) left top repeat;}


div.footerBox {background:url(/uploads/images/bg-footer.png) center top repeat-x; max-height:176px; overflow:hidden; position:relative; padding: 15px 0 40px 0; clear:both;}
div.footerBox div.footer {background:url(/uploads/images/bg-footer2.png) center top repeat-x; clear:both; position:absolute; bottom: 0px; width: 100%; display:}
div.footerBox p.footer {width: 980px; margin: 0 auto; text-align:right; line-height:40px; color:#c3c5c5; font-weight:bold; font-size: 11px;}


div.footerMenu {width:980px; margin: 0 auto; color:#ffffff;}
div.footerBox div.box {float:left; width: 210px; margin: 0 60px 0 0;}
div.footerBox div.box1 {width: 130px;}
div.footerBox div.box2 {width: 250px;}
div.footerBox div.box3 {width: 200px;}
div.footerBox div.box4 {margin-right: 0px; width: 200px;}
div.footerBox h4 {background:url(/uploads/images/bg-h4.png) left bottom repeat-x; padding: 0 0 10px 0; color: #ffffff; padding: 0 20px 7px 20px; font-size:12px; margin: 0 0 6px 0;}
div.footerBox a {color:#ffffff; text-decoration:none;}
div.footerBox a:hover {text-decoration:underline;}
div.footerBox ul {margin: 0 0 10px 20px;}
div.footerBox ul li {margin: 0px; padding:0px; background:none;}
div.footerBox ul li a {color:#ffffff; text-decoration:none; padding: 3px 0; display:block; width:190px;}
div.footerBox ul li a:hover {text-decoration:underline;}
div.footerBox ul ul {display:none;}
div.footerBox p {margin: 0 0 5px 20px;}
div.footerBox table {margin: 0 0 5px 20px;}

div.gallery table td {padding: 10px 15px; text-align:center;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}