body{
  position: relative;
  text-align: left;
  font-family: Calibri;
  background: url(/files/images/body_bg.jpg) no-repeat center top #FFF;
  color: #000;
  font-size: 16px;
}
body#uvod{
	background: url(/files/images/body_bg2.jpg) no-repeat center top #FFF;
}
                                                            
*{
  position: relative;
  margin: 0;
}
.fancybox-show-nav .fancybox-navigation {
    position: initial;
}

/********************/
/** Global
*********************/ 

h1{ 
  font-weight: normal;
  font-size: 30px;
  color: #000;
  margin-bottom: 10px;
  margin-top: 20px;
}

h2{
  font-weight: bold;
  font-size: 22px;
  color: #e65f2b;
  margin-bottom: 5px;
  margin-top: 15px;
}

div#main_content h1+h2 { margin-top: -0px; }

h3{
  font-weight: bold;
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}
p{
  font-weight: normal;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  line-height: 140%;
}
ul{
  padding-left: 0px;
  list-style-type: none !important;
}
li{
  font-weight: normal;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
  padding-left: 25px;
  background: url(/files/images/odrazka.png) no-repeat left 6px;
}
a{
  font-weight: normal;
  font-size: 16px;
  color: #e65f2b;
  text-decoration: underline;
}
a:hover{
 text-decoration: none; 
 color: #4bd6fe;
}
img{
  border: none;
}

div.clear{
  clear: both;
}

#underconst{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 35px;  
  line-height: 35px;
  width: 250px;
  background-image: url(/files/images/eshop_box_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  text-align: center;
  border: 1px solid #104CB5; 
  border-top: none;
  border-left: none;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}

table td{ vertical-align: top; }

/********************/
/** Main
*********************/ 

div#container{
  position: relative;
  height: auto;
  width: 960px;
  margin: 0px auto;
}

/********************/
/** Header
*********************/ 

div#header{
  position: relative;
  height: 192px;
  width: 960px;
}
div#header2{
  position: relative;
  height: 445px;
  width: 960px;
}
#info_box{
  position: absolute;
  top: 150px;
  left: 0px;
  height: 168px;
  width: 469px;
  background: url("/files/images/podklad.png") no-repeat;
}


#info_box {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.5+71,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.5) 71%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(71%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 71%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 71%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 71%,rgba(0,0,0,0) 100%); /* IE10 preview */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.5) 71%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
    height: auto;
	border-radius: 6px;
    left: 0;
    padding: 14px;
    position: absolute;
    top: 150px;
    width: 469px;
}


#info_box p {
    background-image: url("/files/images/odr.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: white;
    margin: 0;
    padding-left: 24px;
}
#info_box p.title{
	background: none;
	padding: 0;
	color: #F97A30;
	font-size: 31px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

