@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,400italic&subset=latin-ext);

html {
    margin: 0;
    overflow: visible;
}
body {
    margin: 0;
    background-color: #ffffff;
    background: url(/gfx/crossword.png);
}
img {
    border: 0;
}
.clear {
    clear: both;
}
p, td, div {
    font-family: Arial;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4em;
    text-align: justify;
}
a {
    color: #535353;
    text-decoration: none;
}
.accept { cursor: pointer; line-height: 1.1em !important; font-size: 12px !important;}
.acceptlink { color: #C31A1F; font-size: 12px !important; }

#consent {
  background: rgba(0, 45, 77, 0.97);
  bottom: 0px;
  position: fixed;
  width: 100%;
  font-size: 16px; }

#consent p {
  color: #f6f6f6;
  padding-left: 25px;
  padding-right: 10px;
  line-height: 1.5em;
  margin-top: 22px; }

#consent a {
  color: #ff3f45;
  text-decoration: none; }

#consent button {
  float: right;
  margin: 15px 22px;
  padding: 10px;
  background-color: #C31A1F;
font-weight: 700;
  color: #fff;
  border: none;
  cursor: pointer; }

#consent button:hover {
  background-color: #e51013;
 }

header {
    width: 1200px;
    margin: auto;
    position: relative;
    height: 135px;
}
header #logo {
    position: absolute;
    display: block;
    margin-left: 0;
    margin-top: 20px;
}
header #search {
    width: 290px;
    float: right;
    margin-top: 38px;
}
#search #sch {
    float: right;
    width: 160px;
    border: 1px solid #b9b9b9;
    background-color: #f6f6f6;
    padding: 3px 7px;
    height: 30px;
    font-family: 'Ubuntu', Arial;
    color: #acacac;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
}
#search #schsubmit {
    float: right;
    margin-left: 10px;
    background: transparent;
    border: none !important;
    padding: 7px 0px 4px 4px;
    height: 35px;
    font-family: 'Ubuntu', Arial;
    color: #c31a1f;
    font-size: 15pt;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
}
#schsubmit:focus {
    outline: 0;
}
header #topmenu {
    position: absolute;
    width: 1200px;
    height: 35px;
    background-color: #002d4d;
    margin-top: 98px;
}
#topmenu #home {
    margin-top: 3px;
}
#topmenu #quote {
    position: absolute;
    right: 0px;
    background-color: #c31a1f;
    height: 35px;
    width: 267px;
    text-align: center;
    line-height: 2.2em;
}
#quote a {
    font-family: 'Ubuntu', Arial;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    line-height: 36px;
}
#cartmes {
    position: absolute;
    display: block
    margin-top: 35px;
    margin-left: -13px;
    padding: 10px;
    color: #fff;
    width: 260px;
    background-color: #c31a1f;
    text-align: center;
    font-weight: 500;
}
#topmenu .qsel {
    padding: 0px 27px 9px 27px;
    border-bottom: 2px solid #002d4d;
}
#topmenu #topfade {
    position: absolute;
    right: 267px;
}
#topmenu ul {
    padding: 0;
    margin: 0;
}
#topmenu ul li {
    float: left;
    margin: 6px 20px 5px 5px;
    list-style: none;
}
#topmenu ul li:first-child {
    margin-left: 14px;
    margin-right: 10px;
}
#topmenu ul li a {
    font-family: 'Ubuntu', Arial;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    line-height: 23px;
}
#topmenu .sel {
    padding-bottom: 11px;
    border-bottom: 2px solid #c31a1e;
}
#content {
    position: relative;
    width: 1200px;
    margin: auto;
    margin-top: 30px;
}


footer {
    position: relative;
    width: 1200px;
    height: 35px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #e5e5e5;
}
footer #tco {
    position: absolute;
    display: block;
    right: 0px;
    margin-top: -10px;
}
footer #bottommenu {
    float: left;
    height: 35px;
    background-color: #002d4d;
}
#bottommenu ul {
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
#bottommenu ul li {
    float: left;
    padding: 7px 7px 7px 7px;
    margin-right: 13px;
    font-family: 'Ubuntu', Arial;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    list-style: none;
}
#bottommenu ul li:last-child {
    margin-right: 0;
}
#bottommenu ul li a {
    font-family: 'Ubuntu', Arial;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
