/*
Theme Name: Webcreator.sk Sblog
Theme URI: http://webcreator.sk/
Description: Webcreator.sk theme for blogs.
Version: 1.0
Author: Webcreator team
Author URI: http://www.webcreator.sk/
*/
 
* 											{ margin: 0; padding: 0; border: 0; } 

#leva-strana ul {margin:10px 0 10px 30px;font-size:80%;line-height:150%;padding-top:10px;}
#leva-strana ol {margin:10px 0 10px 30px;font-size:80%;line-height:150%;padding-top:10px;}
/*** Layout ***/ 
input {background-color:#E7E7E7;}
textarea {background-color:#E7E7E7;}
#infobox a {
	color: #ffffff; font-weight: bold; font-family: Tahoma, "Geneva CE", lucida, sans-serif; 
}
body 											{ font-family: Tahoma, Verdana, Arial, lucida, sans-serif; background-color: #5e5e5e; background-image:  url("grafika/pozadi.png"); background-repeat: repeat-x; background-position: top center; }

#hlavicka .mskrytynadpis						{ margin: 0 auto; background-color: #3399cc; width: 908px; height: 183px; position: relative; }

#hlavicka .mskrytynadpis span 			 		{ background-image: url("grafika/mlogo.png"); position: absolute; width: 908px; height: 183px; } 

#hlavicka .sskrytynadpis						{ margin: 0 auto; background-color: #3399cc; width: 908px; height: 183px; position: relative; }

#hlavicka .sskrytynadpis span 			 		{ background-image: url("grafika/slogo.png"); position: absolute; width: 908px; height: 183px; } 

#hlavicka .pskrytynadpis						{ margin: 0 auto; background-color: #3399cc; width: 908px; height: 183px; position: relative; }

#hlavicka .pskrytynadpis span 			 		{ background-image: url("grafika/plogo.png"); position: absolute; width: 908px; height: 183px; } 

#hlavicka .wskrytynadpis						{ margin: 0 auto; background-color: #3399cc; width: 908px; height: 183px; position: relative; }

#hlavicka .wskrytynadpis span 			 		{ background-image: url("grafika/wlogo.png"); position: absolute; width: 908px; height: 183px; } 

#telo											{ margin: 0 auto; width: 948px; background-image: url(" grafika/telopoz.gif"); background-repeat: repeat-y; overflow: hidden; }

#leva-strana									{ float: left; padding-left: 20px; padding-right: 15px; width: 585px; background-color: #ffffff; border-left: 20px solid #5e5e5e; margin-bottom: -1000px; padding-bottom: 1000px; }

#prava2-strana									{ float: right; width: 270px; background-color: #ffffff; margin-right: 20px; }

#prava-strana									{ float: right; width: 250px; background-color: #ffffff; padding-right: 0;  margin-bottom: -1000px; padding-bottom: 1000px; }

#mpaticka 										{ position: relative; clear: both; width: 888px; padding: 10px; margin-top: 10px; background-color: #d0a422; color: #ffffff; border-left: 20px solid #5e5e5e; border-right: 20px solid #5e5e5e; }

#spaticka 										{ position: relative; clear: both; width: 888px; padding: 10px; margin-top: 10px; background-color: #cf691e; color: #ffffff; border-left: 20px solid #5e5e5e; border-right: 20px solid #5e5e5e; }

#ppaticka 										{ position: relative; clear: both; width: 888px; padding: 10px; margin-top: 10px; background-color: #38992e; color: #ffffff; border-left: 20px solid #5e5e5e; border-right: 20px solid #5e5e5e; }

#wpaticka 										{ position: relative; clear: both; width: 888px; padding: 10px; margin-top: 10px; background-color: #af248b; color: #ffffff; border-left: 20px solid #5e5e5e; border-right: 20px solid #5e5e5e; }

#patl 											{ float: left; width: 500px; }

#patp 											{ margin-left: 500px; width: 388px; text-align: right; }

#infobox										{ clear: both; position: relative; width: 565px; left: -20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #ffffff; background-color: #5f5f5f; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; font-weight: bold; line-height: 150%; }

#komentare                                      { clear: both; padding-top: 1px; }

.kombox											{ clear: both; position: relative; width: 585px; left: -20px; margin-top: 40px; margin-bottom: 20px; padding-left: 20px; padding-right: 0; color: #000000; background-color: #e7e7e7; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; font-weight: bold; line-height: 150%; }

.rekombox										{ clear: both; position: relative; width: 585px; left: -20px; margin-top: 40px; margin-bottom: 20px; padding-left: 20px; padding-right: 0; color: #000000; background-color: #e7e7e7; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; font-weight: bold; line-height: 150%; }

.komjmeno										{ float: left; width: 260px; }							

.komdatum										{ margin-left: 290px; width: 250px; text-align: right }										

.rekomjmeno										{ float: left; width: 260px; margin-left: 40px; }							

.rekomdatum										{ margin-left: 290px; width: 250px; text-align: right }										

.infodatum										{ float: left; width: 130px; }

.infopridal 									{ float: left; margin-left: 100px; }

.infokometar 									{ margin-left: 350px; width: 210px; text-align: right; }

.obrazek										{ float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 20px; }

.vpravo											{ float: right; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; font-weight: bold; line-height: 150%; padding-top: 10px; }

h2												{ clear: right; color: #3399cc; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 150%; line-height: 150%; padding-top: 10px; }								

h3												{ clear: right; color: #666666; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-weight:bold; font-size: 100%; line-height: 100%; padding-top: 10px; }								

h4												{ clear: right; color: #3399cc; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; line-height: 100%; padding-top: 10px; }								

h5												{ clear: right; color: #000000; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; line-height: 100%; }								

p												{ color: #000000; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; line-height: 150%; padding-top: 10px; }								

a 												{ color: #3399cc; font-weight: normal; }
a:hover 										{ text-decoration:none;}
.cistic											{ clear: both; }

input.vyhledat									{ width: 238px; background-image: url("grafika/input.png"); margin-top: 10px; padding: 5px; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 70%; }

input.tlacitko									{ float: left; background-color: #ffffff; color: #3399cc; text-decoration: underline; text-align: left; margin-top: 10px; cursor: pointer; }

#bublina_hor									{ margin-top: 10px; background-image: url("grafika/bublina_hor.png"); width: 250px; height: 8px; background-repeat: no-repeat; }

#bublina_dol									{ background-image: url("grafika/bublina_dol.png"); width: 250px; height: 34px; background-repeat: no-repeat; }

#bublina										{ width: 230px; background-color: #ceeaf5; color: #3399cc; padding: 10px; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 100%; font-weight: bold; line-height: 150%;   }

#bublina a										{ float: right; color: #3399cc; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; font-weight: normal; line-height: 150%; }

#prava-strana ul								{ list-style: none; padding-top: 10px; }

#prava-strana li								{ color: #000000; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; line-height: 150%; font-weight: bold; }

input.prihlasit									{ width: 238px; background-image: url("grafika/input.png"); margin-top: 10px; padding: 5px; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 70%; }

input.tlacitko2									{ float: right; background-color: #ffffff; color: #3399cc; text-decoration: underline; text-align: left; margin-top: 10px; cursor: pointer; }

#vyhledavanini, #prihlaseni	a					{ float: right; margin-left: 20px; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 80%; line-height: 150%; }

#muvozvel_hor									{ float: right; margin-top: 10px; background-image: url("grafika/muvozvel_hor.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#muvozvel_dol									{ float: left; margin-top: 10px; background-image: url("grafika/muvozvel_dol.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#suvozvel_hor									{ float: right; margin-top: 10px; background-image: url("grafika/suvozvel_hor.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#suvozvel_dol									{ float: left; margin-top: 10px; background-image: url("grafika/suvozvel_dol.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#puvozvel_hor									{ float: right; margin-top: 10px; background-image: url("grafika/puvozvel_hor.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#puvozvel_dol									{ float: left; margin-top: 10px; background-image: url("grafika/puvozvel_dol.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#wuvozvel_hor									{ float: right; margin-top: 10px; background-image: url("grafika/wuvozvel_hor.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

#wuvozvel_dol									{ float: left; margin-top: 10px; background-image: url("grafika/wuvozvel_dol.png"); width: 51px; height: 48px; background-repeat: no-repeat; }

h3.prihl { float: left; padding-top: 35px; }

.uvoz_hor									{ float: right; position: relative; top: -30px; background-image: url("grafika/uvoz_hor.png"); width: 31px; height: 29px; background-repeat: no-repeat; }

.uvoz_dol									{ float: left; margin-top: 10px; margin-bottom: 10px; background-image: url("grafika/uvoz_dol.png"); width: 31px; height: 29px; background-repeat: no-repeat; }

.reuvoz_dol									{ float: left; margin-left: 40px; margin-top: 10px; margin-bottom: 10px; background-image: url("grafika/uvoz_dol.png"); width: 31px; height: 29px; background-repeat: no-repeat; }

#mpaticka p, #spaticka p, #ppaticka p, #wpaticka p		{ color: #ffffff; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 70%; line-height: 150%; padding-top: 10px; }								

#mpaticka a, #spaticka a, #ppaticka a, #wpaticka a, #menp a		{ color: #ffffff; }	

#menp										{ float: right; text-align: right; margin-right: 20px; margin-top: 0; color: #ffffff; font-family: Tahoma, "Geneva CE", lucida, sans-serif; font-size: 70%; line-height: 150%; }							

#menp img, #patl img						{ position: relative; top: 4px; }							

.rekomentar p, .rekomentar h5				{ margin-left: 40px; }

.komnab p									{ margin-left: 50px; }

.rekomnab p									{ margin-left: 90px; }

.dat 										{ position: relative; top: -30px; padding: 0; margin: 0; margin-right: 20px; }

.bot										{ margin-bottom: 20px; }

/*** Menicko ***/ 

#menicko 									{ width: 908px; height: 46px; margin: 0 auto; margin-bottom: 10px; }

ul#menupolozky 								{ width: 908px; height: 46px; list-style-type: none; background-color: #d8d5d0; background-image: url(" grafika/marmenupoz.png"); background-repeat: no-repeat; }					

ul#menupolozky li 							{ display: inline; text-align: left; font-weight: bold; font-size: 120%; font-family: Tahoma, "Geneva CE", lucida, sans-serif; }

ul#menupolozky a							{ float: left; font-weight: bold; width: 98px; padding-top: 12px; height: 34px; background-color: transparent; color: #ffffff; text-align: center; text-decoration: none; }

ul#menupolozky a.webdesign					{ float: left; width: 156px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f2d887; text-align: left; text-decoration: none; }

ul#menupolozky a.programovani				{ float: left; width: 159px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f2d887; text-align: left; text-decoration: none; }

ul#menupolozky a.seo						{ float: left; width: 68px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f2d887; text-align: left; text-decoration: none; }

ul#menupolozky a.marketing					{ float: left; width: 127px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #ffc30b; text-align: left; text-decoration: underline; }

ul#menupolozky a:hover 						{ background-color: #8b806c; color: #ffffff; }

ul#menupolozky a:hover.webdesign	 		{ background-color: transparent; color: #ffc30b; background-image: url(" grafika/webdesignpoz.png"); background-repeat: no-repeat; }

ul#menupolozky a:hover.programovani 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 159px; position: relative; background-color: #8b806c; color: #ffc30b; background-image: url("grafika/programovanipoz.png"); background-repeat: no-repeat; }

ul#menupolozky a:hover.seo			 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 68px; position: relative; background-color: #8b806c; color: #ffc30b; background-image: url("grafika/seopoz.png"); background-repeat: no-repeat; }

ul#menupolozky a:hover.marketing			{ left: -10px; margin-right: -10px; padding-left: 25px; width: 127px; position: relative; background-color: transparent; color: #ffc30b; text-decoration: none; }

ul#menupolozky2 								{ width: 908px; height: 46px; list-style-type: none; background-color: #d8d5d0; background-image: url(" grafika/seomenupoz.png"); background-repeat: no-repeat; }					

ul#menupolozky2 li 							{ display: inline; text-align: left; font-weight: bold; font-size: 120%; font-family: Tahoma, "Geneva CE", lucida, sans-serif; }

ul#menupolozky2 a							{ float: left; font-weight: bold; width: 98px; padding-top: 12px; height: 34px; background-color: transparent; color: #ffffff; text-align: center; text-decoration: none; }

ul#menupolozky2 a.webdesign					{ float: left; width: 156px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f1b27f; text-align: left; text-decoration: none; }

ul#menupolozky2 a.programovani				{ float: left; width: 159px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f1b27f; text-align: left; text-decoration: none; }

ul#menupolozky2 a.seo						{ float: left; width: 68px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #fe6c00; text-align: left; text-decoration: underline; }

ul#menupolozky2 a.marketing					{ float: left; width: 127px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #f1b27f; text-align: left; text-decoration: none; }

ul#menupolozky2 a:hover 						{ background-color: #8b806c; color: #ffffff; }

ul#menupolozky2 a:hover.webdesign	 		{ background-color: transparent; color: #fe6c00; background-image: url(" grafika/webdesignpoz2.png"); background-repeat: no-repeat; }

ul#menupolozky2 a:hover.programovani 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 159px; position: relative; background-color: #ffffff; color: #fe6c00; background-image: url("grafika/programovanipoz2.png"); background-repeat: no-repeat; }

ul#menupolozky2 a:hover.seo			 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 68px; position: relative; background-color: transparent; color: #fe6c00; text-decoration: none; }

ul#menupolozky2 a:hover.marketing			{ left: -10px; margin-right: -10px; padding-left: 25px; width: 127px; position: relative; color: #fe6c00; background-color: #ffffff; background-image: url("grafika/marketingpoz2.png"); background-repeat: no-repeat; text-decoration: none; }

ul#menupolozky3 								{ width: 908px; height: 46px; list-style-type: none; background-color: #d8d5d0; background-image: url(" grafika/promenupoz.png"); background-repeat: no-repeat; }					

ul#menupolozky3 li 							{ display: inline; text-align: left; font-weight: bold; font-size: 120%; font-family: Tahoma, "Geneva CE", lucida, sans-serif; }

ul#menupolozky3 a							{ float: left; font-weight: bold; width: 98px; padding-top: 12px; height: 34px; background-color: transparent; color: #ffffff; text-align: center; text-decoration: none; }

ul#menupolozky3 a.webdesign					{ float: left; width: 156px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #9cd993; text-align: left; text-decoration: none; }

ul#menupolozky3 a.programovani				{ float: left; width: 159px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #31bc23; text-align: left; text-decoration: underline; }

ul#menupolozky3 a.seo						{ float: left; width: 68px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #9cd993; text-align: left; text-decoration: none; }

ul#menupolozky3 a.marketing					{ float: left; width: 127px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #9cd993; text-align: left; text-decoration: none; }

ul#menupolozky3 a:hover 						{ background-color: #8b806c; color: #ffffff; }

ul#menupolozky3 a:hover.webdesign	 		{ background-color: transparent; color: #31bc23; background-image: url(" grafika/webdesignpoz3.png"); background-repeat: no-repeat; }

ul#menupolozky3 a:hover.programovani 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 159px; position: relative; background-color: transparent; color: #31bc23; text-decoration: none; }

ul#menupolozky3 a:hover.seo			 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 68px; position: relative; background-color: #ffffff; color: #31bc23; background-image: url("grafika/seopoz3.png"); background-repeat: no-repeat; }

ul#menupolozky3 a:hover.marketing			{ left: -10px; margin-right: -10px; padding-left: 25px; width: 127px; position: relative; color: #31bc23; background-color: #ffffff; background-image: url("grafika/marketingpoz3.png"); background-repeat: no-repeat; text-decoration: none; }

ul#menupolozky4 								{ width: 908px; height: 46px; list-style-type: none; background-color: #d8d5d0; background-image: url("grafika/webmenupoz.png"); background-repeat: no-repeat; }					

ul#menupolozky4 li 							{ display: inline; text-align: left; font-weight: bold; font-size: 120%; font-family: Tahoma, "Geneva CE", lucida, sans-serif; }

ul#menupolozky4 a							{ float: left; font-weight: bold; width: 98px; padding-top: 12px; height: 34px; background-color: transparent; color: #ffffff; text-align: center; text-decoration: none; }

ul#menupolozky4 a.webdesign					{ float: left; width: 156px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #d80ba4; text-align: left; text-decoration: underline; }

ul#menupolozky4 a.programovani				{ float: left; width: 159px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #e182c6; text-align: left; text-decoration: none; }

ul#menupolozky4 a.seo						{ float: left; width: 68px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #e182c6; text-align: left; text-decoration: none; }

ul#menupolozky4 a.marketing					{ float: left; width: 127px; padding-left: 15px; padding-top: 12px; height: 34px; background-color: transparent; color: #e182c6; text-align: left; text-decoration: none; }

ul#menupolozky4 a:hover 						{ background-color: #8b806c; color: #ffffff; }

ul#menupolozky4 a:hover.webdesign	 		{ background-color: transparent; color: #31bc23; text-decoration: none; }

ul#menupolozky4 a:hover.programovani 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 159px; position: relative; background-color: transparent; color: #d80ba4; background-image: url("grafika/programovanipoz4.png"); background-repeat: no-repeat; }

ul#menupolozky4 a:hover.seo			 		{ left: -10px; margin-right: -10px; padding-left: 25px; width: 68px; position: relative; background-color: #ffffff; color: #d80ba4; background-image: url("grafika/seopoz4.png"); background-repeat: no-repeat; }

ul#menupolozky4 a:hover.marketing			{ left: -10px; margin-right: -10px; padding-left: 25px; width: 127px; position: relative; color: #d80ba4; background-color: #ffffff; background-image: url("grafika/marketingpoz4.png"); background-repeat: no-repeat; text-decoration: none; }

