/* -- start setup -- */

* {
font-family : Charcoal,Arial,sans-serif;
font-size : x-small;
margin : 0;	
border : none;
padding : 0;
color:#434343;
}

/* -- common -- */

/* -- display --*/
.neviditelny {visibility : hidden;}
.skryty {display : none;}
.horni_index {vertical-align : super;}

/* -- float -- */
.float_left {float : left;}
.float_right {float : right;}
.clear {clear : both;}

.clearZero {
clear : both;
height:1px;
font-size:1px;
}

/* -- all pages -- */
hr {display : none;}

body {
background-color : White;
text-align: center;
}

#container {
width:980px;
margin:15px auto 20px auto;
text-align: left;
position:relative;
}

#header {
height:55px;
position:relative;
background: url("/../pcs/logo_iphone_servis_cz.png") no-repeat;
padding-top: 90px;
}

#header h1 {
color: #586269;    
margin: 0px;
padding: 0px;
font-size: 10px;
padding-left: 158px;
}

span.slogan {
color: #586269;    
font-size: 16px;
font-weight: bold;
padding-left: 374px;    
}

#header a.link, #header span.link {
margin: 0px;
margin-top: 75px;
margin-right: 10px;
font-size: 150%;
color: #989898;
display: block;
width: 150px;
float: right;
border: 2px solid #989898;
padding: 3px 5px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
}

#header a.link:hover {
color: #484848;
border: 2px solid #484848;
}

#header span.link {
color: #BDBDBD;
border: 2px solid #BDBDBD;
}

#home {
width:500px;
height:115px;
position:absolute;
display:block;	
top:0;
left:0;
/*
background-image: url('../pcs/pcs_layout/iPhone_logo.png');
background-position: center;
background-repeat: no-repeat;
*/
}

#home strong {
display: none;
}

#shoppingCart {
position:absolute;
top:18px;
right:30px;
height:20px;
line-height:20px;
color:White;
padding-left:35px;
}

#shoppingCart {font-size:115%;}
#shoppingCart a {font-size:110%;}
#shoppingCart a, #userLogin a {color:White;}

#smallCart {
width: 100%;
}

#smallCart td {
text-align: center;
}

#smallCart td a {
text-decoration: none;
}

#smallCart td a:hover {
color: #989898;
}

#smallCart td+td {
text-align: left;
}

#smallCart td+td+td {
text-align: right;
}

#smallCart th {
font-weight: bold;
text-align: right;
padding-top: 10px;
}


#about {
color:#989898;
}

#about a {
color:#989898;
text-transform:uppercase;
text-decoration: none;
}

#searchForm {
position:absolute;
bottom:9px;
right:30px;	
color:#989898;
font-size:85%;
 vertical-align: middle;
}
#searchForm input, #searchForm select, #searchForm option {font-size:12px;}

#searchForm input {
width:95px;
padding:1px;
}

#searchForm input.searchSubmit {
width:23px;
height:16px;
padding:0;
vertical-align: middle; 
}

#searchForm select {width:125px;}

#drop_navigation {
border-bottom: 1px solid #989898;
background-image: url(../pcs/pcs_layout/background.jpg);
background-position: top center;
background-repeat: repeat-x;
}

#path, #user {
height:25px;
line-height:22px;
color: #989898;
font-size:110%;
text-transform: uppercase;
}

#path {
float: left;
margin-left: 10px;
}

#user {
float: right;
margin-right: 10px;
}


#path a, #user a {
color:#434343;
font-size:100%;
margin:0 1px;
text-decoration:none;
}

#path a:HOVER, #user a:HOVER {text-decoration:underline;}


#main {
margin:5px 0;	
position:relative;
min-height: 500px;
}

#left, #right {position:absolute;}

#content {
float: left;
margin-left: 218px;
width:544px;
margin-right:218px;
}

#contentLong {
width:762px;
float: left;
margin-left: 218px;
}