a#header_logo{
  position: absolute;
  display: block;
  height: 95px;
  width: 236px;
  top: 0px;
  left: 0px;
  background: url(/files/images/logo.png) no-repeat 0 -20px;
}
div#eshop_box{
  position: relative;
  height: auto;
  height: 147px;
  width: 200px;
  background-image: url(/files/images/eshop_box_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  float: right;
  color: #FFF;
  border: 1px solid #104CB5;
  border-top: none;
  text-shadow: 0px 1px 2px #000;
}
div#eshop_box a{
  color: #FFF;
  text-decoration: none;
}
div#eshop_box a:hover{
  text-decoration: underline;
}
div.eshop_row{
  position: relative;
  width: 180px;
  padding: 10px;
}
div#eshop_login_button{ text-indent: 35px; background-image: url(/files/images/login_icon.png); background-repeat: no-repeat; background-position: 10px center; }
div#eshop_register_button{ text-indent: 35px; background-image: url(/files/images/register_icon.png); background-repeat: no-repeat; background-position: 16px center; }
div#eshop_cart_button{ text-indent: 35px; background-image: url(/files/images/cart_icon.png); background-repeat: no-repeat; background-position: 10px center; }
div#eshop_cost_button{ }
span#header_title1{
  position: absolute;
  display: block;
  top: 9px;
  right: 0px;
  color: #DD5521;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #CCC;
}
span#header_title2{
  position: absolute;
  display: block;
  top: 105px;
  left: 420px;
  color: #000;
  font-size: 20px;
}
div#menu_top{
  position: relative;
  height: 41px;
  margin-top: 4px;
  margin-left: 256px;
  width: auto;;
  float: left;
}
div#hornimenu1{
  position: relative;
  float: left;
} 
div.ddmxlileft{
  position: relative;
  float: left;
}
div.ddmx a{
  position: relative;
  display: block;
  height: 41px;
  line-height: 41px;
  padding: 0px 20px 0px 20px;
  float: left;
  color: #000;
  text-decoration: none;
}
div.ddmx .ddmxlileft:first-child a{
  border-left: none; 
}
div.ddmx .ddmxlileft:last-child a{
  border-right: none;   
}
div.ddmx a:hover, div.ddmx a.selected{
  background-image: url(/files/images/menuh.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;  
  color: #FFF;
}
div.ddmxlileft .section{
	position: absolute;
    	top: 100%;
    	width: 200px;
    	background: white;
    	z-index: 200;
	transform-origin: 50% 0;
    	transform: scaleY(0);
    	opacity: 0;
    	display: block;
    	transition: transform 0.3s, opacity 0.3s;
}
div.ddmxlileft:hover .section{
	transform: scaleY(1);
    opacity: 1;
}
div.ddmxlileft .section .ddmxlileft{
	float: none;
}
div.ddmxlileft .section .ddmxlileft a{
	float: none;
}
/********************/
/** Main
*********************/ 
div#main_content{
  position: relative;
  margin-top: 15px;  
	margin-bottom: 25px;
}
div.breadcrumb{
  position: relative;
  margin-bottom: 10px;
	padding: 0;
	background: transparent;
}
div.breadcrumb a{
	color: black;
}
div.breadcrumb a:hover {
    color: #e65f2b;
}
/********************/
/** Produkt-n?hled
*********************/
div.produkt_pagination{
  position: relative;
  margin-bottom: 10px;
} 
table.prehledTablePattern{
  position: relative;
  margin-bottom: 2px;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.prehledTablePattern td{ 
  position: relative;
  width: 220px;
}
div.produkt_box{
  position: relative;
  min-height: 292px;
  width: 220px;
  padding: 10px;
  margin: 0px 7px 25px 0px;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: 1px 1px 5px 0px #CCC;
  border-radius: 5px;
}
div.produkt_box h2{
  position: relative;
  display: block;
  height: 40px;
	overflow: hidden;
  line-height: 18px;
  width: 200px;
  text-align: center;
}
div.produkt_box h2 a{
  font-size: 18px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
div.produkt_box p.produkt_popis{
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 15px;
  height: 45px;
  width: 200px;   
}
div.produkt_box p.produkt_img{
  position: relative;
  display: block;
  height: 150px;
  width: 200px;
}

div.produkt_box p.produkt_img img{
  box-shadow: 0px 0px 0px 4px #DDD;
}

div.produkt_box div.produkt_cena_box{
  position: relative;
  display: block;
  float: left;
  width: 98px;
}
div.produkt_box p.produkt_cena{
  position: relative;
  display: block;
  font-size: 22px;
  font-weight: bold;
  width: 98px;
  margin-bottom: 0px;
  color: #F00;
}
div.produkt_box p.produkt_cena_s_dph{
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: bold;
  width: 98px;  
}
div.produkt_box div.produkt_button{
  position: relative;
  height: 35px;
  width: 100px;
  float: left;
      bottom: 6px;
  left: 50px;
}
div.produkt_box div.produkt_button input{
  height: 35px;
  font-weight: bold;
  line-height: 35px;
  width: 100px;
  background: url(/files/images/orange_texture.jpg) repeat-x 0 0;
  border: none;
  cursor: pointer;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}

div.produkt_box div.produkt_button input:hover{ background: url(/files/images/blue_texture.jpg) repeat-x 0 0; color: #FFF; }

/********************/
/** Produkt-detail
*********************/ 
div.detail_box{
}
div.detail_box p{
  margin-bottom: 0px;
}
div.detail_img{
  position: relative;
  float: left;
}
div.detail_img p{
  margin-bottom: 0px;
}
div.detail_img img{
  box-shadow: 1px 1px 5px 0px #888;
  border-radius: 3px;
  border: 4px solid #FFF;
}
div.produkt_detail_info{
  position: relative;
  float: left;
  margin-left: 20px;
  width: 265px;
}
div.produkt_detail_info table{
  position: relative;
  border-collapse: separate;
  width: 265px;
}
div.produkt_detail_info table td{
  padding: 5px 0px 5px 0px;
  font-size: 12px;
  width: 50%;
}
div.produkt_detail_info table td.detail_cena_bez_dph{
  font-size: 22px;
}
div.produkt_detail_info table td.detail_cena_s_dph{
}
div.produkt_detail_info table td.box_button_add{
  border-top: 1px solid #AAA;
  padding-top: 10px;
}
div.produkt_detail_info table td input.button_add{
  height: 30px;
  font-weight: bold;
  line-height: 26px;
  width: 100px;
  background-image: url(/files/images/produkt_button_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: none;
  cursor: pointer;
  border: 1px solid #AAA;
  box-shadow: 0px 0px 0px 1px #FFF;
  *border: none;
  *line-height: 30px;  
}
div.detail_popis{
  position: relative;
  width: 290px;
  float: left;
  margin-left: 12px;
  text-align: justify;
}
div.detail_hodnoty{
  position: relative;
  margin-top: 20px;
  width: 685px;
  float: left;
}
div.detail_hodnoty table{
  width: 340px;
}
div.detail_hodnoty table td{
  width: 50%;
  padding: 5px;
  background: #DDD;
}
div.detail_images{
  position: relative;
  margin-top: 20px;
  width: 685px;
  float: left;
}
div.detail_image{
  position: relative;
  float: left;
  height: 165px;
  width: 220px;
 margin: 0px 8px 8px 0px;
}
div.detail_image img{
  box-shadow: 1px 1px 5px 0px #888;
}
/********************/
/** Left-col
*********************/ 
div#left_col{
  position: relative;
  min-height: 600px;
  width: 220px;
  float: left;  
}
div#left_col2{
  position: relative;
  min-height: 600px;
  width: 220px;
  float: left;  
}
div#left_col h2{
  color: #000;
  margin-bottom: 0px;
  display: block;
  float: left;
  width: 220px;
}
.archiv{
  padding-left: 10px;
  background: url(/files/images/odrazka.png) no-repeat left center;
  color: #e65f2b;
  text-decoration: none;
  margin-bottom: 5px;
  display: block;
  width: 220px;
  float: left;
}
.archiv:hover{ 
  color: #e65f2b; 
  text-decoration: underline;
}
div.left_col_edit_box{
  position: relative;
  float: left;
  padding: 10px;  )
  width: 198px;
  background-color: #FFF;
  font-weight: normal;
  border: 1px solid #04C1F7;
  color: #000;
}

