article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
display:block;
}

audio,canvas,video {
display:inline-block;*display:inline;*zoom:1;
}

audio:not([controls]){
display:none;
}

html {
font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
}

a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;}

a:hover,a:active  {
outline:0;
}

sub,sup {
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline;
}

sup {
top:-0.5em;
}

sub {
bottom:-0.25em;
}

img {
max-width:100%;
height:auto;
border:0;-ms-interpolation-mode:bicubic;
}

button,input,select,textarea {
margin:0;
font-size:100%;
vertical-align:middle;
}

button,input {
*overflow:visible;
line-height:normal;
}

button::-moz-focus-inner,input::-moz-focus-inner {
padding:0;
border:0;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor:pointer;
-webkit-appearance:button;
}

input[type="search"] {
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}

textarea {
overflow:auto;
vertical-align:top;
}

.container {
width:100%;
*zoom:1;
}

.container:before,.container:after {
display:table;
content:"";
}

.container:after {
clear:both;
}

.main {
margin:0 auto;
font-size:14px;
position:relative;
z-index: 15;
*zoom:1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url(bs/boxsizing.htc);
}

.main:before,.main:after {
display:table;content:"";
}

.main:after {
clear:both;
}

header,footer {
position:relative;
margin:0;
padding:0;
*zoom:1;
}

header:before,footer:before,header:after,footer:after {
display:table;
content:"";
}

header:after,footer:after {
clear:both;
}

header {
height:70px;
width:100%;
}

footer .main {
padding:18px 0;
background:none;
font-size:12px;
border:0;
}

.footer {
padding-left: 10px;
}

.grid12,.grid8,.grid6,.grid4 {
float:left;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url(bs/boxsizing.htc);
*zoom:1;
}

.grid12:before,.grid8:before,.grid6:before,.grid4:before,.grid12:after,.grid8:after,.grid6:after,.grid4:after {
display:table;
content:"";
}

.grid12:after,.grid8:after,.grid6:after,.grid4:after {
clear:both;
}

.grid12 {
width:100%;
}

.grid8 {
width:66.6666666%;
}

.grid6 {
width:48.5%;
margin-left:3%;
}

.grid4 {
width:31.333333%;
margin-left:3%;
}

.row {
*zoom:1;
}

.row:before,.row:after {
display:table;
content:"";
}

.row:after {
clear: both;
}

section .row+.row {
margin-top:18px; 
}

section .row .grid6:nth-child(2n+1),section .row .grid4:nth-child(3n+1) {
margin-left:0;
}

.center {
text-align:center;
}

article {
width:66.6666666%;
float:left;
padding: 20px 20px 20px 3px;
}

aside {
width:33.3333333%;
float:left;
}

article,aside {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url(bs/boxsizing.htc);
}

article section,aside section {
width:100%;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url(bs/boxsizing.htc);
*zoom:1;
}

article section:before,aside section:before,article section:after,aside section:after {
display:table;content:"";
}

article section:after,aside section:after {
clear:both;
}

aside section {
padding:20px;
}

aside section .grid4:last-child {
margin-bottom:0;
}

h1 {
font-size:30px;
line-height:36px;
margin:0 0 18px 0;
letter-spacing:-1px;
}

h2 {
font-size: 26px;
font-weight: 700;
margin: 20px 0px;
}

h3 {
font-size: 22px;
font-weight: 700;
margin: 20px 0px;
}

h4 {
font-size: 20px;
font-weight: 700;
margin: 20px 0px;
}

h5 {
font-size: 18px;
font-weight: 700;
margin: 20px 0px;
}

h6 {
font-size: 16px;
font-weight: 700;
margin: 20px 0px;
}

ul {
list-style:none;
padding:0;
margin:0;
}

ul li  {
font-size:14px;
list-style-type:square;
margin-left: 30px;
}

#Zoom_gallery_list ul li { 
list-style-type: none;
}

img {
border:0px none;
vertical-align:top;
}

p {
font-size:14px;
margin:0;
padding:0;
line-height:18px;
margin: 12px 0px;
font-size: 14px;
}

p>a:hover {
text-decoration:underline;
}

