@CHARSET "UTF-8";
/*-----------------------------------------------------------------------------------------
|				(c)dvdprilohy.cz							|
|					v. 0.1								|
-------------------------------------------------------------------------------------------*/
* {
	padding: 0em;
	margin: 0em;
}

body {
	width: 800px;
	font-family: tahoma,helvetica,sans-serif;
	font-size: 8pt;
	color: #333;
	margin: 0 auto;
	background-color: #C7EDFC;
	background-image:url('bg.png');
}

h1 {
	position: relative;
	width: 100%;
	margin: 10px 0 5px 0;
	text-align: center;
	font-size: 22px;
	top: 10px;
}

h2 {
	position: relative;
	width: 100%;
	margin: 10px 0 5px 0;
	text-align: center;
	font-size: 17px;
	top: 10px;
}

h5 {
	position: relative;
	width: 100%;
	margin: 0px 0 5px 0;
	text-align: center;
}
h4, h3 {
	position: relative;
	width: 100%;
	margin: 10px 0 5px 0;
	text-align: center;
	color: #FF0000;
	top: 10px;
}

th {
	background-color: #c7edfc;  /*#c7edfc;        #b8e8fb;     */
	color: #628098;  
	padding: 2px 0px 2px 0px;
}

a {
	color: #FE448B;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #333;
}

#hlavicka {
	width:auto;
	padding: 0px 0 0 0;
}
#logo {
	width: 350px;
	height: 50px;
	background: url('../images/logo.png') no-repeat center center;
	margin: 5px auto 5px auto;
}
#logo a {
	border: none;
	width: 350px;
	height: 55px;
	display: block;
}
#logo a:hover {
	border: none;
}
#uzivpanel {
	background: #ffffff;
	color: #333;
	width: 100%;
	text-align: center;
	font-size: 8pt;
	padding: 3px 0px 3px;
	margin: 0 0 10px;
	z-index: 10;
}

#uzivpanel ul {
	display: inline;
	margin: 0px 0.8%;
	padding: 4px;
}

#uzivpanel ul li {
	position: relative;
	display: inline;
	margin: 0 0.1em;
	line-height: 20px;
	vertical-align: middle;
	padding: 2px;
}
#uzivpanel a {
	color: #fe448b;
	text-decoration: none;
}
#uzivpanel a:hover {
	text-decoration: underline;
}
#uzivpanel_levy .zavorky:before {
	font-weight: bold;
	content: "[ ";
	color: #fe448b;
}

#uzivpanel_levy .zavorky:after {
	font-weight: bold;
	content: " ]";
	color: #fe448b;
}
#uzivpanel_prostredni {
	position: relative;
	background: #FF0000;
	padding: 3px 15px 5px 15px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
#uzivpanel_prostredni a{
	color: #FFFFFF;
	padding: 3px 10px 5px 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;

}
#uzivpanel_prostredni a:hover{
	text-decoration: underline;
}
#menu {
	position: relative;
	width: 800px;
	padding: 7px 0;
	text-align: center;

	font-size: 10pt;

}
#menu ul{
	border-bottom: none;
}
#menu ul li {
	position: relative;
	display: inline;
	background-color: #fe448b;
	padding: 6px 0;
	margin: 0px;
}

#menu ul li a {
	padding: 0.6em 2%;
	color: #ffffff;
	text-decoration: none;
}

#menu ul li a:hover {
	background-color: #ffb4d1;
	text-decoration: none;
	color: #fe448b;
}
.vybrano {
	background-color: #ffb4d1;
	color: #ffffff;
}


#obsah{
	margin: auto;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	position: relative;
	top: -3px;
}
#pratele_id, #fatal_error{
	margin: 30px auto 20px;  
	position: relative;
	width: 540px;
}
#detail_id{
	margin: 30px auto 20px;  
	position: relative;
	width: 730px;
}
#formular, #formular2 , #komentare{
	margin: 30px auto 20px;  
	position: relative;
	width: 520px;
	background-color: #f3fbfe;
	border : 1px solid #b8e8fb;
}

#podrobnosti{
	margin: 10px auto 10px;  
	position: relative;
	width: 520px;
}
.reg  {
	margin: 20px auto auto auto;
	width: 410px;
}
.reg1 {
	padding: 5px;
}
.odkaz{
	color: #FE448B;
	text-decoration: none;
	font-weight: bold;
}