div.left_col_edit_box h1+h2+h3+h4+h5+h6, div.left_col_edit_box p, div.left_col_edit_box a, div.left_col_edit_box li{
  color: #000;
}

div.left_col_edit_box2{
  position: relative;
  float: left;
  width: 220px;
}

div#category{
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
div#category p{
  margin-bottom: 0px;
}
div#category p.close + div {
    display: none !important;
}
div#category p#cid_20 a{
  border-bottom: none;
}
div#category a{
  position: relative;
  display: block;
  padding: 8px 15px 10px 8px;
  width: 220px;
  text-decoration: none;
  background: url(/files/images/orange_texture.jpg) repeat-x 0 0;
  color: #FFF;                             
  border-radius: 3px;
  margin-bottom: 4px;
  box-shadow: 1px 1px 1px 0px #888;
  font-size: 18px;
}
div#category p:first-child a{ border-top: none; }

div#category p:last-child a{ }
                              
div#category a:hover, div#category a.selected{
  background: url(/files/images/blue_texture.jpg) repeat-x 0 0;
}
                                                                   
div#category div.item2 p a{
  position: relative;
  display: block;
  padding: 4px 15px 4px 35px;
  width: 170px;
  text-decoration: none;
  background-image: none;
  font-size: 16px;
}   
div#category div.item2 p a:hover, div#category div.item2 p a.selected{
  background: url(/files/images/odrazka.png) no-repeat 15px 9px;
  color: #2BCFF8;
}
/********************/
/** Footer
*********************/
div#footer{
  position: relative;
  width: 960px;
  margin: 0 auto;
  z-index: 1;
}
div#footer p{ 
  color: #000;
  top: 18px;
  font-size: 14px;
}
div#footer a{
  color: #000;
  font-size: 14px;
} 

