html, body { heightx: 100%; margin: 0px; position: relative; font-family: Roboto, Arial; background-color: #D5D7E6; }
div { font-family: Roboto, Arial; font-size: 15px; color: #002661; }

a { color: #002661; text-decoration: none; }
a:hover { color: #ED1B24; text-decoration: none; }
h1 { font-family: Roboto, Arial; font-size: 39px; font-weight: 500; color: #ED1B24; margin-top: 0px; margin-bottom: 40px; text-transform: uppercase; }
h2 { font-family: Roboto, Arial; font-size: 29px; font-weight: 500; color: #ED1B24; margin-top: 0px; margin-bottom: 40px; text-transform: uppercase; }
h3 { font-family: Roboto, Arial; font-size: 26px; font-weight: 500; color: #002661; margin-top: 0px; margin-bottom: 20px; }
h4 { font-family: Roboto, Arial; font-size: 20px; font-weight: 500; color: #002661; margin-top: 0px; margin-bottom: 20px; }

a, input, textarea, .section, #footer { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.color1, a.color1 { color: #002661; }
.color2, a.color2 { color: #8CC63F; }
.bgc1 { background-color: #EC008B; color: #FFFFFF; }
.white, a.white { color: #FFFFFF; }
.gold, a.gold { color: #E4C672 !important; }
.goldDark, a.goldDark { color: #C39331 !important; }
.red { color: #ED1B24; }
a.red { color: #ED1B24; }

.btn-primary { background: #002661; border-color: #002661; border-radius: 15px; }
.btn-primary:hover { background: #ED1B24; border-color: #ED1B24; }

.btn-danger { color: #ED1B24; background: none; border: 2px solid #ED1B24; border-radius: 15px; text-transform: uppercase; }
.btn-danger:hover { background: #ED1B24; border-color: #ED1B24; }

.fs14 { font-size: 14px; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.font-lg { font-size: 30px; font-weight: 300; }
.p30 { padding: 30px; }
.pb30 { padding-bottom: 30px; }
/* tr > td { background-color: #FFFFFF; } */
tr.green > td { background-color: #00A76C; color: #FFFFFF; }
tr.sold > td { color: #AAAAAA; }
tr.sold:hover > td { background-color: #FFFFFF; }
tr:hover > td a:hover { color: #003D20 !important; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mb10 { margin-bottom: 10px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.pb40 { padding-bottom: 40px; }
.p40 { padding: 40px; }

input:focus { outline: none; }

.opacity0 { opacity: 0; }
.rotate45 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.rotate45-back { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

/* HLAVNE BLOKY */
.main_container { padding-left: 14%; padding-right: 14%; }
.main_container_wide { padding-left: 15%; padding-right: 15%; }
.main_container_header { padding-left: 30px; padding-right: 30px; }
.container_inside { padding: 40px; }
#header {  }
#application { margin-topx: 157px; background-colorx: #FAF4E8; position: relative; min-heightx: 400px; font-size: 16px; }
#application.app500 { margin-top: 500px; }
#application.white-bcg { background-color: #FFFFFF; }
#application-header { }
#application-body {  }
#application-before-route { }
#application-route { margin-bottomx: 20px; }
#application-after-route { }
#application-footer { }
#footer { font-sizex: 14px; }

/* HEADER */
#header-menu { background-image: url('../image/top-bg.png'); background-repeat: repeat-y; background-position: center top; }
#header-menu-inside { height: 100%; }
.header-right { padding-left: 80px; background-color: #002661; background-image: url('../image/horna-lista_foto_new.png'); background-position: top right; background-repeat: no-repeat; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

img.logo-circle {
/*
-webkit-animation-name: rotate;
-webkit-animation-duration: 14.9s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: ease-in-out;
-webkit-animation-delay: 2s;
*/
animation: rotate 14.9s infinite ease-in-out;
}

.logo-regular { display: none; }

.language { margin-left: 10px; float: right; border: 1px solid #FFFFFF; border-radius: 30px; width: 27px; height: 27px; text-align: center; padding-top: 4px; text-transform: uppercase; font-weight: 300; font-size: 12px; }
.language:not(.active) { border: 1px solid #C5C5C5; color: #C5C5C5; }
.language.active.not-selected a { color: #FFFFFF; }
.language.active.not-selected:hover { background-color: #FFFFFF; color: #FFFFFF; }
.language.active.not-selected:hover a { color: #002661; }
.language.selected { border: 1px solid #ED1B24; }
.language.selected  { color: #ED1B24; }

#header, .anim { transition: all .50s ease-in-out; }
.anim-fast { transition: all .20s ease-in-out; }
.anim-slow { transition: all .80s ease-in-out; }

#menu-container { padding: 0px 200px 0px 300px; height: 100%; position: relative; }
#menu { margin-leftx: -12px; margin-rightx: -12px; }
#menu-mobile { positionx: absolute; text-align: center; borderx: 2px solid #444771; widthx: 100px; heightx: 38px; paddingx: 6px 10px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; rightx: 30px; }
.menuitem { float: left; heightx: 70px; padding: 23px 0px; font-size: 17px; font-weight: 400; position: relative; line-height: 20px; margin-right: 45px; border-top: 8px solid rgba(0,0,0,0); border-bottom: 2px solid rgba(0,0,0,0); }
#menu .menuitem, #menu  .menuitem a { color: #FFFFFF; }
.menuitem-selected-bar { position: absolute; bottom: -50px; left: 0px; width: 100%; height: 10px; background-color: #CC181E; }
#menu .selected { font-weight: 600; border-bottomx: 5px #8CC63F solid; }
#menu .menuitem:hover { border-top: 8px solid #ED1B24; border-bottom: 2px #ED1B24 solid; }
#menu.compact .selected { background: #8CC63F; }
#menu.compact .selected a { color: #FFFFFF; }
.menuitem .submenu { position: absolute; top: 60px; left: 0; width: auto; background: rgba(68,71,113,.95); color: #FFFFFF; font-weight: 400; padding: 20px 20px; z-index: 999999; text-align: left; white-space: nowrap; }
.menuitem .submenu { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
.menuitem:hover .submenu { displayx: block; visibility: visible; opacity:1; transition-delay: 0s; }
.menuitem .submenu .submenu-item { float: left; padding: 6px 20px; }
.underlink { float: left; width: 85%; border-bottom: 1px solid #C5C5C5; padding-bottom: 6px; margin-bottom: 6px; }

.sidemenu-container { background-color: #FFFFFF; }
/*.sidemenu-container.side549 { background-color: #00081D; }*/
.sidemenu-container a.sidemenu-item { display: block; font-weight: 500; text-transform: uppercase; padding: 10px 0px; border-bottom: 2px solid #FFFFFF; }
/*.sidemenu-container.side549 a.sidemenu-item { color: #FFFFFF; border-bottom: 2px solid #00081D; }*/
.sidemenu-container a.sidemenu-item:hover, .sidemenu-container a.sidemenu-item.selected {  border-bottom: 2px solid #ED1B24; color: #ED1B24; }
/*.sidemenu-item a:hover { color: #002661; }*/

.socials { float: right; background-color: #ED008C; padding: 14px; padding-bottom: 0px; height: 100%; }
.social { display: inline-block; margin: 0px 5px; }
.logo { max-width: 160px; max-height: 38px; }

#hmenu a.selected { font-weight: 600; }
#menu a:hover { color: #FFFFFF; }
a.kontakty { background-color: #FFFFFF; color: #A62631; padding: 2px 8px; border-radius: 8px; colorx: #670400; font-size: 13px; font-familyx: PT Sans; }
a.kontakty:hover { background-color: #A62631; color: #FFFFFF; }
.btn-red { background-color: #A62631; color: #FFFFFF; padding: 2px 8px; border-radius: 8px; colorx: #670400; font-size: 13px; font-family: PT Sans; }

/* APP */
.sluzby-text-inside { background-color: #002661; padding: 60px; color: #FFFFFF; font-size: 14px; width: 100%; height: 100%; opacity: 0; }
.sluzby-title { background: #002661; height: 110px; }
.sluzby-title-circle { position: absolute; top: -15px; left: 50%; margin-left: -70px; width: 140px; height: 140px; background: #002661; border-radius: 140px; }
.sluzby-container:hover .sluzby-text-inside { opacity: .8; }
.sluzby-container:hover .sluzby-title, .sluzby-container:hover .sluzby-title-circle { background: #ED1B24; }

.variodom-select { float: left; background: #FFFFFF; padding: 5px 10px; font-size: 17px; text-transform: uppercase; margin-bottom: 10px; color: #002661; }
.variodom-select:hover { color: #FFFFFF; }
.variodom-select.dom1 { border-bottom: 2px solid #E7E33A; }
.variodom-select.dom1.selected { background: #E7E33A; color: #FFFFFF; }
.variodom-select.dom2 { border-bottom: 2px solid #F4CA14; }
.variodom-select.dom2.selected { background: #F4CA14; color: #FFFFFF; }
.variodom-select.dom3 { border-bottom: 2px solid #BE2D34; }
.variodom-select.dom3.selected { background: #BE2D34; color: #FFFFFF; }
.variodom-select.dom4 { border-bottom: 2px solid #982165; }
.variodom-select.dom4.selected { background: #982165; color: #FFFFFF; }
.variodom-select.dom5 { border-bottom: 2px solid #03A27A; }
.variodom-select.dom5.selected { background: #03A27A; color: #FFFFFF; }
.variodom-select.dom6 { border-bottom: 2px solid #8DB924; }
.variodom-select.dom6.selected { background: #8DB924; color: #FFFFFF; }
.variodom-select.dom7 { border-bottom: 2px solid #2398E8; }
.variodom-select.dom7.selected { background: #2398E8; color: #FFFFFF; }

/* CELL TYPES */
.blog-container { background: #FFFFFF; background: rgba(255,255,255,.9); box-shadow: 0px 0px 45px #00000029; padding: 40px; border-radius: 8px; opacity: 1; }

/* REFERENCIA */
.referencia-td { padding: 12px 10px; font-size: 13px !important; text-align: center; }
.referencia-td.bcg { background-color: #FFFFFF; }
.referencia-td.header { background-color: #666666; color: #FFFFFF; }
.infobox > div > p { font-size: 13px !important; margin-bottom: 0px; }
.photobox { margin-bottom: 2px; }

/* FOOTER */
#footer #copyright a {  }
#footer #back-top a { color: #40331E; }

#bmenu .bmenuitem { margin-bottom: 5px; font-size: 16px; font-weight: 600; text-transform: none; }
#bmenu .selected { font-weight: 600; }

a.facebook { color: #024DA0; }
a.twitter { color: #00ACEE; }
.copyright { text-align: left; }
.payments { text-align: center; }
.webmaster { text-align: right; }

/* WIDGETS */

/* MEDIA QUERIES */
@media (max-width: 1640px) {
	#header-menu-inside { background-image: none; }
}

@media (max-width: 1400px) {
	.main_container { padding-left: 10%; padding-right: 10%; }
}

@media (max-width: 1200px) {
	h1 { font-size: 36px; }
	.header-right { padding-left: 40px; }
	
	.main_container { padding-left: 5%; padding-right: 5%; }
	.main_container_wide { padding-left: 25px; padding-right: 25px; }
	
	.menuitem { font-size: 17px; margin-right: 25px; }
}
@media (max-width: 991px) {
	.container { padding-left: 30px; padding-right: 30px; }
	.menuitem { font-size: 15px; }
	#logo-container { margin-left: -170px; width: 340px; z-index: 1000; }
	.logo-regular { display: block; }
	.logo-circles, .logo-circle { display: none; }
}
@media (max-width: 891px) {
	#logo-container { margin-left: -130px; width: 260px; z-index: 1000; }
}

@media (min-width: 768px) {
	#menu { display: block; }
	#menu-mobile { display: none; }
}
@media (max-width: 767px) {
	h1 { font-size: 29px; }
	.font-lg { font-size: 29px; font-weight: 300; }
	#logo-container { left: 0px; margin-left: 0px; }
	#menu { display: none; margin-top: 0px; padding-top: 0px; padding-bottom: 20px; }
	#menu-mobile { display: inline-block; }
	.menuitem { float: left; width: 100%; margin-left: 0px; font-size: 16px; height: auto; padding: 20px 0px; heightx: 80px; }
	.menuitem .submenu { position: absolute; top: 48px; left: 0px; padding: 10px; text-align: center; background: rgba(255,255,255,.95); }
	.menuitem .submenu .submenu-item { float: none; display: inline-block; padding: 6px 20px; }
	.menuitem .submenu.wm { width: 100%; }
	.menuitem .submenu.wl { width: auto; }
	
	.container_inside { padding: 40px 0px; }
	
	.copyright { text-align: center; }
	.webmaster { text-align: center; }
}
@media (max-width: 880px) {
	.loa { font-size: 13px; }
}
@media (max-width: 767px) {
	h1 { font-size: 23px; }
	.font-lg { font-size: 24px; font-weight: 300; }
}
@media (max-width: 540px) {
	#search { display: none; }
	#languages { width: 100%; }
}
@media (max-width: 480px) {
	#header-menu { background-image: none; }
	.header-inside { background: #FFFFFF; }
	.header-right { padding-left: 15px; }
	.menuitem { float: left; width: 100%; text-align: right; font-size: 14px; padding: 10px 0px; }
	#cart-login-container { padding-top: 10px; }
	.cart, .login { width: 100%; text-align: right; }
}

@media (max-width: 380px) {
	#logo-container { width: 200px; }
	#menu-mobile { left: 80px; margin-left: 0px; }
}