p.welcome {
font-size:18px;
margin-bottom:18px;
}

hr {
width:auto;
height:1px;
border:0;
*zoom:1;
}

hr:before,hr:after {
display:table;
content:"";}

hr:after {
clear:both;
}

.phone {
width:250px;
line-height:24px;
font-size:14px;
font-weight: 700;
float:right;
text-align:right;
margin-top:10px;
}

.phone p {
font-size:26px;
font-weight:bold;
line-height: 120%;
margin:0;
}

.phone a, .phone a:hover {
text-decoration:none;
}

address {
font-style:normal;
margin-bottom:10px;
}

form,fieldset {
margin:0;
padding:0;
}

label {
font-size:14px;
width:30%;
float:left;
padding-top:3px;
}

input[type="text"],textarea {
width:95%;
border:0;
padding:5px;
opacity:0.9;
filter:alpha(opacity=90);
font-size:12px;
margin:3px 0 6px 0;
}

.text_field_big {
width:95%;
border:0;
padding:5px;
opacity:0.9;
filter:alpha(opacity=90);
font-size:12px;
margin:3px 0 6px 0;
}

.form_row{margin:0;padding:0;}

input[type="submit"],input[type="button"] {
display:block;
}

.buttons  {
display:inline-block;
font-size:14px;
font-weight:700;
padding:10px 15px;
text-decoration:none;
border:0;
float: left;
margin:0 3px 25px 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.buttons:hover  {
margin:0 3px 25px 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.buttons:active {
position:relative;
top:1px;
}

table {
margin:15px 0;
}

body {
-webkit-font-smoothing:antialiased;
padding:0;
margin:0;
font:100%/20px Arial,Helvetica,sans-serif;
vertical-align:baseline;
}

#main-pic {
position:relative;
}   
         
.social {
text-align:left;
margin-bottom:10px;
position:relative;
}

.social ul {
display:inline;
margin-right: -20px;
position:absolute;
right:0;
}

.social li {
width:19px;
height:19px;
overflow:hidden;
margin:0 0 0 5px;
display:inline;
float:left;
}

.social a {
display:block;
width:19px;
height:19px;
}

.social>p {
display:inline;
}

#contacts-bigger {
padding:15px;
margin-top: 20px 0;
font-size:16px;
clear: both;
}

#contacts-bigger p {
font-size:16px;
}

#contacts-bigger h2 {
margin:0 0 18px 0;
padding-bottom: 5px;
}

aside h3 { 
margin-bottom:5px;
padding-bottom:5px;
clear: both;
}

#widget2map-full-link {
text-decoration: none;
}

.aremandatory { 
font-style: italic;
font-size: 11px;
}

table {
max-width:100%;
border-collapse:collapse;
border-spacing:0;
}
.phone {
margin-top: -43px;
position: relative;
background: rgba(255,255,255,0.8);
width: 100%;
font-size:18px;
font-weight: 700;
float:right;
text-align:right;
padding: 10px 0px;
z-index: 100;
}
.number{
font-size: 25px;
margin: 0px 5px;
}

.slidesjs-pagination {
top: 0;
}

/*Responzivní design*/

/*1300 - xxxxx px*/
@media only screen and (min-width:1300px){

.main {
width:940px;
} 

.mainframe {
width:960px;
} 

aside .grid4 {
width:100%;
margin-left:0;
margin-bottom:18px;
} 

.logo { 
padding: 5px;
position: absolute;
left: 30px;
top: 15px;
z-index: 10;
}

.mainmenu { 
margin: 0 10px;
}

.mainframe {
margin: 10px auto;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
}
}


/*769 - 1299px*/
@media only screen and (min-width:769px) and (max-width:1299px){

.main {
width:100%;
max-width: 940px;
}

article { 
padding: 20px 20px 20px 10px;
}

aside { 
padding-right: 10px;
}

.mainframe {
width:95%;
max-width:960px;
}  

aside section .grid6,aside section .grid4 {
width:100%;
margin-left:0;
margin-bottom:18px;
} 

aside section .grid4:last-child,aside section .grid6:last-child {
margin-bottom:0;
} 

article .grid6,article .grid4 {
margin-bottom:0;
}

#main-pic {
height:auto;
}