#left {
left: 0px;
width:210px;
}

#right {
width:210px; 
right: 0px;
}

#preamble {
margin: 0px 5px 10px 5px;
}

#preamble h2 {
font-size: 125%;
margin-bottom: 10px;
}

/*	boxy	*/
.google_addwords_banner_box {
border:1px solid #989898;
margin:0 0 5px 0;
padding:5px 10px 10px 10px;
}

.box, .menuBox, .clearBox {
border:1px solid #989898;
background-image: url(../pcs/pcs_layout/box-background.jpg);
background-position: top center;
background-repeat: repeat-x;
margin:0 0 5px 0; 
padding:5px 10px 10px 10px;
}

.box input.submitForm {
border: 1px solid #989898; 
padding: 2px;
display: block;
height: 12px;
float: left;
vertical-align: baseline;
width: 150px;
}

.box label.submitLabel {
padding: 2px;
display: block;
height: 12px;
float: left;
vertical-align: baseline;
width: 70px;
}

.box input.submitButton {
border: 1px solid #989898; 
padding: 1px;
display: block;
height: 24px;
float: left;
vertical-align: baseline;
font-weight: bold;
text-transform: uppercase;
width: 150px;
}

.box select.submitForm {
border: 1px solid #989898; 
padding: 1px;
display: block;
height: 18px;
float: left;
vertical-align: baseline;
width:154px;
}

.box input.submit2Form {
margin-left: 10px;
border: 1px solid white; 
padding: 0px;
display: block;
height: 16px;
float: left;
}

.menuBox {padding:7px 0;}


/*	help box	*/
.helpBox {
background-color: #EEE;
border:1px solid #989898;
padding:15px 0 15px 55px;
background-image: url(../pcs/pcs_layout/help-ico.gif);
background-position: left center;
background-repeat: no-repeat;
margin:0 0 5px 0; 
}

.helpBox p, .helpBox p * { 
color: #0000CC;
font-style: italic;
font-size:115%;
}

.boxHeading {
color:#989898;
font-weight:bold;
margin-bottom:15px;
text-transform: uppercase;
font-size:120%;
}


.menuBox .boxHeading {padding:0 0 0 10px;}	/*	add padding	*/

/*	menu	*/
.menuBox ul li { list-style-type: none; }
.menuBox ul li {line-height:1.4em;}

.menuBox ul li a {
text-decoration:none;
line-height:1.5em;
display:block;
}

/*	uroven1	*/
.menuBox ul li a {
font-weight:bold;
color:#434343;
padding-left:10px;
font-size:115%;
line-height: 2em;
}

/*	uroven2	*/
.menuBox ul ul li a {
font-weight:normal;
color:#434343;
padding-left:15px;
font-size:105%;
}

/*	uroven3	*/
.menuBox ul ul ul li a {
font-weight:normal;
color:#2C2C2C;
padding-left:20px;
font-size:10px;
}

.menuBox ul ul ul li h3 {
font-size:10px;
margin:0;
}


.menuBox ul li a.selected { text-transform: uppercase; font-weight:bold; background-color: #EDEDED;}
.menuBox ul li a:HOVER {color:Black; background-color: #BDBDBD;}



/*	menu - end	*/

#footer {
text-align: center;
font-size:10px;
margin:30px 0 30px 0;
}

#footer a {
font-size:10px;
color:#9B9B9B;
}

/*	form - newslist	*/
.newsList {margin:5px 0;}

.newsList input {
border:1px solid #9B9B9B;
font-size:110%;
width:150px;
}

.newsList input.newsListSubmit {
border:none;
width:23px;
height:16px;
vertical-align: text-top; 
}

/*	textove styly	*/
.ods {
margin:.5em 0 10px 0;
font-size:110%;
}