.odkaz:hover{
	text-decoration: underline;
	color: #333;
}
.odkazchyba {
	color: #FFFFFF;
	font-weight: bold;
	
}
#chybovpanel {
	position: relative;
	background: #FF0000;
	padding: 3px 0px 3px 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	top: -10px;
	border : 1px solid #B50000;
}
#oznampanel {
	position: relative;
	background: #F4E649;
	padding: 3px 0px 3px 0px;
	color: #492802;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	top: -10px;
	border : 1px solid #D8CA27;
}

.avatar {
	padding: 7px 0px 0px 0px;
	width: 150px;
}
.obal {
	width: 200px;
	border-color: #b8e8fb;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
}
.profil {
	margin: 15px 0px 20px 0px;
	width: 100%;
}
.profil2 {
	margin: 15px 0px 20px 0px;
	width: 100%;
	border : 1px solid #b8e8fb;
	background-color: #f3fbfe;
}
.ramecek {
	margin: 15px 0px 0px 0px;
	width: 100%;
	background-color: #b8e8fb;
}
.dvdparam {
	width: 100%;
	background-color: #b8e8fb;
}
.postatab {
	margin: 15px 0px 15px 0px;
	width: 100%;
}
.kolonka1 {
	padding: 3px 2px 3px 2px;
	width: 105px;
	height: 10px;
	text-align: right;
	vertical-align: middle;

}
.kolonka2 {
	padding: 3px 5px 3px 5px;
	text-align: left;
	width: 390px;
}
.kolonka3 {
	padding: 3px 5px 3px 5px;
	width: 400px;
	text-align: left;
	background-color: #f3fbfe;
}
.kolonka_profil {
	padding: 3px 5px 3px 5px;
	text-align: left;
}

.post_kol {
	padding: 1px 5px 1px 5px;
	text-align: left;
}
.post_kol2 {
	text-align: center;
}
.detail {
	position: relative;
	margin: 2px 0px 0px 0px;
	width: 340px;
}
#postak {
	margin: 30px auto 50px;
	position: relative;
	width: 730px;
}
.telo {
	padding: 10px;
}
.telo2 {
	padding: 10px;
	background-color: #f3fbfe;
}
.seda {
	color: #CCC;
}
#konec{
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	top: 2px
}

.quote {
border : 1px dotted #333;
float: left;
width: 98%;
margin: 5px;
padding: 10px;
}
.strankovac {
	position: relative;
	width: 100%;
	margin: 10px auto 25px auto;
	text-align: center;
	top: 20px;
}
.strankovac2 {
	position: relative;
	width: 100%;
	margin: 0px auto 10px auto;
	text-align: center;
	top: 0px;
}
.dnesek {
	padding: 2px 0px 2px 0px;
	text-align: center;
	font-weight: bold;
	background-color: #FFFF69;
}
.datum {
	padding: 2px 0px 2px 0px;
	text-align: center;
	font-weight: bold;
	background-color: #b8e8fb;     /*#b8e8fb;    #c7edfc  */
}

.a {
	background-color: #b8e8fb;   /*#b8e8fb;    #c7edfc  */
}
.b {
	background-color: #f3fbfe;
}
.c {
	text-align: center;
	background-color: #FFFF69;  /*tmave zluta*/
}
.d {
	text-align: center;
	background-color: #FFFFA8; /*svetle zluta*/
}
.e {
	text-align: center;
	background-color: #FF5050;  /*cervena*/
}
.f {
	text-align: center;
	background-color: #62EE37; /*zelena*/
}
.koment {
	color: #2800ff;
	font-weight: bold;
}
.nevyslo {
	text-align: center;
	background-color: #b8e8fb;
}
.nevyslo2 {
	text-align: center;
	background-color: #FFFF69;
}