.logo { 
padding: 5px;
position: absolute;
left: 30px;
top: 15px;
}

.mainmenu { 
margin: 0 10px;
}

.mainframe {
margin: 10px auto;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
}
}


/*0 - 768px*/
@media only screen and (max-width:768px) {

.main {
width:auto;
padding:0 ;
} 

.mainframe {
width:auto;
} 

.mainmenu { 
margin: 0;
}

article {
padding: 20px;
}

.container .main {
padding:0 20px ;
} 

article,aside {
border:0;
width:100%;
} 

aside section {
padding: 0;
} 

article .grid12,aside .grid12 {
padding-right:0;
} 

aside section .grid6,aside section .grid4 {
width:100%;margin-left:0;margin-bottom:18px;
} 

aside section .grid4:last-child,aside section .grid6:last-child {
margin-bottom:0;
} 

article .grid6,article .grid4 {
margin-bottom:0;
} 

.hidden {
display:none;
}

aside section:nth-child(1) { 
display:none;
}

aside, footer { 
padding: 0 20px;
}
.phone {
margin-top: 5px;
background: none;
text-align: center;
padding: 10px 0px;
}
.number{
display: block;
margin-top: 10px;
}
}


/*481 - 768 px*/
@media only screen and (min-width:481px) and (max-width:768px){ 

h1,h2,h3,h4,h5,h6 {
letter-spacing:0;
display:block;
font-weight:bold;
}

.phone p { 
font-size: 22px;
}

#main-pic {
height: auto;
}

header {
height:auto;
}

.logo {
float:left;
height: 40px;
}

.logo img {
height: 40px;
}
} 

/*0 - 480px*/
@media only screen and (max-width:480px){

article .grid12,article .grid8,article .grid6,aside .grid6,article .grid4,aside .grid4 {
width:100%;
padding-right:0;
} 

.grid6,.grid4 {
margin-left:0;
margin-bottom:18px;
} 

aside section .grid6,aside section .grid4,article section .grid6,article section .grid4 {
width:100%;
margin-left:0;
margin-bottom:18px;
} 

aside section .grid4:last-child,aside section .grid6:last-child,article section .grid4:last-child,article section .grid6:last-child {
margin-bottom:0;
}

#main-pic {
height:auto;
} 

iframe {
width:100%;
height:200px;
} 

#map_canvas {
width:100%;
height:200px;
}

.phone p { 
font-size: 22px;
}

header {
height:auto;
text-align:center;
}

.logo {
height: 60px;
position: relative;
}

.logo img {
height: 60px;
}
}


/*úpravy pro Layout-10P*/

#main-pic { 
margin: 10px;
padding: 4px;
position: relative;
}

aside section:nth-child(2) { 
padding: 0px 10px 15px;
}

.buttons {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

.buttons:hover {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
.clear{
clear: both;
}

h1, h2, h3, h4, h5, h6 {
color:#000000;
}

.phone {
color:#000000;
}

.phone p {
color:#000000;
}

.phone p span {
color:#000000;
}

.phone a, .phone a:hover {
color:#000000;
}

a {
color:#999999;
}

a:hover {
color:#000000;  
}

#contacts-bigger a {
color:#000000;
}

#contacts-bigger a:hover {
color:#000000;
text-decoration: none;
}

.widget-body table {
color:#000000;
}

aside h1,aside h2,aside h3,aside h4,aside address,aside i,aside p {
color:#000000;
}

aside h3 { 
border-bottom: 1px dotted #000000;
}

aside li {
color:#000000;
}

aside ul.odr li {
color:#000000;
}

hr {
color:#EADECA;
background:#EADECA;
}

label {
color:#000000;
}

.aremandatory { 
color: #000000;
}

#contacts-bigger h2 {
color: #000000;
border-bottom: 1px dotted #000000;
}

/*úpravy pro Layout-10P*/
body {
background: #E8E8E8;
color:#000000;
}


.mainframe {
background: #FFFFFF;
}

aside section:nth-child(1) {
background:#FFFFFF;
}

aside section:nth-child(2) { 
background: #FFFFFF;
border: 1px solid #C4C4C4;
}

