/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding:0; zoom: 1; margin-bottom: 20px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 23.53%;
}
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 0; margin:0; /*border-bottom: 0 !important;*/   border-top:solid 1px #ececec;  }
.ui-tabs .ui-tabs-nav li a {  padding:10px; text-decoration: none; cursor: pointer;  background: #f8f8f8; font-weight: bold; display: block; color:#666666; padding-left:10px; border-right:solid 1px #ececec;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom:0; background: #ffffff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: #ffffff; color:#d00377; border-right: none;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    float: left;
    font-size: 11px;
    line-height: 14px;
    margin-left: -1px;
    min-height: 250px;
    outline: 1px solid #ECECEC;
    padding: 10px 1.47%;
    width: 73.53%;
}
.ui-tabs .ui-tabs-panel h2{color:#d00377;}
.ui-tabs .ui-tabs-panel p { padding-bottom: 10px;}
.ui-tabs .ui-tabs-panel p.pl10 { padding-left: 10px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .hidden {display: none}
.ui-tabs-nav a {cursor: pointer;outline: none;border: none;}
.body_red .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #D1072D}
.body_lightblue .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #00CCB6}
.body_rose .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #d00377}
.body_yellow .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #FB9005}
.body_green .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #4BB024}
.gray .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color: #000000}
.last {margin-right: 0 !important}
@media screen and (max-width: 920px) {
    #logo,.lColumn {width: 28.4%;}
    #nav {width: 69.47%;}
    #nav ul {width: 100%;}
    #nav ul > li {
        border: none;
        margin: 0 !important;
        outline: 1px solid #FFF;
        padding: 0;
        position: relative;
        text-align: center;
        width: 25%;
    }
    #nav ul li a {padding: 0;}
    #nav ul li .submenu li a {padding: 5px !important;}
    #nav ul li .submenu * {
        height: auto !important;
        line-height: 15px !important;
        margin: 0 !important;
        outline: 0 none;
        width: auto
    }
    #page-nav .breadcrumbs {    width: 50%;}
	.ui-tabs .ui-tabs-nav {margin-bottom: 0;width: 100%;}
	.ui-tabs .ui-tabs-nav li {
        display: block;
        float: left;
        width: 25%;
    }
    .ui-tabs .ui-tabs-panel {margin-left: 0;width: 97.06%;}
    .side-links li a, .side-links li a:hover {font-size: 13px;}
    .lColumn {padding-top: 35px;}
    .rColumn {width: 69.47%;}
    #page-footer div.egeac {width: 23.7%;}
    #search-website input[type="search"] {width: 75%;}
    .event-list {min-height: 130px;}
    .event-list .event_details:before {background: none;display: none}
}
@media screen and (max-width: 590px) {
	#page-header,.header {
		height: 190px;
		padding: 0;
	}
	#logo {
		left: 15px;
		top: 20px;
		width: 22%;
	}
	.language_bar {margin-top: 55px;}
	.language_bar .submenu {bottom: 10px;}
	#weather {top: 50px;	}
    .lColumn,.rColumn {padding-top: 35px;width: 100%}
    #nav {width: 100%;}
    #newsletter:before, #contacts:before {
        -webkit-background-size: auto !important;
        -moz-background-size: auto !important;
        -o-background-size: auto !important;
        background-size: auto !important;
    }
    #newsletter,.textwidget{
        float: left;
        width: 47.5%;
    }
    .textwidget{margin-left: 5%}
    #newsletter,#contacts{height: 200px;margin-top: 0;padding: 0}
    #contacts div.address {background: url("../images/contacts_ico_address.png") no-repeat scroll left 82% transparent;    }
    #page-footer {
        height: auto;
    }
    #page-footer div.egeac {
        border: 0;
        padding: 0;
        width: 100%;
    }
	.footer-links {width: 77.13%;}
	#page-footer div.socialnetwork {width: 18.48%;}
	.home-box {
		margin-bottom: 35px;
		margin-left: 0;
		min-height: 40px;
		padding-bottom: 20px;
		width: 96.86%;
	}
	.home-box.red .picture {
		background: #FFFFFF;
		text-align: center;
	}
    #home-highlights {padding-bottom: 80%;}
    .handle {
        float: none;
        margin-right:0;
        height: 21px;
        width: 100%
    }
    .highlights dd {
        float: none;
        height: 0;
        width: 100%;
    }
    .contentText {
        height: auto;
    }
   .highlights dd.active:before {
        border-bottom: 0;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-top: 8px solid #D00377;
        top: 0;
        bottom: auto;
    }
    .highlights dd#list_item_yellow.active:before { border-left: 8px solid transparent; border-top: 8px solid #FB9005;}
    .highlights dd#list_item_purple.active:before { border-left: 8px solid transparent; border-top: 8px solid #703987;}
    .highlights dd#list_item_green.active:before { border-left: 8px solid transparent; border-top: 8px solid #4BB024;}
    .highlights dd#list_item_blue.active:before {border-left: 8px solid transparent;  border-top: 8px solid #008BCB;}
    .handle:hover a:after, .handle.active a:after {
        right: 10px;
        left: auto
    }
}
@media screen and (max-width: 490px) {
    #logo {		width: 21%;	}
    #page-header, .header {    min-height: 200px;}
    #newsletter,.textwidget{
        float: none;
        margin-left: 0;
        width: 100%;
    }
    #newsletter, #contacts {height: auto;padding-bottom: 15px}
    #contacts div.address {padding-top: 15%;}
    .footer-links,.footer-links li {margin-left: 0;min-height: 10px;}
    .footer-links li {width: 50%;}
    .language_bar {    margin-top: 40px;}
    #weather {    top: 35px;}
    #nav ul > li {width: 50%;    }
}