body {color:#d2d2d2; background-color: #131313;}
a {color:#fff;}

::-webkit-input-placeholder { color:#b2b2b2; }
::-moz-placeholder { color:#b2b2b2; }
:-ms-input-placeholder { color:#b2b2b2; } 
input:-moz-placeholder { color:#b2b2b2; }

#wrap {width: 100%; margin: 20px 0;}

#menu {clear: both; width:100%; margin-bottom: 20px;}
#menu #logo {display: block; width:144px; height: 91px; margin: 0 auto 20px; background: transparent url('../../bundles/tomatomvital/img/logo.png') left top no-repeat; text-indent: -10000px;}
#menu li {clear: both; margin-bottom: 13px; text-align: center;}
#menu li a {display: inline-block; padding:7px 12px; color: #fff; font-size: 21px; font-weight: 300; text-decoration: none; text-transform: uppercase;}
#menu li a:hover, #menu li.active a {background: #df4751; font-family: 'proxima-nova'; font-style: normal; font-weight: 400;}
#menu li ul li {margin: 10px 0 0 0!important;}
#menu li ul li a {font-weight: 300!important; background: none!important; font-size: 16px; text-decoration: none; text-transform: none;}
#menu li ul li a:hover, #menu li ul li.active a {text-decoration: underline;}


#menu .login {display: none;}
#menu .login a {text-decoration: underline;}
#menu .login a:hover {text-decoration: none;}

.da-thumbs {margin: 0 auto; text-align: center;}
.da-thumbs li {float: none; display: inline-block;}

#content {clear: both; line-height: 1.5; font-size: 18px;}
.page, #page {padding:1em;}
#content h1 {margin: 30px 0 20px; font-size: 25px; text-transform: uppercase;}
#content h2 {font-size: 21px; font-weight: 400;}
#content h3 {font-size: 18px; font-weight: 700;}
#content hr {clear: both; margin-bottom: 40px; border: 0; border-top: 1px solid #2c2c2d;}

#footer {clear: both; float: left; width: 100%; margin-top:100px; padding: 35px 0; color: #d2d2d2; font-size: 18px; border-top: 1px solid #2c2c2d; text-align: center;}
#footer a {color:#df4751;}

/* about */
#content .page img {margin:30px 0 0;}
#content .page p {margin: 10px 0;}
#content .page .jon {display: inline-block; margin:15px 0 45px; padding:5px 15px; background-color: #df4751; -moz-box-shadow: 0 2px 0 rgba(183,34,44,.75); -webkit-box-shadow: 0 2px 0 rgba(183,34,44,.75); box-shadow: 0 2px 0 rgba(183,34,44,.75); text-decoration: none;}
#content .page .jon:hover {text-decoration: underline;}
#content .page .about-bold {color: #6ba7b5; font-weight: 700; font-size: 18px;}

/* contact */
#content .address {float: left; width: 260px; margin-bottom: 10px;}
#content .address-map-cz {float: left; width: 161px; height: 64px; margin-top: 0px; padding-top: 30px; background: transparent url('../../bundles/tomatomvital/img/map-cz.png') left top no-repeat;}
#content .address-map-cz a {margin-left:5px!important;}
#content .address-map-uk {float: left; width: 161px; height: 100px; margin-top: 0px; padding-top: 75px; background: transparent url('../../bundles/tomatomvital/img/map-uk.png') center top no-repeat;}
#content .address-map-uk a {margin-left:5px!important;}
#content .address-map-cz a, #content .address-map-uk a {padding:13px 25px; color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; text-decoration: none; background-color: #6ba7b5; -moz-box-shadow: 0 2px 0 rgba(49,110,123,.75); -webkit-box-shadow: 0 2px 0 rgba(49,110,123,.75); box-shadow: 0 2px 0 rgba(49,110,123,.75);}
#content .address-map-cz a:hover, #content .address-map-uk a:hover {text-decoration: underline;}
#content .person {clear: both; float: left; width: 100%; margin-top: 28px;}
#content .person img {float: left; width:200px; height: 200px; margin: 0 28px 0 0;}
#content .person p {clear:both; margin-bottom: 20px;}
#content .person a {color:#6ca8b5;}

/* login */
.form-login {clear: both; float: left;}
#content .input-text {width: 300px; margin-bottom: 15px; padding: 13px 15px; border:0; color: #131313; font-size: 18px; background-color: #fff;}
#content .input-submit {padding:15px 30px; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; background-color: #6ba7b5; -moz-box-shadow: 0 2px 0 rgba(49,110,123,.75); -webkit-box-shadow: 0 2px 0 rgba(49,110,123,.75); box-shadow: 0 2px 0 rgba(49,110,123,.75); border: 0; cursor: pointer;}
#content .input-submit:hover {text-decoration: underline;}
#content td.field {text-align: right;}
#content td.error {padding-left:30px; color: #df4751; font-style: italic;}