/*XXS*/ @media (max-width: 479px) { .parapona {display:none;} .col-xs-6:nth-child(odd) { clear: both; } .durableImg{ width: 100%; } span.durable-title{ width: 100%; } .nav > li > a { position: inherit; display: block; padding: 1px 1px; } .cityLogo img{height:60%; margin-top:5px; } .mlxs{margin-left:13px; padding-top:10px;} .politismosItem img {height:7em;} .qtip{ display: none!important;} .advsrch{display: none;} .input-search-container input { width:80px; margin-left: 5px;} .langsUlTop{width:25%; float: left;} .toolUlTop{ float: right; /*margin-left: 1em;*/ width: auto; } div.callUs div.popover { width: 250px;} .srqXsFrm {display: contents;} .smnoshow{display: none;} .qtip-content{display:none;} .smallmenu{display:block;} /* .glWhite {color: #fff;}*/ .cityLogoCont {height: 70px;} .cityLogo { padding-right: 20px; float:left; } /*.cityLogo {width: 50%;}*/ ul.topSec{display: none; } div.usf {margin: 0 auto; text-align: center; text-align: -moz-center; text-align: -webkit-center; padding: 10px; } div.usf img {width: 50%; text-align: center;} .popover-content img {width:100%!important;} .searchClr{ float: left; border:none;} ul.langsUlTop li{float:left; } ul.toolUlTop li{float:left; } .searchClr input, .searchClr button, .searchClr a {float:left;} li.border_1 a, li.border_2 a, li.border_3 a, li.border_4 a, li.border_5 a , li.border_6 a {line-height: 15px;} ul.topUL li a { padding:0px 5px; } .request_text{display: none;} .vsec_1_ul li ul{ background-color: #DBCCA6; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_1_ul > li > a:hover, .nav.vsec_1_ul > li > a:focus {background-color:#DBCCA6; } .nav.vsec_1_ul > li.open > a:hover, .nav.vsec_1_ul > li.open > a:focus {background-color:#DBCCA6; } .vsec_1_ul li a{background-color:#DBCCA6; height: 50px!important; } .vsec_1_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_1_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul .open > a:focus { background-color: transparent;} .vsec_2_ul li ul{ background-color: #C9D26D; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_2_ul > li > a:hover, .nav.vsec_2_ul > li > a:focus {background-color:#C9D26D; } .nav.vsec_2_ul > li.open > a:hover, .nav.vsec_2_ul > li.open > a:focus {background-color:#C9D26D; } .vsec_2_ul li a{background-color:#C9D26D; height: 50px!important; } .vsec_2_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_2_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_2_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul .open > a:focus { background-color: transparent;} .vsec_3_ul li ul{ background-color: #79CDCE; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_3_ul > li > a:hover, .nav.vsec_3_ul > li > a:focus {background-color:#79CDCE; } .nav.vsec_3_ul > li.open > a:hover, .nav.vsec_3_ul > li.open > a:focus {background-color:#79CDCE; } .vsec_3_ul li a{background-color:#79CDCE; height: 50px!important; } .vsec_3_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_3_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul .open > a:focus { background-color: transparent;} .vsec_4_ul li ul{ background-color: #C66E89; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_4_ul > li > a:hover, .nav.vsec_4_ul > li > a:focus {background-color:#C66E89; } .nav.vsec_4_ul > li.open > a:hover, .nav.vsec_4_ul > li.open > a:focus {background-color:#C66E89; } .vsec_4_ul li a{background-color:#C66E89; height:50px!important; } .vsec_4_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_4_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul .open > a:focus { background-color: transparent;} #inSiteUrl{ display: none; } .egovTopHead{ width: 100%; text-align: center; padding: 1em 0em 0em 0em; } .egovTopUl { list-style: none; background-color: #CBD163; padding-top: 10px; padding-bottom: 10px; padding-left: 2.5em; } .egovTopUl li{ padding-right: 1em; line-height: 25px; } .egovTopUl li img{display: none; } .midSearchBold { font-size: 13px; } .politismosTopHead{padding-top: 0em; } .politismosTopHead{ width: 100%; text-align: center; padding-left:1em; padding-right: 1em; margin-bottom: 2em; } .politismosUl li { width: 100%; margin-top: 1em; margin-bottom: 5px; } a.centR img {margin: 0 auto;} .politismosItem img {width: 100%;} .politismos-agenda-title {width: 100%;} .durableTopHead{padding-top: 0em; } .politismos-vikelaia-title { font-size: 10px; } #request-title{float: left; margin-top: 0.6em; width: 100%;} .politismosCalendar { margin-left: 0em;} .durableTopHead{ width: 100%; text-align: center; padding-left:0em; padding-right: 0em; margin-bottom: 0em; } ul.durableUl{ padding-left: 0.5em; } /* ul.topUL {display:table-row; }*/ .navbar-nav > li > a, .navbar-brand {height: 40px;} .majorTopHead{ padding-bottom: 0; padding-left: 1em; padding-right: 1em; padding-top: 1em; text-align: center; width: 100%; } .andr-apple {float:left;} .andr-apple a img { padding-bottom:5px; float: left; } ul li.durableLi { background-color: #fff; border: 3px solid #000; height:30px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:100%; font-weight: bold; font-size: 18px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; } div.politismosBanner{ text-align: center;} .politismos-vikelaia-img{ margin: 0 auto;} .politismos-tourismos-img{ margin: 0 auto;} .politismos-e8elontismos-img{ margin: 0 auto;} .politismos-athletics-img{ margin: 0 auto;} .sitemapFoot {margin-bottom: 2em;} .sitemapFoot ul li a:hover{ text-decoration: none; color: #fff; } .botLinks, .copyright{ display: inline;} .andr-apple {margin: 0 auto;} .adrFoot ul { display: initial; font-size: 10px;} .footleft, .footright{font-size: 10px;} .sitemapFoot {padding-left: 5px;} } td.tagselect select {width:100%;} /*XS*/ @media (min-width: 480px) and (max-width: 767px) { .parapona{display:none;} .col-xs-6:nth-child(odd) { clear: both; } .durableImg{ width: 80%; } span.durable-title{ width: 80%; } .cityLogo img{height:100% } .politismosItem img {height:15em;} .qtip{ display: none!important;} .langsUlTop{width:25%; float: left;} .toolUlTop{width:auto; float: right;} .srqXsFrm {display: contents;} .smnoshow{display: none;} .qtip-content{display:none;} .smallmenu{display:block;} /*.glWhite {color: #fff;} */ .cityLogoCont {height: 70px;} .cityLogo { padding-right: 20px; float:left; } .cityLogo {width: 50%;} ul.topSec{display: none; } div.usf {margin: 0 auto; text-align: center; text-align: -moz-center; text-align: -webkit-center; } div.usf img {width: 35%; text-align: center;} .popover-content img {width:100%!important;} .searchClr{width: 50%; float: left; } ul.langsUlTop li{float:left; } ul.toolUlTop li{float:left; } .searchClr input, .searchClr button, .searchClr a {float:left;} li.border_1 a, li.border_2 a, li.border_3 a, li.border_4 a, li.border_5 a, li.border_6 a {line-height: 15px;} ul.topUL li a { padding:0px 5px; } .request_text{display: none;} .input-search-container input{ width:130px;} .vsec_1_ul li ul{ background-color: #DBCCA6; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_1_ul > li > a:hover, .nav.vsec_1_ul > li > a:focus {background-color:#DBCCA6; } .nav.vsec_1_ul > li.open > a:hover, .nav.vsec_1_ul > li.open > a:focus {background-color:#DBCCA6; } .vsec_1_ul li a{background-color:#DBCCA6; height: 40px!important; } .vsec_1_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_1_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul .open > a:focus { background-color: transparent;} .vsec_2_ul li ul{ background-color: #C9D26D; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_2_ul > li > a:hover, .nav.vsec_2_ul > li > a:focus {background-color:#C9D26D; } .nav.vsec_2_ul > li.open > a:hover, .nav.vsec_2_ul > li.open > a:focus {background-color:#C9D26D; } .vsec_2_ul li a{background-color:#C9D26D; height: 40px!important; } .vsec_2_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_2_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_2_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul .open > a:focus { background-color: transparent;} .vsec_3_ul li ul{ background-color: #79CDCE; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_3_ul > li > a:hover, .nav.vsec_3_ul > li > a:focus {background-color:#79CDCE; } .nav.vsec_3_ul > li.open > a:hover, .nav.vsec_3_ul > li.open > a:focus {background-color:#79CDCE; } .vsec_3_ul li a{background-color:#79CDCE; height: 40px!important; } .vsec_3_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_3_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul .open > a:focus { background-color: transparent;} .vsec_4_ul li ul{ background-color: #C66E89; margin-left: 0px; margin-top: -5px!important;} .nav.vsec_4_ul > li > a:hover, .nav.vsec_4_ul > li > a:focus {background-color:#C66E89; } .nav.vsec_4_ul > li.open > a:hover, .nav.vsec_4_ul > li.open > a:focus {background-color:#C66E89; } .vsec_4_ul li a{background-color:#C66E89; height: 40px!important; } .vsec_4_ul li.open ul.dropdown-menu{display:table; width: 100%;} /*.vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; }*/ .vsec_4_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul .open > a:focus { background-color: transparent;} #inSiteUrl{ display: none; } .egovTopHead{ width: 100%; text-align: center; padding: 1em 0em 0em 0em; } .egovTopUl { list-style: none; background-color: #CBD163; padding-top: 10px; padding-bottom: 10px; padding-left: 2.5em; } .egovTopUl li{ padding-right: 1em; line-height: 25px; } .egovTopUl li img{display: none; } .egovUl li { width: 100%;} .midSearchBold { font-size: 13px; } .politismosTopHead{padding-top: 0em; } .politismosTopHead{ width: 100%; text-align: center; padding-left:10em; padding-right: 10em; margin-bottom: 2em; } .politismosUl li { width: 100%; margin-top: 1em; margin-bottom: 5px; } .politismosItem img {width: 85%;} .politismos-agenda-title {width: 85%;} .durableTopHead{padding-top: 0em; } #request-title{float: left; margin-top: 0.6em; width: 100%;} .politismosCalendar { margin-left: 3em;} .durableTopHead{ width: 100%; text-align: center; padding-left:0em; padding-right: 0em; margin-bottom: 0em; } ul.durableUl{ padding-left: 0.5em; } /* ul.topUL {display:table-row; }*/ .navbar-nav > li > a, .navbar-brand {height: 30px;} .majorTopHead{ padding-bottom: 0; padding-left: 10em; padding-right: 10em; padding-top: 1em; text-align: center; width: 100%; } .andr-apple {float:left;} .andr-apple a img { padding-bottom:5px; float: left; } ul li.durableLi { background-color: #fff; border: 3px solid #000; height:30px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:100%; font-weight: bold; font-size: 18px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; } div.politismosBanner{ text-align: center;} .politismos-vikelaia-img{ margin: 0 auto;} .politismos-tourismos-img{ margin: 0 auto;} .politismos-e8elontismos-img{ margin: 0 auto;} .politismos-athletics-img{ margin: 0 auto;} .sitemapFoot {margin-bottom: 2em;} .sitemapFoot ul li a:hover{ text-decoration: none; color: #fff; } /*.botLinks, .copyright{ display: flex}*/ .andr-apple {margin: 0 auto;} .adrFoot ul { display: initial;} .sitemapFoot { padding-left: 30px; } .mlxs{margin-left:13px; padding-top:10px;} } /*SM*/ @media (min-width: 768px) and (max-width: 991px) { .cityLogo img{height:100% } .durableImg{ width: 80%; } span.durable-title{ width: 80%; } .politismosItem img {height:11em;} .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display:block !important; } .navbar-header { float:none; } .input-search-container input{ width:130px;} .smallmenu{display:block;} .qtip-content{display:none;} /* ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }*/ .cityLogoCont {height: 70px;} .cityLogo { padding-right: 20px; float:left; } ul.smallShow{display: none; } ul.topUL li a { padding:0px 5px; } .searchClr { margin-top: 0px; margin-bottom: 8px; padding-left: 5px; padding-right: 5px; } li.border_1 a, li.border_2 a, li.border_3 a, li.border_4 a, li.border_5 a, li.border_6 a { padding: 10px 5px; } li.border_1 , li.border_2 , li.border_3 , li.border_4 , li.border_5 , li.border_6 { margin-bottom: 3px; } /*VIRTUAL SECTIONS*/ .vsec1{ background-image: none; background-color:#DBCCA6; height:50px; margin-top: 10px; } .vsec_1_ul{ margin-left: 10px; } .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_1_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec2{ background-image: none; background-color:#C9D26D; height:50px; margin-top: 10px; } .vsec_2_ul{ margin-left: 10px; } .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_2_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec3{ background-image: none; background-color:#79CDCE; height:50px; margin-top: 10px; } .vsec_3_ul{ margin-left: 10px; } .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_3_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec4{background-image: none; background-color:#C66E89; height:50px; margin-top: 10px; } .vsec_4_ul{ margin-left: 10px; } .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_4_ul li a{ padding-bottom: 0px; font-size: 12px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_1_ul li ul{ background-color: #FFD685; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_2_ul li ul{ background-color: #ffffcc; width: 250px; margin-left: -4px; margin-top: 10px!important;} .vsec_3_ul li ul{ background-color: #ccffff; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_4_ul li ul{ background-color: #ffcccc; width: 249px; margin-left: -3px; margin-top: 10px!important;} #inSiteUrl{ display: none;} .egovTopHead{ width: 100%; text-align: center; padding: 1em 10em 0em 10em; } .egovTopUl li{ padding-right: 0.3em; line-height: 30px; } .egov-pattern{ } .egovUl li { width: 100%;} .midSearchBold { font-size: 13px; } .egovTopUl li img {display: none;} .politismosTopHead{padding-top:0em; } .politismosTopHead{ width: 100%; text-align: center; padding-left:10em; padding-right: 10em; margin-bottom: 2em; } .politismosCalendar { margin-left: 1em;} .politismosUl li { width: 100%; margin-top: 1em; margin-bottom: 5px; } .politismosItem img {width: 100%;} .politismos-agenda-title {width: 100%;} .durableTopHead{padding-top: 0em; } .egovTopUl { list-style: none; background-color: #CBD163; padding-top: 10px; padding-bottom: 10px; padding-left: 2.5em; } /* .egovTopUl li.lista{ padding-right: 5em; line-height: 30px; width: 36%; }*/ #find-request{} #request-title{ width: 96%;} #request-title{ margin-top: 1.5em; } #request-title { float: left; margin-top: 0.6em; } a.centR img {margin: 0 auto;} .durableTopHead{ width: 100%; text-align: center; padding-left:10em; padding-right: 10em; margin-bottom: 2em; } ul.durableUl{ padding-left: 8.5em; } ul.topUL {display:none; } .smnoshow{display: none;} .navbar-nav > li > a, .navbar-brand {height: 40px;} .setWidth { width: 100%; margin: 0 auto; } .majorTopHead{ padding-bottom: 0; padding-left: 10em; padding-right: 10em; padding-top: 1em; text-align: center; width: 100%; } ul.customSection1 { padding-left: 2%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection1 li {border-left: 2px solid #000; } ul.customSection2 { padding-left: 21%; background-color: rgba(245, 245, 245, 0.9); width: 100%;} ul.customSection2 li {width: 50%; float:left; display:inline; } ul.customSection2 li:nth-child(odd){ border-left: 2px solid #000;} ul.customSection3 { padding-left: 36%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection3 li {border-left: 2px solid #000;} ul.customSection4 { padding-left: 54%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection4 li {border-left: 2px solid #000;} ul.customSection5 { padding-left: 71.6%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection5 li {border-left: 2px solid #000;} .andr-apple {float:right;} .andr-apple a img { padding-bottom:5px; float: right; width: 100% } ul li.durableLi { background: url('/img/durable-li-1.png')bottom left no-repeat; height:90px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:385px; line-height:90px; margin-left: 1.5em; font-weight: bold; font-size: 25px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; } .politismos-vikelaia-img{ margin: 0 auto; /*padding-left: 2.2em;*/ } .politismos-tourismos-img{ padding-left: 2em; } .politismos-tourismos-title {padding-left: 2.5em;} .politismos-e8elontismos-img{ padding-left: 2em; } .politismos-e8elontismos-title {padding-left: 1.6em;} .politismos-athletics-img{ padding-left: 1em; } .politismos-athletics-title {padding-left: 1.4em;} .politismos-vikelaia-title { font-size: 11px; margin-left: 1em; } .adrFoot ul { display: table-row;} .sitemapFoot { padding-left: 30px; } } /*MD*/ @media (min-width: 992px) and (max-width: 1199px) { .cityLogo img{height:100% } .durableImg{ width: 80%; } span.durable-title{ width: 80%; } .politismosItem img {height:11em;} .smallmenu{display:none;} a.cityLogo { float:left; } a.cityLogo img { margin-top: 7px; } div.mainSecBar {float: left;} .cityLogoCont{ width: 22%; height: 60px;} ul.smallShow{display: none; } ul.topUL li a { padding:0px 5px; } .searchClr { margin-top: 0px; margin-bottom: 8px; padding-left: 5px; padding-right: 5px; } .input-search-container input{ width:130px;} .setWidth { width: 100%px; margin: 0 auto; } .fullw{ width: 100%!important; padding: 0px!important; } .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul .open > a:focus { background-color: transparent;} .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul .open > a:focus { background-color: transparent;} .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul .open > a:focus { background-color: transparent;} .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul .open > a:focus { background-color: transparent;} .vsec_1_ul li ul{ background-color: #FFD685; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_2_ul li ul{ background-color: #ffffcc; width: 250px; margin-left: -4px; margin-top: 10px!important;} .vsec_3_ul li ul{ background-color: #ccffff; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_4_ul li ul{ background-color: #ffcccc; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec1{ background-image: none; background-color:#DBCCA6; height:50px; margin-top: 10px; } .vsec_1_ul{ margin-left: 10px; } .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_1_ul li a{ padding-bottom: 0px; font-size: 14px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec2{ background-image: none; background-color:#C9D26D; height:50px; margin-top: 10px; } .vsec_2_ul{ margin-left: 10px; } .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_2_ul li a{ padding-bottom: 0px; font-size: 14px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec3{ background-image: none; background-color:#79CDCE; height:50px; margin-top: 10px; } .vsec_3_ul{ margin-left: 10px; } .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_3_ul li a{ padding-bottom: 0px; font-size: 14px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec4{background-image: none; background-color:#C66E89; height:50px; margin-top: 10px; } .vsec_4_ul{ margin-left: 10px; } .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_4_ul li a{ padding-bottom: 0px; font-size: 14px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;} li.border_1 a {padding: 5px 5px;} li.border_2 a {padding: 5px 5px;} li.border_3 a {padding: 5px 5px;} li.border_4 a {padding: 5px 5px;} li.border_5 a {padding: 5px 5px;} li.border_6 a {padding: 5px 5px;} li.border_1, li.border_2, li.border_3, li.border_4, li.border_5, li.border_6 {padding: 22px 3px 0px 3px;} ul.customSection1 { background: url(/img/custom_sec_c1.png) no-repeat 1% 96%; padding-left: 38%; background-color: #f5f5f5; width: 100%; } ul.customSection1 li { border-left: 2px solid #000; } ul.customSection2 { background: url(/img/custom_sec_c2.png) no-repeat 1% 98%; padding-left: 38.5%; background-color: #f5f5f5; width: 100%;} ul.customSection2 li { width: 50%; float:left; display:inline; } ul.customSection2 li:nth-child(odd){ border-left: 2px solid #000;} ul.customSection3 { background: url(/img/custom_sec_c3.png) no-repeat 30.5% 93%; padding-left: 56.7%; background-color: #f5f5f5; width: 100%; } ul.customSection3 li { border-left: 2px solid #000;} ul.customSection4 { background: url(/img/custom_sec_c4.png) no-repeat 51% 91%; padding-left: 69.4%; background-color: #f5f5f5; width: 100%; } ul.customSection4 li { border-left: 2px solid #000;} ul.customSection5 { background: url(/img/custom_sec_c5.png) no-repeat 69% 53%; padding-left: 81%; background-color: #f5f5f5; width: 100%; } ul.customSection5 li { border-left: 2px solid #000;} #inSiteUrl{ font-weight:bold; } .egovTopHead{ width: 100%; text-align: center; padding: 1em 10em 0em 10em; } .egovTopUl { list-style: none; background-color: #CBD163; padding-top: 10px; padding-bottom: 10px; padding-left: 2.5em; display: inline-flex; width: 98% } .egovTopUl li{ padding-right: 1em; line-height: 75px;} .egov-pattern{ height: 500px; } .egovUl li { width: 85%;} .midSearchBold { font-size: 12px; } .politismosTopHead{padding-top:0em;} .politismosTopHead{ width: 100%; text-align: center; padding-left:30em; padding-right: 30em; margin-bottom: 2em; } .politismosUl li { width: 100%; margin-top: 1em; margin-bottom: 5px; } .politismosCalendar { margin-left: 3em;} .politismosItem img {width: 100%;} .politismos-agenda-title {width: 100%;} .politismos-vikelaia-title {font-size:12px; /*margin-left: 1em;*/ } .durableTopHead{padding-top: 1em; } .egovTopUl li.lista{ padding-right: 5em; line-height: 30px; width: 36%; } #request-title{float: right; margin-top: 1.5em; width: 80%;} .durableTopHead{ width: 100%; text-align: center; padding-left:20em; padding-right: 20em; margin-bottom: 2em; } ul.durableUl{ padding-left: 0em; } ul.topUL {display:table-row; } .navbar-nav > li > a, .navbar-brand {height: 30px;} .majorTopHead{ padding-bottom: 0; padding-left: 10em; padding-right: 10em; padding-top: 1em; text-align: center; width: 100%; } .footfull{ background-color: #C7C7C7; background: url('/img/footer2.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; } .andr-apple {float:right;} .andr-apple a img { padding-bottom:5px; float: right; width: 100% } ul li.durableLi { background: url('/img/durable-li-1.png')bottom left no-repeat; height:90px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:385px; line-height:90px; margin-left: 1.5em; font-weight: bold; font-size: 25px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; } .politismos-vikelaia-img{ margin: 0 auto; } .politismos-tourismos-img{ padding-left: 2em; } .politismos-tourismos-title {padding-left: 2.5em;} .politismos-e8elontismos-img{ padding-left: 2em; } .politismos-e8elontismos-title {padding-left: 1.6em;} .politismos-athletics-img{ padding-left: 1em; } .politismos-athletics-title {padding-left: 1.4em;} .adrFoot ul { display: table-row;} .sitemapFoot { padding-left: 30px; } } /*LG*/ @media (min-width: 1200px) { .cityLogo img{height:100% } .durableImg{ width: 80%; } span.durable-title{ width: 80%; } .smallmenu{display:none;} .politismosItem img {height:11em;} .input-search-container input{ width:130px;} .cityLogo { padding-right: 20px; float:left; height:100%; } .cityLogo img{height:90% } .cityLogoCont{ height: 60px;} ul.smallShow{display: none; } .setWidth { width: 1170px; margin: 0 auto; } .fullw{ width: 100%!important; padding: 0px!important; } ul.topUL li a { padding:0px; } /*EGOV*/ .midEgov{ background: url('/img/egov3a.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; /*background-color: #CCCCCC;*/ margin-left: 0; margin-right: 0; margin-top: 20px; padding-bottom: 0; height:610px; } .midPolitismos{ background: url('/img/politismos.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; margin-left: 0; margin-right: 0; /* margin-top: 10px;*/ padding-bottom: 0; height:940px; } .midDurable{ background: url('/img/durable.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; /*background-color: #CCCCCC;*/ margin-left: 0; margin-right: 0; margin-top: 10px; padding-bottom: 0; margin-bottom: 4em; height:735px; } .lightgrey{ background: url('/img/vsecBack.png'); background: url('/img/vsecBack.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; } /*VIRTUAL SECTIONS*/ li.border_1,li.border_2, li.border_3,li.border_4,li.border_5, li.border_6 {padding: 10px 1px 0px 1px;} li.border_1 a,li.border_2 a, li.border_3 a,li.border_4 a,li.border_5 a, li.border_6 a{ padding-top: 4px;} .vsec1{ background-image: url('/img/vsec1.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_1_ul{ margin-left: 10px; } .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_1_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec_1_ul li ul li a{ font-size: 16px; } .vsec_2_ul li ul li a{ font-size: 16px; } .vsec_3_ul li ul li a{ font-size: 16px; } .vsec_4_ul li ul li a{ font-size: 16px; } .vsec_1_ul li ul{ background-color: #FFD685; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_2_ul li ul{ background-color: #ffffcc; width: 250px; margin-left: -4px; margin-top: 10px!important;} .vsec_3_ul li ul{ background-color: #ccffff; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_4_ul li ul{ background-color: #ffcccc; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul .open > a:focus { background-color: transparent;} .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul .open > a:focus { background-color: transparent;} .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul .open > a:focus { background-color: transparent;} .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul .open > a:focus { background-color: transparent;} .vsec2{ background-image: url('/img/vsec2.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_2_ul{ margin-left: 10px; } .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_2_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec3{ background-image: url('/img/vsec3.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_3_ul{ margin-left: 10px; } .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_3_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec4{ background-image: url('/img/vsec4.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_4_ul{ margin-left: 10px; } .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_4_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;} ul.customSection1 { background: url(/img/custom_sec_c1.png) no-repeat 3.4% 96%; padding-left: 33.6%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection1 li {border-left: 2px solid #000; } ul.customSection2 { background: url(/img/custom_sec_c2.png) no-repeat 22% 98%; padding-left: 46.6%; background-color: rgba(245, 245, 245, 0.9); width: 100%;} ul.customSection2 li {width: 50%; float:left; display:inline; } ul.customSection2 li:nth-child(odd){ border-left: 2px solid #000;} ul.customSection3 { background: url(/img/custom_sec_c3.png) no-repeat 36.5% 96%; padding-left: 57%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection3 li {border-left: 2px solid #000;} ul.customSection4 { background: url(/img/custom_sec_c4.png) no-repeat 55% 94%; padding-left: 69%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection4 li {border-left: 2px solid #000;} ul.customSection5 { background: url(/img/custom_sec_c5.png) no-repeat 72% 84%; padding-left: 81%; background-color: rgba(245, 245, 245, 0.9); /*background-color: #f5f5f5;*/ width: 100%; } ul.customSection5 li {border-left: 2px solid #000;} #inSiteUrl{ font-weight:bold; } .egovTopUl { list-style: none; background-color: #CBD163; padding-top: 10px; padding-bottom: 10px; padding-left: 2.5em; display: inline-flex; width: 98% } .egovTopHead{padding-top: 10em; width: 100%; text-align: center; padding: 10em 20em 0em 20em; } .midSearchBold { font-size: 14px; } .politismosTopHead{padding-top:14.7em;} .politismosTopHead{ width: 100%; text-align: center; padding-left:30em; padding-right: 30em; margin-bottom: 2em; } .politismosUl li { width: 85%; margin-top: 1em; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; } .politismosCalendar { margin-left: 3em;} .politismosItem img {width: 13em;} .politismos-agenda-title {width:83%;} .egovTopUl li{ padding-right: 5em; line-height: 75px;} .durableTopHead{padding-top: 13em; } .egovTopUl li.lista{ padding-right: 5em; line-height: 30px; width: 36%; } .egovUl li { width: 85%;} #request-title{float: right; margin-top: 1.5em; width: 84%;} .durableTopHead{ width: 100%; text-align: center; padding-left:20em; padding-right: 20em; margin-bottom: 2em; } ul.durableUl{ padding-left: 3.5em; } ul.topUL {display:table-row; } .navbar-nav > li > a, .navbar-brand {height: 30px;} .majorTopHead{ padding-bottom: 0; padding-left: 20em; padding-right: 20em; padding-top: 1em; text-align: center; width: 100%; } .footfull{ background-color: #C7C7C7; background: url('/img/footer2.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; } .andr-apple {float:right;} .andr-apple a img { padding-bottom:5px; float: right;} ul li.durableLi { background: url('/img/durable-li-1.png')bottom left no-repeat; height:90px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:385px; line-height:90px; margin-left: 1.5em; font-weight: bold; font-size: 25px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; } .politismos-vikelaia-img{ padding-left: 2.2em; } .politismos-tourismos-img{ padding-left: 2em; } .politismos-tourismos-title {padding-left: 2.5em;} .politismos-e8elontismos-img{ padding-left: 2em; } .politismos-e8elontismos-title {padding-left: 1.6em;} .politismos-athletics-img{ padding-left: 1em; } .politismos-athletics-title {padding-left: 1.4em;} .adrFoot ul { display: table-row;} .sitemapFoot { padding-left: 30px; } } /**************************************************************************************************************************************/ /*VAR GENERAL*/ .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul .open > a:focus { background-color: transparent;} .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul .open > a:focus { background-color: transparent;} .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul .open > a:focus { background-color: transparent;} .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul .open > a:focus { background-color: transparent;} a:hover { text-decoration: none; } .no-padding{ padding: 0px!important; } .imageClip{ width:100%; height: auto; overflow:hidden; } .noback{ background: none;} .noshadow{ box-shadow: none; } .margbottom{ margin-bottom: 10px;} .noborder {border:none;} .nomargin {margin-left:0px; margin-right:0px;} .nobottom {margin-bottom: 0px;} .topSecImg{float:left; width: 25%; position: absolute; bottom: 0;} .topSecImg img{ width:100% } .topSecUl{float: right; width: 75%;} .topSec {width: 200%;} .topnav{ /*height: 51px;*/ background-color: #d1d1d2; background-image: none; border: none; margin-bottom: 0px; } a.signlink{ color: #000!important; font-size: 13px; font-weight: bold; padding-top: 7px!important; } a.loginlink{ color: #000!important; font-size: 13px; font-weight: bold; border-left:2px #000 solid; padding-top: 7px!important; } .advsrch{border-left: 2px solid #000; padding-left: 10px; } li.langID{ color:#fff; background-color: #D1D1D2; margin-right: 5px; } li.actives a{ background-color: #000; background-image: none; color:#fff!important; } li.langID a{ font-weight: bold; color:#fff!important; font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 7px; } li.langID a:hover{ text-decoration: none; color:#000; background-color:#fff; } .navbar-nav > li > a, .navbar-brand { /*padding-top:5px !important;*/ padding-bottom:0 !important; } .navbar {min-height:30px !important;} ul.topUL li a img {width: 61%;} ul.topUL li { display:table-cell; height: 30px; vertical-align: middle; } /*ul.topUL li a { padding:0px 10px; }*/ li.topLeft {} li.topLeft a{ border-left:4px solid #000; margin-top: 5px; height: 2em; line-height: 2em; margin-top: 8px; color: #000; font-size: 16px; font-weight: bold; } /*SEARCH*/ .searchClr{ margin-bottom: 0px; margin-top: 0px;} .input-search-container{ line-height: 30px; height:30px; } .input-search-container input{ border-top:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #000; border-right: 2px solid #000; /*none; */ background-color: #D1D1D2; height:28px; line-height:28px;/*results in nice text vertical alignment*/ padding:0 10px;/*don't start input text directly from the edge*/ /* width:130px;*/ /*full width - grey on the side - 2*10px padding margin-right: -10px;*/ } #search-submit { padding-left:0px; height:28px; line-height:28px;/*results in nice text vertical alignment*/ } #search-text{} /*SECTIONS*/ /*li.open {border-left: 2px solid #000;}*/ li.border_1,li.border_2, li.border_3,li.border_4,li.border_5, li.border_6 { position: static;} li.border_1 a ,li.border_2 a, li.border_3 a,li.border_4 a,li.border_5 a ,li.border_6 a {font-weight: bold; font-size:14px; text-transform: uppercase; } li.border_1 a:hover, li.border_1.open a , li.border_1.open a:hover, li.border_1.open a:focus {border-bottom: 6px solid #6fcbcf; background-color:none; } li.border_2 a:hover, li.border_2.open a , li.border_2.open a:hover, li.border_2.open a:focus {border-bottom: 6px solid #ebd09c; background-color:none; } li.border_3 a:hover, li.border_3.open a , li.border_3.open a:hover, li.border_3.open a:focus {border-bottom: 6px solid #ccd263; background-color:none; } li.border_4 a:hover, li.border_4.open a , li.border_4.open a:hover, li.border_4.open a:focus {border-bottom: 6px solid #ca7389; background-color:none; } li.border_5 a:hover, li.border_5.open a , li.border_5.open a:hover, li.border_5.open a:focus {border-bottom: 6px solid #f3705d; background-color:none; } li.border_6 a:hover, li.border_6.open a , li.border_6.open a:hover, li.border_6.open a:focus {border-bottom: 6px solid blue; background-color:none; } .navbar-nav { background: none !important; border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .navbar-nav .active > a { background: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .navbar-nav > li > a { text-shadow: none !important; } li.border_1.active > a , li.border_1.active a:hover, li.border_1.active a:focus {border-bottom: 6px solid #6fcbcf; } li.border_2.active > a , li.border_2.active a:hover, li.border_2.active a:focus {border-bottom: 6px solid #ebd09c; } li.border_3.active > a , li.border_3.active a:hover, li.border_3.active a:focus {border-bottom: 6px solid #ccd263; } li.border_4.active > a , li.border_4.active a:hover, li.border_4.active a:focus {border-bottom: 6px solid #ca7389; } li.border_5.active > a , li.border_5.active a:hover, li.border_5.active a:focus {border-bottom: 6px solid #f3705d; } li.border_6.active > a , li.border_6.active a:hover, li.border_6.active a:focus {border-bottom: 6px solid blue; } ul.sectionsList {} ul.sectionsList li a {font-size:12px; border:none!important;} ul.sectionsList li a:hover {border:none; color:#000; background-color:#fff; } /*li.sec1 { background: url('/images/red-square-4×4.jpg') no-repeat left 9px; padding-left: 12px; display: block; }*/ /*USEFULL LINKS*/ /*.pop-bottom_weather{ margin-top: 10px;} .pop-bottom_call_us{ margin-top: 10px;} .pop-bottom_infoDiv{ margin-top: 10px;} .pop-bottom_mobile{ margin-top: 10px;} .pop-bottom_cam{ margin-top: 10px;} .pop-bottom_prb{ margin-top: 10px;} */ .pop-bottom_weather{ margin: 0 auto;} .pop-bottom_call_us{ margin: 0 auto;} .pop-bottom_infoDiv{ margin:0 auto;} .pop-bottom_mobile{ margin: 0 auto;} .pop-bottom_cam{ margin: 0 auto;} .pop-bottom_prb{ margin: 0 auto;} /*ALL POPOVERS*/ .popover { border-top: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; border-bottom: 3px solid #000000; } .popover.bottom>.arrow:after { top:4px; border-bottom-color: #fff; } .popover.bottom>.arrow { margin-left:0px; border-bottom-color: #000; margin-top:-3px; } .popover>.arrow { border-width: 14px; } /*WEATHER*/ div.weather .popover-title {display:none;} div.callUs .popover-title {display:none;} div.infoDiv .popover-title {display:none;} div.infoDiv .popover-content ul { list-style: none; padding-left: 5px; } div.infoDiv .popover-content ul li { font-weight: bold; color:#000; background: url("/img/blackarrow_s1.png") no-repeat left 5px; padding-left: 10px;} div.infoDiv .popover-content ul li a {color:#000;} div.infoDiv .popover-content ul li a:hover {color:grey; text-decoration:none;} div.infoDiv .popover-content ul li a.s123red {color: #EC6760;} div.infoDiv .popover-content ul li a.s123purple {color: #C76E89;} div.infoDiv .popover-content ul li a.s123green {color: #CAD26E;} div.infoDiv .popover-content ul li a.s123blue {color: #7ACDCF;} div.camDiv div.popover {width:300px;} div.camDiv div.popover div.popover-content {padding: 5px; } div.camDiv .popover-title {display:none;} div.camDiv .popover-content ul { list-style: none; padding-left: 5px; } div.camDiv .popover-content ul li { font-weight: bold; color:#000; background: url("/img/blackarrow_s1.png") no-repeat left 5px; padding-left: 10px;} div.camDiv .popover-content ul li a {color:#000; font-size: 0.9em;} div.camDiv .popover-content ul li a:hover {color:grey; text-decoration:none;} div.mob .popover-content ul { list-style: none; padding-left: 5px; width:17em} div.mob .popover-content ul li { font-weight: bold; color:#000; background: url("/img/blackarrow_s1.png") no-repeat left 5px; padding-left: 10px;} div.mob .popover-content ul li a {color:#000; font-size:0.9em;} div.mob .popover-content ul li a:hover {color:grey; text-decoration:none;} .grey{ background-color: #d1d1d2;} .usefull{ padding: 10px 0px;} .state-target{ display: none; } .usefullDiv { padding: 10px; /*height: 50px;*/ background-color: #fff; cursor: pointer; height: 400px; width: 100%; } .usf{cursor: pointer;} .wdiv{height: 150px; background-color:#D1D1D2; cursor: pointer; text-align: left;} #mob-pop{ width: 130px; text-align: center; } .lightgrey{ background-color: #f2f2f3; /* margin-left: 0; margin-right: 0;*/ /*margin-top: 10px;*/ padding-bottom: 0; /* background-image: url('/img/vsecBack.png'); background-repeat: repeat-x;*/ height:100%; } .lightgrey img {margin: 0 auto;} /*COLOR LINE*/ .cline{ background: url('/img/cl.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; height: 8px; margin: 0 auto; } /*VIRTUAL SECTIONS*/ /*.vsec_1_ul li ul{ background-color: #FFD685; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_2_ul li ul{ background-color: #ffffcc; width: 250px; margin-left: -4px; margin-top: 10px!important;} .vsec_3_ul li ul{ background-color: #ccffff; width: 249px; margin-left: -3px; margin-top: 10px!important;} .vsec_4_ul li ul{ background-color: #ffcccc; width: 249px; margin-left: -3px; margin-top: 10px!important;}*/ /*.vsec1{ background-image: url('/img/vsec1.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_1_ul{ margin-left: 10px; } .vsec_1_ul .open > a, .vsec_1_ul .open > a:hover, .vsec_1_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_1_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_1_ul li a:hover, .vsec_1_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec2{ background-image: url('/img/vsec2.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_2_ul{ margin-left: 10px; } .vsec_2_ul .open > a, .vsec_2_ul .open > a:hover, .vsec_2_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_2_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_2_ul li a:hover, .vsec_2_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec3{ background-image: url('/img/vsec3.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_3_ul{ margin-left: 10px; } .vsec_3_ul .open > a, .vsec_3_ul .open > a:hover, .vsec_3_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_3_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_3_ul li a:hover, .vsec_3_ul li a:focus { background-color: transparent; text-decoration: none;} .vsec4{ background-image: url('/img/vsec4.png'); width: 256px; height: 100px; padding-top: 60px;} .vsec_4_ul{ margin-left: 10px; } .vsec_4_ul .open > a, .vsec_4_ul .open > a:hover, .vsec_4_ul.open > a:focus { background-color: transparent; text-decoration: none; } .vsec_4_ul li a{ padding-bottom: 0px; font-size: 18px; font-weight: bold; color:#000; } .vsec_4_ul li a:hover, .vsec_4_ul li a:focus { background-color: transparent; text-decoration: none;}*/ /*SLIDER*/ .carousel-inner.onebyone-carosel { margin: auto; width: 90%; } .onebyone-carosel .active.left { left: -33.33%; } .onebyone-carosel .active.right { left: 33.33%; } .onebyone-carosel .next { left: 33.33%; } .onebyone-carosel .prev { left: -33.33%; } .carouHer { padding: 10px 0px 10px 0px; margin-right: 15px; } .carHerRight{ right:15px!important; } .carHerLeft{ left:15px; } /*MID BANNERS*/ .midBans{} dl.ban dd { text-align: center; text-align: -moz-center;} p.request_text {margin: 0 auto; width: 90%; font-weight:bold; text-align: center; } /*MAJOR ARTICLES*/ .majorMiddle { text-align: center; text-align: -moz-center; } hr.egovLine{ border-top: 5px solid #000; width:30%; margin: 0 auto; } .mjt a:hover{text-decoration: none; color: #C66E89; } /*FRONT NEWS*/ #news {border-bottom: 2px solid #000; border-top: 2px solid #000; border-left: 2px solid #000; background-color: #f4f5f6; height:43em; overflow-x:hidden; overflow-y: scroll; } .style-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*border-radius: 10px;*/ background-color: #F5F5F5; } .style-1::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .style-1::-webkit-scrollbar-thumb { /*border-radius: 10px;*/ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #CBD263; } #news-list {padding-left: 2em;} #news-list li{ list-style: none; } #news-list li.newsli { background: url('/img/greenarrow_s.png') no-repeat left top; padding-left: 25px; width: 90%; padding-bottom: 5px; margin-bottom: 5px; } #news-list li.newsli div {padding-bottom: 5px; border-bottom: 2px #cbd263 solid; } #news-list li.newsli div a {text-decoration: none; color:#000; } #news-list li.newsli div a:hover {text-decoration: none; color:#000; text-shadow: 0px 0px 3px #cbd263; } #news-list li.news-heading{ font-weight: bold;} /*FRONT EVENTS*/ #events {border-bottom: 2px solid #000; border-top: 2px solid #000; border-left: 2px solid #000; background-color: #f4f5f6; /*height:43em; */ overflow-x:hidden; overflow-y: scroll;} .style-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*border-radius: 10px;*/ background-color: #F5F5F5; } .style-2::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .style-2::-webkit-scrollbar-thumb { /*border-radius: 10px;*/ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #CA7389; } #events-list { padding-left: 2em;} #events-list li { list-style: none;} #events-list li.agnli { background: url('/img/redarrow_s.png') no-repeat left top; padding-left: 25px; width: 90%; padding-bottom: 5px; margin-bottom: 5px; } #events-list li.agnli div { padding-bottom: 5px; border-bottom: 2px #ca7389 solid;} #events-list li.agnli div a {text-decoration: none; color:#000; } #events-list li.agnli div a:hover { text-decoration: none; color:#000; text-shadow: 0px 0px 3px #ca7389;} #events-list li.agenda-heading{ font-weight: bold;} .new-line { color: #ca7389; font-size: small; } /*EGOV*/ /*.midEgov{ background: url('/img/egov1.png'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; background-color: #CCCCCC; margin-left: 0; margin-right: 0; margin-top: 10px; padding-bottom: 0; height:100% }*/ .egov-pattern{ /*background-image: url('/img/pat_3.png');*/ /*background-repeat: repeat-y repeat-x;*/ border-top:5px solid #CBD163; background-color: #ffffcc; /*#f2f3f3;*/ background-color: #fff; /*#f2f3f3;*/ /* margin-top: 20px; */ } /*.egovTopHead h1 {border-bottom: 4px solid #000;}*/ .greenEgov { text-align: center; } .egovTopUl li a img{ float:left; vertical-align:middle; padding-top: 0.8em; } .egovLiNoBorder {border: none!important; box-shadow: none!important; } .egovUlNoPadding{ padding-top: 0!important; } ul.egovTopUl li a span.midSearchBold{ padding-right: 0px; } ul.egovTopUl li a:hover span.midSearchBold{ color:#fff; } ul.egovTopUl li a:hover span.midSearchWhite{ color:#000; } a.egvLink{padding-top: 1em;} img.fleft{float: left; padding: 0.6em 0em 0em 0em} .midSearchBold { font-weight: bold; padding: 0px 10px; color: #000; } .arMid{ font-size: 14px; font-weight: bold; padding-left: 10px; color: #000; } .midSearchWhite{ font-size: 14px; font-weight: bold; color: #fff; } .midGreenBold{ font-size: 14px; font-weight: bold; padding-left: 10px; padding-right:5px; color: #CBD163 } .egovUl { list-style: none; padding-top: 1em; } .egovUl li { border-left: 4px solid #000 ; margin: 5px; -moz-box-shadow: 2px 3px 2px grey; -webkit-box-shadow: 2px 3px 2px grey; box-shadow: 2px 3px 2px grey; margin-top:0.8em; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; line-height: 30px; } .egovUl li a:hover {text-decoration: none;} .egovUl li a:hover span.midSearchBold{ color:#CBD163!important; } .midGreyLi{background-color:#dedadd; border-left: 2px solid #CBD163 ; } li.midGreyLi a:hover span.midSearchBold{ color:#fff!important; text-shadow: 0px 0px 3px #CBD163; } .egov_req-target{ display: none; } .div_egov { padding: 10px; height: 50px; background-color: #fff; cursor: pointer; } /*POLITISMOS*/ .politismos-pattern{ margin-top: 20px; background: rgba(198, 110, 137, 0.2); background: rgba(176, 172, 173, 0.2); /* background-image: url('/img/patpat1.png'); background-color: #ccc; */ background-repeat: repeat-y repeat-x; border-top:5px solid #C66E89; } /*.politismosTopHead{ width: 100%; text-align: center; padding-left:30em; padding-right: 30em; margin-bottom: 2em; }*/ /*.politismosTopHead h1 {border-bottom: 4px solid #000;}*/ .politismosCalendar {border-left: 5px solid #000; } .politismosUl { list-style: none; padding-top: 2em; } .politismosUl li { border-left: 4px solid #000 ; /*margin: 5px;*/ -moz-box-shadow: 2px 3px 2px grey; -webkit-box-shadow: 2px 3px 2px grey; box-shadow: 2px 3px 2px grey; /*width: 85%;*/ margin-top: 1em; margin-bottom: 5px; /*margin-left: 5px;*/ /*margin-right: 5px;*/ line-height: 30px; } .midGreyLi2{background-color:#dedadd; border-left: 2px solid #C66E89 ; } li.midGreyLi2 a:hover span.midSearchBold{ color:#C66E89!important; } .politismosUlNoPadding {} .politismosItem {display: block; } .politismosItem img { margin: 0 auto; box-shadow: 5px 0px 5px grey; -moz-box-shadow: 5px 0px 5px grey; -webkit-box-shadow: 5px 0px 5px grey; } .politismos-agenda-title { display:block; background-color:#fff; margin: 0 auto; margin-bottom: 20px; box-shadow: 5px 5px 5px grey; -moz-box-shadow: 5px 5px 5px grey; -webkit-box-shadow: 5px 5px 5px grey; padding: 5px 10px; border: 1px solid grey; font-size: 11px; color: #000; } .politismos-agenda-title a{color: #000;} .politismos-agenda-title a:hover {text-decoration: none; color:#C66E89; } .politismos-vikelaia-title, .politismos-tourismos-title, .politismos-e8elontismos-title, .politismos-athletics-title{ font-weight: bold; } div.politismosBanner a{text-decoration: none; color: #000;} div.politismosBanner a:hover{text-decoration: none; color: #C66E89;} /*DURABLE*/ .durable-pattern{ background: rgba(237, 103, 97, 0.2); background: rgba(176, 172, 173, 0.2); /* background-image: url('/img/patpat2.png'); background-repeat: repeat-y repeat-x; */ border-top:5px solid #E65D63; border-bottom:5px solid #E65D63; /*background-color: #f2f3f3;*/ } /*.durableTopHead h1 {border-bottom: 4px solid #000;}*/ ul.durableUl{ list-style: none; padding-top: 10px; padding-bottom: 10px; width: 98% } /*ul li.durableLi { background: url('/img/durable-li-1.png')bottom left no-repeat; height:90px ; text-align: center; vertical-align: middle; margin-top: 2em; } ul li.durableLi a { display:block; width:385px; line-height:90px; margin-left: 1.5em; font-weight: bold; font-size: 25px; color:#000; } ul li.durableLi a:hover { text-decoration:none; color:#ED6761; }*/ .borderRight { border-right: 1px solid grey;} .durableImg{ margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top:0; /* max-height: 10em; max-width: 15em;*/ height: auto; /* 10em;*/ box-shadow: 5px 5px 5px grey; } span.durable-title{ background-color: #ED6761; display:block; margin: 0 auto; margin-bottom: 20px; box-shadow: 5px 5px 5px grey; -moz-box-shadow: 5px 5px 5px grey; -webkit-box-shadow: 5px 5px 5px grey; padding: 5px 10px; border: 1px solid grey; font-size: 10px; color: #fff; } span.durable-title a{ color:#fff;} span.durable-title a:hover{} .colorLine{margin-top: 2em;} /*ADS BANNERS*/ .setBanners{ margin-top: 2em; margin-bottom: 2em;} /*LOW BANNERS*/ .lowBans{ } #low_bans li a img { padding-bottom: 5px; border-bottom: 5px solid #000; } #next2{ background-color: rgba(0, 0, 0, 0); bottom: 0; color: #fff; font-size: 20px; right: 0; opacity: 1; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 22%; width: 3%; } #prev2{ background-color: rgba(0, 0, 0, 0); bottom: 0; color: #fff; font-size: 20px; left: 0; opacity: 1; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 22%; width: 3%; } /*FOOTER*/ .footfull{ background-color: #CCCCCC;} .foot{ /* background: url('/img/footer1.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100% 100%; background-color: #CCCCCC;*/ margin: 0 auto; padding-bottom: 0; height:100% } .foot_1st_line{ height: 100px;} ul.foot_soc{ list-style-image: none; list-style-position: outside; list-style-type: none; display: table-row; float: right; } ul.foot_soc li{ display: table-cell; vertical-align: middle; float:left; margin-left: 5px; margin-right: 5px; } .adrFoot ul { list-style-image: none; list-style-position: outside; list-style-type: none; float: none; } .adrFoot ul li{ font-weight: bold; width: 90%; } .sitemapFoot { border-left: 2px grey solid; } .sitemapFoot ul li{ list-style-image: url('/img/blackarrow_s1.png'); } .sitemapFoot ul li{ list-style-image: url('/img/blackarrow_s1.png'); } .wag{} .botLinks{} .botLinks a{ color:#000; font-weight: bold; } ul.botLinks > li > a:hover, ul.botLinks > li > a:focus, ul.copyright > li > a:hover, ul.copyright > li > a:focus { text-decoration: none; background-color: transparent; color:#fff; text-shadow: 0px 0px 3px #000!important; } .copyright li {color:#000; font-weight: bold;} .copyright a{ color:#000; font-weight: bold; } .mobile_news {height: 100%} .mobileapp {vertical-align: bottom;} .mobileapp img {float:right;} .mobileapp a {bottom:0; color:#000; font-weight: bold;} .footleft{float:left; width: 50%; padding-inline-start: 10px; list-style-type: none; /*border-left: 2px grey solid;*/} .footleft li{} .footleft li a{ color:#000; font-weight: bold; } .footright{float:right; width: 50%; padding-inline-start: 10px; list-style-type: none; /*border-left: 2px grey solid;*/ } .footright li{} .footright li a{ color:#000; font-weight: bold; } /*CAROUSEL*/ /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ /*.carousel-inner > .topban { -webkit-transition: 1.6s ease-in-out left !important; -moz-transition: 1.6s ease-in-out left !important; -o-transition: 1.6s ease-in-out left !important; transition: 1.6s ease-in-out left !important; }*/ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } div.inCarouselItem { width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /*text-align: center;*/ background-color:#fff; } div.inCarouselItem:hover { background-color:#FFE9BA; } div.inCarouselItem > div.text-center {padding: 10px; height: 140px; margin-bottom: 1em; overflow: hidden; cursor:pointer;} .eng_box_17 {height: 250px!important;} .eng_box_17 a {font-size:18px;} .eng_box_17 a:hover {font-size:18px; color:#337ab7!important; text-decoration:none; } div.text-center a { text-align: left; font-weight: bold; color:#000; } div.text-center p { text-align: left; } .carousel-control.left,.carousel-control.right {background-image:none;} .carousel-control img { position: absolute; top: 46%; z-index: 5; display: inline-block; } img.leftccimg { left: -15%; } img.rightccimg { right: -15%; } /*.carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-control { width: 4%; } .carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}*/ .list_carousel { /*background-color: #ccc;*/ margin: 0 0 30px 60px; /*width: 120px;*/ } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { font-size: 40px; color: #999; text-align: center; width: 200px; height: 130px; padding: 0; margin: 6px; display: block; float: left; } .list_carousel.responsive { width: auto; margin-left: 0; } .clearfix { float: none; clear: both; } .prev { float: left; margin-left: 10px; } .next { float: right; margin-right: 10px; } /* override position and transform in 3.3.x */ .fdi-Carousel .carousel-inner .item.left.active { transform: translateX(-33%); } .fdi-Carousel .carousel-inner .item.right.active { transform: translateX(33%); } .fdi-Carousel .carousel-inner .item.next { transform: translateX(33%) } .fdi-Carousel .carousel-inner .item.prev { transform: translateX(-33%) } .fdi-Carousel .carousel-inner .item.right, .fdi-Carousel .carousel-inner .item.left { transform: translateX(0); } /*.carousel-control.left,.carousel-control.right {background-image:none;}*/ #breadcrumb {display:table; float: left; list-style: none; background: url(/templates/basic/img/template/breadcrumb_bg1.png) no-repeat 0% 50%; height: 20px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 30px; } #breadcrumb li { float: left; margin: 0px 5px 0px 0px; color: #6FCBCF; font-size: 16px; } #breadcrumb li a { color: #000; } #breadcrumb li a:hover { background-color: #000; color: #fff; text-decoration: none;} #breadcrumb span { color:#000; font-size: 15px; text-decoration: underline; } .brdClass {margin-left:5px; } /*cats */ ul.cats { margin-bottom: 2em; padding-bottom: 2em; list-style:none; } ul.cats li { padding: 0; } ul.cats li a { height: auto; /*1%;*/ display: block; color:#000; /*#7B2820!important;*/ padding: 5px 2px 5px 25px; /*border-bottom: 1px solid #6FCBCF;*/ } ul.cats li.first-cat a { border-top: 0; } ul.cats li.no-top-border a { border-top: 0!important; } ul.cats li.no-bottom-border a { border-bottom: 0!important; } ul.cats li.no-bottom-border a:hover, ul.cats li.no-bottom-border a:active { background-color:#f2e3ba; } /* ul.cats li.no-top-border a:hover, ul.cats li.no-top-border a:active { background-color:#f2e3ba; }*/ /*ul.cats li.open a { background-color: #fbf1d8; }*/ ul.cats li.same-level a { font-weight: normal; /*background-color: #fbf1d8;*/ border: 0!important; } ul.cats li.activ a { /*background-color:#f2e3ba;*/ border-bottom: 3px solid #6FCBCF; font-weight: bold; padding-left: 20px; } ul.cats li.activ a:hover, ul.cats li.activ a:active { background-color: #ecece0!important; } ul.cats li a:link, /*ul.cats li a:visited { font-family: "PFSquareSansPro-Regular",Tahoma,Verdana, Arial, Helvetica, Tahoma, sans-serif; }*/ ul.cats li a:hover { text-decoration: none; } ul.cats li a:active { color: #111; background-color: #ecece0; /*font-family: "PFSquareSansPro-Regular",Tahoma,Verdana, Arial, Helvetica, Tahoma, sans-serif;*/ } li.level1 a { padding-left: 25px!important; } li.first-parent a { background-color: none; font-size: 15px; font-weight: bold; } li.ourplaceSec { border-bottom: 5px #6FCBCF solid ; color:#fff; } li.ourplaceSec a{ color:#000; } li.ourplaceSec a:hover { background-color:#6FCBCF; } ul.ourplaceMain li.activ a { border-bottom: 3px solid #6FCBCF; font-weight: bold; padding-left: 20px; } ul.ourplaceMain li a:hover{background-color:#6FCBCF; } li.municipalitySec { border-bottom: 5px #EBD09C solid ; color:#fff; } li.municipalitySec a{ color:#000; } li.municipalitySec a:hover { background-color:#EBD09C; } ul.municipalityMain li.activ a { border-bottom: 3px solid #EBD09C; font-weight: bold; padding-left: 20px; } ul.municipalityMain li a:hover{background-color:#EBD09C; } li.e-servicesSec { border-bottom: 5px #CCD263 solid ; color:#fff; } li.e-servicesSec a{ color:#000; } li.e-servicesSec a:hover { background-color:#CCD263; } ul.e-servicesMain li.activ a { border-bottom: 3px solid #CCD263; font-weight: bold; padding-left: 20px; } ul.e-servicesMain li a:hover{background-color:#CCD263; } li.cultureSec { border-bottom: 5px #CA7389 solid ; color:#fff; } li.cultureSec a{ color:#000; } li.cultureSec a:hover { background-color:#CA7389; } ul.cultureMain li.activ a { border-bottom: 3px solid #CA7389; font-weight: bold; padding-left: 20px; } ul.cultureMain li a:hover{background-color:#CA7389; } li.resilientSec { border-bottom: 5px #F3705D solid ; color:#fff; } li.resilientSec a{ color:#000; } li.resilientSec a:hover { background-color:#F3705D; } ul.resilientMain li.activ a { border-bottom: 3px solid #F3705D; font-weight: bold; padding-left: 20px; } ul.resilientMain li a:hover{background-color:#F3705D; } li.level2 a { padding-left: 40px!important; background-position: 25px 8px!important; /*background-color: #fbf1d8;*/ } li.level3 a { padding-left: 55px!important; background-position: 40px 8px!important; /*background-color: #fbf1d8;*/} li.level4 a { padding-left: 70px!important; background-position: 55px 8px!important; /*background-color: #fbf1d8;*/ } li.level5 a { padding-left: 85px!important; background-position: 70px 8px!important; /*background-color: #fbf1d8;*/ } li.level6 a { padding-left: 100px!important; background-position: 85px 8px!important; /*background-color: #fbf1d8;*/ } li.level7 a { padding-left: 115px!important; background-position: 100px 8px!important; /*background-color: #fbf1d8;*/ } li.level8 a { padding-left: 130px!important; background-position: 115px 8px!important; /*background-color: #fbf1d8;*/ } li.level9 a { padding-left: 145px!important; background-position: 130px 8px!important; /*background-color: #fbf1d8;*/} li.level10 a { padding-left:160px!important; background-position: 145px 8px!important;} #sec_menu{ width: 100%; padding-bottom: 1em; -webkit-box-shadow: 15px 0px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: 15px 0px 10px -10px rgba(0,0,0,0.3); box-shadow: 15px 0px 10px -10px rgba(0,0,0,0.3); } #sec_menu_img {width: 100%; text-align: center;} #sec_menu_img img {width:38%; /*45%;*/ margin: 0 auto; } #sec_menu_img h4 {text-transform: uppercase; text-decoration: none; margin-top: 0px; color:#000; font-size: 14px; font-weight: bold; } #sec_menu_img a,#sec_menu_img a:hover {text-decoration:none;} .secMenBot{margin-top: 10px;} .secMenBot img {margin: 0 auto;} .secMenBot h4 {text-transform: uppercase; text-decoration: none; margin-top: 0px; color:#000; font-size: 14px; font-weight: bold; } .secMenBot a,.secMenBot a:hover {text-decoration:none;} #inSiteUrl{ width: 100%; text-align: center; font-size:16px; padding-bottom: 10px; } .mob {} .mob h4 {float: left; margin-left: 10px; padding-top: 5px; font-weight: bold; font-size: 18px; width: 70% } .mob a:hover {text-decoration:none; color: #000;} /*--------SCROLL UP----------------*/ #arar {position:relative; } #scrollup { width: 46px; height: 46px; text-indent: -9999px; /* opacity: 0.5;*/ position: fixed; /*bottom: 50px;*/ bottom: 10px; right: 5%; /*17%*/ display: none; background: url(/templates/basic/img/template/scrollup3.png) no-repeat left top; } #scrollup:hover { opacity: 1; } #scrollup.absolute { bottom: 38%!important;} /*--------MORE----------------*/ a.more { font-size: 17px; display: block; height: 27px; float: right; padding: 1px 30px 0px 0px; } a.more:hover{font-weight: bold; text-decoration: none;} #major-topics a.more { background: url(/templates/basic/img/template/arrow_grey_right.png) no-repeat 100% 50%; } #news a.more { color: #000; background: url("/img/greenarrow_s.png") no-repeat 90% 50%; } #events a.more { color: #000; background: url("/img/redarrow_s.png") no-repeat 90% 50%; } .boxx{margin: 0px 20px;padding:20px 0px; border-bottom: 1px dotted #337ab7; } div.boxx h3, div.boxx h4, div.boxx h3 a,div.boxx h4 a { /*color: #000000;*/ font-size: 16px; font-weight: normal; line-height: 17px; margin-bottom: 20px; /* display:inline;*/ font-weight: bolder; margin-bottom: 10px; } div.boxx ul li{margin-left: 20px;} div.boxx ol li{margin-left: 20px;} table.calendar caption a{ font-size: 15px; color: #7B2820; margin:0px 5px; } table.calendar{ width: 100%; margin-top: 10px; background-color: #fff; padding-top: 10px; } table.calendar caption{ font-size: 15px; } table.calendar tbody, tfoot{ background-color: #ECEFF0; } table.calendar td{ text-align: center; font-size: 15px; padding-right: 1px; } table.calendar th{ color:#fff; background-color: #999999; text-align:center; } table.calendar th.weekend{ background-color: #cc6699; } table.calendar td a{ color: #7B2820; text-decoration: none; } table.calendar .today{font-weight: bold;} table.calendar tfoot td{border-right: none; border-bottom:none} table.calendar td + td + td + td + td + td +td{ border-right: none; } table.calendar th + th + th + th + th + th +th{ border-right: none; } table.calendar td + td + td + td + td + td +td{ border-right: none; } table.calendar tr:last-child td{ border-bottom: none; } th.wkEnd{ background-color: #C97388!important; } th:not(.wkEnd){ border-left: 5px solid #ECEFF0; border-right: 5px solid #ECEFF0; } .allCalendar{padding:10px; background-color: #fff; box-shadow: 5px 0 5px grey;} .datediv_17{ background-color:#C66E89; color:#fff; display: table; width: 100%; } .day17{float:left; border-right: 3px solid #fff; font-size: 90px; width: 50%; padding-left: 10px; line-height: 1em; margin-top: 17px; } .month17{float:right; font-size: 22px; width: 46%; opacity: 0.5; padding-top: 20px; } .year17{float:right; font-size: 50px; width: 43%; opacity: 0.5; } .noshow {display:none}; .engTit a { } ul.agenda-tooltips {padding: 5px;} .agenda-tooltips a{ color:#245E99; font-size: 13px; } .agenda-tooltips li{ list-style: none; border-bottom: 1px dotted #cfcfcf; padding: 4px 0px; } .agenda-tooltips span {color:#7B2820;font-size: 15px;font-weight: bold;} .carousel-showmanymoveone .carousel-control { width: 4%; background-image: none; } .carousel-showmanymoveone .carousel-control.left { margin-left: 15px; } .carousel-showmanymoveone .carousel-control.right { margin-right: 15px; } .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 { display: none; } @media all and (min-width: 768px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -50%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 50%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-1 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { .carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev { left: -25%; } .carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next { left: 25%; } .carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active { left: 0; } .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { .carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next { -webkit-transform: translate3d(33%, 0, 0); transform: translate3d(33%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev { -webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0); left: 0; } .carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .item div{ margin: 0 auto; } @media(max-width: 991px) { #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 250px; } #sidebar-wrapper { z-index: 1000; position: fixed; left: 250px; width: 0; height: 100%; margin-left: -250px; overflow-y: auto; background: #fff; border-top:1px solid #000; border-bottom:1px solid #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; top:0; } #wrapper.toggled #sidebar-wrapper { width: 250px; } #page-content-wrapper { width: 100%; position: absolute; padding: 15px; } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; } #wrapper { padding-left: 0; } #wrapper.toggled { padding-left: 250px; } #sidebar-wrapper { width: 0; } #wrapper.toggled #sidebar-wrapper { width: 250px; } #page-content-wrapper { padding: 20px; position: relative; } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; } } .btn1 {background-color:#6fcbcf; color: #fff; } .btn2 {background-color:#ebd09c; color: #fff; } .btn3 {background-color: #ccd263; color: #fff; } .btn4 {background-color:#ca7389; color: #fff; } .btn5 {background-color: #f3705d; color: #fff; } .btn0{ background-image: url("/img/cl.png"); background-size: 100% auto; } div.reqHead { border:2px #337ab7 solid; border-radius: 10px; padding: 10px;} /*div.reqHead:hover {background: #337ab7; color: #fff;}*/ div.boxx h4.request-heading a:hover {background: #337ab7; color: #fff;} div.boxx h4.request-heading a {font-size: 17px;} #sidebar-wrapper .datediv_17 {width: 90%; color:#000; background: none; } #sidebar-wrapper div.datediv_17 div.year17 { float: right; font-size: 40px; opacity: 0.5; width: 42%; } #sidebar-wrapper div.datediv_17 div.month17 { float: right; font-size: 20px; opacity: 0.5; padding-top: 10px; width: 46%; } #sidebar-wrapper div.datediv_17 div.day17 { border-right-color: #fff; border-right-style: solid; border-right-width: 3px; float: left; font-size: 80px; line-height: 1em; margin-top: 17px; padding-left: 10px; width: 40%; } #sidebar-wrapper table.calendar {width: 90%; margin-bottom: 10px; margin:0 auto;} #sidebar-wrapper table.calendar th.wkEnd {background-color: #337ab7!important;} #sidebar-wrapper table.calendar td a { color: #337ab7; text-decoration-color: currentcolor; text-decoration-line: none; text-decoration-style: solid; } table#agenda-details { background-color: #337ab7; /*border : 1px solid #a5a4a0;*/ margin-left: 10px; color:#fff; } #agenda-details caption { color:#000; background-color:#ECEFF0; margin-left: 10px; padding: 5px 0; border: 1px solid #a5a4a0; border-bottom: 0; text-align: center; } #agenda-details th { font-size: 13px; } #agenda-details th, #agenda-details td { padding: 5px; } .fb-like{margin: 5px 0px; float: right;} .gplus{margin: 5px 5px 0px 5px; float:right;} .twt{margin: 6px 5px 4px 5px; float:right;} .printBt{margin: 3px 0px 4px 3px; float:right;} /*** gallery ****/ table.gallery { margin: auto;} table.gallery td { padding: 0; } table.gallery img { text-align: center; cursor: pointer; border: 1px solid #ccc!important; padding: 2px; } table.gallery span { display: block; text-align: center; padding: 5px 0; } div.gallery img { text-align: center; cursor: pointer; padding: 4px; margin: 5px 5px 0 10px; } .left-column { border-right: 1px solid #ccc; margin: 5px 5px 0 0; padding: 0 2px 0 0; float: left; } .left-column img { float: left; clear: left; margin-top: 2px; } .right-column { margin: 5px 0 0 5px; padding: 0 2px 0 0; float: right; background: url('/templates/basic/img/photo.jpg') no-repeat 50% 0; padding-top: 70px; } .right-column img { float: left; clear: left; border: 1px solid #ddd; } .gallery img.no-link { cursor: default; margin-top: 0; padding-top: 0; text-align: center; } div.gallery {height: auto!important;} body.cookiewarning { padding-bottom: 15em; } body div.cookiewarning { display: none; } body.cookiewarning div.cookiewarning { padding: 1em; display: block; position: fixed; bottom: 0; width: 100%; z-index: 100; background-color: rgba(0,0,0,.8); color: white; } body .removecookie { display: inline-block; } body.cookiewarning .removecookie { display: none; } /***** FORUM *******/ div.forum-action { margin: 5px; } div.forum-action input.button { color: #000; font-size: 14px; background-color: #ddd;font-weight: bold; margin-top: 5px; } a.reply-link { float: right; margin-right: 20px; background: url('/img/forum/reply.jpg') no-repeat left top; padding: 3px 0 5px 30px; } a.quote-link { float: right; background: url('/img/forum/quote.jpg') no-repeat left top; margin-top: 0px; padding: 0 5px 5px 30px; } a.new-topic-link { background: url('/img/forum/new-topic.jpg') no-repeat left top; padding: 3px 0 5px 30px; } a.edit-link { float: right; background: url('/img/forum/edit.jpg') no-repeat left top; padding: 3px 0 5px 30px; } table.forum { margin: 5px; width: 98%;} table.reply { margin: 0; border: 0; } div.dot { height: 1px; border: 0; background: url('/img/dot.gif') repeat-x left top; } table.forum input.button { color: #000; font-size: 14px; background-color: #ddd;font-weight: bold; margin-top: 5px; } table.forum caption { color: #fff; margin: 5px 5px -5px 5px; padding: 5px; background-color:#5b99ae; font-family:Arial, Verdana; font-size:15px; } table.forum th { padding: 5px; font-family: Arial, Verdana, Tahoma, sans-serif; color:#000; font-weight:bold;} table.forum td { padding: 5px; font-family: Arial, Verdana, Tahoma, sans-serif; } table.forum thead th { font-weight: normal; background-color: #efefef; font-size: 14px; } div.forum-quote { border: 1px solid #ccc!important; margin: 0; padding: 5px; background-color: #f7f3f7; } div.forum-quote h4 { font-weight: bold!important; margin-top: 5px; margin-bottom: 2px; } #ee { width: 100%; height: 682px; margin: 0; border: 0; } .alert { text-align:center; margin-bottom:0px;} .imgInfo { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .midInfo { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) } .usf:hover .imgInfo { opacity: 0.3; } .usf:hover .midInfo { opacity: 1; } .textInfo { background-color:#79CDCE; /*background-color: rgb(51,122,183,0.7);*/ color: #000; font-size: 14px; padding: 5px; border-radius:5px; } .page-summary ul {list-style: none;} .no_bullet li{list-style: none;} .details { display: block; color: #666; font-style: italic; font-size: 11px; font-weight: normal; width: 11em; } .even { background-color: #EFEFEF; } .mainSecBar{} .cityLogo {height:100% } a.botLogo img{height:70%;} .icenter { margin:0 auto;} dl.dl-horizontal { display: table; dt, dd { width: auto; overflow: visible; } dt { display: table-cell; text-align: right; white-space: nowrap; font-weight: 500; padding: 2% 5%; background: gold; } dd { display: table-cell; padding: 2% 5%; background: silver; &.line-break { display: table-row; } } } dl { margin: auto; dt {text-align: right;} dd {text-align:left;} } a.pdf { padding-left: 18px; background: transparent url('/img/ico_pdf.gif') no-repeat center left; } a.doc { padding-left: 18px; background: transparent url('/img/ico_doc.gif') no-repeat center left; } a.xls { padding-left: 18px; background: transparent url('/img/ico_xls.gif') no-repeat center left; } a.ppt { padding-left: 18px; background: transparent url('/img/ico_ppt.png') no-repeat center left; } .dl-horizontal dt { text-align: inherit;} .wdFull {/*width:100%*/ display:inline-block;} .midImgT {display:inline-block;}