#bottommenu .sel {
    ext-decoration: underline;
    border-top: 2px solid c31a1e;
    margin-top: -3px;
    padding-top: 8px;
}
#bottomfade {
    float: left;
}
#language {
    float: left;
}
#languages ul {
    padding: 0;
    margin: 0;
}
#languages ul li {
    float: left;
    list-style: none;
    margin-right: 18px;
    margin-top: 8px;
}
#copyright {
    float: right;
    margin-right: 10px;
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    text-decoration: none;
    padding: 10px 0px;
}

#bread {
    padding-top: 8px;
    border-top: 2px solid #e7e7e7;
    line-height: 2em;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #c31a1f;
}
#bread div {
    float: left;
    margin-right: 10px;
}
#bread a:before {
    content: "•\00a0\00a0\00a0";
}
#bread .nopoint:before {
    content: "";
}
#bread a {
    line-height: 2em;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #c31a1f;
}
h1 {
    color: #002d4d;
    font-family: 'Ubuntu', Arial;
    font-size: 20pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 0.4em;
}
h2, .contactbox h1 {
    color: #535353;
    font-family: 'Ubuntu', Arial;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
}
h3 {
    font-family: 'Ubuntu', Arial;
    color: #002d4d;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.box {
    float: left;
    margin: 15px 30px 15px 0px;
    width: 255px;
    height: 278px;
    background: url(/gfx/brushed.png);
    padding: 11px;
    color: #535353;
}
.box h2 {
    font-size: 11pt;
    font-weight: 500;
    color: inherit;
}
.box a {
    color: inherit;
    text-decoration: none;
}
.box .katimg {
    border: 1px solid #d5d5d5;
    width: 255px;
    max-height: 134px;
}
.box p, .box .pe {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: inherit;
    max-height: 105px;
    overflow: hidden;
}
.box ul {
    padding: 0px 0px 0px 16px;
    margin: 0;
}
.box ul li, .pe a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: inherit;
    line-height: 1.45em;
}
.pe a:hover {
    text-decoration: underline;
}
.box:hover {
    background: none;
    background-color: #002d4d;
    color: #ffffff;
    cursor: pointer;
}

.picgallery {
    margin-top; 20px;
}
.picingal {
    padding: 5px;
    width: 100px;
    background-color: #ffffff;
    border: 1px solid #dbd7c3;
    text-align: center;
    font-family: 'Ubuntu', Arial;
    font-size: 40pt;
    font-weight: 500;
    color: #d8d8d8;
    line-height: 1.8em;
}
.picingal img {
    height: 150px;
}
.file {
    line-height: 2em;
    font-family: Arial;
    font-size: 14px;
    color: #c31a1f;
    border-bottom: 1px dashed #e7e7e7;
}
.file a {
    color: #c31a1f;
    text-decoration: none;
    font-family: 'Ubuntu', Arial;
    font-size: 14px;
    font-weight: normal;
}
.offerp, .qleft {
    width: 890px;
    margin-right: 30px;
    float: left;
}
.qright {
    width: 255px;
    float: left;
}
.offerbox {
    float: left;
    margin: 0px 0px 15px 0px;
    width: 255px;
    background: url(/gfx/brushed.png);
    padding: 11px;
    color: #535353;
}
.offerboxleft {
    float: left;
    margin: 0px 29px 29px 0px;
    width: 255px;
    min-height: 600px;
    background: url(/gfx/brushed.png);
    padding: 11px;
    color: #535353;
}
.offerbox h2 {
    font-size: 11pt;
    font-weight: 500;
    color: inherit;
}
.offerbox h1 {
	font-size: 15pt;
	font-weight: 500;
	color: inherit;
	line-height: 1.3em;
	text-align: left;
}
.offerbox .katimg {
    border: 1px solid #d5d5d5;
    width: 255px;
    max-height: 134px;
}
.offerbox .offerrow, .offerboxleft .offerrow {
    margin-bottom: 5px;
    position: relative;
    width: 255px;
}
.offerrow label {
    position: relative;
    width: 130px;
    line-height: 2.2em;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.offerbox input[type=text], .offerbox input[type=password], .offerboxleft input[type=text], textarea, select {
    float: right;
    display: block;
    width: 120px;
    border: 1px solid #b9b9b9;
    background-color: #f6f6f6;
    padding: 2px;
    color: #535353;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 0px 11px -2px rgba(0,0,0,0.25);
}
.offerbox textarea, .offerboxleft textarea {
    height: 65px;
    margin-bottom: 4px;
    resize: none;
}
.offerrow input[type=submit] {
    padding: 3px;
    font-family: 'Ubuntu', Arial;
    font-size: 11pt;
    text-decoration: none;
}
.minh400 { height: 400px; min-height: 400px; }
.noright {
    margin-right: 0;
}
.carthead {
    padding: 5px;
    background-color: #f2f2f2;
    text-align: left;
}
.mini {
    margin: 0;
    padding: 5px;
    font-size: 12px;
    text-align: left;
}
.remove {
    cursor: pointer;
    font-family: 'Ubuntu', Arial;
    font-size: 16pt;
    color: #000;
    text-decoration: none;
    position: absolute;
    display: block;
    right: 5px;
    top: 0px;
    padding: 0;
    border: none;
    background: none;
}
.sent {
    background-color: #7c7c7c;
    color: #fff;
    font-size: 16pt;
    font-family: 'Ubuntu', Arial;
    text-decoration: none;
    text-align: center;
    padding: 15px;
}

.sitemap {
    padding: 0;
    margin: 0;
}
.sitemap li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 14px;
    padding-top: 10px;
    font-family: 'Ubuntu', Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #c4c4c4;
    text-decoration: none;
    line-height: 1.2em;
    text-align: justify;
    cursor: pointer;
}
.sitemap li ul {
    margin-top: 10px;
}
.sitemap li ul li {
    list-style: none;
    border-top: 1px solid #e7e7e7;
    border-bottom: none;
    padding-bottom: 14px;
    padding-top: 10px;
    font-family: 'Ubuntu', Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #c4c4c4;
    text-decoration: none;
    line-height: 1.2em;
    text-align: justify;
    cursor: pointer;
}
.sitemap a {
    font-family: 'Ubuntu', Arial;
    font-size: 18pt;
    font-style: normal;
    font-weight: normal;
    color: #002d4d;
    text-decoration: none;
    line-height: 1.4em;
}
.sitemap li:hover a {
    color: #C31A1F;
}
.sitemap .sec {
    margin-left: 25px;
}
.sitemap .third {
    margin-left: 50px;
}

