/* --- CSS RESET od http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ --- */
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, sub, sup, tt, var,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --- KONIEC CSS RESETU --- */
strong {
	font-weight: bold;
}

img {
	border: none;
}

/* --- POZADIE --- */

body {
	  background: url('images/bg.jpg') no-repeat #000000 ;
}

#obsah {
        width: 950px;
        margin: 80px 0px 0px 130px;
} 

/* --- LOGO --- */

#hlavicka {
       
        text-align: right;
        color: #8e8e8e;
        font-family: arial, sans-serif;
        font-size: 0.7em;
        line-height: 18px;
        padding-bottom: 45px;
        padding-right: 1%;
} 

/* --- MAIN CONTENT --- */
  	      
#left {
	width: 550px;
	float: left;
	color: red;
	
}
 
#right {
	width: 360px;
	float: left;
	color: #eaeaea;
    font-family: arial, sans-serif;
    font-size: 0.75em;
    line-height: 19px;
    padding-left: 30px;
    padding-right: 1%;
    text-align: justify;
}

.mail {
	margin-top: 40px;
}
 
/* --- TWITTER --- */

.twit {
	margin-top: 20%;
	padding-left: 1%;
	
	
}

#twitter_update_list {
	color: #ababab;
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	line-height: 18px;
	max-width: 400px;
	padding: 0px 0px 0px 4px;
}

#twitter_update_list a {
	     color: #eae9e9;
	     text-decoration: none;
}	


#twitter_update_list a:hover {
	     color: #b2a510;
	     text-decoration: none;
}
 
.myslienky {
			vertical-align: middle;
			width: 100px;
			
}

/*--- zoznamy ---*/

#zoznam h2 {
	padding-bottom: 5%;
}

#zoznam ul{
	     float: left;
	     padding-right: 9%;
	     padding-left: 1%;
	     margin-top: 24%;
	     color: #eae9e9;
	     font-size: 0.7em;
	     font-family: Arial, sans-serif;
	     line-height: 18px;
	     width:  auto;
}	

 

#zoznam a {
	     color: #eae9e9;
}	


#zoznam a:hover {
	     color: #b2a510;
}	     

/*--- pätička ---*/

#pata {
    float: left;
	width: 100%;
    color: #ababab;
    font-size: 0.7em;
    font-family: Arial, sans-serif;
    padding: 10px 0px 20px 0px;
    text-align: right;
 	}

#pata a,a:hover {
	     color: #e1e1e1;
	     text-decoration: none;
}	

#pata hr {
	
height: 1px; 
background-color: #262626;
border: 0px;
}