#footer_full{
  position: absolute;
  left: 0px;
  bottom: 80px;
  background-color: #D03F07;
  z-index: -1;
  height: 240px;
  width: 100%;
}
#footer_full2{
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(/files/images/footer_texture.jpg) repeat-x 0 0;
  z-index: -1;
  height: 585px;
  width: 100%;
}
/**********************************/
/*  FORMULAR 
/*********************************/

#form_main{ position: relative; float: left; height: 240px; width: 960px; margin-top: 20px; }

#form_main h3{ position: relative; margin-top: 15px; margin-left: 20px; display: block; color: #FFF; float: left; width: 100%; }

#form_main p{ color: #FFF; position: relative; width: 100px; display: block; height: 30px; margin-bottom: 0px; line-height: 30px; float: left; }
#form_main input{ color: #FFF; padding: 0px 5px 0px 5px; position: relative; display: block; width: 190px; height: 30px; line-height: 30px; float: left; background-color: #ED622D; border: 1px solid #B01F00; border-radius: 3px; }

#form_box1{ position: relative; margin-top: 20px; margin-left: 20px; float: left; }
#form_box2{ position: relative; margin-top: 10px; margin-left: 20px; float: left; clear: both;}
#form_box3{ position: relative; margin-top: 10px; margin-left: 20px; float: left; clear: both; }
#form_box4{ position: relative; margin-top: 10px; margin-left: 20px; float: left; clear: both; }

#form_box5{ position: absolute; top: 65px; width: 560px; left: 430px;  }
#form_box5 p{ width: 80px; }
#form_box5 textarea{ height: 104px; width: 390px; padding: 5px; color: #FFF; background-color: #ED622D; border: 1px solid #B01F00; border-radius: 3px; }
#form_box6{ position: absolute; top: 194px; width: 100px; right: 49px; }
#form_box6 input{ height: 29px; line-height: 31px; width: 100px; color: #000; background-color: #FFF; cursor: pointer; font-size: 14px; border: none; border-radius: 3px; }
#form_box6 input:hover{ color: #FFF; background-color: transparent; border: 1px solid #FFF; }
#form_main input:focus, #form_main textarea:focus{ outline: none; border: 1px dashed #B01F00; }

