/** 
 * Information web portal www.magnetica.sk
 * 
 * @author: David Kapsdorfer <d.kapsdorfer@gmail.com>, Robert G.
 * @company: BSP Magnetica s.r.o., Spisska Nova Ves, Slovakia
 */
 
html, body {
	height: 100%;
}

body {
	text-align: center; /* IE */
	background: url('../img/body_bg.jpg') repeat-x;
}

div {
	background: transparent;
}


/* Header + Menu ************************************************************ */

#header-wrap { width:100%; text-align:center; background:url('../img/header-wrap-bg.jpg') repeat-x; float:left; }
#header { height: 295px; width:1100px; background: url('../img/header-bg.jpg') no-repeat; margin:0px auto; text-align:left;}

#header h1, #header h1 a, #header-subpage h1, #header-subpage h1 a {
	font-size:36px;
	color:#ffffff;
	line-height:40px;
}

#header-wrap-subpage { width:100%; text-align:center; background:url('../img/header-wrap-bg-subpage.gif') repeat-x; float:left; height:185px; }
#header-wrap-subpage2 { width:100%; text-align:center; background:url('../img/header-wrap-bg-subpage.gif') repeat-x; float:left; height:186px;}
#header-subpage { height: 85px; width:1100px; margin:0px auto; text-align:left;  }

#logo { float:left; padding-left:66px; }
#logo img { float:left; margin:0px; }
#meta-menu { float:left; margin-top:20px; }

#meta-menu ul {	display: block; list-style-type: none; padding: 0px; margin: 0; margin-left:39px; font-family:Verdana; }
#meta-menu ul li { display: inline;	padding: 2px; margin: 0; float:left; background:none; }

#meta-menu a {
	display: block;
	float: left;
	color: #b6b6b6;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	font-size:14px;
	font-weight:normal;
	text-transform: uppercase;
	padding:5px;
	border:1px solid #000000;
}

#meta-menu a:hover, #meta-menu ul li a.menuAct { color:#ffffff; background:#ae0001; border:1px solid #ff0000; }

#quote { width: 560px; /*650px;*/ float:left; }
#quote2 { width: 850px;  float:left; }
#quote h1, #quote2 h1 { letter-spacing:70%; }
.text-in { padding:40px 10px 10px 70px; }
.text-in-subpage { padding:30px 10px 0px 70px; }

#slideshow {
	float:left; width: 470px; /*378px;*/ height: 224px; /*159px;*/ text-align:center; /*border:1px solid #ffffff;*/
	position: relative; top: -26px;
}
#slideshow img { padding:0px; margin:0px; }
#slideshow .slide-pagebrowser { display: none; /*R*/ margin:15px 0px 0px 120px; }

#slideshow .slide-pagebrowser div { margin-right:8px; float:left; }
#slideshow a.slide-normal { display:inline; float:left;  width:9px; height:9px; background:url('../img/slide-browser-normal.png') no-repeat; }
#slideshow a.slide-active, #slideshow a:hover { display:inline; float:left;  width:9px; height:9px; background:url('../img/slide-browser-active.png') no-repeat; }


/* PAGE ********************************************************************* */

#page {	width: 960px; text-align: left; margin: 0px auto; padding:0px; }

/* Homepage Template *** */
#content { float:left; width:735px; min-height:510px; background:#ffffff; }
#sidebar { float:left; width:225px; padding-bottom:20px; }
#sidebar p {padding:0px; margin:0px; }
#sidebar hr { margin:5px 0px 20px 0px; }

/* Homepage Template v2 *** */
#content-full { float:left; width:995px; min-height:510px; background:#ffffff url('../img/home/box-home.png') no-repeat; }

/* 2COL Template *** */
#content-left { float:left; width:670px; min-height:510px; background:#ffffff; margin:0px; padding:0px;  }
.content-left-in { padding:30px 20px 10px 0px; }
#content-right { float:left; width:270px; }
#content-right b { color: #010000; }
#content-right p { margin-bottom:3px; }
.content-right-in { padding:30px 0px 10px 20px; } 