#slider {
    width: 760px;
    height: 260px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    float: left;
    margin-right: 35px;
}
#slider p, #slider div, #slider td {
    line-height: normal;
    text-align: left;
}
.hometop {
    float: left;
    width: 405px;
    margin-top: -15px;
}
.hometop .news {
    padding-bottom: 10px;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 18px;
}
.warning {
    border: 1px solid #c31a1f;
}

.container:before,
    .container:after {
        content: "";
        display: table;
    }
    .container:after {
        clear: both;
    }
    .item {
      float: left;
      margin-top: 15px; 
     margin-right: 10px;
    }
    .item img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: bottom;
    }
    .first-item {
      clear: both;
    }
    /* remove margin bottom on last row */
    .last-row, .last-row ~ .item {
      margin-bottom: 0;
    }

.nopadding { padding: 0px; margin: 0px; list-style: none; margin-bottom: 20px; font-style: italic; }
.nopadding li { line-height: 1.5em; font-size: 13px; }
.red { color: #C31A1F; }
.atip { width: 276px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; border: 2px solid #00497A; margin: 10px; cursor: pointer;}
.atip:last-child { width: 276px; margin-left: 10px; }
.atip:hover { background-color: #118ADB; color: #fff; }
.asel { background-color: #00497A; color: #fff; }
.anotsel { background-color: #ffffff; }
.ahed { padding-left: 10px; margin-bottom: 0px; }
.delfog { float: right; font-size: 11px; font-weight: bold; cursor: pointer; }
.delfog a { color: #C31A1F; }
.nopadding li { border-top: 1px solid #ddd; padding: 3px 0px; }
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#002d4d;}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(/admin/js/colorbox/outter/images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/admin/js/colorbox/outter/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/admin/js/colorbox/outter/images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/admin/js/colorbox/outter/images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/admin/js/colorbox/outter/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/admin/js/colorbox/outter/images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/admin/js/colorbox/outter/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/admin/js/colorbox/outter/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/admin/js/colorbox/outter/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/admin/js/colorbox/outter/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(/admin/js/colorbox/outter/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: -20px 0px 0px -5px; width:100%; z-index: 9999; display: block; position: absolute;}
ol.bjqs-markers.h-centered{text-align: right;}
ol.bjqs-markers li{display:inline; background-color: #fff; margin-left: 4px;}
ol.bjqs-markers .active-marker{display:inline; background-color: #002d4d;}
.active-marker{display:inline; background-color: #002d4d;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}