.ods strong, .ods a, .ods strong a, .ods span {font-size:100%;}
.link:HOVER {color:#989898;}

h1.mainTitle {
font-size:170%;	
margin-bottom:15px;
}


/*	anketa form	*/
.anketaForm label {
float:left;
width:163px;	
}

.anketaSubmit {
width:180px;
height:25px;	
line-height:25px;	
text-align:center;
color:#989898;
background-color: #EEE;
margin:3px 0;
font-size:90%;
font-weight:bold;
border:1px solid #989898;
}

.anketaResult, .anketaResultGraf {
float:left;
width:163px;
}

.anketaResultGraf {
width:75px;
margin-right:5px;
}

/*	homepage - spec.akce	*/
#homepageAkce {padding:20px 0 18px 25px;}

#mainImage {
float:left;
/*margin-right:30px;*/
width:150px;
}

#mainDesc {
float:left;
width:350px;
padding-top:15px;
}

#mainDesc h2 {
font-size:190%;
margin: 0 0 20px 0;
width:200px;
}

#mainDesc p {
font-size:120%;
margin: 0 0 20px 0;
}

#mainDesc p a {
font-size:100%;
margin: 0 0 20px 0;
color:#989898;
text-decoration:none;
font-weight:bold;
}

/*	items	*/
#items_listing {
}

#items_listing h2 {
}

.items {
border-top: 1px dotted #989898;
}

.item {
border-bottom: 1px dotted #989898;
padding: 0px;
margin:0 0 5px 0;
background-image: url(../pcs/pcs_layout/item-background.gif);
background-position: top center;
background-repeat: repeat-x;
}

.item a.icon {
float: left;
display: block;
width: 100px;
height: 100px;
}

.item h3 {
margin: 10px 95px 10px 110px;	
}

.item h3 a {
font-size: 120%;
font-weight: bold;
color: #989898;
text-decoration: none;
}

.item h3 a:hover {
color: #434343;
}

.item p {
font-style: italic;
margin: 10px 95px 10px 110px;	
}

.itemCart {
float: right;
width: 90px;
text-align: right;
}


.itemPrice {
color:Red;
font-weight:bold;
font-size:120%;
margin:4px 0 4px 0; 
}

.buyItem {
background-image: url(../pcs/pcs_layout/buy.gif);
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
float:right;
margin-right:15px;
}


.buyDetail {
width:25px;
height:25px;
background-image: url(../pcs/pcs_layout/buy.gif);
background-position: center;
background-repeat: no-repeat;
display:block;
float:left;
margin-left:5px;
margin-top:2px;
}

.remItem {
background-image: url(../pcs/pcs_layout/rem.gif);
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
float:right;
margin-right:15px;
}

.remDetail {
width: 25px;
height: 25px;
background-image: url(../pcs/pcs_layout/rem.gif);
background-position: center;
background-repeat: no-repeat;
display:block;
float:left;
margin-left:5px;
margin-top:2px;
}

/* ikonky */
.itemNew, .itemTop {
width:38px;
height:1.3em;
font-size:115%;
background-position: center;
background-repeat: no-repeat;
display:block;
}

.itemNew { background-image: url(../pcs/pcs_layout/item-ico-new.gif); }
.itemTop  { background-image: url(../pcs/pcs_layout/item-ico-top.gif); }

/*	item ve sloupci - bez mezeri a obr	*/
#right .item{
background-image: none;
margin:0;
padding:0 20px 0 16px;
}

.oddItems {
clear:both;
margin:15px 15px 0 15px;
border-top:1px solid #FF1902;	
}

#filtrace {
margin:5px;
padding:5px 0;
border-bottom: 1px dotted #CCC;
}

#filtrace label {
float:left;
color:#989898;
text-align:left;
font-size: 120%;
font-weight: bold;
margin-top: 5px;
}

#filtrace label.inline {
display: inline;
float: none;
color: #434343;
margin-left: 5px;
}

#filtrace form {
margin-left: 60px;
}

#filtrace p {
float:left;
margin: 3px 5px 2px 10px;
}