input[type="text"]:focus, textarea:focus { 
background: #F1F1F1;
border: 1px solid #C4C4C4;
}

input[type="text"]:hover, textarea:hover { 
background: #F1F1F1;
border: 1px solid #C4C4C4;
}

input[type="text"],textarea, .text_field_big {
background: #F1F1F1;
border: 1px solid #C4C4C4;
color:#000000;
}

.buttons  {
-moz-box-shadow: 0px 10px 14px -7px #373C3F;
-webkit-box-shadow: 0px 10px 14px -7px #373C3F;
box-shadow: 0px 10px 14px -7px #373C3F;
background-color:#A7A7A7;
color:#000000;
}

.buttons:hover {
background-color: #E8E8E8;
color:#000000;
}

#contacts-bigger {
background: #A7A7A7;
color: #000000;
}

#main-pic { 
border: 1px solid #C4C4C4;
}

nav ul li a {
color:#000000;
background-color: #A7A7A7;
}

nav ul li:hover a,nav ul li.active a {
color:#000000;
background: #E8E8E8;
}

.logo { 
background: #FFFFFF;
border: 1px solid #C4C4C4;
}

.mainmenu, .bottomwidgets { 
background: #A7A7A7;
}

.bottomwidgets a { 
color: #000000;
}

.bottomwidgets a:hover { 
color: #f7f7f7;
}

.bottomwidgets .buttons {
background-color: #7C7C7C;
}
.bottomwidgets .buttons:hover {
background-color: #E8E8E8;
}

nav {
height:auto;
margin: 0 5px;
display:block;
background:transparent;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*behavior:url(bs/boxsizing.htc);
}

nav ul li {
display: inline-block;
margin: 5px 0;
}

nav ul li a {
display:block;
text-decoration:none;
text-transform:uppercase;
font-size:16px;
font-weight:700;
padding: 10px 25px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

nav ul li:hover a,nav ul li.active a {
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

/*769 - 1299px*/
@media only screen and (min-width:769px) and (max-width:1299px){

nav {
margin: 0 5px;
}

nav ul li a {
font-size:16px;
font-weight:700;
padding:10px 15px;
height: auto;
}
}

/*0 - 768px*/
@media only screen and (max-width:768px) {

nav {
margin:0 0 0 0px;
height:0;
width:100%;
opacity:1;
filter:alpha(opacity=100);
} 

nav ul {
float:left;
width:100%;
} 

nav ul li {
display:block;
width:100%;
margin-top:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
text-align:center;
} 

nav ul li a {
line-height:42px;
font-size:14px;
} 

nav ul li.active {
-webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.3);
} 
}



/* Contact Form Widget */

.form-buttons {
width: 100%;
}

.form-fields-wrapper {
margin-bottom: 20px;
}

.aremandatory { 
font-style: italic;
margin: -15px 0px 5px;
}

* html .column_One, * html .column_Two { 
height: expression( this.scrollHeight < 53 ? "52px" : "auto" ); /* sets min-height for IE */
}

.column_One, .column_Two {
float: none;
width: 100%;
min-height: 35px;
}

#formsmanager-wrapper .form-row {
float: left;
}

.form-row {
width: 100%;
}

.form-row label {
margin-right: 5px;
}

.form-row .form_field_text {
width: 100px;
float: left;
}

.column_Two .form-row .form_field_text, .column_one .form-row .form_field_text {
width: 100px; 
margin-right: 10px;
float: left;
}

.form-row select {
width: 155px;
}

.form-row br {
display: none;
}

.text_field_big {
width: 95%;
}

/* 2 columns */

#formsmanager-wrapper .column_Two {
float: left;
width: 50%;
display: block;
}

#formsmanager-wrapper .column_One {
float: left;
width: 50%;
}

#formsmanager-wrapper-one-col .column_One {
float: none;
width: 100%;
}

#formsmanager-wrapper-one-col .column_Two {
 display: none;
 }
 
 .error_message{
color:red;
font-weight: bold;
}

#content .astrix {
  color: #FF0000;
}

/* Google Maps Widget */

.map {
  height:300px  
}