/*
Theme Name: Frogi.cz
Theme URI: 
Author: Marek Klusák
Author URI: 
Description: Wordpress šablona
Version: 1.0
License: GNU General Public License
License URI: 
Tags:  
*/
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0; }
*/
/******************************************************************************/
body {
	margin: 0; 
	padding: 0;
	font-family: Calibri, Verdana, sans-serif;
	color: #000;
	background: #fff;	}

a { color: #007bc3; }

li { list-style-image: url(img/arrow.png) }

#main { margin: 0 auto;  }

#header { width: 1055px; height: 113px; margin: auto; position: relative; }

#logo { width: 271px; height: 93px; float: left; margin: 3px 0 4px 20px; padding: 0 0px 0 0px; background: url("img/logo.png") no-repeat; cursor: pointer; }
#about { width: 280px; height: 81px; padding: 15px 20px 0px 40px; float: left; font-size: 28px; font-variant: small-caps; line-height: 30px; color: #8fbf21; font-weight: bolder; }

#search { height: 93px; width: 400px; position: absolute; right: 0; top: 0; }
#search_input { width: 228px; height: 32px; position: absolute; top: 30px; left: 40px; background: url("img/Hledej_Ramecek.png"); }
#search_input input { border: none; background-color: transparent; height: 26px; width: 180px; display: block; position: relative; top: -18px; left: 38px; }
#lens { width: 21px; height: 21px; background: url("img/Hledej_Lupa.png") no-repeat; position: relative; top: 5px; left: 5px; }
#search_button { height: 30px; width: 100px; position: absolute; right: 10px;line-height: 30px; text-align: center; margin: 30px auto; font-size: 12pt; color: #fff; background: url("img/Hledej_Tlacitko.png") repeat-x; border: 1px solid #81b900; cursor: pointer; }

#navigation { width: 100%; min-width: 1070px; height: 36px; margin: 20px auto 0px auto; clear: both; background: url("img/Okraj_Zelena.jpg") repeat-x; background-position: left bottom; }
#nav_content { width: 1055px; height: 36px; margin: auto; line-height: 36px; }
#nav_content ul { display: inline; margin: 0 0 0 10px; }
#nav_content li { display: inline-block; list-style-type: none; height: 36px; margin: 0 58px 0px 30px; text-align: center; font-size: 16px; font-weight: bolder; }
#nav_content li a { text-decoration: none; text-align: center; text-transform: uppercase; color: white; }
#nav_content li.current-menu-item a,#nav_content li.current-page-ancestor a  { background: url("img/Sipka.png") center bottom no-repeat; padding-bottom: 21px; }

#subnavigation { /*width: 1250px;*/ width: 100%; min-width: 1070px;height: 374px; margin: auto; background: url("img/Okraj_Modra.jpg") repeat-x; }
#subnav_content { width: 1055px; margin: auto; }
#subnav_content span { width: 150px; display: block; font-variant: small-caps; font-weight: bold; font-size: 32px; text-align: center; margin: auto; padding-top: 230px; }
#sub_nav_grafika a { width: 286px; height: 250px; display: block; margin: 20px auto; text-decoration: none; color: white; background: url("img/01_Pasiv.png"); }
#sub_nav_grafika a:hover { width: 286px; height: 250px; display: block; margin: 20px auto; color: #ffdb01; background: url("img/01_Aktiv.png"); }
#sub_nav_vyroba a { width: 286px; height: 250px; display: block; margin: 20px auto; text-decoration: none; color: white; background: url("img/02_Pasiv.png"); }
#sub_nav_vyroba a:hover { width: 286px; height: 250px; display: block; margin: 20px auto; color: #ffdb01; background: url("img/02_Aktiv.png"); }
#sub_nav_marketing a { width: 286px; height: 250px; display: block; margin: 20px auto; text-decoration: none; color: white; background: url("img/03_Pasiv.png"); }
#sub_nav_marketing a:hover { width: 286px; height: 250px; display: block; margin: 20px auto; color: #ffdb01; background: url("img/03_Aktiv.png"); }

#content { width: 1055px; overflow: hidden; margin: 50px auto 0; text-align: justify; }
#content_back { width: 80px; font-size: 20px; line-height: 28px; background: #91c314; border: 1px solid black; padding: 8px; color: black; float: left; text-align: center; margin: auto auto auto 150px; cursor: pointer; }
#content_back:hover { background: #b7d209 }

#content h1 { margin-top: 0px; font-weight: normal; }
#content h2 { margin: 30px 20px 20px 20px; font-weight: normal; font-size: 24px; }
#content_left { width: 280px; float: left; }
#content_right { width: 700px; float: right; margin-right: 50px; }
#content_right ul li { list-style-image: url(img/arrow.png) }


#list { margin: auto 0px 50px 0px; color: white; }
#list a { display: block; text-decoration: none; color: white; }
#list li { background: #91c314; font-size: 20px; line-height: 28px; list-style-type: none; list-style-image: none; text-align: left; cursor: pointer; padding: 8px; border: 2px solid white; }
#list li:hover { background: #b7d209; list-style-type: none; }

#contacts { width: 1055px; height: 619px; background: url("img/web_frogi_kontakt_edit.png") no-repeat bottom; clear: both; padding: 0; }
#cont_caption { margin: 90px 50px 10px 0; color: white; font-size: 25px; float: right; font-weight: bolder; }
#cont_left { width: 385px; height: 483px; float: left; margin: 132px 0 0 0; color: white; font-size: 20px; }
#cont_left h1 { margin: 15px 0 0 65px; font-weight: bold; font-size: 23px; }
#cont_left p { margin: 10px 0 10px 65px; font-size: 18px; line-height: 18px; }
#cont_right { width: 400px; margin: 132px  0 0 40px; float: left; color: white; }
#cont_right a { color: #fff; }
#cont_right img { border: 2px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; }
#cont_right h1 { font-weight: bold; margin: 0; font-size: 20px; }
#cont_right p { margin: 0 0 10px 0;}
#cont_right td { padding-left: 10px; padding-bottom: 40px; vertical-align: top; }


#products { width: 1055px; clear: both; padding: 40px 0 0px 0; margin: 0 0 70px 0; }
#prod_caption { height: 57px; padding: 60px 50px 0 0; background: url("img/prod-top.png") top left no-repeat; color: white; font-size: 25px; text-align: right;  font-weight: bolder; }
#prod_bottom { height: 10px; margin-left: 31px; background: url("img/prod-bottom.png") top left no-repeat; }
#prod_sloupce { margin-left: 31px; padding-top: 20px; overflow: hidden; background: #0068B3; }
#products p { font-size: 16px; line-height: 16px; margin: 0 0 17px 0; }
.prod_column { width: 280px; margin:10px 0px 0 45px; float: left; color: white; font-size: 35px; }
.prod_column a { text-decoration: none; color: white; font-weight: bolder; font-size: 18px; }
.prod_column a:hover { text-decoration: underline; color: white; }





#writeus { width: 1055px; height:458px; background: url("img/edit_web_frogi_REZ_07.png") no-repeat; margin: 70px auto; clear: both;    background-color: #90C903; border-radius:10px}
#writeus_caption { margin: 60px 50px 30px 0; color: white; font-size: 20px; float: right; }
#writeus_content { color: white; margin: 0px 0 0 20px; padding: 28px 0 0 130px; }
#writeus a, #writeus a:hover { color: white }



#writeus_logo { width: 124px; height: 45px; float: right; margin: 10px 33px 0 0; background: url("img/2_Logo.png") no-repeat; }

#writeus br { display: none  }
#writeus li { list-style-type: none; list-style-image: none; }

.vfb-fieldset { border: 0; padding: 0; margin: 0; }
.vfb-legend { display: none; }
ul.vfb-section { list-style-type: none; margin :0; padding: 0; }
ul.vfb-section li { width: 293px;  float: left; background: url("img/2_Box1.png") bottom no-repeat;  }
#item-vfb-5{ margin: 0 0 0 62px }
#item-vfb-8 { margin: 0 0 0 43px }
#item-vfb-9 { margin: 0 0 0 43px }

ul.vfb-section-2 li { width: 965px;   float: none; margin: 0 0 0 62px; background: url("img/2_Box2.png") no-repeat; }
ul.vfb-section-2 textarea { width: 950px; height: 70px; margin: 9px 0 0 0; background: #f2f8e0;  font-size: 16px; color: gray; font-style: italic; border: 2px solid #618702; }

#writeus input { width: 278px; height: 22px; margin: 9px 0 0 0; background: #f2f8e0;  font-size: 16px; color: gray; font-style: italic; border: 2px solid #618702; }
#writeus label { display: block; color: white; margin: 0;  }
#writeus label.error { color:red }

#item-vfb-10 { margin-top: 10px; }

.vfb-fieldset-3 { padding-top: 0px; min-height: 57px; background: url("img/2_Logo.png") 900px 10px no-repeat; }
ul.vfb-section-3 li { width: 30%; float: left; height: auto; text-align: center; }
#vfb-3, .vfb-item-secret { margin-left: 62px; }
.vfb-item-secret label { display: inline !important; }
.vfb-item-secret input { width: 30px!important; margin: 0 0 0 5px !important; }


#writeus #sendmail {    width: 110px; height: 42px; color: white; font-size: 20px; margin: 0; text-align: center;    border: 2px solid white; background: #90c803; cursor: pointer; }











#footer { height: 185px; margin-bottom: -27px; background: url("img/Okraj_Zapati.jpg") repeat-x; }
#footer_bck {  width:100%; min-width: 1070px;height: 185px; margin: auto; background: url("img/web_frogi_REZ_09.png") no-repeat; }
#footer_content { width: 1055px; height: 185px; margin: auto; }
#footer_fcb { width: 500px; height: 185px; float: left; }
#footer_visit { width: 555px; height: 185px; float: left; }
#footer h3 { color: white; font-weight: normal; margin: 30px 0 0 50px; }

#fcb_logo { width: 80px; height: 80px; background: url("img/Ikona_Facebook.png"); margin: 25px 0 0 50px; }
#fcb_logo a { display: block; width: 80px; height: 80px; }
#visit_logo { width: 80px; height: 80px; background: url("img/Ikona_Domek.png"); float: left; margin: 25px 0 0 50px; }
#visit_info { height: 80px; color: white; font-size: 16px; line-height: 27px; margin: 25px 0 0 50px; float: left; }
#visit_info dl { float: left; margin: 0; }
#visit_info dt, #visit_info dd { margin: 0 55px 0 0 }

.content_div { width: 280px; margin: 0 0px 0 60px; float: left; }
.content_text { width: 100%; min-height: 200px; text-align: justify; }
.content_text p { margin: 0 0 20px 0 }
.content_text a { text-decoration: none; color: #007bc3; }
.content_text a:hover { text-decoration: underline; color: #007bc3; }
.sub_nav_div { width: 351px; height: 372px; float: left; }

.hidden { visibility: hidden; width: 1px; height: 1px; }
.quote { display: block; padding-bottom: 20px; font-style: italic; }
.bold { font-weight: bolder }
.pointer { cursor: pointer }
.indent { text-indent: 40px }
.gps { float: left; margin: 0 0 0 25px; }
.left { float: left }
.rozectise { margin: 0 0 0 0px; float: left; display: block; width: 200px; }
a.rozectise { margin: 0 0 10px 50px }
.date { display: block; margin: 0; }
.act-caption { display: block; margin: 0; font-weight: bold; }
.absolute { position: fixed; left: 0; bottom: 0; }


/* =WordPress Core
-------------------------------------------------------------- */
img { border: 0 }
.alignnone { margin: 3px auto 3px }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 5px 20px; }
.alignleft { float: left; margin: 5px 20px 5px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 5px 20px; }
a img.alignnone { margin: 5px 20px 5px 0 }
a img.alignleft { float: left; margin: 5px 20px 5px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
img.wp-smiley { vertical-align: middle; border: 0 !important; }
.gallery { margin: auto }
.gallery .gallery-item { float: left; margin-top: 20px; margin-bottom: 20px; text-align: center; }
.gallery-columns-2 .gallery-item { width: 50% }
.gallery-columns-3 .gallery-item { width: 33% }
.gallery-columns-4 .gallery-item { width: 25% }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery-columns-6 .gallery-item { width: 15% }
.gallery img { border: 5px solid #fff }
.gallery .gallery-caption { margin-left: 0 }
  379