#filtrace p input {vertical-align: middle;}

.counter {
margin: 5px;
padding-top: 5px;
}

.pager {
margin: 5px 0px;
}

.pager-left {
float: left;
}

.pager-right {
float: right;
}

.pager a {
font-weight: bold;
text-decoration: none;
}

.pager a:hover {
color: #494949;
text-decoration: underline;
}

#panel {
margin:5px;
padding:0;
}

.pages {
float:left;
margin:5px 0 5px 0;
line-height: 2em;
}

.pages a {
padding:3px 2px;
font-weight:bold;
text-decoration:none;
color:Black;
}

.pages a:HOVER, .pages a.selected { background-color: #BDBDBD; }

.pages a strong {
font-size:120%;
}

.sort {
float:right;
margin:5px 0 5px 0;
}

.sort p {
float:left;
}

.sort label {
width:90px;
float:left;
text-align:right;
margin-right:5px;
font-weight:bold;
color:Black;
padding-top:3px;
}

.sort select {
width:100px;
float:left;
border:1px solid #B5B5B5;
vertical-align: middle;
}

.sort select.cisla {width:40px;}

/*	detail	*/
#detailProduktu {padding:0px 10px 20px 10px;}

#detailProduktu h2 {
margin:.5em 0;
font-size:150%;
font-weight: bold;
text-transform: uppercase;
color: #434343;
}

#detailProduktu div.popis {
margin:.5em 0;
font-size:110%;
font-weight: normal;
font-style: italic;
}

#detailImage {
float:left;
width:200px;
}

#detailDesc {
float:left;
width:300px;
margin-left:20px;
background-image: url(../pcs/pcs_layout/detail-background.gif);
background-position: top left;
background-repeat: repeat-y;
}

#detailDesc div {
float:left;
width:100px;
margin-bottom: 5px;
}

#detailDesc h2 {
font-size:150%;
line-height:20px;
height:20px;
}

#detailDesc span.cena {
font-size:125%;
color:#FF1902;
font-weight:bold;
}

#detailDesc span.cena_alt {
font-size:125%;
color:#434343;
font-weight:bold;
}

#detailDesc .detailKosik {
border:1px solid #B5B5B5;
width:20px;	
padding:2px;
float:left;
margin-top:5px;
}


.mt5 {margin-top:5px;}

#detailDesc .detailPopis {
float: none;
line-height:12px;
margin-left:100px;
width:200px;
}

#detailDesc .detailPopis p {margin-bottom:10px;}
#detailImage p {margin-bottom:5px;}
#detailImage p strong {font-size:105%;}

/*	formualre	*/
.formular {
border-bottom : 1px solid #989898;
padding : 20px 0 20px 10px;
margin:0 0 10px 0;
}

.formular h3 {
margin: 10px 5px;
text-transform: uppercase;
}

.form_sada {
margin : 5px 0;
padding : 3px 0;
}

.formular label  {
display : block;
float : left;
width : 100px;
height : 23px;
line-height : 18px;
color:Black;
}

.formular label.second  {margin-left : 10px;}

.formular legend {font-weight:bold; margin: 2px;text-transform:uppercase;padding-bottom: 10px;}

.formular input, .formular textarea  {
background-color : White;
border : 1px solid #989898;
padding : 3px;
color : #666651;
}

.formular select  {
background-color : White;
border : 1px solid #989898;
padding : 1px;
height: 21px;
color : #666651;
float : left;
width : 137px;
margin-right: 8px;
}

