@CHARSET "UTF-8";



/* Basic Stuff */ /* reset style */
html,body {
	height: 100%;
	width: 100%;
}

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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	background: transparent none repeat scroll 0 0;
	margin: 0;
	padding: 0;
	border: 0 none;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	list-style-type: none;
	text-decoration: none;
}

/* reset style */
body {
	background: #fff url('../images/grafika/form/background.png') repeat-x;
	height: 600px;
	color: #0b446f; /* MENI VETSINU TEXTU */
	font-size: 13px;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

#center {

	width: 1080px;
	margin: auto;
}

.main_div {
	position: relative;
	width: 1080px;
	padding: 0 0 0 0;
}

/* ---Logo--- */
.main_box {

	width: 100%;
	background-color: #F0F0FF;
	border-right: 2px solid #3b7ea0;
	border-bottom: 2px solid #3b7ea0;
	border-left: 2px solid #3b7ea0;
	color: #294e42;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	margin: 0 0 0 0;
}

#footer {

	clear: both;
	position: relative;
	text-align: center;
	width: 1080px;
	height: 45px;
	background: url('../images/grafika/mladez/bottom_banner.png') no-repeat;
}

.footerText {
	color: #000;
	font-size: 12px;
	padding: 30px 0 0 0;
}

#wrapper {
	padding: 10px 10px 10px 10px;
}

#wrapper_vypis {
	padding: 10px 10px 10px 10px;
	width:		794px;
	margin: auto;
}


#vypis2 {
	border: 10px;
}

/* prihlaseni formular*/
#prihlaseni_center {

	width: 500px;
	margin: auto;
}

.prihlaseni {
	width: 100%;
	background-color: #F0F0FF;
	border: 2px solid #3b7ea0;
	color: #294e42;
	padding: 20px 30px 20px 30px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	margin: 25% 0 0 0;
}

.sort {
	background-color: #477185;
	border: 1px solid #0b446f;

	width: 200px;
	color: #fff;
	font-weight: bold;
}



/* hodrni lista v menu*/
.top_line {

	width: 100%;
	background-color: #F0F0FF;
	color: #3b7ea0;
}

#logout {
	float: left;
	border-right: 2px solid #3b7ea0;
	padding: 5px 5px 0 5px;
}

.user_info {
	






	text-decoration: none;
}

.menu_a {
	float: left;
	color: #3b7ea0;
	display: block;
	height: 20px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align: center;
 	font-weight: bold;
	cursor: pointer;
}

.menu_a:hover {
	color: #F0F0FF;
	background-color: #3b7ea0;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-right: none;
}

.menu_a_active {
	color: #F0F0FF;
	background-color: #3b7ea0;
	border-right: none;
	float: left;
	display: block;
	height: 20px;


	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align: center;

	font-weight: bold;
	cursor: pointer;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
}

.menu_a_active:hover {
	color: #F0F0FF;
	background-color: #ae1803;
}

.menu_bull {
	float: left;
	color: #3b7ea0;
	height: 20px;
	text-decoration: none;

	font-weight: bold;
}

.menu_bull:hover {
	color: #ae1803;
}

.odsazeni2 {
	clear: both;
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #3b7ea0;
	border-top: 1px solid #3b7ea0;
}


/***************************************************************/
	/******* Objednavkovy formular novy       **************/
	/***************************************************************/