/* 1COL Template *** */
#content-1col { float:left; width: 960px; min-height:510px; background:#ffffff; margin:0px; padding:0px;  }
.content-1col-in { padding:30px 0px; }

/* 3COL Template *** */
#content-3col { float:left; width: 320px; min-height:510px; background:#ffffff; margin:0px; padding:0px;  }
.content-3col-in { padding:30px 20px 30px 0px; }
#content-3col a h2 { font-weight:normal;}


/* Boxes ******************************************************************** */

.box-wrap { padding-right:20px; float:left;  }
.box-in { padding:10px; }
.box-in2 { padding:0px }
.box-in2 h2 { padding:10px 0px 0px 10px; }
.box-in h2 a, .box-in2 h2 a { font-weight:normal; color:#ae0001; }
.box-in h2 a:hover, .box-in2 h2 a:hover { color:#ae0001; }
.box-in a, .box-in2 a, .box-in a:hover, .box-in2 a:hover { color:#828282; font-weight:normal; }

/* Boxes v2 *** begin */
#content-full .box-in { padding:48px 0px 0px 0px; }
#content-full h2 { padding:0px 100px 20px 0px; }
#content-full .box-in h2, #content-full .box-in h2 a, #content-full .box-in2 h2, #content-full .box-in2 h2 a  { color:#060606; line-height: 22px; }
#content-full .box-in p { color:#828282; text-align:justify; }
#content-full .box-in p b { color:#000000; }
.box-full-wrap { padding-right:20px; float:left; }
#box-full-1, #box-full-2, #box-full-3, #box-full-4 { float:left; width:225px; height:238px; overflow:hidden; }
#box-full-1 .box-in { padding-left:20px; }
#box-full-4 .box-in { padding-right:20px; }

#box-full-5, #box-full-6, #box-full-7, #box-full-8 { float:left; width:225px; }
#box-full-8 .box-in { padding-right:20px; }
#content-full #box-full-5 .box-in, #content-full #box-full-6 .box-in, #content-full #box-full-7 .box-in, #content-full #box-full-8 .box-in { padding-top: 33px 0px 0px 0px; }
#box-full-5 h2, #box-full-6 h2, #box-full-7 h2, #box-full-8 h2 { padding-right:20px; padding-bottom:2px; }
#content-full #box-full-5 .box-in h2 { padding-left:20px; }
#content-full #box-full-6 .box-in p { text-align:left; }
#content-full #box-full-8 .box-in p { text-align:left; color:#000000; margin-bottom:10px; }
#content-full #box-full-8 .box-in a { color:#000000; text-decoration: none; }
#content-full #box-full-8 .box-in a:hover { color:#62a8ff; text-decoration: underline; }
#content-full #box-full-8 .box-in p span { display:block; color:#b9b9b9; margin-bottom:2px; }
/* Boxes v2 *** end */

.csc-header .csc-header-n1 { float:left; background:red; }

#box-1, #box-2, #box-3, #box-33 { float:left; width:225px; height:245px; overflow:hidden; }
#box-1 h2, #box-2 h2, #box-3 h2, #box-33 h2 { padding:0px 50px 20px 0px;  }

#box-4, #box-5, #box-6 { float:left; width:225px; height:183px; margin-top:10px; }

#box-6 { background:url('../img/box6-bg.gif') no-repeat 0px bottom;} 
#box-6 h2 {padding-bottom:10px;}

.box-1-top { float:left; width:225px; height:34px; background:url('../img/box1-top.gif') no-repeat; }
.box-1-middle { float:left; width:223px; height:200px; overflow:hidden; border:1px solid #dadada; border-top:none; border-bottom:none; background:#f6f6f6 url('../img/box1-bg.gif') no-repeat right top; }
.box-1-bottom { float:left; width:225px; height:3px; background:url('../img/box1-bottom.gif') no-repeat; }

.box-2-top { float:left; width:225px; height:34px; background:url('../img/box2-top.gif') no-repeat; }
.box-2-middle { float:left; width:223px; height:200px; overflow:hidden; border:1px solid #dadada; border-top:none; border-bottom:none; background:#f6f6f6 url('../img/box2-bg.gif') no-repeat right top; }
.box-2-bottom { float:left; width:225px; height:3px; background:url('../img/box1-bottom.gif') no-repeat; }

.box-3-top { float:left; width:225px; height:34px; background:url('../img/box-top-mobil.gif') no-repeat; /* box3-top.gif */}
.box-3-middle { float:left; width:223px; height:200px; overflow:hidden; border:1px solid #dadada; border-top:none; border-bottom:none; background:#f6f6f6 url('../img/box-bg-mobil.gif') no-repeat right top; /* box3-bg.gif */ }
.box-3-bottom { float:left; width:225px; height:3px; background:url('../img/box1-bottom.gif') no-repeat; }

form.callback { float:left; width:226px; height:24px; background:url('../img/callback-bg.gif') no-repeat; margin:15px 0px; }
form.callback fieldset { border:none; background:none; padding:0px 3px;}
input.contact-input { border:none; background:none; width:190px; color:#828282; font-size:13px; }
input.contact-submit { border:none; background:none; width:25px; height:20px; cursor:pointer; }

form.callbackext { float:left; width:326px; /*height:104px;*/ background:none; margin:15px 0px; }
form.callbackext fieldset { border:none; background:none; padding:0px 3px; float:left; width:226px;}
form.callbackext input.contact-input, form.callbackext select { border:1px solid #bbbbbb; background:none; width:190px; color:#828282; font-size:13px; }
form.callbackext input.contact-submit { border:1px solid #bbbbbb; background:#ae0001; width:60px; height:20px; cursor:pointer; color:#ffffff; }
form.callbackext input.captcha { border:1px solid #bbbbbb; background:none; width:50px; }
form.callbackext label, form.callbackext input, form.callbackext select { margin:0px 0px 5px 0px; color:#010000; }
form.callbackext img { border:1px solid #bbbbbb; } 
form.callbackext p.error { color:red; }

#box-contact { float:left; width:225px; background:url('../img/icon-tel.gif') no-repeat right top; }
#box-contact-wrap { padding:30px 0px 10px 0px; }
#box-contact h2 { margin-bottom:15px; }
#box-contact p { margin:0; padding:0px; }


/* Footer ******************************************************************* */

#footer-wrap { width:100%; text-align:center; background:#2d2d2d; float:left; }
#footer { width:1100px; height:195px; background:#2d2d2d url('../img/footer-bg.gif') no-repeat; color:#ffffff; margin:0px auto; text-align:left; font-size:12px; }
#footer p, #footer a { color:#8a8a8a; }
#footer b { color:#ffffff; }

#footer-box1 { width:560px; float:left; }
.footer-box1-in { padding:20px 20px 10px 70px; float:left; }
#footer-box2 { width:240px; float:left; }
.footer-box2-in { padding:20px 10px 10px 0px; }
#footer-box3 { width:150px; float:left; }
.footer-box3-in { padding:20px 10px 10px 5px; }

#footer h3 { font-size:12px; color:#ffffff; margin:0px; }
#footer a:hover { color:#cbcbcb; text-decoration:none; }
#footer ul.footer-menu { display: block; list-style-type: none; padding: 0px; margin: 0 }
#footer ul.footer-menu li { margin:0px 0px 0px 0px; padding:0px; background:none; }
#footer ul.footer-menu a { color:#8a8a8a; font-weight:normal; }
#footer ul.footer-menu a:hover, #footer ul.footer-menu a.active { color:#cbcbcb; text-decoration:none; }


/* Helping ****************************************************************** */

.clearer, .clearer15 { float: none;	clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.clearer15 { height: 15px; }


/* Left submenu ************************************************************* */

/* 1. LEVEL *** */
ul.submenu {
	display: block;
	width: 250px;
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 1px 0px 0px 0px;
	background:url('../img/ultop.gif') no-repeat;
	float:left;
}

ul.submenu li {
	display: block;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0;
	background:none;
}

ul.submenu a {
	display: block;
	color: #828282;
	text-decoration: none;
	font-size:14px;
	font-weight:normal;
	padding: 9px 9px 10px 25px;
	background:url('../img/submenu-bg.gif') no-repeat;
	background-position:0px -35px;
}

*> ul.submenu a {
	padding: 9px 9px 10px 25px;
}

ul.submenu a:hover, ul.submenu a.menuAct, ul.submenu a.menuAct:hover {
	color: #ae0001;
	font-weight:bold;
	background-position:0px 0px;
}


/* Submenu TOP ************************************************************** */

#submenu { float:left; margin:0px; padding:0px; background:url('../img/dot.gif') repeat-x; width:960px; border-bottom:1px solid #f2f2f2; }

#submenu ul.submenu_top { display: block; list-style-type: none; padding: 0; margin: 0; font-family:Verdana; }
#submenu ul.submenu_top li { display: inline; padding: 0px 2px; margin: 0; float:left; background:none; }

#submenu a {
	display: block;
	float: left;
	color: #231f20;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	padding:15px 30px 15px 0;
}

#submenu a:hover, #submenu ul li a.menuAct { color:#ae0001; background:url('../img/sub-active.jpg') no-repeat 0px 0px; }


/* References FRAME ***********************************************************/

.csc-frame-frame1 { float:left; width:215px; height:200px; padding:15px 0px; margin-right:25px; }
.csc-frame-frame1 h3 { margin-bottom: 5px; padding-bottom:0px; }
.csc-frame-frame1 img:hover { opacity:0.9; _filter:alpha(opacity=90); }

.prev, .next { margin-bottom:20px; }
.prev { float:left; }
.next { float: right; }
.prev a { background:url('../img/back-button.gif') no-repeat left top; padding:3px 25px; }
.next a { background:url('../img/link-button.gif') no-repeat right top; padding:3px 25px; }

iframe { border:1px solid #999999; }

/* References v2 *** */
#ref-box { width: 960px; height: 431px; overflow: hidden; background:url('../img/ref_bg.jpg') no-repeat left top; position: relative; }
#ref-box-left { float: left; width: 668px; }
#ref-box-left div { padding: 10px 10px 11px 11px; }
#ref-box-left div div { padding: 0; }
#ref-box-right { float: right; width: 292px; }
#ref-box-right div { padding: 19px 20px 19px 20px; }
#ref-box-right div div { padding: 0; }
#ref-box-right h3 { color: #000000; }
#ref-box-right h2 a, #ref-box-right h3 a { color: #828282; }
#ref-box-right p { color: #828282; }
#ref-box-right p a { color: #000000; text-decoration: none; }
#ref-box-right p a:hover { text-decoration: underline; }
#ref-box-right a.link-button { background: none; padding: 0; }
#ref-box-bottom { float: none; width: 658px; margin-top: 9px; }
#ref-box-bottom p { text-align: justify; }

#ref-box .prev, #ref-box .next { float: none; margin-bottom: 0px;}
#ref-box .prev a, #ref-box .next a { display: block; width: 48px; height: 81px; position: absolute; padding: 0; }
#ref-box .prev a { left: 0; top: 175px; background: url('../img/nav_arrow_prev.png') no-repeat left top; }
#ref-box .next a { right: 0; top: 175px; background: url('../img/nav_arrow_next.png') no-repeat left top; }