@import "/planagro/reset.css";
body  { font: 14px/20px Arial,Helvetica,Sans-serif; color: #424242; background: #fff url(/planagro/bg-gradi.png) repeat-x left top;min-width:300px}

h1, h2, h3, h4, h5, h6  { margin: 0; color: #222; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}

a:link, a:visited  { color: #dc3e29; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

#wrapper  { background: url(/planagro/bg-textu.png) no-repeat center top; }

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width:100%;max-width: 940px; margin: 0 auto; }

/* 2.2 Navigation */
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; display:flex;flex-wrap:wrap; justify-content:center}
.nav a  { position:relative; display:block; z-index:100; }
.nav li  { width: auto; }

#top-nav  { position: relative; z-index: 9999; font-size: 12px; background: #000; }
#top-nav a  { line-height: 22px; color: #939497; border-right: 1px solid #414141; padding: 5px 10px; }
#top-nav a:hover, #top-nav li.current_page_item a, #top-nav li.current_page_parent a  { color: #fff; }
#top-nav li ul  { background: #000; border: none; }
#top-nav li ul li  { background: none; border-top: 1px solid #414141; }
#top-nav li ul li a  { line-height: 18px; background: none; border: none; }
#top-nav li a.sf-with-ul { padding-right: 20px; }
#top-nav li ul li a.sf-with-ul { padding:5px 10px; }

#main-nav  { position: relative; z-index:9998; font: bold 15px Arial, sans-serif; border-top: 1px solid #dee3e7; margin-bottom: 40px; background: #fff url(/planagro/bg-mainn.png) repeat-x left bottom; }
#main-nav li { border-right: 1px solid #dee3e7; border-left: 1px solid #dee3e7;  margin-left: -1px; width: 155px; text-align: center; }
#main-nav a { padding: 2px 0px 10px 0px; line-height: 20px; color:#555; border-bottom: 7px solid #cacaca; }
#main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a  { border-bottom-color: #dc3e29; color: #000; text-decoration: none; }
#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a  { border-bottom-color: #dc3e29; color: #000; text-decoration: none; }

#main-nav li ul  { background: #FFF; border: 1px solid #dbdbdb; border-width:1px 1px 0; }
#main-nav li ul li  { background:#eee; border-top:1px solid #fff; }
#main-nav li ul li a  { padding: 0 10px; font-size: 12px; border-bottom: 1px solid #dbdbdb; }
#main-nav li ul li a:hover  { border-color: #dbdbdb; background: #dbdbdb; }
#h1 h1{margin: 15px; text-align: center;fonts-size: 22px; font-weight: normal;}
/* 2.2.1 Drop-down menus */
.nav li ul  { position: absolute; left: -999em; width: 180px; }
.nav li ul li a  { width:160px; }
.nav li ul ul  { margin: -26px 0 0 180px; }

.widget_categories ul li a{font-size: 16px;}
.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

.nav .sf-sub-indicator {background:	url(/planagro/arrow-su.png) no-repeat;position:absolute;display:block;right:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
#top-nav .sf-sub-indicator  { top: 1.2em; }
#top-nav li ul .sf-sub-indicator  { top: 0.9em; }
#main-nav .sf-sub-indicator  { top: 1.1em; }
#main-nav li ul .sf-sub-indicator  { top: 0.9em; }
#top-nav .nav-item-right { float: right}
#top-nav .nav-item-right a {padding-top:8px }

/* 2.3 Header */
#header{padding:30px 0 30px;clear:both;position:relative;}

#logo  { float:left; line-height: 0; }
#logo img  { }
#logo .site-title, #logo .site-description  { color: #000; display:none;  }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; }

#topad {float:right;}


/* 2.4 Featured Slider */
#loopedSlider { position:relative; z-index: 999; width:100%; margin: 0 0 20px 0; }
#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 620px; display:none; }
#loopedSlider .slide-content  { position: absolute; bottom: 0; left: 0; padding: 15px 40px 15px 15px; color: #fff; background: rgba(0,0,0,0.8); }
#loopedSlider .slide-content h2  { margin: 0 0 10px 0; font-size: 26px; }
#loopedSlider .slide-content h2 a  { color: #fff; }
#loopedSlider .slide-content p  { line-height: 16px; }
#loopedSlider .nav-buttons  { z-index: 9999; position: absolute; right: 15px; bottom: 8px; }


/* 2.5 Recent Posts */
#recent-posts  { margin: 0 -20px 10px 0; }
#recent-posts h3  { margin: 0 0 20px 0; }
#recent-posts .post  { position: relative; float: left; width: 300px; height: 185px; margin: 0 20px 20px 0; background: #d4d4d4 }
#recent-posts .post .heading  { width: 270px; padding: 15px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.8); }
#recent-posts .post .heading h2  { font-size: 15px; text-transform: uppercase; }
#recent-posts .post .heading h2 a  { color: #fff; }
#recent-posts .meta  { font-size: 11px; text-transform: uppercase; color: #fff; }
#recent-posts .meta a  { font-weight: bold; }


/* 2.6 Older Posts */
#older-posts  { margin: 0 -20px 30px 0; }
#older-posts h3  { margin: 0 0 20px 0; }
#older-posts .older-item  { float: left; width: 300px; margin: 0 20px -2px 0; padding: 10px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#older-posts .older-item img  { float: left; margin: 0 10px 0 0; }
#older-posts .older-item .info  {  }
#older-posts .older-item .info span  { display: block; }
#older-posts .older-item .info .meta-old  { color: #6f6f6f; margin: 0 0 3px 0; font-size: 11px; line-height: 12px; }
#older-posts .older-item .info .title-old  { font-weight: bold; font-size: 18px; line-height: 16px; }
#older-posts .older-item .info .title-old a  { color: #424242; }
#older-posts .older-item .info .title-old a:hover  { color: #000; text-decoration: none; }


/* 2.7 Content */
#content{padding:0 0 30px;}
#main{width:calc(100% - 320px)}
#main.fullwidth {width: 940px;}
.video { margin-bottom: 20px}

.advert-content  { margin: 30px 0 30px 0; border: 1px solid #dfdfdf; background: #f3f3f3; text-align: center; padding: 20px 0; }

/* 2.8 Sidebar */
#sidebar{width:300px;overflow:hidden;}
#sidebar .secondary { float:left; width:300px; margin-right:20px; }
#sidebar .secondary.last { margin:0; }

/* 2.9 Footer */
#footer  { height: 120px; font-size: 12px; border-top: 1px solid #d9d9d9; color:#626262;background: #fff url(/planagro/fon.jpg) no-repeat center; background-size:contain}
#footer a  { color: #2f2f2f; text-decoration: underline; }



/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb {}

.archive_header  { display: block; float: left; width: 100%; padding:0 0 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; }

.post  { margin: 0 0 40px;}

.post .title  { font:normal bold 26px/24px Arial, Helvetica, sans-serif;position:relative; margin: 0; }
.page .post .title, .post.none .title  { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited  { color:#222; }

.post-meta{margin: 5px 0 25px 0; font-size: 11px; text-transform:uppercase;}
.post-meta span  { color: #424242; }
.post-meta .comments a  { text-transform: uppercase; }

.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }

.post p.tags  { width: 100%; text-transform: uppercase; font-weight: bold; font-size: 11px; clear: both; padding: 0 0 0 20px; margin: 20px 0; }

.entry  {}

/* 3.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 25px 0; }

.entry p  { margin: 0 0 20px 0; }

.entry blockquote  { padding: 0px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; padding: 0 0 0 15px; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; padding: 0 0 0 15px; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
img{max-width:100%}
.entry img, img.thumbnail { padding: 5px; background:#FFF;  }
img.wp-smiley  { padding: 0; border: none; background: transparent; }

.alignleft  { float: left; height: auto; margin: 5px 15px 20px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 20px 15px; }
.aligncenter  { text-align: center; margin-bottom:20px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi, .post-entries {font-size:11px; padding:7px 15px; border: 1px solid #dee3e7; background: #fff url(/planagro/bg-mainn.png) repeat-x left bottom;  }
.post-entries  { margin: 30px 0 0 0; }
.nav-entries a, .post-entries a { display: block; font:italic 12px/16px Georgia, serif; color:#6ca0a8; font-weight: bold; text-decoration:none;}
.nav-entries a:hover, post-entries a:hover { text-decoration:underline; }

.wp-pagenavi { margin: 0 !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { font-weight: bold!important; display: inline !important; text-decoration: none !important; background: none !important;color: #666 !important; padding: 3px 7px !important; border:none!important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #6ca0a8 !important; border:none !important; color: #fff!important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { padding: 0 15px 0 0!important; font-style: italic!important; font-weight: bold!important; background:none !important; border:none !important; color:#6ca0a8 !important; }



/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 20px 0; font-size:12px; }
.widget h3  { position: relative; margin: 0 0 5px 0; padding: 7px 0 7px 10px; font-size: 14px; color:#fff; background: #6ca0a8; }
.widget h3 span  { position: absolute; left: 10px; top: 34px; display: block; width: 8px; height: 4px; background: url(/planagro/bg-widge.png) no-repeat left top; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }

.widget ul  { clear:both; }
.widget ul li  { padding: 5px 0 5px 10px; font-size: 12px; border-bottom: 1px solid #dfdfdf; line-height: 16px; }
.widget ul li a  { text-decoration: none; color: #3f3f3f; }
.widget ul li a:hover  { text-decoration:underline; }
.widget ul ul  { padding: 0 0 0 10px; border-top: none; }
.widget ul ul li  { padding-left: 0; }

#footer-widgets .widget h3  { background: none; color: #424242; border-bottom: 2px solid #dfdfdf; }
#footer-widgets .widget h3 span  { display: none; }

/* 4.2 Specific Widgets */

/* TWITTER & RECENT COMMENTS */
.widget_recent_comments li a, .widget_woo_twitter a  { display: inline; background: none!important; border: none!important; color: #6ca0a8!important; }

/* TEXT WIDGET */
.widget_text .textwidget  { padding: 7px 10px 0; border-bottom: 1px solid #dfdfdf; }

/* SEARCH WIDGET */
.widget_woo_search h3  { margin: 0 0 15px 0; }
.widget_woo_search form  { padding: 0 10px 10px; border-bottom: 1px solid #dfdfdf; }
.widget input.s  { float:left; width: 65%; padding: 8px 0 8px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background-color: #ededed;  }
.widget input.s:focus  { background-color: #fff; }
.widget .screen-reader-text  { display: none; }
.widget input.submit { float:right; }

#footer-widgets .widget input.s  { width: 50%; }

/* TAG CLOUD */
.widget_tag_cloud div  { padding: 5px 10px 10px; border-bottom: 1px solid #dfdfdf; }
.widget_tag_cloud div a  { color: #6ca0a8; }
.widget_tag_cloud div a:hover  { color: #3f3f3f; text-decoration: none; }

/* FLICKR */
.widget_woo_flickr  { border-bottom: 1px solid #dfdfdf; }
.widget_woo_flickr h3  { margin: 0 0 10px 0; }
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }

.widget_woo_flickr .wrap  { padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #dfdfdf 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#6ca0a8 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* BLOG AUTHOR WIDGET */
.widget_woo_blogauthorinfo  { padding: 0 0 5px; border-bottom: 1px solid #dfdfdf; }
.widget_woo_blogauthorinfo h3  { margin: 0 0 15px; }
.widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #dfdfdf; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* AD WIDGETS */
.adspace-widget h3  { margin: 0 0 10px 0; text-align: left; }
.adspace-widget  { padding: 0 0 10px 0; text-align: center; }

#advert_125x125  { padding: 12px 0 0 0; border: 1px solid #dfdfdf; text-align: center; background: #eee; }
#advert_125x125 img  { margin: 0 5px 7px; }

/* WOOTABS */
#tabs {	margin-bottom:20px; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; text-transform: uppercase; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#6ca0a8; text-decoration:none; color: #fff; }
#tabs ul.wooTabs li a {	color:#a1a1a1; background: #dfdfdf; display: block;float: left;padding: 5px 10px; margin-right: 5px; font-size: 11px; font-weight: bold; }

#tabs .inside { background:#6ca0a8; padding:5px;}
#tabs .inside li { background:#fff;  }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border-width:1px 0 1px 0; }
#tabs .inside li { border-bottom:1px solid #dfdfdf; padding:10px; line-height: 16px; }
#tabs .inside li a { color:#3f3f3f; font-size: 14px; font-weight: bold; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font-size: 11px; font-style: italic; text-transform:uppercase; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }
#tabs .inside #tab-comm a  { font-weight: normal; font-size: 12px; }
#tabs .inside #tab-tags  { background: #fff; }
#tabs .inside #tab-tags a  { color: #3f3f3f; }
#tabs .inside #tab-tags a:hover  { color: #6ca0a8; text-decoration: none; }

#footer-widgets #tabs ul.wooTabs li a  { font-size: 11px; padding: 4px 5px; margin: 0 3px 0 0; background: #c4c4c4; color: #fff; }
#footer-widgets #tabs .inside  { padding: 2px; background: #c4c4c4; }
#footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover  { color: #424242; }

/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-weight: bold; display: inline-block; padding: 5px 10px 6px; color: #424242 !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#fff; }
.button:hover, .reply a:hover { color: #000  !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0 10px 0; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2; }

ul#mid{list-style: none;padding:0}
ul#mid li {margin: 5px;display:flex;align-items:center}
.va {font-size: 22px; padding-left: 10px;}

.table-wrap{max-width:100%;overflow-y:auto;display:block}
.entry table{border-collapse:collapse;margin:20px auto}
.entry table td,.entry table th{padding:3px;border:1px solid gray}

@media (max-width:470px) {
    #main-nav{font-size:3.1vw;}
    #main-nav li {width:calc(33.3% - 1px)}
}

@media (max-width:960px) {
    #content{width:calc(100% - 40px); margin:0 20px}
}

@media (max-width:840px) {
    .col-left, .col-right{float:none}
    #main,#sidebar{width:100%}
    #sidebar .secondary{float:none;width:100%}
    #a-sidebar{display:none}
}