.alert{ border: 1px solid #F00 !important; background-color: #000 !important; }
/********************/
/** Ko??k
*********************/
.kosikNavigace{
  width: 685px;
  margin-bottom: 10px;
  float: left;
}
.kosikNavigace span{
  display: block;
  float: left;
  margin-right: 2px;
  background-image: url(/files/images/menu_top_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  color: #FFF;
  font-size: 12px;
  padding: 5px;
  border-radius: 3px;
}
.kosikNavigace span#fazeSelected{
  font-weight: bold;
}
.addToCartTxt{
  width: 685px;
  margin-bottom: 10px;
  float: left;
}
#xcart{
  width: 685px;
  float: left;
}
#xcart table{
  font-size: 12px;
  padding: 0px;  
  text-align: center;
}
#xcart table th{
  background: #666;
  width: 10%;
  font-size: 12px;
  font-weight: normal;
  border-radius: 3px;
  color: #FFF;
  padding: 2px;
}
#xcart table td{
  width: 14%;
  padding: 5px;
}
#xcart table a{
  font-size: 12px;
}
.kosikTablePrehledContainer{
  margin-bottom: 10px;
}
.kosikCelkovaCena{
  margin-top: 10px; 
  margin-bottom: 10px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  border-top: 1px solid #CCC;   
}
.kosikCelkovaCena span{
  text-align: center;
  width: 685px;
  margin: 0px auto;
  display: block;
}
.pagerBack{
  float: left;
  margin-left: 2px;
}
.kosikRight{
  float: right;
  margin-right: 2px;
}
.kosikPager input{
  height: 30px;
  line-height: 30px; 
  *line-height: 10px;
  line-height: 14px\9;   
  cursor: pointer;
}
#povinnePolozky{
  font-size: 12px;
  background: #666;
  padding: 5px;
  color: #FFF;
  border-radius: 3px;
}
.registraceTable{
  text-align: left;
  width: 685px;
}
#xcart .registraceTable td{
  text-align: left;
  width: auto;
  padding: 0px;
}
#xcart td.registraceTitle{
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}
#xcart .registraceTable td textarea{
  width: 674px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.registrace_povinne_popis{
  font-size: 12px;
  padding: 10px 0px 10px 0px;
  text-align: right;
  font-weight: bold;
}
.tableLoginForm{
  width: 300px;
  background-color: #888;
  padding: 5px;
  border: 1px solid #444;
  color: #FFF;
  font-size: 12px;
}
.tableLoginForm input{
  border: 1px solid #444;
  height: 20px;
  line-height: 20px;
}
.tableLoginForm input[type="text"]{
  width: 280px;
}
.tableLoginForm input[type="password"]{
  width: 280px;
}
.tableLoginForm input[type="submit"]{
  float: left;
  height: 25px;
  line-height: 25px;
  display: block;
  width: 120px;
  color: #FFF;
  background-image: url(/files/images/menu_top_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  cursor: pointer;
}
.tableLoginForm input[type="button"]{
  float: left;
  height: 25px;
  line-height: 25px;
  display: block;
  clear: both;
  margin-top: 10px;
  width: 120px;
  color: #FFF;
  background-image: url(/files/images/menu_top_texture.png);
  background-repeat: repeat-x;
  background-position: 0 0;  
  cursor: pointer;
}
.buttonRegistrace{
  float: right;
  height: 30px;
  line-height: 30px;
}

.uvod_image{ border: 4px solid #FFF; border-radius: 3px; }

.uvod_image:hover{ border: 4px solid #2BCFF8; }                                       

.aktuality_col_container{ position: relative; height: auto; float: left; margin-right: 15px; }
.aktuality_col_container .aktuality_box{ position: relative; float: left; height: auto; width: 100%; background: url(/files/images/akt_bg.jpg) repeat-x 0 0; padding-right: 15px; border-right: 1px solid #CCC; }
.aktuality_col_container .aktuality_name{ position: relative; float: left; width: 100%; }
.aktuality_col_container .aktuality_name a{ color: #e65f2b !important; text-decoration: none; font-size: 18px; font-weight: bold; }
.aktuality_col_container .aktuality_date{ position: relative; float: left; width: 100%; color: #2F2822; text-decoration: none; font-size: 14px; padding: 7px 0px 10px 0px; }
.aktuality_col_container .aktuality_img{ position: relative; float: right; width: 115px; }
.aktuality_col_container .aktuality_img a{ display: block; }
.aktuality_col_container .aktuality_img a img{ width: 115px; }
.aktuality_col_container .aktuality_text{ position: relative; }
.aktuality_col_container .aktuality_text p{ font-size: 12px; color: #2F2822; text-align: left; }                                            
.aktuality_col_container .aktuality_vice_odkaz{ position: relative; float: left; width: 100%; margin-top: 10px; }
.aktuality_col_container .aktuality_vice_odkaz a{ float: left; display: block; font-size: 16px; padding-left: 10px; background: url(/files/images/odrazka.png) no-repeat left center; text-decoration: none; text-align: center; border-radius: 5px; }
.aktuality_col_container .aktuality_vice_odkaz a:hover{ color: #e65f2b; text-decoration: underline; }

.aktuality_col_container2{ position: relative; height: auto; width: 220px; float: left; }
.aktuality_col_container2 .aktuality_box{ position: relative; float: left; height: auto; width: 220px; padding: 10px; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 15px; border-radius: 3px; }
.aktuality_col_container2 .aktuality_name{ position: relative; float: left; width: 200px; }
.aktuality_col_container2 .aktuality_name a{ color: #2F2822; text-decoration: none; font-size: 18px; font-weight: bold; }
.aktuality_col_container2 .aktuality_date{ position: relative; float: left; width: 200px; color: #2F2822; text-decoration: none; font-size: 14px; padding: 7px 0px 10px 0px; }
.aktuality_col_container2 .aktuality_img{ position: relative; float: left; width: 200px; }
.aktuality_col_container2 .aktuality_img a{ display: block; }
.aktuality_col_container2 .aktuality_img a img{ width: 200px; }
.aktuality_col_container2 .aktuality_text{ position: relative; float: left; margin-top: 10px;width: 200px;}
.aktuality_col_container2 .aktuality_text p{ font-size: 14px; color: #2F2822; }                                            
.aktuality_col_container2 .aktuality_vice_odkaz{ position: relative; float: left; width: 200px; }
.aktuality_col_container2 .aktuality_vice_odkaz a{  float: left; display: block; font-size: 16px; padding-left: 10px; background: url(/files/images/odrazka.png) no-repeat left center; text-decoration: none; text-align: center; border-radius: 5px; }
.aktuality_col_container2 .aktuality_vice_odkaz a:hover{ color: #e65f2b; text-decoration: underline; }

.aktuality_col_container3{ position: relative; height: auto; width: 100%; float: left; margin-top: 15px; }
.aktuality_col_container3 .aktuality_box{ position: relative; float: left; height: auto; width: 100%; padding: 10px;  background: url(/files/images/akt_bg.jpg) repeat-x 0 bottom; padding: 10px; background-color: #FFF; border-radius: 3px; margin-bottom: 15px; border: 1px solid #CCC; }
.aktuality_col_container3 .aktuality_name{ position: relative; float: left; width: 100%; }
.aktuality_col_container3 .aktuality_name a{ color: #2F2822; text-decoration: none; font-size: 18px; font-weight: bold; }
.aktuality_col_container3 .aktuality_date{ position: relative; float: left; width: 100%; color: #2F2822; text-decoration: none; font-size: 14px; padding: 7px 0px 10px 0px; }
.aktuality_col_container3 .aktuality_img{ position: relative; float: left; width: 100px; }
.aktuality_col_container3 .aktuality_img a{ display: block; }
.aktuality_col_container3 .aktuality_img a img{ width: 100px; }
.aktuality_col_container3 .aktuality_text{ position: relative; float: left; width: 570px; margin-left: 10px; }
.aktuality_col_container3 .aktuality_text p{ font-size: 14px; color: #2F2822; }                                            
.aktuality_col_container3 .aktuality_vice_odkaz{ position: relative; float: left; width: 100%; margin-top: 10px; }
.aktuality_col_container3 .aktuality_vice_odkaz a{  float: right; display: block; font-size: 16px; padding-left: 10px; background: url(/files/images/odrazka.png) no-repeat left center; text-decoration: none; text-align: center; border-radius: 5px; }
.aktuality_col_container3 .aktuality_vice_odkaz a:hover{ color: #e65f2b; text-decoration: underline; }

#banner_container{ position: relative; height: 162px; width: 960px; margin-top: 20px; }
.text_container{ float: left; margin-top: 15px; }


.banner{ position: relative; height: 162px; width: 185px; margin-right: 6px; float: left; }
.banner a{ position: relative; height: 40px; line-height: 40px; width: 185px; background: url(/files/images/orange_texture.jpg) repeat-x 0 0; color: #FFF; text-align: center; text-decoration: none; display: block; border-radius: 3px; box-shadow: 1px 1px 2px 0px #444; }
.banner a:hover{ background: url(/files/images/blue_texture.jpg) repeat-x 0 0; }

#banner1{ background: url(/files/images/banner1.png) no-repeat 1px 0; margin-left: 2px; }
#banner2{ background: url(/files/images/banner2.png) no-repeat 1px 25px; }
#banner3{ background: url(/files/images/banner3.png) no-repeat 1px 25px; }
#banner4{ background: url(/files/images/banner4.png) no-repeat 1px 25px; }
#banner5{ background: url(/files/images/banner5.png) no-repeat 1px 25px; margin-right: 0px; }
           
#content{ position: relative; height: auto; margin-top: 20px; background: #EDEDED; clear: both;   overflow: hidden;}
#content > div{
	width: 960px; 
	margin: 0 auto;
}
#content_left{ position: relative; min-height: 100px; width: 545px; float: left; }
#content_right{ position: relative; min-height: 100px; width: 415px; float: left; }

button#modal-launch, button#modal-launch-2 {
    background: none;
    border: none;
    cursor: pointer;
	box-shadow: none;
	padding: 0;
	margin-top: 0.5rem;
}
button#modal-launch-2 {
	padding: 0;
}
button#modal-launch p.dotaz, button#modal-launch-2 p.dotaz{
	display: inline-block;
	background: none; 
	font-weight: bold;
	font-size: 17px;
	padding: 0;
	margin-right: 15px;
}
button#modal-launch-2 p.dotaz{
	display: block;
	text-align: left;
}
button#modal-launch a, button#modal-launch-2 a{
	display: inline-block;
	border: 2px solid #F97A30;
	color: #F97A30;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 15px;
	border-radius: 3px;
	background: white;
	font-weight: bold;
}
button#modal-launch-2 a{
	width: 100%;
}
button#modal-launch a:hover, button#modal-launch-2 a:hover{
	background: #F97A30;
	color: white;
	border: 2px solid white;
}
button#modal-launch-2 a:hover{
	border: 2px solid #F97A30;
}

.modal-content{
	border: none;
	border-radius: 0;
}

div.modal-header {
	border-radius: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e75f2f+0,f87931+100 */
background: rgb(231,95,47); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NWYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODc5MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(231,95,47,1) 0%, rgba(248,121,49,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,95,47,1)), color-stop(100%,rgba(248,121,49,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75f2f', endColorstr='#f87931',GradientType=0 ); /* IE6-8 */
}

div.modal-header .close{
	margin: 0 0 auto;
	border: 1px solid white;
	border-radius: 5px;
	padding: 0.4rem 0.7rem;
	color: white;
	opacity: 1;
	-webkit-transition: all 0.3s; 
	-ms-transition: all 0.3s;
    	transition: all 0.3s;    
}
div.modal-header .close:not(:disabled):not(.disabled):hover, 
div.modal-header .close:not(:disabled):not(.disabled):focus{
	opacity: 1;
	color: black;
	background: white;
}

.modal-dialog label {
    margin-bottom: 0.2rem;
}

.modal-dialog .modal-title{
	color: white;
	/* text-transform: uppercase; */
	font-size: 25px;
	font-weight: bold;
}

span.mandatory-star {
    color: #ff6d6d;
}

.modal-dialog .modal-body {
    background-color: #f5f5f5;
}

.modal-dialog .modal-body label{
	/* font-weight: bold; */
	font-size: 17px;
	color: black;
}

.modal-dialog .btn-primary{
	border: 1px solid #E75F2F;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
    	padding: 0.375rem 1.75rem; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e75f2f+0,f87931+100 */
background: rgb(231,95,47); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NWYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODc5MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(231,95,47,1) 0%, rgba(248,121,49,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,95,47,1)), color-stop(100%,rgba(248,121,49,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(231,95,47,1) 0%,rgba(248,121,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75f2f', endColorstr='#f87931',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
	box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.5) !important;
}


.modal-dialog .btn-primary:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2aa1fa+0,2a82fa+100 */
	background: #E75F2F;	
}


.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid
{
    background-color: #ffdede;
}

.invalid-feedback, .form-text, small, .small {
    font-size: 15px;
}

@media only screen and (max-width: 765px) {
div.ddmxlileft .section{
	display: none !important;
}
}