.obalka {
	float: left;
	width: 510px;
	border-bottom: 1px solid black;
	background-color: #36DDA6;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

.tisk {
	float: left;
	width: 380px;
	border-bottom: 1px solid black;
	background-color: #C4C4C4;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

.naklad_pozn {
	float: left;
	width: 155px;
	border-bottom: 1px solid black;
	background-color: #36DDA6;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 8px;
	font-weight: normal;
}

ul {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	}
ul.param{
	margin:5px 0 0 0;
	padding:0 0 0 35px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
}
ul.param_b{
	margin:5px 0 0 0;
	padding:0 0 0 35px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

ul.param_b li, li ul li{padding-top: 0px;font-size: 12px;}

li {
	padding-top: 5px;
}


#hlavni {
	left: 0px;
	top: 0px;
	width: 1060px;
	background: #AEE5D1;
	padding: 0px;
	line-height: 100%;
	float: left;
}

h2.formular {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: 0px solid black;
	padding: 0px;
	line-height: 100%;
}

#hlavicka {
	float: left;
	width: 450px;
	height: 210px;
	padding: 5px;
	padding-left: 15px;
	background: #AEE5D1;
}

#expedice {
	float: left;
	width: 560px;
	height: 210px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#_obalky {
	float: left;
	width: 1040px;
	padding-top: 0px;
	padding: 5px;
	background: #AEE5D1;
}

#kompletace {
	float: left;
	width: 440px;
	padding: 5px;
	padding-left: 25px;
	background: #AEE5D1;
}

#filmy {
	float: left;
	width: 560px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#dalsi_parametry {
	float: left;
	width: 1040px;
	height: auto;
	padding: 5px;
	padding-left: 15px;
	background: #AEE5D1;
}

#dalsi_1 {
	float: left;
	width: 470px;
	height: auto;
	padding: 0px;
	padding-left: 0px;
	background: #AEE5D1;
}

#dalsi_2 {
	float: left;
	width: 550px;
	height: auto;
	padding: 0px;
	padding-left: 0px;
	background: #AEE5D1;
}

#dalsi_3 {
	float: left;
	width: 470px;
	height: auto;
	padding: 0px;
	padding-left: 0px;
	background: #AEE5D1;
}
#dalsi_4 {
	float: left;
	width: 550px;
	height: auto;
	padding: 0px;
	padding-left: 0px;
	background: #AEE5D1;
}
input.dalsi_param{ width:285px;}
input.dalsi_param_long{ width:458px;}
textarea.dalsi_param{
	width:458px;
	height:40px;
}
td.dalsi_param_h3{width:140px;}
td.dalsi_param_h4{width:70px;}

/***************************************************************/
/******* Vypis formulare po ulozeni zakazky    **************/
/***************************************************************/
#hlavni_vypis {
	left:		0px;
	top:	 	0px;
	width:		784px;
	height:		1248px;
	background-color:  #ffffff;
	padding:		0px;
	line-height: 140%;
	font-size : 12px;
	margin: auto;

	

}


#hlavni_nadram {
	width:		784px;
	margin: auto;
}

#ramecek_vypis {
	width:780px;
	height:1170px;
	border:2px solid black;
	background-color:white;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	0px;
	margin-bottom:	0px;
	padding:	0px;
	font-family: times;
}

#hlavicka_vypis {
	width:780px;
	height:60px;
	border:2px solid black;
	background-color:white;
	margin-left:	-2px;
	margin-right:	auto;
	margin-top:	-2px;
	margin-bottom:	0px;
	padding:	0px;





}

#zakaznik li {
padding-bottom:	20px;
font-size : 20px;
font-weight : bold; 
}

#parametry li {
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

br.clear {
	clear: both;
}
.cislo_zakazky
{
	padding-top:3px;
	font-weight: bold;
	color: black;
	font-size:23px;
}


#zpusob_prepravy {
	float: left;
	width: 370px;
	height: 100px;
	border-bottom: 0px solid black;
	background-color: white;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
}

#dodaci_adresa {
	float: left;
	width: 760px;
	height: 40px;
	border-bottom: 0px solid black;
	background-color: white;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
}

#typ_obalek {
	float: left;
	width: 180px;
	height: 60px;
	border-bottom: 1px solid black;
	background-color: white;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	line-height: 20px;
}

#dod_obalek {
	float: left;
	width: 160px;
	height: 60px;
	border-bottom: 1px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

#potisk {
	float: left;
	width: 250px;
	height: 60px;
	border-bottom: 1px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-weight: normal;
}

