/*
Theme Name: SEO visia responsive
Theme URI: http://seovisia.com/
Author: Slaviana
Author URI: http://seovisia.com/
Responsive WordPress theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive
Text Domain: seovisia
 */

body {margin: 25px 0; padding: 0; font-size:13px; color: #333; font-family: "Arial", sans-serif; line-height: 1.5em; background-color: #eee; background-image: url("images/back.jpg"); background-repeat: repeat-x;}

a, a:visited, a:active, a:hover {color:#0099ff; text-decoration:none;}

article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;}

a img {border: 0;}

a.footer {font-size: 12px; color: #fff;}
a.footer:hover {text-decoration: underline;}

img {max-width: 100%; height: auto;}

p {margin-bottom: 25px;}

#container {margin: 0 auto; max-width: 960px; background: #fafbfd;}

.image_resizable {width: 100%; height: auto; display: block;}

.image_logo {width: 100%; max-width: 361px; height: auto; display: block;}

.site-footer {clear:both; padding: 5px 5px 5px 20px; background: #444; color: #fff;}

.header-logo {display: inline-block; margin: 10px 5px 5px 20px;}

.top-bar {height: 4px; background: #a5aca5;}
.top-bar-bottom {height: 4px; background: #576436;}
.top-bar-bottom-line {height: 1px; background: #f1fbfc;}
.top-bar-under-image {height: 13px; background: #a3ada4;}

.clear:before, .clear:after {display: table; content: '';}

.clear:after {clear: both;}

.site-content .widget-area {margin: 0 0 0 20px; padding-top: 10px; border-top: 3px solid #eee;}

.site-header {margin: 0; padding: 0;}

.small-navigation {font-weight: normal; position: relative; display: inline-block; margin-top: 0; padding-top: 10px; z-index: 1;}

.main-navigation {font-weight: normal; position: relative; display: inline-block; margin-top: 0; padding-top: 0; z-index: 1; background: #555555;}
.main-navigation ul {clear: both; margin: 0; padding: 0; text-align: left; list-style: none; position: relative;}
.main-navigation li {position: relative; display: block;}
.main-navigation li:hover > a {color: #fff;}
.main-navigation a {display: block; color: #ccc; font-size: 13px; padding : 0 9px; text-align: left; line-height: 40px; text-transform: uppercase;}
.main-navigation ul:first-child > li:last-of-type a {border-bottom: 0;}
.main-navigation ul:first-child {display: none;}
.main-navigation ul ul {background: #444444;}
.main-navigation ul ul li a {padding: 0 9px; line-height: 40px; display: block; color: #ccc;}
.main-navigation ul ul ul li a {padding-left: 28px;}
.main-navigation ul ul ul ul li a {padding-left: 42px;}

#primary-menu {}

.current_page_item a, .current-menu-item a {color: #eee;}

.menu-toggle:before, .format-link .entry-title a:after, .social-links ul a:before {font-weight: normal; font-style: normal; line-height: 1; text-decoration: none;}

.main-navigation.toggled .nav-menu {display: block; margin-left: 12px;}

.menu-toggle {display: block; position: relative; padding: 5px 5px 5px 20px; border: none; background: #fafbfd; width: 100%; text-align: left;}

.hentry {position: relative; margin: 0; padding: 0 0 20px; border-bottom: 1px solid #eee;}

.site-main .hentry:last-of-type {border-bottom: 0; margin-bottom: 0; padding: 0;}

.entry-title {font-size: 1.75em; line-height: 1.2em; margin: 15px 0 0 0;}
.entry-title a, .entry-title a:visited {text-decoration: none; color: #2f688c;}
.entry-title a:hover {color: #1c7c7c;}
.page .entry-title {margin: 0 0 27px;}

.page-title {font-size: 18px; line-height: 1.36em; margin: 0; padding-bottom: 14px; letter-spacing: 1px; color: #999; border-bottom: 1px solid #eee;}

.page-header {margin-bottom: 27px;}

.taxonomy-description {font-style: italic; margin-top: 27px;}

.content-area {float: left; width: 90%; margin: 0 0 0 20px;}

embed, iframe, object {max-width: 100%;}

.widget {line-height: 1em; position: relative; overflow: hidden; width: 100%; margin-bottom: 25px;}
.widget select {max-width: -webkit-calc(100% -48px); max-width: calc(100% -48px); margin-left: 1px;}
.widget a {text-decoration: none; color: #102254;}
.widget a:hover, .widget a:active, .widget a:focus {color: #666;}
.widget ul {list-style: none; padding: 0 5px 0 0;}
.widget li {padding: 10px 5px 10px 0; list-style: none; border-top: 1px solid #ccc;}

.widget-title {font-size: 18px; font-weight: bold; line-height: 1.36em; margin: 14px 0; color: #2f688c;}
.widget-title a {color: #666;}

#wp-calendar td, #wp-calendar th, #wp-calendar th {text-align: center;}
#wp-calendar caption {font-weight: 700; margin: 14px 0; text-align: center;}
#wp-calendar a {text-decoration: none; color: #1c7c7c;}

.one_half {width: 414px; float: left;}

@media screen and (min-width: 50em) 
{
	#image-main {margin-top: 0;}

	.site-main {margin: 2% 0 0 0; }

	.site-content .widget-area {float: right; overflow: hidden; width: 25%; margin-top: 2%; padding-top: 0; border-top: 0; padding-right: 20px;}

	.no-sidebar .content-area, .no-sidebar .site-main, .page-template-fullwidth-page-php .site-main {float: none; margin: 0;}

	.site-info {line-height: 1.7; float: left; max-width: 60%; text-align: left; }

	.entry-content {max-width: 860px;}

	pre {font-size: 1em;}

	.widget_search .search-submit {display: none; }

	blockquote {font-size: 1.2em; 	line-height: 1.4em; 	padding-left: 64px;}
	blockquote cite {font-size: .8125em;}
	blockquote:before {font-size: 48px; }
	blockquote.alignleft, blockquote.alignright {max-width: 280px; padding-left: 48px;}
	blockquote.alignleft:before, 	blockquote.alignright:before {font-size: 32px;}

	.menu-toggle {display: none;}

	.main-navigation {margin: 4px 0 0 0; width: 100%; height: 40px;}
	.main-navigation a {display: inline; margin: 0;}
	.main-navigation ul:first-child {display: block;}
	.main-navigation ul li {display: block; float:left; margin-left: 1px;}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {display: block; visibility: visible; opacity: 1;}
	.main-navigation ul a {padding: 12px 15px;}
	.main-navigation ul ul {position: absolute; z-index: 99999; top: 40px; left: 5px; display: none; visibility: hidden; float: left; text-align: left; opacity: 0;}
	.main-navigation ul ul li {border-bottom: 1px solid #999; clear: left; width: 300px;}
	.main-navigation ul ul li:last-of-type {border-bottom: 0;}
	.main-navigation ul ul li a {}
	.main-navigation ul ul ul {top: 0; left: 100%;}

	.footer-left {display: inline-block; font-size:12px;}
	.footer-right {display: inline-block; font-size:12px; float: right; margin-right: 20px;}
}