.formular input.error, .formular textarea.error  {border : 1px solid #EB2C2C;}

.formular textarea, .formular textarea.vyssi  {
width : 398px;
height : 70px;
}

.formular textarea.vyssi  {height : 170px;}

.formular input {
float : left;
width : 130px;
}

.formular input.checkBox {
width:16px;
border:none;
margin-right: 10px;
}

/*	delsi prvky	*/
.formular input.long, .formular select.long  {width : 274px;}
.formular input.verylong  {width : 398px;}
.formular select.long  {width : 281px;}
.formular select.verylong  {width : 406px;}

.formular input.formSubmit  {
width:136px;
padding:6px 0;
text-align:center;
color:#989898;
background-color: #EEE;
font-weight:bold;
border:1px solid #989898;
text-transform:uppercase;
}

span.povinnaPolozka {
font-size : 9px;
color :  #EB2C2C;
}


/* cukot */

.message_box{
	position:absolute;
	text-align: center;
	width: 114px;
	height: 10px;
	margin-left: 10px;
	padding:4px 3px;
	display: inline;
}
.message_box strong {
color: #CCC;
}
.message_box strong.error {
color: red;
}


.formular input.short  {width : 60px;}
.formular select.short  {width : 50px;}
.formular label.long  {width : 250px;}
.formular label.error  {color: #EB2C2C;}
.formular table  {width: 100%;}
.formular textarea.sirsi  {width : 700px;}

.formular input.formCancel  {
width:136px;
padding:6px 0;
text-align:center;
color:#989898;
font-weight:bold;
border:1px solid #989898;
margin-left: 5px;
text-transform: uppercase;
}

.formular input.formAltSubmit  {
padding:6px 5px;
width: auto;
text-align:center;
color:#989898;
background-color: #EEE;
font-weight:bold;
border:1px solid #989898;
margin-left: 5px;
text-transform: uppercase;
}

.formular input.formAlt2Submit  {
padding:2px 5px;
width: auto;
text-align:center;
color:#989898;
background-color: #EEE;
font-weight:bold;
border:1px solid #989898;
margin-left: 5px;
}

.formular br.spacer {
clear: both;
}

.formular ul {
margin: 5px;
list-style: none;
display: block;
}

.formular ul li {
display: inline;
float: left;
margin: 2px;
padding: 5px 10px;
border:1px solid #989898;
color: #989898;
text-transform: uppercase;
font-weight: bold;
}

.formular ul li a {
text-decoration: none;
}

.formular ul li a:hover {
text-decoration: underline;
}

.textLeft {
text-align: left;
}

.textRight {
text-align: right;
}

.textCenter {
text-align: center;
}

.textBold {
font-weight: bold;
}

.textTop {
vertical-align: top;
}

table.cart {
width: 100%;
border-spacing: 5px 2px;
}

table.cart th {
font-size: 105%;
font-weight: bold;
text-align: center;
padding: 2px 3px;
}

table.cart td {
font-size: 115%;
padding: 2px 3px;
}

table.cart td input {
width: 15px;
text-align: center;
background-color:White;
border:1px solid #989898;
color:#666651;
padding:2px;
}

table.cart td label {
font-weight: bold;
}

table.cart td select {
border:1px solid #989898;
color:#666651;
padding:3px;
}

table.cart td a {
font-size: inherit;
text-decoration: none;
}

table.cart td a:hover {
text-decoration: underline;
}

#cart_voucher, #cart_payment_method {
margin: 5px;
padding: 5px;
border:1px solid #989898;
}

/*
#cart_payment_method {
margin: 5px;
padding: 5px;
border:1px solid #989898;
}
*/

#cart_payment_method label {
vertical-align: top;
margin-left: 10px;
font-size: 110%;
line-height: 1.5em;
}


#cart_shipping_address {
margin: 5px;
padding: 5px;
border:1px solid #989898;
}

p#submitForm {
margin: 10px 10px 5px 10px;
}

p#submitForm input {
background-color:#EEE;
border:1px solid #989898;
color:#989898;
font-weight:bold;
padding:6px 10px;
text-align:center;
}

#cart_payment_method h3, #cart_shipping_address h3, #cart_voucher h3 {
color: #989898;
margin: 7px;
margin-left: 20px;
text-transform: uppercase;
font-size: 105%;
}

