/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}
@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic&subset=latin,cyrillic,cyrillic-ext,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,700italic,400italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Jura:300,400&subset=latin,cyrillic);

.basic-item img {
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
    transition: opacity 0.4s ease 0s;
}
.basic-item:hover img {
    opacity: 0.5;
}
.basic-item-text {
    background-color: rgb(255, 255, 255);
    padding: 20px;
}
.basic-item-text h3 {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.basic-item-text .desc {
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
    white-space: pre-wrap;
}
.basic-item a {
    color: #fff;
    display: block;
    font-size: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-indent: 200%;
    top: 0;
    white-space: nowrap;
    width: 100%;
}
.basic-item {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    cursor: pointer;
    margin-bottom: 10px;
    width: 318px;
}

#container {width:1000px;}

.item {
	float: left;
}


#beo {
    background-color: rgb(255, 255, 255);
    padding: 20px;
	  width:400px;
}

.box {box-shadow: 0 0 1px #a1a1a1;margin:2px 1px;}
.box img {width:80px;}



#centro {
      margin: 20px auto;
    width: 1010px;
}

#logoin {
    color: #cc0000;
    font: 50px/1.1em Jura,sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding:20px;
}



    
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    border: 0 none;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
        margin-bottom: 15px;
}
#cssmenu:after, #cssmenu > ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    background: none repeat scroll 0 0 #ffffff;
    font-family: "Open Sans",sans-serif;
    line-height: 1;
    width: auto;
}
#menu-line {
    background: none repeat scroll 0 0 #009ae1;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease-out 0s;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu > ul > li > a {
    color: #000000;
    font-size: 12px;
    padding: 20px 55px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease 0s;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
    color: #FFF;
    background: none repeat scroll 0 0 #CC0000;
}
screen {
    width: 100%;
}
#cssmenu.small-screen ul {
    display: none;
    width: 100%;
}
#cssmenu.small-screen.align-center > ul, #cssmenu.small-screen.align-right ul ul {
    text-align: left;
}
#cssmenu.small-screen ul li, #cssmenu.small-screen ul ul li, #cssmenu.small-screen ul li:hover > ul > li {
    border-top: 1px solid rgba(120, 120, 120, 0.15);
    height: auto;
    width: 100%;
}
#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a {
    width: 100%;
}
#cssmenu.small-screen > ul > li, #cssmenu.small-screen.align-center > ul > li, #cssmenu.small-screen.align-right > ul > li {
    display: block;
    float: none;
}
#cssmenu.small-screen ul ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-size: 12px;
    padding: 20px 20px 20px 30px;
}
#cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li a:hover {
    color: #000000;
}
#cssmenu.small-screen ul ul ul li a {
    padding-left: 40px;
}
#cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul {
    left: 0;
    margin: 0;
    position: relative;
    right: auto;
    width: 100%;
}
#cssmenu.small-screen > ul > li.has-sub > a:after, #cssmenu.small-screen ul ul li.has-sub > a:after {
    display: none;
}
#cssmenu.small-screen #menu-line {
    display: none;
}
#cssmenu.small-screen #menu-button {
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 20px;
    text-transform: uppercase;
}
#cssmenu.small-screen #menu-button:after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 15px;
}
#cssmenu.small-screen #menu-button:before {
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 20px;
    top: 25px;
    width: 15px;
}
#cssmenu.small-screen .submenu-button {
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    cursor: pointer;
    display: block;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    z-index: 10;
}
#cssmenu.small-screen .submenu-button:after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    display: block;
    height: 11px;
    left: 26px;
    position: absolute;
    top: 21px;
    width: 1px;
    z-index: 99;
}
#cssmenu.small-screen .submenu-button:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    display: block;
    height: 1px;
    left: 21px;
    position: absolute;
    top: 26px;
    width: 11px;
    z-index: 99;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
    display: none;
}
#cssmenu.small-screen.select-list {
    padding: 5px;
}