/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px Arial, Helvetica, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;
    }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient( rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient( rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient( rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
    nav {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
    h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; color: #454545;}
    h1 {font-size: 24px;}
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
    h5 {font-size: 14px;}
    h6 {font-size: 12px;}


    .remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.orange_bg {background-color: #f08125;}
	.white_bg {background-color: #ffffff;}
	.container div.no_left_margin {margin-left: 0px;}
	.body_background {background-image: url('../images/body_bg.png');}

    .whole_page aside {float:left; }
    .whole_page section {float:left;}

    header > .logo {width: 1124px; height: 230px; background-image: url('../images/header.png'); position: relative;}
    header > .logo > .image {position: relative; left: 655px; top: 68px; display: inline-block;}
    header > .logo > .image  img  {width: 230px; height: 131px;}
    header .login_href {position: absolute; top: 57px; left: 860px; color: #99CC00; text-transform:uppercase;}
    header .login_href a { color: #99CC00; text-decoration: none; }
    header .search_box { position: absolute;
        left: 822px;
        top: 100px;
    }
    header .search_box input[type="text"] { background-color: #022C04;
        border: 0px solid black;
        height: 17px;
        width: 135px;
    }
    header .search_box input[type="submit"] { background-color: #022C04;
        border: 0px solid black;
        height: 30px;
        width: 34px;
        left: 158px;
        position: absolute;
        top: -1px;
        background-image: url('../images/search_button.png');
    }

    #body #head .search_box { position: absolute;
        left: 822px;
        top: 100px;
    }
    #body #head .search_box input[type="text"] { background-color: #022C04;
        border: 0px solid black;
        height: 17px;
        width: 135px;
    }
    #body #head .search_box input[type="submit"] { background-color: #022C04;
        border: 0px solid black;
        height: 30px;
        width: 34px;
        left: 158px;
        position: absolute;
        top: -1px;
        background-image: url('../images/search_button.png');
    }

    .alertTable {
	border: 1px solid black;
    }

    header  nav {background-color: #006CA3; background-image: url('../images/sipka.png'); background-position: right top; background-repeat: no-repeat; }
    header  nav ul {margin: 0px; padding:0px 10px;}
    header  nav li { display: inline-block; margin: 0px; float: left;}
    header  nav  a {font-size: 14px; font-weight: bold; display: inline-block; padding: 9px; color: #ffffff;}
    header  nav  a:visited { color: #ffffff;}
    header  nav  a:hover {background-color:#EAEFF7; color: #006CA3}
    header  nav  a.active {background-color:#EAEFF7; color: #006CA3}

    footer > .container {background-image: url('../images/footer.png'); width: 1124px; height: 223px;}

    .logo {padding-top: 25px; background-repeat: no-repeat;}
    .logo.video {background-image: url('../images/video_oboru.png');}
    .logo.search {background-image: url('../images/vyhledat.png');}
    .logo.login {background-image: url('../images/prihlasit.png');}
    .logo.nabidka {background-image: url('../images/nabidka.png');}
    /*.logo.odkazy {background-image: url('../images/odkazy.png');}*/

    section.whole_page .breadcrumbs {height: 25px;}
    section aside .video .content {background-image: url('../images/video_thumb.png'); width:178px; height: 156px; background-repeat: no-repeat;}
    section > div.bottom_arrow { background-image: url('../images/bottom_sipka.png'); background-position: right top; background-repeat: no-repeat; height: 12px;}

    section aside {height: auto;}
    aside.alfa {}
    aside.omega > * {margin-left: 40px;}
    aside nav ul {}
    aside nav ul li  {list-style: none outside none; background-image: url('../images/menu_li_off.png'); background-repeat: no-repeat; height: 26px; width: 153px; padding-left: 35px;  margin:6px 0px;}
    aside nav ul  ul  {margin-left: 45px;}
    aside nav ul ul li {
    }
    aside nav ul li a {color:#006CA3; display: block; padding: 3px;}
    aside nav ul li a:hover {color: #000000;}

    aside nav ul.links > li  {list-style: none; background-image: url('../images/menu_li_off.png'); background-repeat: no-repeat; height: 26px; width: 153px; padding-left: 35px;  margin:6px 0px;}
    aside nav ul.links  ul  {margin-left: 45px;}
    aside nav ul.links  ul.links li { list-style: none; background: none; padding-left: 0px;}
    aside nav ul.links li a { color: #454545; display: block; padding: 3px;  border: none; }
    aside nav ul li:hover {background-image: url('../images/menu_li_on.png');}

aside .login input { margin: 2px;}
aside .login input[type=text],
aside .login input[type=password] { font-size: 9pt; height: 15px; width: 90%;}
aside .login select,
aside .login table{ width: 100%; }
aside .login select{
	padding: 6px 4px;
	margin: 0;		}
aside .login .remember label{
	width: 80px;
}
form th {vertical-align: middle;}

    .button,
    input[type=submit],
    input[type=button],
    button {
        padding: 6px 8px;
        border-radius: 8px;
        background: #f5a366; /* Old browsers */
        text-shadow: 1px 1px #cccccc;
        color: black;
        background: -moz-linear-gradient(top, #f5a366 0%, #f1862e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5a366), color-stop(100%,#f1862e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5a366 0%,#f1862e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5a366 0%,#f1862e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5a366 0%,#f1862e 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5a366 0%,#f1862e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a366', endColorstr='#f1862e',GradientType=0 ); /* IE6-9 */}

    .button.dark,
    input[type=submit].dark,
    input[type=button].dark,
    button.dark {
        color: white;
        text-shadow: 1px 1px #333333;
        background: #5d5d5e; /* Old browsers */
        background: -moz-linear-gradient(top,  #5d5d5e 0%, #2e2e2e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5e), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #5d5d5e 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #5d5d5e 0%,#2e2e2e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #5d5d5e 0%,#2e2e2e 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #5d5d5e 0%,#2e2e2e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5e', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */
    }
    .inline-block >label { display: inline-block;}
    .dataTable .public input, .dataTable .public select { height: 10px; }
    form tr td >  input[type=text],
    form tr td >  input[type=password]{ margin: 5px;}
    form tr th label {text-align: right;}
    /*section.whole_page > div.container {padding-top: 20px;}*/
    div.content > p {text-align: justify;}

    .alpha .logo {margin-left: 10px;}

    .search input[type=text] {width: 90%;}

    .mainNav { position: relative; top: 184px; left: 15px; }
    .mainNav li {float: left; list-style: none; background-image: none; padding-left: 20px;}
    .mainNav li a {color: #99cc00; text-decoration: none; text-transform:uppercase;}
    .mainNav li a:hover {color: white; text-decoration: none;}

.chatMessages {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: inset 0 0 5px #000;
    padding: 10px;

}

input[type="text"], input[type="password"], select, textarea {
    bodrer-radius: 3px;
    border: 1px solid #cecece;
    border-radius: 2px;
    box-shadow: 0 0 3px #898989 inset;
    margin: 1px solid #cecece;
    padding: 5px;

}