#naklad_zapis {
	float: left;
	width: 140px;
	height: 60px;
	border-bottom: 1px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: normal;
}

#naklad {
	float: left;
	width: 140px;
	height: 60px;
	border-bottom: 1px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: normal;
}

#zakazka_zapis {
	position: relative;
	float: right;
	width: 110px;
	height: 60px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -64px;
	margin-bottom: 0px;
	padding: 0px;
}

#zakaznik_zapis {
	width: 780px;
	height: 160px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}

#zpusob_expedice {
	float: left;
	width: 390px;
	height: 220px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}


#kompletace_zapis {
	float: right;
	width: 390px;
	height: 220px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}

#filmy_zapis {
	float: right;
	width: 390px;
	height: 100%;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding:0px;
}

#parametry_vypis {
	float: left;
	width: 780px;
	height: 310px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}

#parametry_vypis1 {
	float: left;
	width: 780px;
	height: 100%;
	border-right: 2px solid black;
	background-color: white;
	padding: 0px;
}

#parametry_vypis2 {
	float: right;	
	width: 390px;
	height:100%;
	border: none;
	background-color: white;
	padding: 0px;
}

#parametry {
	width: 780px;
	height: 530px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}

#poznamka_vypis {
	float: left;
	width: 780px;
	height: 100px;
	border: 2px solid black;
	background-color: white;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 0px;
}

#poznamka_text
{
margin: 5px;
}

.ol_novazakazka{
	background: transparent none repeat scroll 0 0;
	margin: 0;
	padding: 0;
	border: 0 none;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	list-style-type: none;
	text-decoration: none;

}


h1.zapish1 {
	text-align: center;
	padding: 20px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: black;
	font-weight: bold;
}

h2.zapish2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	border-bottom: 2px solid black;
	padding: 5px 0px 5px 15px;
	background: #AAAAAA url(../images/bg-h2-blue.png) repeat-x left top;
	line-height: 120%;	
}
h2.zapish2_b {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	border-bottom: 2px solid black;
	padding: 5px 0px 5px 15px;
	background: #AAAAAA url(../images/bg-h2-blue.png) repeat-x left top;
	line-height: 120%;	
}
h3.zapish3 {
	text-align: center;
	font: medium "Arial", Times, serif;
	color: #4A4CFF;
	font-weight: bold
}

h4.zapish4 {
	text-align: center;
	font: small "Arial", Times, serif;
	color: black;
	font-weight: bold
}

.stufftable
{
	
	background-color:#F0F0FF;
	border: 2px solid #3b7ea0;
	color:#3b7ea0;
	padding: 10px 10px 10px 10px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	margin:29px 0px 0px 0px;
	
}
.stufftable_name_active
{
	float:left;
	min-height:15x;
	background-color:#F0F0FF;
	border-left: 2px solid #3b7ea0;
	border-right: 2px solid #3b7ea0;
	border-top: 2px solid #3b7ea0;
	border-bottom:2px solid  #F0F0FF;
	padding:5px 5px 0 5px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	
}
.stufftable_name_active a
{
	color:#3b7ea0;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
.stufftable_name
{
	float:left;
	min-height:15x;
	background:#F2F2F2 url('../images/grafika/white-grad.png') repeat-x scroll left top; 
	border-left: 2px solid #BBBBBB;
	border-right: 2px solid #BBBBBB;
	border-top: 2px solid #BBBBBB;
	border-bottom:2px solid  #3b7ea0;
	color:#BBBBBB;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:5px 5px 0 5px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
}

.stufftable_name:hover
{
	border-left: 2px solid #464646;
	border-right: 2px solid #464646;
	border-top: 2px solid #464646;
	border-bottom:2px solid  #3b7ea0;
	color:#464646;
	background:#EEEEEE url(../images/grafika/white-grad-active.png) repeat-x scroll left top;
  cursor:pointer;
}

.stufftable_name a
{
	color:#BBBBBB;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
.stufftable_name a:hover
{
	color:#464646;
	
}