/*
	Caleydon Media / www.caleydon.com / StyleSheet (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_hlavne
*/

/* Zaciatok CSS */

/* ZAKLADNE NASTAVENIA
======================================== */
* {padding:0; margin:0;}
pre, blockquote, ol, dl, fieldset, address {margin:1.2em 2%;}
dd {margin-left:5px;}
fieldset {padding:.5em;}

body {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.25em; color:#FFF; background:url("http://www.caleydon.com/obrazky/schema/pozadie-hlavne.png") no-repeat top center #162430;}

.reset {display:block; clear:both; font-size:1px; height:1px; line-height:0.1em;}

/* ZAKLADNE NASTAVENIA - Odkazy
======================================== */
a {font-weight:normal; text-decoration:none;}
a:link, a:visited {font-weight:normal; outline:none; text-decoration:none; color:#b4cadc;}
a:active, a:hover {font-weight:normal; outline:none; text-decoration:underline; color:#768694;}

/* STRUKTURA - Usporiadanie
======================================== */

/* KONTAJNERY
======================================== */
#kontajner {width:920px; margin:0 auto;}
#kontajnerHlava {width:920px; margin:0; padding:0;}
#kontajnerTelo {width:920px; margin:0; padding:0;}
#kontajnerPata {width:300px; height:100px; margin:30px auto 250px auto;}

/* ZAHLAVIE - BLOK - Jazykova navigacia
------------------------------------------------------ */
#navigaciaJazyk {padding:0; text-align:right; margin-top:10px; font-size:1.2em; letter-spacing:0.04em;}
#navigaciaJazyk ul {list-style-type:none; margin:0; margin-right:5px; padding:0;}
#navigaciaJazyk li {display:inline; margin:0; padding:0;}
#navigaciaJazyk a {margin:0 10px 0 0; padding:0 4px; text-decoration:none; font-weight:bold;}
#navigaciaJazyk a:hover {color:#192734; text-decoration:none; background-color:#b4c5d4;}

/* HLAVA - BLOK - Vizitka
------------------------------------------------------ */
.obalVizitka {float:left; width:340px; margin:0; padding:0; /*border-top:4px solid #334656;*/}
.obsahVizitka {margin:0; padding:30px 0 25px 20px; text-transform:lowercase;}
.obalNavigacia {margin:0 0 0 365px; padding:0;}
.obsahNavigacia {margin:0; padding:30px 0 0 0; text-transform:lowercase;}

/* TELO - BLOK - Projekt (Sumar)
------------------------------------------------------ */
.obalProjekt {width:920px;}
.obalPopis {float:left; width:340px; margin:0; padding:0;}
.obsahPopis {padding:3em 0 0 0; margin:0;}
.obalNahlad {margin:0 0 0 365px; padding:0;}
.obsahNahlad {padding:20px 0 0 0; margin:0;}
.obsahNahlad img {border:1px solid #334656;}
.projektNahlady {padding:1em 0.5em; text-align:right;}

.obsahPopis h1 {font-size:2em; margin:0; padding:0; line-height:1.3em; color:#b4cadc;}
.obsahPopis h2 {font-size:2em; margin:0; padding:0; line-height:1.3em; color:#b4cadc;}
h1 {font-size:2.6em; margin:0; padding:0; line-height:1.5em; color:#394c5d;}
h1 a:link, h1 a:visited {color:#768694; padding:0 4px;}
h1 a:hover {color:#192734; text-decoration:none; background-color:#b4c5d4;}
h1 a:active {color:#192734; text-decoration:none; background-color:#C8CED4;}

a:visited.aktivnaSekcia {background-color:#b4c5d4; color:#192734;}

h3 {font-size:2.8em; margin:0; padding:0; line-height:1.5em; color:#697a8a;}
h4 {font-size:1.3em; margin:2.5em 0 0 0; padding:0; line-height:1.5em; color:#697a8a;}
p {font-size:1.3em; line-height:1.6em; color:#60788b; letter-spacing:0.02em;}
p.popis {font-size:1.3em; line-height:1.6em; margin-bottom:1.3em; color:#60788b; letter-spacing:0.02em;}
p.odkazProjekt {font-size:1.7em; font-weight:bold; text-align:center; margin-top:40px;}

.projektPredel {border-top:1px solid #334656; margin:2em 0 1em 0; padding:0; height:5px;}

/* TELO - BLOK - Formular
------------------------------------------------------ */
.obalFormular {margin:0 0 0 400px; padding:0;}
.obsahFormular {padding:3em 0 0 0; margin:0;}
.obsahFormular h2 {font-size:2em; margin:0; padding:0; line-height:1.3em; color:#b4cadc;}
.obsahFormular p.kontakt {font-size:1.3em; color:#60788B; margin:1em 0 1.3em 0; letter-spacing:0.03em; line-height:1.3em;}

/* TELO - BLOK - Formular - Polia
----------------------------------------- */
.formular, textarea {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#162430; background-color:#9eaab6; border:0; padding:5px; margin-top:3px; letter-spacing:0.06em;}
.tlacidlo {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#162430; background-color:#9eaab6; border:0; padding:5px; margin:5px 10px 0 0; cursor:pointer; cursor:hand; font-weight:bold; letter-spacing:0.08em;}
.formular:focus, textarea:focus {background-color:#adb6be;}
.tlacidlo:hover {background-color:#adb6be; color:#162430;}

/* BLOK - TELO - Nahlady projektov
----------------------------------------- */
#obalNahlad ul {list-style:none;}
.noscript{display:none}
.obalProjekt .gallery ul.thumbs {width: 240px; padding-top: 5px; list-style: none;}
.thumbs {padding:0; margin:0; list-style-type:none;}
.thumbs a:active, .thumbs a:focus {outline:0;}
.thumbs li {display:inline; margin:0;}
.thumbs li a, .thumbs li a:visited {width:auto; padding:15px 10px 0 0; margin:0; float:left; text-decoration:none;}
.thumbs  li a img {border:1px solid #5f7d97;}
.thumbs  li a:hover img {border:1px solid #FFF;}
ul.thumbs li.selected a.thumb {color: #FFF; border: 1px solid #0F3;}
ul.thumbs li a {opacity:.5;}
ul.thumbs li.selected a {opacity:1;}

/* TELO - BLOK - Strankovanie
------------------------------------------------------ */
#blokStrankovanie {display:block; text-align:left; height:25px; line-height:23px; clear:both; padding-top:3px; margin-top:40px; font-size:2em; font-weight:normal; margin-right:30px; text-align:center;}
#blokStrankovanie a:link, #blokStrankovanie a:visited {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #617a8f; margin-left:6px; text-decoration:none; background-color:#2a3e50; color:#768694; width:23px; font-weight:normal;}
#blokStrankovanie a:hover {background-color:#768694; border:1px solid #98aab9; color:#2d4152;}
#blokStrankovanie .active_tnt_link {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #BBDDFF; margin-left:6px; text-decoration:none; background-color:#DDEEFF; color:#0072BC; cursor:default;}
#blokStrankovanie strong {padding:8px; padding-top:3px; padding-bottom:3px; border:1px solid #98aab9; margin-left:6px; text-decoration:none; background-color:#768694; color:#2d4152; cursor:default;}

/* TELO - Breadcrumnb navigacia
----------------------------------------- */
.breadcrumb {padding-bottom:1.5em; font-size:1.2em; color:#554423;}
.breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited {border-bottom:none; color:#A06D00; font-weight:normal;}
.breadcrumb a:hover {color:#333; text-decoration:underline;}

/* PATA - BLOK - Obrazok Logo
----------------------------------------- */
.zahlavieLogo {position:static; width:250px; height:75px; margin:0 auto; padding:30px 0 0 0;}
#obrazokLogo a {display:block; width:250px; height:75px; margin:0; cursor:pointer; background:url("http://www.caleydon.com/obrazky/schema/logo-caleydon-media.png") no-repeat top left;}
#obrazokLogo a:hover {text-decoration:none;}
#obrazokLogo a span {visibility:hidden;}

/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */
.odsadenie {display:block; height:1px;}
.obsahSkryty {display:none;}
a.obsahSkryty {display:none;}
h4.obsahSkryty {display:none;}
hr.predelSkryty {margin:0; padding:0; border:none; visibility:hidden; display:none;}
hr.predelBlokSkryty {clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden;}
.oddelovac {border-bottom:#999 1px solid; width:820px; margin:15px 0;}

img.galeriaFoto {margin-bottom:8px;}
.nahladPopiska {text-align:right; margin-right:10px; color:#60788B; font-size:1.1em; letter-spacing:0.05em;}
p.kategoriaPopis {margin-left:370px; font-size:1.5em;}
p.blokListovanie {text-align:right; margin-right:10px;}
p.odkazUpravit {margin-top:2em;}
p.odkazUpravit a {color:#F30;}
p.odkazySuvisiace {margin-top:1.5em;}
span.projektyZoznam {margin:0 15px;}

/* TELO - TITULKA - Galeria projektov
----------------------------------------- */
.projektGaleria {margin:0 auto; width:850px; padding:8px 0 15px 20px; overflow:hidden; }
.projektNahlad {float:left; width:280px; overflow:hidden; padding-bottom:20px;}
.projektNahlad img {border:1px solid #666; margin-bottom:3px;}
.projektNahlad a:hover img {border:1px solid #F9CEA5;}
.projektNahlad a {display:block; padding-right:5px;}
.projektNahlad span {font-size:1em;}
.fotografiaInfo {clear:left; font-size:1.2em; padding-top:10px;}

/* Koniec CSS */