/* ----------------------------------------------------------------------------------------------------------
    Projekt: ESEMESKA
    URL: http://www.esemeska.cz/

    Výstupní zařízení: screen, projection

    Autor: Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize: 2008-01-02, 16:10 GMT+1

    Struktura:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, caption, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding:20px 0; background:#FFF; font:0.75em/1.6 "arial",sans-serif; color:#222; text-align:center;}

a {color:#222;}
a:hover {color:#CF0000;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:160%;}
h2 {font-size:160%;}
h3 {font-size:160%;}
h4, h5 {font-size:110%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {display:block; margin:15px 0 15px 30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #CCC;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#000;}
blockquote {margin:15px 50px; padding-left:30px; background:url("../design/blockquote.gif") 0 0 no-repeat; font-style:italic; color:#515151;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* ----------------------------------------------------------------------------------------------------------
Univerzální styly
---------------------------------------------------------------------------------------------------------- */

.f-left {float:left;}
.f-right {float:right;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.bigger {font-size:110%;}
.smaller {font-size:90%;}

.high {color:#000;}
.nonhigh {color:#515151;}
.nonhigh a {color:#515151;}
.nonhigh a:hover {color:#000;}

.clear {clear:both;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; text-align:left;}

	/* Hlavička */
	#header {position:relative; height:85px;}

        #logo {position:relative; width:325px; height:60px; margin:0; padding:0; font-size:0;}
        #logo span {position:absolute; width:325px; height:60px; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

        #adsense {position:absolute; top:0; right:0; width:468px; height:60px;}
        #adsense2 {width:728px; height:90px; margin:15px 0 15px 114px;}

	/* Záložky */
    #nav {position:relative;}
	#nav ul {margin:0; padding:0; list-style:none;}
	#nav ul li {display:block; float:left; margin:0; margin-right:7px; padding:5px 12px 5px 50px; border:1px solid #D1D1D1; border-bottom:0; cursor:pointer;}
    #nav ul li h2 {margin:0; font-size:100%; font-weight:bold;}
    #nav ul li a {text-decoration:underline;}

        #nav ul li#o2 {background:#F1F1F1 url("../design/logo-o2.gif") 12px 50% no-repeat;}
        #nav ul li#o2.nav-active {position:relative; bottom:-1px; margin-top:-1px; padding-bottom:6px; border:1px solid #006; border-bottom:none; background:#FFF url("../design/logo-o2-active.gif") 12px 50% no-repeat;}
        #nav ul li#o2 a {color:#006;}

        #nav ul li#tmobile {background:#F1F1F1 url("../design/logo-tmobile.gif") 12px 50% no-repeat;}
        #nav ul li#tmobile.nav-active {position:relative; bottom:-1px; margin-top:-1px; padding-bottom:6px; border:1px solid #E20074; border-bottom:none; background:#FFF url("../design/logo-tmobile-active.gif") 12px 50% no-repeat;}
        #nav ul li#tmobile a {color:#E20074;}

        #nav ul li#vodafone {background:#F1F1F1 url("../design/logo-vodafone.gif") 12px 50% no-repeat;}
        #nav ul li#vodafone.nav-active {position:relative; bottom:-1px; margin-top:-1px; padding-bottom:6px; border:1px solid #F00; border-bottom:none; background:#FFF url("../design/logo-vodafone-active.gif") 12px 50% no-repeat;}
        #nav ul li#vodafone a {color:#F00;}

        #nav p#sub {position:absolute; top:5px; right:0; width:170px; margin:0; padding:0; list-style:none; text-align:right;}
        #nav p#sub a.ico-list {padding-right:20px; background:url("../design/ico-list.gif") 100% 2px no-repeat;}
        #nav p#sub a.ico-ano {padding-right:20px; background:url("../design/ico-ano.gif") 100% 4px no-repeat;}
        #nav p#sub a.ico-ne {padding-right:20px; background:url("../design/ico-ne.gif") 100% 4px no-repeat;}

        
	/* Obsah */
	#content {padding:0 15px; border:1px solid #D1D1D1;}
	#content p {text-align:justify;}
    #content h3, #content h4 {border-bottom:1px solid #DDD; color:#CF0000;}
	#content a {color:#CF0000;}
    #content a:visited {color:#9D0000;}
	#content a:hover {color:#000;}
 	
  /* Patička */
	#footer {clear:both; padding:7px 15px; background:#F5F5F5;}
	#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Úvodní stránka (rozcestník)
---------------------------------------------------------------------------------------------------------- */

#nav-index  {margin-top:15px; margin-bottom:20px;}
#nav-index div {float:left; width:277px; margin:0; padding:30px 10px; border:1px solid #D1D1D1; background:#F1F1F1; cursor:pointer;}
#nav-index div:hover, #nav-index div.hover {border:1px solid #A1A1A1;}
#nav-index div h2 {margin:0; font-size:130%; font-weight:bold; text-align:center;}
#nav-index div p {text-align:center;}

    #nav-index div#o2 a {color:#006;}
    #nav-index div#tmobile {margin:0 15px;}
    #nav-index div#tmobile a {color:#E20074;}
    #nav-index div#vodafone a {color:#F00;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: SMS
---------------------------------------------------------------------------------------------------------- */

iframe#o2-iframe {width:958px; height:450px; margin:0; padding:0; border:1px solid #006;}
iframe#tmobile-iframe {width:958px; height:650px; border:1px solid #E20074;}
iframe#vodafone-iframe {width:958px; height:970px; border:1px solid #F00;}

/* ----------------------------------------------------------------------------------------------------------
Orámování #content
---------------------------------------------------------------------------------------------------------- */

.o2 {border:1px solid #000066 !important;}
.tmobile {border:1px solid #E20074 !important;}
.vodafone {border:1px solid #F00 !important;}