#cart_payment_method h4, #cart_shipping_address h4, #cart_voucher h4 {
color: #989898;
margin: 5px;
}

#cart_payment_method h5, #cart_shipping_address h5, #cart_voucher h5 {
color: #EB2C2C;
margin: 5px;
}

table.orders {
width: 100%;
border-spacing: 5px 2px;
}

h4.poznamka {
margin: 5px 0px;
border: 1px solid #989898;
padding: 5px;
}

p#order_name {
font-size: 200%;
font-weight: bold;
margin: 10px;
text-transform: uppercase;
}


table.order_status {
padding: 5px;
border:1px solid #989898;
margin: 5px;
}

div#order_list_header {
margin: 10px 0px;
background-color: #EEE;
padding: 10px;
line-height: 1.5em;
}

ul.faq {
margin: 20px;
list-style: none;
}

ul.faq li {
padding: 5px;
}

ul.faq li strong {
font-size: 120%;
display: block;
margin-left: 10px;
}

ul.help {
margin: 20px;
list-style: none;
}

ul.help li {
padding: 5px;
}

ul.help li strong {
font-size: 120%;
display: block;
margin-left: 10px;
}

ul.links {
margin: 20px;
list-style: none;
}

ul.links li {
padding: 5px;
display: block;
float: left;
width: 150px;
height: 60px;
}

ul.links li strong {
font-weight: bold;
margin-right: 10px;
display: block;
}

#directions {
width: 225px; 
height: 250px; 
margin: 5px 0px;
padding: 0px;
overflow: auto;
float: right;
}

#map_canvas {
width: 250px; 
height: 250px; 
margin: 10px 5px;
float: left;
}

/*
img.sec_image {
border: 0px;
margin: 0px;
padding: 0px;
}
*/

#secure_image {
width: 200px;
height: 40px;
text-align: center;
vertical-align: middle;
margin: 0px 0px 0px 100px;
padding: 0px;
}

div.address {
margin: 10px 25px;
}

address {
display: block;

}

address span {
font-weight: bold;
font-size: 120%;
line-height: 1.5em;
display: block;
}

address span label {
width: 100px;
display: block;
float: left;
}

address span strong {
width: 200px;
display: block;
float: left;
}

address span br {
clear: both;
}

div.item_alt {
}

div.item_alt img {
float: left;
margin-right: 20px;
}

div.category_detail {
border: 1px dotted #CCC;
margin: 2px;
padding: 0px;
min-height: 200px;
}

div.category_detail img {
float: left;
border: 0px;
margin: 10px 10px 10px 10px;
}

div.category_detail h2 {
font-size: 150%;
margin: 20px 20px 20px 200px;
padding: 0px;
font-weight: bold
}

div.category_detail p {
font-weight: bold;
margin: 5px 10px 5px 200px;
padding: 0px;
font-style: italic;
}

div.category_box {
border: 1px dotted #CCC;
margin: 2px;
padding: 0px;
float: left;
}

div.category_box a {
width: 175px;
height: 30px;
padding-top: 145px;
text-decoration: none;
display: block;
text-align: center;
}


div.category_box a strong {
display: block;
}

div.category_box a strong span {
font-size: 90%;
text-shadow: 0px 0px 10px #989898;
color: #494949;
padding: 1px 2px;
}

div.category_mini_box {
margin: 0px;
padding: 0px;
float: left;
}

div.category_mini_box a {
width: 100px;
height: 100px;
text-decoration: none;
display: block;
text-align: center;
}

div.category_mini_box a strong span:hover {
font-weight: bold;
}

div.category_mini_box a strong {
display: block;
}

div.category_mini_box a strong span {
font-size: 90%;
background-color: white;
padding: 1px 2px;
}

#rss {
background-color: #FEFEFE;
}

#rss div {
font-weight: bold;
}

#rss img {
display: none;
}