.hlava22 {
	padding: 0px 0px 0px 50px;
	margin: 20px 0px 20px 0px;
	width: 100%;
	font-size: 8pt;
}
.hlaska {
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}
.pratele {
	width: 260px;
	margin: 10px 0px 0px 0px;
	background-color: #b8e8fb;
}
.orez {
	width:75px;
	height:75px;
	overflow: hidden;
}
.hledani {
	position: relative;
	width: 100%;
	margin: 10px 0 5px 0;
	text-align: center;
	top: 10px;
}
#otazky,#odpovedi  {
	position: relative;
	width: 520px;
	padding: 30px;
	margin: 0px auto 30px auto;
	background-color: #f3fbfe;
	border : 1px solid #b8e8fb;
}
#sloupec {
	float: right;
	margin: 30px 30px 30px 30px;
	width: 240px;
}
#novinky {
	width: 460px;
	margin: 30px 30px 30px 30px;
}
.center {
	text-align: center;
}

.img {

	color: #b8e8fb;
	
}

/*     FORMULARE     */

input, select, textarea {
	border-width: 1px;
	border-color: #b8e8fb;
	border-style: solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 15px;
	background: #ffffff;
	color: #444;
	padding: 0px 3px 0px 3px;

}


#search input {
	width: 300px;

}
#search button {
	width: 75px;
	/*color: #FFF;*/
}

#search_index input {
	width: 135px;
}

#search_index button {
	width: 60px;
	font-size: 13px;
}

#reg_form input {
	width: 265px;

}

#reg_form button {
	padding: 1px auto 1px auto;
	margin: 5px;
	width: 75px;	
}

#pro_form input{
	width: 375px;
}

#pro_form select {
	border: solid;
	border-width: 1px;
	border-color: #b8e8fb;
	background: #ffffff;
	color: #444;
}

#pro_form input[type="checkbox"] {
	width: 20px;
	height: 19px;
	border: none;
	background: #ffffff;
	color: #444;
}

#pro_form input[type="radio"] {
	width: 20px;
	height: 19px;
	border: none;
	background: #ffffff;
	color: #444;
}

#post_form input{
	width: 473px;
}

#post_form textarea{
	border:1px solid #b8e8fb;
	background: #ffffff;
	color: #444;
}

#add_form input {
	width: 350px;
	
}

#add_form input[type="radio"] {
	width: 20px;
	height: 19px;
	border: none;
	background: #ffffff;
	color: #444;
}

#add_form .add_csfd {
	
	width: 60px;
}

#add_form .add_cena {
	
	width: 60px;
}

#add_form input[type="checkbox"] {
	width: 20px;
	height: 19px;
	border: none;
	background: #ffffff;
	color: #444;
}

#add_form .tlacitko {
	padding: 1px auto 1px auto;
	margin: 5px;
	width: 100px;
	background: #b8e8fb;
}

#add_form textarea{
	border:1px solid #b8e8fb;
	background: #ffffff;
	color: #444;
	width: 500px;
	height: 250px;
}

#kvuli_blbymu_IE { 
position: relative
}

#aktualizace { 
	position: absolute;
	width: 200px;
	top: 10px;
	text-align: center;
}

.stav_aktualizace_1  {
	background-color: #62ee37;
	font-weight: 700;
	font-size: 10pt;
	padding-right: 10px;
	padding-left: 10px;
}
.stav_aktualizace_2  {
	background-color: #ffff69;
	font-weight: 700;
	font-size: 10pt;
	padding-right: 10px;
	padding-left: 10px;
}
.stav_aktualizace_3  {
	background-color: #ffb152;
	font-weight: 700;
	font-size: 10pt;
	padding-right: 10px;
	padding-left: 10px;
}
.stav_aktualizace_4  {
	background-color: #ff7f7f;
	font-weight: 700;
	font-size: 10pt;
	padding-right: 10px;
	padding-left: 10px;
}

.zanry {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-style: normal;
	color: #333333;
	padding-top: 2px;
}

.odkaz_detail  {
	color: #FE448B;
	text-decoration: none;
	font-weight: bold;
}

.dvdserie_s {
	width: 350px;
	margin: 10px 10px 10px 0px;
	background-color: #b8e8fb;
}

.orez_serie {
	width:75px;
	height:105px;
	overflow: hidden;
}

.zarovnani_right {
	float: right;
	padding: 0px 5px 0px 0px;
		
}

.vydavatel_serie {
	
	padding: 0px 0px 0px 5px;
}

.social_panel { 
	display: block;
	margin-bottom: 11px;
	margin-top: 11px;
	min-height: 18px;
	position: relative;
	text-align: center;
	width: 61px;
}

.social_mezera {
	clear: both;
	display: block;
	height: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
}