* { font-family:"Open sans",sans-serif; margin:0; padding:0;  }
table { border-collapse: collapse; border-spacing: 0; margin : 0; padding : 0;}

a { text-decoration:underline; }
a:hover, a:active { text-decoration:none; color:#2772b5; }
a.toltip { position:relative; font-size:1.1em; font-weight:bold; color:gray; cursor:pointer; }
a.toltip span { width:200px; left:30px; padding:10px; font-weight:normal; color:black; border:1px solid black; border-radius:5px; display : none;  }
a.toltip:hover span { display:block; position:absolute; background: black; color: white; -moz-opacity : 0.85; opacity : .85; filter : alpha(opacity=85); font-size:12px; line-height : 15px; font-weight:normal; text-align:left; z-index:9999; }
a.link_button { min-width:180px; padding:5px; margin:10px 5px; display:inline-block; color:white !important; text-align:center;  }

.blueScreen { width:100%; height:100%; position:fixed; top:0; left:0; background:#3699ff; opacity:0.8; display:none; z-index:99999; }
.master_button { color:white !important; font-size:14px !important; font-weight:normal !important; background:linear-gradient(to bottom, #0079f9 0%, #0055d1 100%); border:none !important; border-radius:2px !important; cursor:pointer; text-transform:none !important; }
.master_button:hover { background:linear-gradient(to bottom, #ff4646 0%, #990000 100%) !important; text-decoration:none !important; } 
.vertical_separator { width:100%; height:1px; border-bottom:1px solid silver; margin:20px 0; clear:both; }

body { font-size:11px; }
.wrapper { width:100%; background:url("/layout/wrapper.png"); background-position:top; background-repeat:repeat-x; position:absolute; top:0;  }
.mobileHead { display:none; }
.top { width:1100px; height:40px; margin:0 auto; position:relative; text-align:right; }
.top a {
	display:inline-block;
	text-decoration:none;
	font-size:13px;
	color:white;
	margin:10px 0;
}
.top a:hover {
	text-decoration:underline;
}

.head {
	width:1100px;
	height:90px;
	margin:0 auto;
	background:url("/layout/head.png");	
	position:relative;
}

nav { width:auto; height:auto; display:inline-block; }
#menu { position:absolute; right:0; padding:15px 0; }
#menu .menutab { display:inline-block; padding:0; vertical-align:middle; }
#menu .menutab a { width:auto; padding:15px 10px; text-align:center; font-size:16px; font-weight:normal; color:black; display:inline-block; text-decoration:none; }
#menu .menutab a:hover { color:#3699ff; }

#menu .menutab .submenu { width:auto; position:absolute; border:1px solid white; z-index:99999; background:#666666; border-top:none; display:none; opacity:0; text-align:center; }
#menu .menutab .submenu a { width:auto; color:white; font-size:15px; display:block; }
#menu .menutab .submenu a:hover {
	text-decoration:underline;
}


h1 { font-size:2.8em; padding:10px 0; color:white; text-align:center; font-weight:normal; }

.content { width:1100px; min-height:200px; margin:0 auto; padding:10px; }
.content p { font-size:1.3em; line-height:1.6em; color:black; text-align:justify; margin:10px 0; }
.content ol, .content ul { margin-bottom:20px; }
.content li { margin-left:30px; font-size:15px; line-height:24px; color:black; }

.forms { margin-top:10px; position:relative; font-size:13px; }
.forms div.header { width:95%; padding:4px 3%; background:silver; position:absolute; top:0; left:0; }
.forms label { width:35%; padding:6px 2%; vertical-align:baseline; display:inline-block; font-size:13px; text-align:right;  }
.forms select { width:52%; height:36px; margin:4px; vertical-align:baseline; font-size:0.9em; font-weight:bold; border:1px solid silver; border-radius:3px;  }
.forms select option { font-size:15px; height:26px; font-weight:normal; padding:5px 0 5px 40px; cursor:pointer; }
.forms input { width:50%; height:32px; margin:4px 4px; padding:0 5px; vertical-align:baseline; font-size:13px; font-weight:bold; border:1px solid silver; border-radius:3px; }
.forms input:active { border:1px solid #5ca0e4; border-radius:6px; outline:none; }
.forms input:focus { border:1px solid #5ca0e4; border-radius:6px; outline:none; }
.forms .button { width:160px; height:30px; margin:15px 0; font-size:14px;  }

.contact_form { width:350px; padding:20px 25px; border-left:1px dotted silver; float:right; margin:25px; position:relative; }
.contact_form h3 { font-size:1.2em; margin:0; padding:0; margin-bottom:10px; font-weight:normal; }
.contact_form div { display:inline-block; vertical-align:top; text-align:center; }
.contact_form label { width:160px; display:block; text-align:left; font-size:1.1em; }
.contact_form select { width:340px; height:32px; margin:4px 0; vertical-align:baseline; font-size:13px; font-weight:bold; border:1px solid silver; border-radius:6px; }
.contact_form input { width:340px; height:32px; margin:4px 0; vertical-align:baseline; font-size:13px; font-weight:bold; border:1px solid silver; border-radius:6px; }
.contact_form textarea { width:333px; height:90px; padding:4px; border:1px solid silver; border-radius:6px; font-size:13px; font-weight:bold; }
.contact_form img.captcha { width:170px; margin:2px 0; display:block; }
.contact_form input.button { width:160px; height:35px; margin:22px 35px; padding:0; position:absolute; right:0; bottom:0; }

.buffering_area { position:relative; }
.buffering { width:100%; height:100%; background:url("/interface/buffering.gif"); background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index:999999; visibility:hidden;  }

/* komunikaty */
.user_message { width:60%; padding:20px 10px; margin:20px auto !important; border:1px solid silver; border-radius:3px; font-size:14px !important; }
.user_message p { font-size:1em !important; line-height:1.2em; text-align:center; }
.user_message a { color:red; font-size:1em; }
.user_message .links { text-align:center; }
.user_message .links a { font-size:0.9em; }
.user_error { color:#5ca0e4 !important; }
	
}


.clr { clear:both; border:none; float:none; }

.footer {
	width:100%; 
	padding:30px 0;	
	color:white; 
	background:#666666;
	text-align:center;
}

.footer a {
   color:white; 
   text-decoration:none;
}

@media all and (max-width:768px) 
{
    .mobileHead { display:block; font-size:1.2em; background:black; color:white; text-align:center; padding:5px 0; }

    .forms label { width:100%; display:block; text-align:left; }
    .forms select { width:84%; }
    .forms input { width:80%; }
    .forms input[type='checkbox'] { width:auto; }
    .forms input[type='radio'] { width:auto; }
}

/* dodatki iCheck*/
.iCheck-helper { width:10px; height:10px; }
.icheckbox_minimal-red, .iradio_minimal-red { vertical-align:middle !important; }