#search_request {
color:#989898;
font-size:120%;
font-weight:bold;
margin-bottom:15px;
}

#google_ads {
width: 100%;
text-align: center;
margin-top: 25px;
padding-top: 10px; 
}


/* -- doplněno 23.5.2011 - Vohnický -- */
/* =ALL_ELEMENTS Zabraňuje obtékání libovolného elementu
	Toto umístění nefunguje u IE-mac, použit hack */
.neobtekat:after {
	/* defaultní vlastnosti */
	content: ".";
	display: block;
	height: 0em;
	clear: both;
	visibility: hidden;
}

/* Skryto před IE5-mac \*/
* html .neobtekat {
    height: 1%;
}
/* Konec skrytí před IE5-mac */

p {
text-align: justify;
}

.bold {
    font-weight: bold;
}

a.active {
font-weight: bold;
}

div.country_box {
    margin-bottom: 10px;
}

#content h2 {
    font-size: 120%;
    color: #000000;
    border:1px solid #989898;
    background: url(../pcs/pcs_layout/background.jpg) top center repeat-x;
    line-height: 24px;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 0px 10px;
    text-transform: uppercase;
}

div.city_box a {
    text-decoration: none;
}

#content h3 {
    font-size: 120%;
    color: #000000;
    border-bottom: 1px solid #989898;
    margin: 10px 12px 0px 12px;
}

div.store_box {
    line-height: 24px;
    font-size: 115%;
}

div.store_label {
    display: inline;
    color: #989898;
    font-size: 115%;
    font-weight: bold;
    vertical-align: middle;
    margin: 0px 0px 0px 12px;
}

div.store_label_address {
    display: inline;
    color: #989898;
    font-size: 115%;
    font-weight: normal;
    vertical-align: middle;
}

form.store_detail {
    float: right;
    display: inline;
    margin-right: 12px;
    vertical-align: middle;
}

form.store_detail .submitButton {
    border: 1px solid #989898; 
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 3px;
    vertical-align: middle;
}

div.store_detail_row {
    display: block;
    padding: 2px 12px;
}
div.store_detail_row a {
    display: inline-table;
    font-size: 115%;
    vertical-align: middle;
    font-weight: bold;
}

.label {
    display: inline-table;
    font-size: 115%;
    vertical-align: middle;
    width: 150px;
}

div.field {
    display: inline-table;
    font-size: 115%;
    vertical-align: middle;
    font-weight: bold;
}

form.cinnosti {
    padding: 10px 12px;
}

div.checkbox {
    display: block;
    line-height: 18px;
/*    width: 33%; */
}

form.cinnosti input {
    vertical-align: middle;    
}

form.cinnosti label {
    font-size: 110%;
    vertical-align: middle;
    padding-left: 10px;
}

#map_canvas.store_detail {
    width:516px;
    height:360px; 
    border:1px solid #989898;
    margin: 10px 12px;
}

p.indent {
    padding: 0px 12px;
    margin-top: 3px;
}

table.reference {

    border-collapse: collapse;
}

table.reference th {
    font-size: 100%;
    color: black;
    border-top: 1px solid #989898;
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
    background: url(../pcs/pcs_layout/background.jpg) top center repeat-x;
    text-align: center;
    padding: 2px;
}

table.reference td {
    font-size: 110%;
    color: black;
    border: 1px solid #989898;
    padding: 2px;
}

table.reference td.organizace {
    width: 200px;
}

table.reference td.score {
    width: 50px;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}


form.reference {
    display: block;
    margin: 10px 12px;
}

form.reference .field {
    display: block;
    margin-bottom: 3px;
}

form.reference label {
    display: block;
    float: left;
    width: 150px;
    height: 23px;
    line-height: 18px;
    color: black;    
}

form.reference input, form.reference textarea {
    background-color: white;
    padding: 3px;
    color: #666651;
}

form.reference input {
    float: left;
    width: 130px;    
}

