body { 
	background: #3b3b3b url("../images/background.png") repeat-x;
	margin: 0; 
	padding: 0; 
	text-align: left; 
	font: 0.9em/1.6em Corbel,Helvetica,Arial,Geneva,sans-serif;
	color: #fff;
}
hr{ margin: 0; padding: 0; visibility: hidden; display: none; }
.display-none{ visibility: hidden; display: none; }
.clear{ clear: both; } 
.lightbrown{ color: #fddd86;  }

p{ margin: 0 0 10px 0; padding: 0; }

a{ text-decoration: underline; color: #fddd86; }
a:hover{ color: #85e6ed; }

#web{ width: 1100px; margin: 0 auto 0 0; text-align: left; }
#header{ width: 1100px; height: 253px; position: relative; background: url("../images/header.png") no-repeat; }
#logotype{ width: 269px; height: 132px; top: 27px; left: 90px; position: absolute; }
#logotype a{ display: block; width: 269px; height: 132px; background: url(../images/logotype.png) no-repeat; }
#logotype a span{ visibility: hidden; display: none; }
#slogan{ width: 502px; height: 87px; top: 159px; right: 100px; background: url("../images/header-slogan.png") no-repeat; position: absolute; }
#slogan span{ visibility: hidden; display: none; }

#navigation{ margin: 0; padding: 0; position: absolute; top: 98px; right: 100px; width: 502px; height: 43px; }
#navigation ul{ margin: 0; padding: 0; }
#navigation ul li{ list-style-type: none; float: left; height: 43px; }
#navigation ul li a{ display: block; height: 43px; }
#navigation ul li a span{ visibility: hidden; display: none; }
#navigation ul li.uvod a{ width: 87px; background: url(../images/menu-uvod.png) 0 0 no-repeat; }
#navigation ul li.referencie a{ width: 122px; background: url(../images/menu-referencie.png) 0 0 no-repeat; }
#navigation ul li.sluzby a{ width: 108px; background: url(../images/menu-sluzby.png) 0 0 no-repeat; }
#navigation ul li.o-nas a{ width: 100px; background: url(../images/menu-o-nas.png) 0 0 no-repeat; }
#navigation ul li.kontakt a{ width: 85px; background: url(../images/menu-kontakt.png) 0 0 no-repeat; }

#navigation ul li.uvod a:hover{ background-position: -87px 0; }
#navigation ul li.referencie a:hover{ background-position: -122px 0; }
#navigation ul li.sluzby a:hover{ background-position: -108px 0; }
#navigation ul li.o-nas a:hover{ background-position: -100px 0; }
#navigation ul li.kontakt a:hover{ background-position: -85px 0; }

#content{ width: 900px; margin: 50px 0 80px 100px; padding: 0;  }
#content-in{ width: 550px; float: left; }
#panel{  width: 300px; float: right;  }
#footer{ width: 1000px; height: 90px; background: url(../images/footer.png) no-repeat top left; }
#footer p{ padding: 40px 0 5px 100px;  margin: 0; font-size: 0.8em; line-height: 1.5em; }
#footer p.footer-left{ float: left; }
#footer p.footer-right{ float: right; text-align: right; }
h1{ margin: 5px 10px 15px 0px; padding: 0; font-size: 28px; font-weight: normal; text-transform: uppercase; color: #fddd86; height: 46px; }
h2{ margin: 20px 10px 5px 0; padding: 0; font-size: 1.3em; font-weight: normal; color: #fddd86; letter-spacing: -0.05em; }
h1 span{ display: none; visibility: hidden;}
h1#titulka{ background: url(../images/h1-titulka.png) no-repeat; }
h1#stranka-nebola-najdena{ background: url(../images/h1-stranka-nebola-najdena.png) no-repeat; }
h1#kontakt{ background: url(../images/h1-kontakt.png) no-repeat; }
h1#o-nas{ background: url(../images/h1-o-nas.png) no-repeat; }
h1#sluzby{ background: url(../images/h1-sluzby.png) no-repeat; }
h1#odporucit-web-stranku{ background: url(../images/h1-odporucit-web-stranku.png) no-repeat; }
h1#referencie{ background: url(../images/h1-referencie.png) no-repeat; }
h1#sablony{ background: url(../images/h1-prevod-dizajnu-do-kodu.png) no-repeat; }	
h1#mapa-stranok{ background: url(../images/h1-mapa-stranok.png) no-repeat; }	
h1#novy-web{ background: url(../images/h1-novy-web.png) no-repeat; }	


h1#webhosting{ background: url(../images/h1-webhosting.png) no-repeat; }
h1#sprava-www{ background: url(../images/h1-sprava-a-rozvoj-web-stranok.png) no-repeat; }
h1#seo{ background: url(../images/h1-optimalizacia-pre-vyhladavace.png) no-repeat; }
h1#redakcny-system{ background: url(../images/h1-redakcny-system.png) no-repeat; }	
h1#webdizajn{ background: url(../images/h1-webdizajn.png) no-repeat; }
h1#sablony{ background: url(../images/h1-prevod-dizajnu-do-kodu.png) no-repeat; }								     


/* --- TITULKA --- */
#homepage-top{ width: 900px; height: 250px;}
#homepage-top-text{ width: 400px; float: left; margin: 0; }
#homepage-top-image{ width: 480px; float: right; margin: 0; height: 200px; background: #CDCDCD; }

#titulka-content{ font-size: 0.9em; }
#titulka-content-sluzby{ float: left; width: 270px; margin: 0 43px 0 0;  }
#titulka-content-vas-novy-web{ float: left; width: 270px;  }
#titulka-content-novinky{ float: left; width: 270px; margin: 0 0 0 43px;  }
#titulka-content h2{ margin: 0; padding: 0; display: block; width: 270px; height: 28px; }
#titulka-content h2 span{ display: none; visibility: hidden; }
#titulka-content-sluzby h2{ background: url(../images/titulka-content-sluzby.png) no-repeat; }
#titulka-content-vas-novy-web h2{ background: url(../images/titulka-vasa-nova-web-stranka.png) no-repeat;}
#titulka-content-novinky h2{ background: url(../images/titulka-content-novinky.png) no-repeat; }
#titulka-content-novinky p{ padding: 5px; margin: 5px 0 5px 0; }
#titulka-content-novinky p strong{ padding-right: 5px; letter-spacing: -0.05em; color: #fddd86; }
#titulka-content-novinky p.second{ background: #464646; }
#titulka-content-novinky p a{ padding-right: 8px; background: url("../images/novinky-bullet-a.png") no-repeat right; }

#titulka-content-vas-novy-web ul{ margin: 0; padding: 0; }
#titulka-content-vas-novy-web ul li{ list-style-type: none; margin: 0; background: url("../images/ikonka.png") no-repeat 10px 11px; padding: 5px 0 5px 0; }
#titulka-content-vas-novy-web ul li a{ padding: 3px 0 3px 30px; margin: 0; }
#titulka-content-vas-novy-web ul li.second{ background: #464646 url("../images/ikonka.png") no-repeat 10px 11px; }

#titulka-content-sluzby ul{ margin: 0; padding: 0; width: 100%;  }
#titulka-content-sluzby ul li{ list-style-type: none; margin: 0; background: #464646 url("../images/ikonka.png") no-repeat 10px 11px; padding: 5px 0 5px 0; }
#titulka-content-sluzby ul li a{ padding: 3px 0 3px 30px; margin: 0; }
#titulka-content-sluzby ul li.second{ background: url("../images/ikonka.png") no-repeat 10px 11px; }

p.uputavka{ margin: 20px 0 20px 0; padding: 15px; background: #5a5a5a; color: #f6f6f6; }
p.titulka-uputavka{ margin: 0 0 10px 0; padding: 15px; background: #5a5a5a; color: #f6f6f6; text-align: justify; }

/* --- ERROR 404 --- */
#error-404{ width: 900px; }
#error-404-appologize{ float: left; width: 450px; }
#error-404-appologize p.big{ text-align: center; padding: 40px 0 0 0; font-size: 4em; letter-spacing: -0.08em; }
#error-404-appologize p.big span{ padding-left: 15px; color: #fddd86; }
#error-404-appologize2{ float: right; width: 440px; }
#error-404-appologize2 ul{ margin: 5px 0 0 0; font-size: 0.9em; }
#error-404-appologize2 ul li{ list-style-type: none; padding: 3px 0 3px 0; background: url("../images/ikonka.png") no-repeat 10px 11px; }
#error-404-appologize2 ul li.second{ background: #464646 url("../images/ikonka.png") no-repeat 10px 11px; }
#error-404-appologize2 ul li a{ display: block; padding: 2px 0 2px 35px; }

/* --- KONTAKT --- */
#kontakt-page{ width: 900px; }
#kontakt-info{ width: 900px; padding: 0 0 18px 0; margin: 0 0 15px 0; border-bottom: 5px solid #464646; }
.kontakt-info{ width: 200px; margin: 0 11px 0 11px; float: left; }
.kontakt-info h3{ margin: 0 0 5px 0; padding: 0; font-size: 1.1em; font-weight: normal; color: #fddd86; }
.kontakt-info p{ font-size: 0.9em; margin: 0; padding: 0; }
#kontakt-form{ width: 900px; }
#kontakt-form form{ margin: 0; padding: 0; }
#kontakt-form .kontakt-form{ width: 260px; margin: 0 17px 0 17px; float: left; }
#kontakt-form .kontakt-form p{ margin: 3px 3px 0; padding: 0; font-size: 0.9em; }
#kontakt-form form p label{ font-weight: normal; margin: 0; padding: 0; }
#kontakt-form form p label span{ padding-left: 3px; color: #fddd86; font-weight: bold; }
#kontakt-form form input{ width: 90%; padding: 3px 3px 3px 3px; font-size: 1.1em; margin: 5px 0 5px 0; border: 1px dotted #fddd86; background: #5b5b5b; color: #FFF; }
#kontakt-form form input:focus { border: 1px solid #85e6ed; color: #85e6ed; }
#kontakt-form form textarea{ width: 91%; padding: 3px; font-size: 1.1em; margin: 5px 0 5px 0; border: 1px dotted #fddd86; background: #5b5b5b; color: #FFF; margin: 5px 0px 0px 20px; }
#kontakt-form form input.submit{ width: 93px; height: 33px; border: 0; }
#kontakt-form form p.form-right{ text-align: right; margin-right: 40px; }
label.kontakt-form-p{ font-size: 0.9em; padding-left: 17px; }

#panel h2{ color: #fff; }
#panel ul{ margin: 5px 0 5px 0; padding: 0; }
#panel ul li { list-style-type: none; margin: 0 0 10px 0; padding: 0; font-size: 0.9em; }
#panel ul li strong{ display: block; color: #fddd86; font-size: 1.1em;}

#panel ul#submenu{ margin: 5px 0 15px 0; padding: 0; }
#panel ul#submenu li{ list-style-type: none; margin: 3px 0 3px 0; }
#panel ul#submenu li.active{ background: #5b5b5b; }
#panel ul#submenu li a{ display: block; padding: 5px 5px 5px 20px; }

#zaujala-ponuka{ width: 550px; margin: 30px 0 20px 0; background: url("../images/zaujala-vas-nasa-ponuka.png") no-repeat top left;  }
#zaujala-ponuka h3{ margin: 0; padding: 25px 15px 10px 15px; font-size: 1.0em;  font-weight: bold; color: #fff; }
#zaujala-ponuka p{ margin: 0; padding: 0 15px 15px 75px; font-size: 0.9em; }

.sluzba{ width: 425px; margin: 20px 0 0 0; float: left;  }
.sluzbap{ margin-left: 50px; }
.sluzba-2nd{ background: #5a5a5a; padding-bottom: 10px; }
.sluzba h2, .sluzba-outsourcing h2{ font-size: 1.15em; margin-top: 0; padding: 15px 15px 8px 15px; }
.sluzba p, .sluzba-outsourcing p{ padding: 0 15px 0 15px; margin-top: 0; text-align: justify; }
.sluzba p.img{ float: left;  padding: 0; text-align: center; display: inline; margin: 0 9px 38px 0; }
.sluzba-outsourcing{ width: 900px; background: #5a5a5a; padding-bottom: 10px; margin-top: 10px; }

#portfolio{ width: 900px; margin: 10px 0 10px 0; }
.portfolio{  float: left; width: 250px; margin: 10px 20px 10px 22px; height: 320px; }
.portfolio h3{ margin: 0; padding: 5px; font-weight: bold; font-size: 1.2em; color: #fddd86; text-transform: uppercase; letter-spacing: -0.1em;}
.portfolio img{ width: 250px; height: 100px; margin: 10px 0 10px 0;}
.portfolio p{ font-size: 0.9em; margin: 5px; text-align: justify; }  
.portfolio p.right{ text-align: right; margin: 0 5px 0 5px; font-size: 0.9em; }



#cp{ width: 100%; }
#cp form{ margin: 0; padding: 0; }
#cp form p label{ font-weight: normal; margin: 0; padding: 0; }
#cp form p label span{ padding-left: 3px; color: #fddd86; font-weight: bold; }
#cp form input, #cp form select{ width: 100%; padding: 3px 3px 3px 3px;font-size: 1.01em;  margin: 5px 0 5px 0; border: 1px dotted #fddd86; background: #5b5b5b; color: #FFF; }

#cpform input:focus, #cpform select option:focus { border: 1px solid #85e6ed; color: #85e6ed; }
#cp form textarea{ width: 100%; padding: 3px; font-size: 1.1em; margin: 5px 0 5px 0; border: 1px dotted #fddd86; background: #5b5b5b; color: #FFF;  }
#cp form input.submit{ width: 93px; height: 33px; border: 0; }
#cp form p.form-right{ text-align: right; margin-right: 40px; }
label.kontakt-form-p{ font-size: 0.9em; padding-left: 17px; }