@viewport {width: device-width;zoom: 1;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body{font: 400 15px/18px "Open Sans", Helvetica, Arial, sans-serif;background:#013434;color:#bbb;}
#wrapper{width:96%;max-width:1200px;margin-left:auto;margin-right:auto;}
#header{min-height:90px;}
img{max-width:100%;border:0;}
.container:before, .container:after {content: "";display: table;}
.container:after {clear: both;}
.container {background: #002424;padding: 10px;}
.container, .text1, .text2, .info, #navtop, .navbar{border-radius:5px;}
.thumb{padding:10px 0;text-align:center;-webkit-filter:drop-shadow(2px 2px 10px #3EA2E7);}
.thumb a, .thumb a:visited { float:none;padding:0px;}
.thumb img {width:180px;height:240px;padding:0px;border:2px solid #bbb;border-radius: 5px;}
.thumb a:hover img {border: 2px solid #eee;}	

.text1, .text2, .logo, .info, .footer {margin:0;padding:5px 0;text-align:center;}
.logo img {-webkit-filter:drop-shadow(2px 2px 10px #3EA2E7);}
.info {padding:5px 1.0%;font-size:85%;color:#bbb;text-align:left;min-height:60px;}
.info h1 {font-size:100%;margin:0px 5px;display:inline;text-align:left;font-weight:normal;}
.text1, .text2 {color:#bbb;font-size:85%;text-align:left;padding-left:2.5%;line-height:1.5;}
.text1 a, .text1 a:visited, .text2 a, .text2 a:visited, .footer a, .footer a:visited{color:#6ac3e7;text-decoration:none;font-weight:normal;}
.text1 a:hover, .text2 a:hover, .footer a:hover{color:#aaccff;text-decoration:none;font-weight:normal;}
.footer {padding:5px 1.5%;font-size:85%;color:#bbb;text-align:left;}

#navtop{background:#002424;float:right;z-index:100 !important;height:35px;width:95%;border-bottom:2px solid #002424;padding-bottom:10px;padding-right:10px;display:inline;}
.navbar{background:#002424;z-index:100 !important;height:35px;border-bottom:2px solid #002424;padding:3px 5px;display:none;}

/* PAGINATION */
.name {margin: 0 auto;position:relative;z-index:100 !important;font-size:15px;}
.name span {color:#bbb;float:left;display:none;padding-left:3px;padding-top:10px;font-weight:mormal;}
.paginator_top {float:right;display:inline;color:#bbb;padding:11px 0;display:none;}
.paginator_bottom {float:right;display:inline;color:#bbb;padding:11px 0;display:none;}
.paginator_top ul, .paginator_bottom ul {display:inline;padding:0 2px;}
.paginator_top .pages, .paginator_bottom .pages {padding-right:15px;}
.paginator_top ul li, .paginator_bottom ul li {display:inline;padding:3px 0px;font-weight:bold;}
.paginator_top ul li a, .paginator_top ul li a:visited, .paginator_bottom ul li a, .paginator_bottom ul li a:visited{background:#02283b;border:1px solid #bbb;font-size:15px;padding:1px 8px;color:#bbb;text-decoration:none;font-weight:bold;border-radius:5px;}
.paginator_top ul li a:hover, .paginator_bottom ul li a:hover{background:#bbb;border:1px solid #eee;color:#222;}
.spacer{height: 20px;}
.center {margin:auto;text-align:center;}

ol,ul{list-style:none;}
.menu{float:left;padding:0px 0px 0px 0px;margin-top: 5px;}
.menu li{float:left;margin:2px 2px 2px 8px;padding:5px 5px 5px 5px;text-transform:uppercase;font-weight:700;border: 1px solid #bbb;border-radius:5px;color:#bbb;cursor:pointer;}
.menu li:first-child{margin:0;}
.menu .drop ul li, .menu .drop ul a{margin:0;float:none;}
.menu .drop ul li{vertical-align:top;overflow:hidden;padding:2px 2px 2px 5px;font-family: 'Roboto Condensed', sans-serif;font-size:95%;}
.menu a, a:visited{display:block;color:#bbb;padding:5px 38px 5px 8px;text-decoration:none;}
.menu .cat_drop{padding:5px 38px 14px 8px;}
.menu a:hover, .menu li:hover a{cursor:pointer;}
.menu li:hover{position:relative;}
.menu li:hover .drop{display:block;}
.menu .drop{width:100%;position:absolute;left:0;top:100%;padding:2px 0;z-index:100;display:none;background:#002424;border-radius: 5px;}
.menu .drop ul{padding:0 2px;}
.menu .drop:after, .menu:after{content:"";clear:both;display:block;}
.menu li:hover .drop a{height:1%;padding:8px 6px;background:none;}
.menu .drop_cat{width:310px;padding:5px 8px;}
.menu .drop_cat ul{float:left;width:150px;padding:0;margin:0 0 0 10px;}
.menu .drop_cat a{float:left !important;padding:0 !important;}
.drop_cat ul:first-child{margin:0;}
.menu .drop_cat a:hover{background:none;color:#364154;}
.menu .drop_cat li:hover a{background:#bbb;color:#222;}
.menu .drop_cat ul li{line-height:19px;}
b{font-weight:600;}
@media all and (min-width: 320px) {
.navbar{display:block;}
.thumb img {width:125px;height:166px;padding:0px;border:2px solid #bbb;border-radius: 5px;}
.paginator_bottom{display:block;}
}	
@media all and (min-width: 360px) {
.thumb img {width:145px;height:194px;padding:0px;border:2px solid #bbb;border-radius: 5px;}	
}
@media all and (min-width: 400px) {
.thumb img {width:165px;height:220px;padding:0px;border:2px solid #bbb;border-radius: 5px;}	
}
@media all and (min-width: 425px) {
.thumb img {width:156px;height:208px;padding:0px;border:2px solid #bbb;border-radius: 5px;}	
}
@media all and (min-width: 640px) {
#navtop{display:inline;}
.paginator_top{display:inline;}
    .text1 {float: left;width: 46%;}
    .text2 {float: right;width: 46%;}
}
@media all and (min-width: 760px) {
	.logo {float: left;width: 33.33%;}
    .info {float: right;width: 61.46%;}
}
@media all and (min-width: 1024px) {
.thumb img {width:180px;height:240px;padding:0px;border:2px solid #bbb;border-radius: 5px;}	
.logo {float: left;width: 36.00%;}
.info {float: left;width: 60.00%;}
.text1, .text2 {font-size:100%;}
}