form.reference select {
    background-color: white;
    padding: 1px;
    height: 21px;
    color: #666651;
    float: left;
    width: 137px;
}

form.reference input.long {
    width : 274px;
}

form.reference select.short {
    width : 50px;
}

form.reference select.long {
    width : 138px;
}

form.reference select.verylong {
    width : 281px;
}

form.reference input.submitButton {
    background-color: #F4F4F4;
    margin-left: 150px;
}

#content form.reference h3 {
    margin: 10px 0px;
}

#validate_icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 3px;
}

#validate_msg {
    display: block;
    float: left;
    padding: 4px 0px;
}

input.blank, select.blank {
    border: 1px solid #989898;
}

input.error, select.error {
    border: 1px solid red;
}

#validate_msg.error {
    color: red;
}

#validate_icon.error {
    background: url(../pcs/pcs_layout/error_16x16.png) no-repeat bottom left;
}

input.success, select.success {
    border: 1px solid green;
}

#validate_msg.success {
    color: green;
}

#validate_icon.success {
    background: url(../pcs/pcs_layout/success_16x16.png) no-repeat bottom left;
}

#form_validate {
    display: block;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    margin: 10px 0px;
}

#form_validate.error {
    border: 1px solid red;
    color: #D8000C;
    background: url(../pcs/pcs_layout/error_32x32.png) #FFBABA no-repeat center left;
}

#form_validate.success {
    border: 1px solid green;
    color: #4F8A10;
    background: url(../pcs/pcs_layout/success_32x32.png) #DFF2BF no-repeat center left;
}

td.percentage_bar {
    
}

table.percentage_bar {
    border: 0px;
    width: 144px;
}

table.percentage_bar td {
    border: 0px;
    padding: 0px;
}

table.percentage_bar td.bar_ano {
    background: green;
}

table.percentage_bar td.bar_ne {
    background: red;
}

table.percentage_bar td.ano {
    color: green;
    padding: 0px 2px;
}

table.percentage_bar td.ne {
    color: red;
    padding: 0px 2px;
}

table.articles {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0px;
}

table.articles th {
    font-size: 100%;
    color: black;
    border-top: 1px solid #989898;
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
    background: url(../pcs/pcs_layout/background.jpg) top center repeat-x;
    text-align: center;
    padding: 2px;
}

table.articles td {
    font-size: 110%;
    color: black;
    border: 1px solid #989898;
    padding: 2px 5px;
}

table.articles td.datum {
    width: 75px;
    text-align: center;
}

table.articles td.autor {
    width: 100px;
}

table.articles td.action {
    width: 57px;
}

table.articles .submitButton {
    border: 1px solid #989898; 
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 3px;
    vertical-align: middle;
}

p.article-text {
    margin-top: 5px;
    padding: 0px 12px;
}

div.autor-mark {
    float: right;
    margin-bottom: 10px; 
    padding: 0px 12px;
}

#article_detail_form {
    margin: 10px 0px;
    padding: 0px 12px;
}

#article_detail_form .submitButton {
    border: 1px solid #989898; 
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 3px;
    vertical-align: middle;
}

.article-preview {
    display: inline-table;
    width: 264px;
    border: 1px solid #989898;
    background: url(../pcs/pcs_layout/box-background.jpg) repeat-x top center;
    margin: 3px;
    padding: 5px 10px 10px 10px;
    vertical-align: top;
}

#content div.article-preview h3 {
    padding: 0px;
    margin: 5px 0px;
}
.article-preview p.article-text {
    padding: 0px;
}
.article-preview div.autor-mark {
    padding: 0px;
    margin-bottom: 0px;
}

div.logo_partnera {
    display: block;
    margin: 10px 0px; 
    width: 180px;
    text-align: center;
    padding: 0px;
}

div.logo_partnera img {
    width: 140px;
    border: none;
    vspace: 0px;
    hspace: 0px;
}