/*
Theme Name: UROVENVODY
Version: 2.0
*/
html,body{margin:0;padding:0}
html {-webkit-text-size-adjust: none;}
body{font-family: Tahoma, Arial, sans-serif; font-size: 14px; line-height: 1.5;}

a {text-decoration: none; color:#2764af;} 
a:hover {color: #CC0000;}

h2 {font-size: 15pt !important;font-weight: normal;line-height: 0;}

hr {border: none; color: #ebebeb; background-color: #ebebeb; height: 1px; margin: 20px 0 20px 0;}

canvas {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; background-image: url('/i/watermark.png'); background-position: top right; background-repeat: no-repeat;}

* {box-sizing: border-box;}

.text-gray {font-size: 14px; color:#7f8081; line-height: 1.5;}
.text-red {font-size: 14px; color:#CC0000; line-height: 1.5;}
.text-green {font-size: 14px; color:#669900; line-height: 1.5;}

.menu-map {float: left; width: 12%;}
.menu-river {float: left; width: 15%;}
.menu-region {float: left; width: 73%;}

.footer-copyright {float: left; width: 14%;}
.footer-email {float: left; width: 86%;}

.build {margin: 0px 0 20px 0;}
.build0 {float: left; width: 6%;}
.build1 {float: left; width: 6%;}
.build2 {float: left; width: 6%;}
.build3 {float: left; width: 6%;}
.build4 {float: left; width: 6%;}
.build5 {float: left; width: 6%;}
.build6 {float: left; width: 6%;}
.build7 {float: left; width: 6%;}
.build8 {float: left; width: 6%;}
.build9 {float: left; width: 6%;}
.build-space {float: left; width: 20%;}

.months {margin: 0px 0 20px 0;}
.months1 {float: left; width: 8%;}
.months2 {float: left; width: 10%;}
.months3 {float: left; width: 7%;}
.months4 {float: left; width: 8%;}
.months5 {float: left; width: 7%;}
.months6 {float: left; width: 8%;}
.months7 {float: left; width: 8%;}
.months8 {float: left; width: 8%;}
.months9 {float: left; width: 10%;}
.months10 {float: left; width: 9%;}
.months11 {float: left; width: 8%;}
.months12 {float: left; width: 8%;}
.months-space {float: left; width: 1%;}

.compare {margin: 20px 0 20px 0;}
.compare0 {float: left; width: 6%; }
.compare1 {float: left; width: 6%;}
.compare2 {float: left; width: 6%;}
.compare3 {float: left; width: 6%;}
.compare4 {float: left; width: 6%;}
.compare5 {float: left; width: 6%;}
.compare6 {float: left; width: 6%;}
.compare7 {float: left; width: 6%;}
.compare8 {float: left; width: 6%;}
.compare9 {float: left; width: 6%;}
.compare-space {float: left; width: 40%;}

.column-1, .column-2, .column-3, .column-4 {float: left; width: 25%;}

@media screen and (max-width: 800px) {.menu-map, .menu-river, .menu-region, .footer-copyright, .footer-email, .column-1, .column-2, .column-3, .column-4, .compare0, .compare1, .compare2, .compare3, .compare4, .compare5, .compare6, .compare7, .compare8, .compare9, .compare-space, .build0, .build1, .build2, .build3, .build4, .build5, .build6, .build7, .build8, .build9, .build-space, .months1, .months2, .months3, .months4, .months5, .months6, .months7, .months8, .months9, .months10, .months11, .months12, .months-space {width: 100%;}}

@media screen and (max-width: 800px) {#no1, #no2, #column2 {visibility: hidden; display: none;}}

/* HEAD */

.container-head{max-width: 1170px;}

#logo {margin:0; padding: 2% 5% 0 5%; }

/* CONTENT */

.container{max-width: 1170px;}

#content {margin:0; padding: 0 5% 0 5%;}

.menu{margin: 20px 0 20px 0;}

.title{margin: 0; float: left;}
.title h2 {font-size: 15pt !important;font-weight: normal;line-height: 1.5;}

.selected_yellow {background: #FFDD55; padding: 6px;border-radius: 5px;}

#map {max-width: 1170px; height: 600px; border: #ebebeb solid 1px;}

/* #chart {margin:0; padding-left: 62px;}
#chart_div{max-width: 1170px; height: 600px;} */

#column1 {float: left; margin:0; padding: 0; max-width: 743px;}
#column2 {float: left; margin:0; padding: 0 0 0 10px; width: 300px;}

/* FOOTER */

.container-footer{max-width: 1170px;}

#footer {margin:0; padding: 0 5% 0% 5%;}