/* ==== Scroll down to find where to put your styles :) ==== */


/* 	HTML5 Boilerplate
 
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #003D7A; }
ins { color:#8E8E8E; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:2px 0; padding:0; }
input, select { vertical-align:middle; }

/* End of Reset CSS 

fonts.css from the YUI Library: developer.yahoo.com/yui/ */

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * HTML5 Boilerplate - minimal base styles 
 */

body, select, input, textarea { 
  color: #333; 
  /* font-family: Georgia, serif;  */   
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { }
a:hover { color: #036; text-decoration:none; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; border:none; }

input[type=text], textarea, .bordered {
    border: 1px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    padding: 4px;
    /*width: 325px;	*/
}

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
			 border: 1px solid red;
      border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px red; 
 -webkit-box-shadow: 0px 0px 2px red; 
         box-shadow: 0px 0px 2px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* By default the selection color is pink */
::-moz-selection{ background: #0088CC; color:#fff; text-shadow: none; }
::selection { background:#0088CC; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

body{
	font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
	background-color:#999;
}
.mceContentBody {	background-color:#FFFFFF; }


h2, h3{
	margin:10px 0;
}

#title, h2, h3{
	font-weight:normal;	
}


h1{
	font-size: 28px;
	font-weight:bold;		
}

h2{
	font-size: 55px;
}

h3{
  margin-top: 0;
	font-size: 25px;
}

h4{
	font-weight: normal;
  margin-top: 0;
	font-size: 18px;
}

nav{

}

dt, dd { padding:4px; }

.gray_box {     
	background-color: #E7E7E7;
  margin: 3px;
  padding: 20px;
}

a.gray { color:#ccc !important; }
.darkgray { color:#999; }

#nav_kompleks, #nav_flats { padding-left:40px; }

.topmenu { margin-left:20px; }
.topmenu li { 
	display:inline; 
	margin-right: 10px;
	padding:5px;
	line-height:45px;
	border:1px solid #FFF;
	border-radius:5px;
}
.topmenu li a {
    color: #FFFFFF;
    font-size: 15px;
	text-decoration:none;
}
.topmenu li a:hover { text-decoration:underline; }

.order_log { border:#CCC 1px solid; border-collapse:collapse; }
.order_log td, .order_log th { padding:4px; border:#CCC 1px solid; border-collapse:collapse; }

ul.leftmenu { margin-bottom:10px; }
ul.leftmenu li a { color:#000000; font-size:16px; }
ul.leftmenu li small { color:#999999; font-style:italic; }

a.add { 
	font-size:12px; 
	font-weight:normal; 
	font-style:normal; 
	background: url(../images/plus.png) no-repeat left center; 
	padding-left: 15px; 
}
a.add:hover { text-decoration:none; }

.errors { margin-bottom:5px; color:#F60; font-size:10px; }


.clear { display:block; clear:both; height:1px; _height:0px; }
.left { float:left; }

.right { float:right; }
img.right { float: right; margin-top: 6px; margin-left:3px; }
img.left { float: left; margin-top: 6px; margin-right:8px; }


.hidden { display:none; }
.noBg { background:none !important; }
.noPad { padding:0 !important; }
.content .text a.noBord, .noBord { border: none; }
 

p.pr, .mceContentBody p, p { margin-bottom:12px; }

#container { 
	margin: auto; width: 1024px; 
	/*width:expression(document.body.clientWidth > 1020 ? "100%" : "1020px");*/
	font:14px font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#555;
	background-color:#eef1f1;
	box-shadow: 0 0 5px 1px #666;
}
#container a { cursor:pointer; color:#0088CC; }
#container img { vertical-align:bottom; }

.interesting a { line-height: 25px; }

#header { height:74px; background:#ecefed url(../images/bg-header.gif) left top repeat-x; }
#header div.top { padding-bottom:20px; }
#header div.top div.left { padding:12px 0 0 12px; }
#header div.top div.right { padding-right:12px; font-size:18px; color:#717d84; }
#header div.bottom { }
#header div.bottom div.left { padding-left:12px; }
#header div.bottom div.left div.inp { float:left; } 
#header div.bottom div.right { padding-right:12px; }
#header div.bottom div.right div.sel { width:276px; }

#cardsearch {
    border: 1px solid #E8E8E8;
    border-radius: 5px 5px 5px 5px;
    color: #CCCCCC;
    font-size: 12px;
    margin-top: 18px;
		margin-left: 10px;
    padding: 6px;
    width: 250px;
}

#wrapper { 
	float:left; width:100%; 
	background: #eef1f1 url(../images/bg-wrapper.gif) right top repeat-y;
	min-height: 406px;
}
#content { 
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    /*overflow: hidden;*/
    padding-bottom: 10px;
    width: 744px;
}

.content .text { color:#333 !important; font-size:14px !important; } 
.content h3 {
    font-family: Calibri, "Trebuchet MS" !important;
    font-size: 150% !important;
    font-weight: bold !important;	
}


#content div.pdr { padding:0 20px; }
#sidebar { float:left; width:280px; min-height:632px; background:url(../images/bg-lside.gif) right top no-repeat; }

.post { margin-bottom:15px; overflow: hidden; font-size:13px; }
.preview_image { 
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    text-align: right;
    width: 150px;
	border-radius:5px;
	overflow: hidden;
}

#sidebar .blockMenu { padding:20px 0 30px; background-position:right top; background-repeat:no-repeat; }
#sidebar .blockMenu.bg-1 { background-image:url(../images/bg-blockMenu-1.png); }
#sidebar .blockMenu.bg-2 { background-image:url(../images/bg-blockMenu-2.png); }
#sidebar .blockMenu.bg-3 { background-image:url(../images/bg-blockMenu-3.png); } 
#sidebar .blockMenu .caption { 
	padding:0 0 15px 12px; 
	font-size:18px; 
	font-weight:normal; 
	font-style:italic; 
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif; 
}
#sidebar .blockMenu ul li { display:block; padding:8px;  background:url(../images/bg-left-menu.png) left bottom no-repeat; }

#sidebar .blockMenu li:last-child { background:none; }
.blockTabs div.tab ul li:last-child { background:none; }

#sidebar .blockMenu ul li a { font-size:14px; text-decoration:none; color:#0088cc; font-family: "trebuchet MS"; }
#sidebar .blockMenu ul li a:hover { text-decoration:underline; }

#sidebar .blockMenu.best ul li { padding:0; }
#sidebar .blockMenu.best ul li a { 
	display:block; 
	text-decoration:none; 
	background:url(/images/bg-best-cards-item.png) -10px 6px no-repeat; 
	height:27px;
	line-height:27px;	
}
#sidebar .blockMenu.best ul li a:hover { background-position:-10px -25px; }
#sidebar .blockMenu.best ul li a.current { background-position:-10px -65px; }


#text_search input { border: 1px solid #E6E6E6; border-radius: 5px 5px 5px 5px; color: #333; padding: 4px; width: 325px; }
#text_search input:hover {  border: 1px solid #ccc; } 


.submenu li { padding:4px !important; }
.submenu li a { color:#999 !important; }
	
.blockTabs { padding-bottom:0px; }
.blockTabs div.hld { width:33%; float:left; background:url(../images/bg-hld.png) left top no-repeat; }
.blockTabs div.tab { *width:201px; float:left; margin:0 auto; padding:0 20px; font-size:12px; }
.blockTabs div.tab h2 { font-family: Georgia, "Times New Roman", Times, serif; padding-bottom:4px; font-size:22px; font-style:italic; color:#b50909; text-decoration:underline; }
.blockTabs div.tab div.hr { height:2px; padding-bottom:6px; background:url(../images/bg-tab-hr.gif) center top no-repeat; }
.blockTabs div.tab p { padding-bottom:8px; }
.blockTabs div.tab img { display:block; }
.blockTabs div.tab a.bt-rm { position:relative; right:-10px; float:right; margin-bottom:4px; }
.blockTabs div.tab ul { 
    color: #B50909;
    list-style: disc outside none;
    padding-bottom: 4px;
}
.blockTabs div.tab ul li { padding:0 0 8px 0; background:url(../images/bg-tab-hr.gif) center bottom no-repeat; }
.blockTabs div.tab ul li span { color: #87a1b3; }
.blockTabs div.tab a.grBt-red {  width: 135px; }

.blockTtl {
    color: #000000;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px;
    text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
}

a.grBt-red { 
    color: #902B2B;
    display: block;
    font-size: 15px;
    height: 37px;
    margin: auto;
    overflow: hidden;
    text-decoration: none;
    width: 132px;
}
a.grBt-red div { float:left; }
a.grBt-red div.l { width:20px; height:37px; background:url(../images/grBt-red.png) left 0px no-repeat; }
a.grBt-red div.r { width:20px; height:37px; background:url(../images/grBt-red.png) right -37px no-repeat; display: block; }
a.grBt-red div.c { position:relative; height:30px; padding:8px 6px 0; background:url(../images/grBt-red.png) left -74px repeat-x; color: #333333; }
a.grBt-red div.front { position:absolute; top:7px; color:#fff; }

p span.lbl { color:#a1acac; }



.boxDef { margin-bottom:10px; }
.boxDef h1 { padding:0 0 10px 10px; font-size:20px; font-style:italic; color:#667579; }
.boxDef ul li { display:block; padding:0 0 8px 28px; background:url(../images/li-mdash.gif) left 10px no-repeat; font-size:16px; color:#98a6a9; }
.boxDef ul li a { text-decoration:none; color:#98a6a9; }
.boxDef ul li a:hover { text-decoration:underline; }
.boxDef ul li span.bracket { padding:0 10px; font-size:16px; color:#bdc8cb; }
.boxDef ul li span.date { font-size:16px; color:#bdc8cb; }
.boxDef a.bt-rm { margin-left:10px; }

.boxDef-cnt { padding:0 14px 10px 0; }
.boxDef-cnt a.grBt-red { float:right; }
.boxDef-cnt a.bt-rm { clear:right; display:block; float:right; margin-right:6px; }

.boxQue { height:157px; background:url(../images/bg-boxQue.gif) left -314px repeat-x; }
.boxQue div.l { height:157px; background:url(../images/bg-boxQue.gif) left 0px no-repeat; }
.boxQue div.r { height:147px; padding:10px 5px 0; background:url(../images/bg-boxQue.gif) right -157px no-repeat; }

.boxAtt { height:157px; background:url(../images/bg-boxAtt.gif) left -314px repeat-x; }
.boxAtt div.l { height:157px; background:url(../images/bg-boxAtt.gif) left 0px no-repeat; }
.boxAtt div.r { height:147px; padding:10px 5px 0; background:url(../images/bg-boxAtt.gif) right -157px no-repeat; }

.boxGrey { height:145px; background:url(../images/bg-boxGrey.gif) left -290px repeat-x; }
.boxGrey div.l { height:145px; background:url(../images/bg-boxGrey.gif) left 0px no-repeat; }
.boxGrey div.r { position:relative; height:125px; padding:20px 5px 0; background:url(../images/bg-boxGrey.gif) right -145px no-repeat; }
.boxGrey div.r img { position:absolute; right:14px; top:14px; }
.boxGrey p { padding:4px 0 4px 10px; }
.boxGrey p.even { background:url(../images/p-even.png) repeat; }
.boxGrey p span.lbl { display:block; float:left; width:300px; }

.blockCols { padding:0 0 30px 10px; }
.blockCols div.hld { width:50%; float:left; background:url(../images/bg-hld.png) left top no-repeat; }
.blockCols div.col { padding:0 20px; }
.blockCols div.col table { width:100%; }
.blockCols div.col table td { padding-bottom:8px; font-weight:bold; }
.blockCols div.col table td.lbl { width:60%; color:#a1acac; }
.blockCols div.col table td h2 { padding:0; }
.blockCols div.col p { padding-bottom:8px; text-align:justify; }
.blockCols div.col a.bt-rm { float:right; }
.blockCols h2 { padding-bottom:8px; font-size:16px; font-style:italic; color:#555; }






#footer { padding:14px 12px 12px; background:url(../images/bg-footer.gif) top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#a2aaae; } 
#footer div.left { }
#footer div.left p { display:block; float:left; padding:6px 10px 0 10px; }
#footer div.left img.jp { position:relative; top:-6px; left:-4px; }
#footer div.right { }
#footer div.right div.txt { float:left; padding-top:3px; }
#footer div.right div.txt a { margin-right:15px; text-decoration:none; color:#a2aaae; }
#footer div.right div.txt a:hover { text-decoration:underline; }
#footer div.right div.img { float:left; }


a.apply, .apply { 
	color: #FFFFFF !important;
	font-weight:bold;
	font-size:13px;
	display: block;
	height: 22px;
	padding: 7px;
	text-decoration: none;
	width: 128px;	
	margin:20px auto;
	background:url(../images/apply.png) 0 0 no-repeat;  	
}
a.apply:hover, .apply:hover {
	background:url(../images/apply.png) 0 -38px no-repeat;  	
}

a.apply:active, .apply:active {
	/*padding: 9px;
	background-position: 2px -36px;*/
}


.apply2 a { color:#ffffff; }

.apply2 {
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:#008ad9 url(../images/apply2.png) 0 0 repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #0088cc;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-weight:bold;	
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    padding: 2px 8px;		
	text-decoration:none;

}.apply2:hover {
	background:url(../images/apply2.png) 0 -31px repeat-x;  
}.apply2:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */



.q_request { 
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
	padding: 3px;
	width: 300px;
}

.button {
	border: 0; height: 35px; width: 143px; font-style:normal; padding: 0 0 5px; margin-top:5px;	
}


.subscribe { 
	padding:4px; 
	border:2px solid #e89300; 
	border-radius:4px; 
	margin:5px auto; 
	text-align:center; 
	width:220px; 
	background-color:#FFF; 	
}

.subs_caption { color:#e89300; font-size:22px; font-weight:bold; margin:5px; }
.subs_list { margin-bottom:10px; }
.subs_list li { margin-bottom:4px; color:#000; text-align:left; font-size:14px; }
.subs_input { background-color:#d9d9d9; padding:2px; color:#666; margin:4px; border:none; }
.subs_submit { background-color:#e89300; color:#000; margin-bottom:10px; margin-top:8px; padding:4px; border-radius:4px; box-shadow: 1px 1px 1px #999; }

.subscribe2 { 
	display:none;
	padding:4px; 
	border:2px solid #e89300; 
	border-radius:4px; 
	margin:5px auto; 
	text-align:center; 
	width:320px;
	height:200px; 
	background-color:#FFF; 	
	
	position:fixed;
	left:50%; top:300px; 
	margin-left:-160px; 
	margin-top:-100px; 
	z-index:1000;	
}
.subs2_caption { color:#e89300; font-size:22px; font-weight:bold; margin:15px 5px; }
.subs2_input { background-color:#d9d9d9; padding:6px !important; color:#666; margin:4px; border:none; width:300px; }
.subs2_submit {
    background-color: #E89300;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 1px #999999;
    color: #000000;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 4px;
    width: 230px;
	font-weight:bold;
	font-size:14px;
}
.subs2_close { color:#ccc; font-size:10px; text-align:right; cursor:pointer; }



#compare_box { 
	display:none; 
	position:fixed; 
	right:0; top:40px; 
	background-color:#0088CC; 
	padding: 4px 10px; 
	color:#FFF; 
}
#compare_box a { color:#FFF; text-decoration:none; }


#cards { padding-left:20px; padding-top:10px; padding-right:20px; position:relative; }
#cards .cards_table td { padding: 15px 2px 5px; }
#cards .cards_table {} 
#cards .cards_table th a { 
    color: #000000;
    display: block;
    height: 40px;
    text-decoration: none;
    width: 100%;	
}
#cards .cards_table th { 
	width:12%;
	padding-top:5px;
	cursor:pointer;
	font-size:10px; 
	color:#000; 
	height:50px; 
	background:url(../images/bg-cards_table-th.png) top center no-repeat;  
}
#cards .cards_table th:hover { 
	background:url(../images/bg-cards_table-th.png) center -60px no-repeat;  
}
#cards .cards_table th.even { 
	background:#F4F4F4 url(../images/bg-cards_table-th.png) center top no-repeat;  
}
#cards .cards_table th.even:hover { 
	background:#fff url(../images/bg-cards_table-th.png) center -60px no-repeat;  
}
#cards .cards_table td.even { 
	background: #F4F4F4;  
}
#cards .cards_table td.desc, #cards .cards_table td.asc { 
	background: #f7a71c;  
}

#cards .cards_table th.desc, #cards .cards_table th.asc:hover { 
	background:#f7a71c url(../images/bg-cards_table-th.png) center -60px no-repeat;  
}
#cards .cards_table th.asc, #cards .cards_table th.desc:hover { 
	background:#f7a71c url(../images/bg-cards_table-th.png) center -119px no-repeat;  
}

#cards .cards_table th.nosort { 
	background:url(../images/bg-cards_table-th.png) center -178px no-repeat;
}

#cards .cards_table td { 
	font-size:12px;   
	color: #000;
	border-bottom: 2px solid #e2e2e2;
	vertical-align: middle;	
	height:110px;
}
#cards .cards_table td.topleft, #cards .cards_table td.topright { 
	padding:0;
	height:50px; 
	width:8px; 
	border:none; 
	background:url(../images/bg-top_td.png) left top no-repeat;  
	
}
#cards .cards_table td.topright { 
	background:url(../images/bg-top_td.png) right top no-repeat;  	
}

#cards .cards_table .off * {opacity:0.4;}
#cards .cards_table .off:hover * {opacity:0.8;}

.cards_tools { 
	position:absolute; 
	width:450px; 
	display:none; 
	right:20px; 
	padding:5px;
	margin-top:5px; 
	background-color:#FFC;
}
#cards .cards_table tr:hover .cards_tools { display:block; } 


.credits_table {}
.credits_table td { border-bottom:1px solid #ccc; padding:5px; color:#000; text-align:center; vertical-align: middle; }

.credits_table th { 
	width:12%;
	padding:5px;
	cursor:pointer;
	font-size:10px; 
	color:#000; 
	background:#E2E2E2;  
}


.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}

.credits_table td:nth-child(2n+1) {
    background: none repeat scroll 0 0 #FFFFFF;
}



.content { padding: 10px 32px; line-height: 20px; }
.content header 
{ 
	color: #000000;
	font-family: Calibri, "Trebuchet MS";
	font-size: 30px;
	font-style: italic;
	text-align:center;
	margin-bottom: 15px;
	line-height: 30px;	
	font-weight:bold;
}
.content time { float:right; font-size:10px; color:#a7a7a7; }
.content .anons { 
	color:#333 !important; font-size:12px !important;
	margin-left:250px; 
	font-style:italic; 
	margin-bottom:30px; 
	margin-top:10px; 
	text-align:justify; 
}

.content h3, .mceContentBody h3 , h3
{ 
	color: #000000;
	font-family: Calibri, "Trebuchet MS";
	font-size: 20px;
	font-style: italic;
	margin-top: 25px;
	font-weight:bold;
}
.content h4, .mceContentBody h4
{ 
	font-size: 18px;
	font-style: italic;
	margin-top: 25px;
}
.content .author { display:block; width:200px; line-height: 14px; }	
.content .foto {
	display:block; 
	float:left; 
	width:45px; 
	height:60px; 
  padding-left: 4px;
  padding-top: 4px;	
	background:url(/images/author-balun.png) no-repeat 0 0; 
}
.content .foto img { border-radius: 4px; float:left; }

.content .author .name { color:#0088cc; font-size:13px; margin-bottom: 2px; padding-top: 6px; }	
.content .author .name a { text-decoration: none; }	

.content .author .info { color:#999; font-size:11px; }	
.content .text a { color:#333 !important; border-bottom:1px dotted; text-decoration:none; }
.content .text a:hover { border-bottom:none; }
.content .text strong { }
.cardstable {}
.cardstable td { padding:6px; vertical-align:middle; }

blockquote { padding-left:30px; background:url(/images/galochka.png) no-repeat 0 0; padding-top:5px; margin-top:10px; }

		
.card { 
	width: 200px;
	position:relative; 
	margin-bottom:10px;
	overflow:hidden;
	display:block;

	zoom: 1;
	
	-webkit-box-shadow: 0px 0px 4px 0px #333333;
	-moz-box-shadow: 0px 0px 4px 0px #333333;
	box-shadow: 0px 0px 4px 0px #333333; 	
	
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
  border-radius: 8px;		
}

.card img { 
  -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
  border-radius: 7px; 		
}

.v_and_m, .m_and_ae {
	background: url("/images/mastercard-or-visa.png") no-repeat scroll right bottom transparent;
	height: 112px;
	position: absolute;
	width: 194px;
	z-index: 100;
}
.m_and_ae {
	background: url("/images/mastercard-or-amex.png") no-repeat scroll right bottom transparent;
}

.card.small, .card.small img {
  -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.v_and_m_small, .m_and_ae_small { position:absolute; right:-4px; bottom:-1px; }

.card .effect {     
	left: -4px;
	position: absolute;
	top: -4px; 
}


.notices {
  display: block;
	height: 110px;
  margin: 0 auto;
  padding: 14px;
  width: 678px;
	
	background: url(../images/bg-notices.png) 0 0 no-repeat; 

	position:relative;
	margin-bottom:10px;
}
.notices.no { background: url(../images/bg-notices2.png) 0 0 no-repeat;  }

.notices h1 { color:#000; font-style:italic; font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; float:left; }
.notices a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; }
.notices a:hover { text-decoration:underline; }
.notices ul {     
	border-left: 1px dashed;
  list-style: none outside none;
  margin-left: 130px;
  padding-left: 10px; 
}

.notices .small_review {
	position:relative;
	padding-right:210px;
	margin-left:130px;
	border-left:1px dashed;
	height:110px;	
	padding-left:15px; 
	line-height:17px;
}



.notices li { padding:5px; background: url("../images/bg-left-menu.png") no-repeat scroll left bottom transparent; }
.notices li:last-child { background:none; }
.notices .more { position:absolute; right:15px; bottom:10px; font-size:12px; text-decoration:underline; }

.card_detail { padding: 10px 32px; color: #555; }
.card_detail .header { text-align:center; margin-bottom: 20px; margin-top: 10px; }
.card_detail .header span { font-style:italic; }
.card_detail .cardmane {
	color: #000000;
	font-size: 30px;
	font-style: italic;
	font-family: Calibri, "Trebuchet MS";	
	font-weight:bold;
}
.card_detail .bankname {
	text-decoration:none;
	border-bottom: 1px dotted;
}

.best_cards {
 border-radius: 5px;
 background:#eee;
 padding:10px;
 box-shadow: 1px 1px 2px 0 #999999;
}


.best_cards a { font-size:12px; font-style:italic; font-weight:bold; } 
.best_cards .card_online { 
    background: url("/images/best-arrow.png") no-repeat scroll right 13px transparent;
    color: #6EB630 !important;
    display: block;
    height: 60px;
    padding-right: 15px;
    padding-top: 15px;
    vertical-align: middle;
}
.best_cards .card_url { color:#000 !important; }	
		
.card_info ul.card_docs { width:100% }
/*.card_info ul.card_docs span { padding-left:20px; }*/

.pseudo {
	text-decoration:none;
	border-bottom: 1px dotted;
}


.card_notice { 
	color: #8e8e8e; 
	padding:10px; 
	background:url("../images/bg-card-notice.png") 0 0 no-repeat; 
	position:relative; 
}
.card_notice ul { list-style:none; display:block; width:410px; margin:0; }
.card_notice ul li { padding:4px; background:url("../images/bg-card-notice-li.png") 0 bottom no-repeat; }
.card_notice ul li.nobg { background: none; }
.card_notice ul li div { float:right; display:block; width:240px; color:#000; }
.card_notice .bonus { position:absolute; right:45px; top:12px; width:28px; }
.bonus_fly, .bonus_cashback, .bonus_balls { 
	width:26px;
	height:25px;
	display:block; 
	margin-bottom:8px; 
	cursor:pointer;
	background:url("../images/card-bonus.png") 0 0 no-repeat; 	
}

.bonus_fly { background-position: 0 -68px; } 
.bonus_cashback { background-position: 0 -34px; }  

.bonus_fly:hover { background-position: -28px -68px; } 
.bonus_cashback:hover { background-position: -28px -34px; } 
.bonus_balls:hover { background-position: -28px 0; } 

.card_info { margin-top:20px; }
.card_info p { margin-left:20px; }
.card_info label { color:#000; font-size:16px; margin-top:0px; margin-bottom:10px; display:block; }
.card_info ul { list-style:none; display:block; width:400px; margin-left:20px; }
.card_info ul.big { width:550px; }
.card_info ul li { padding:4px 0; overflow:hidden; }
.card_info .req { padding-left:16px; background:url("../images/req.png") 0 center no-repeat; cursor:pointer; }
.card_info .nobg { background: none; }
.card_info ul li div { float:right; display:block; width:225px; color:#000; }
.card_info ul li div ins { color:#8E8E8E; }

.hr { margin: 10px 10px 20px; background:url("../images/card-info-hr.png") 140px bottom no-repeat; display:block; height:10px;  }
.card_info .hr { background-position: 40px bottom; }

.bank_content { display:block; margin:0; }
.bank_content li { display:block; margin-bottom:5px; }

.bank_notice { color: #8e8e8e; padding:10px; background:url("../images/bg-card-notice.png") 0 0 no-repeat; position:relative; }
.bank_notice ul { list-style:none; display:block; width:420px; margin:0; }
.bank_notice ul li { padding:4px; background:url("../images/bg-card-notice-li.png") 0 bottom no-repeat; }
.bank_notice ul li.nobg { background: none; }
.bank_notice ul li div { float:right; display:block; width:300px; color:#000; }
.bank_notice ul li div.b { color:#2096d1; }
.bank_notice ul li div.small { font-size:10px; line-height: 18px; }
.bank_notice .master_face { 
	height: 113px;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 132px;
}
.bank_info { margin-top:20px; font-size:14px; } 
.bank_info .desc { color:#555; line-height: 20px; } 
.bank_info .desc p { margin: 10px 0; } 
.bank_info .hr { margin:10px; background:url("../images/card-info-hr.png") center bottom no-repeat; display:block; height:10px;  }
.bank_info a {
	border-bottom: 1px dotted;
	color: #555 !important;
	text-decoration: none;	
}


.tooltip {
	display:none;
	padding:5px;
	background-color: #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	color: #444444;
	font-size: 11px;
	text-align: center;
	width: 100px;	
	box-shadow: 0 0 4px 0 #333333;
	-moz-box-shadow: 0 0 4px 0 #333333;
	-webkit-box-shadow: 0 0 4px 0 #333333;
}

.tags_form_button { position:fixed; display:block; top:0; left:0; background-color:#666; color:#FFC; padding:5px; cursor:pointer; }
.tags_form {
	border:1px solid #999; 
	border-radius:8px;
	padding:10px; 
	width:500px; 
	background-color:#FFC; 
	position:fixed; 
	top:220px; 
	left:50%; 
	margin-left:-250px; 
	display:none;
	box-shadow: 0 0 10px 0 #999;
	-moz-box-shadow: 0 0 10px 0 #999;
	-webkit-box-shadow: 0 0 10px 0 #999;	
}


.pagenator {}
.pagenator b, .pagenator a { 
	display:block; 
	padding:3px; 
	font-weight:bold; 
	text-decoration:none; 
	float:left; 
	margin-right:10px; 
	width:18px;
	text-align:center;
}
.pagenator b, .pagenator a:hover { 
	color:#0088CC;
	background-color:#FFF; 
	border-radius:5px; 
	box-shadow: 1px 1px 2px -1px #666666;
	-moz-box-shadow: 1px 1px 2px -1px #666666;
	-webkit-box-shadow: 1px 1px 2px -1px #666666;
}
.pagenator a { background-color:#e1e2e4; border-radius:5px; }

.statistic { text-align:center; color:#FFC; font-size:10px; }






#banks_text { 
	background:url(/images/drop-gray-arrow.png) right center no-repeat; 
	background-color:#FFF;
	border:1px solid #E6E6E6;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	display: block;
	height: 17px;
	margin-left: 8px;
	margin-top: 20px;
	padding: 4px;
	position: relative; 
	width: 220px;
}
#banks_text #text {    
		color: #CCCCCC;
    height: 18px;
    overflow: hidden;
    padding-left: 10px;
    width: 210px;
}
#banks_list { 
	background-color: #E7E7E7;
	box-shadow: 2px 3px 5px 0 #BBBBBB;
	display: none;
	height: 200px;
	left: 0;
	position: absolute;
	top: 22px;
	width: 228px;
	z-index: 100;
}
/*#komu_text:hover #komu_list { display:block; }*/
.banks_item { 
	border-radius: 4px 4px 4px 4px;
	color: #444444;
	display: block;
	height: 17px;
	margin: 4px 2px;
	overflow: hidden;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-top: 4px;
	width: 200px;
}
.banks_item:hover { color:#444; background-color:#fff; }
#ext { width:235px; text-align:right; position:relative; }
#ext #ext_search {
	border-bottom: 1px dotted;
	color: #ccc;
	cursor: pointer;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;	
}
#ext #ext_search_box {
	background-color: #FFFFFF;
	border: 1px dashed #CCCCCC;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 5px 0 #CCCCCC;
	display: none;
	height: auto;
	left: 0;
	padding: 10px;
	position: absolute;
	top: -42px;
	width: 705px;
	z-index: 200;
}


/* --------------   */


#topsearch { height:48px; background-color: #fff; }

.search_form { float:left; }
.search_form td { padding:12px; }
.search_form td input[type="text"] { 
	border:none; 
	background: url(../images/search_input_bg.png) no-repeat; 
	width:242px; 
	height:20px;
	padding-left:10px;
}
.search_form td select { border-radius: 10px; border:1px solid #444; }

.search_form #metro_select { 
	cursor:pointer;
	width:242px; 
	background: url(../images/search_input_bg.png) no-repeat;   
	padding-left:10px;
	padding-top:3px;	
	height:20px;
}

.search_form #metro_select ins { 
	background: url(../images/search_arr.png) no-repeat center center; 
	display:block; 
	width:20px; 
    height: 16px;
    margin-right: 15px; 
	float:right;
}

.search_form #metro_search_list { 
	display:none; 
	width:242px; 
	height:120px; 
	overflow-y:scroll; 
	position:absolute; 
	background-color:#FFFFCC; 
	z-index:100;
	border:1px solid #ccc; 

	-webkit-box-shadow: 0px 0px 10px 0px #999;
	-moz-box-shadow: 0px 0px 10px 0px #999;
	box-shadow: 0px 0px 10px 0px #999; 	
}

.search_form #metro_search_list div { padding:4px; cursor:pointer; }
.search_form #metro_search_list div.hover { background-color:#FC0; }


#city_changer_box {     
		background: url(../images/bg-city-box.gif) left center no-repeat; 
	  color: #CCCCCC;
    height: 63px;
    line-height: 22px;
    /*margin-left: 40px;*/
    padding-top: 10px;
    text-align: center;
    width: 140px;}
#city_changer_box.counts { background: url(../images/top-str.png) left 2px no-repeat; }		
#city_changer_box #city { 
	font-family: Calibri, "Trebuchet MS";
	font-size:18px;  
	color:#bfbfbf; 
}
#city_changer_box #city_changer {
    border-bottom: 1px dotted;
    cursor: pointer;
    text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#bfbfbf;
		font-size:11px;
}


.citylist_box { 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 10px 10px;
    display: none;
    padding: 10px;
    position: absolute;
    top: 73px;
    width: 1002px;
    z-index: 100;
/*	
-webkit-box-shadow: 0px 0px 10px 0px #999;
-moz-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999;  */
	
}

#citylist_box_close { 
	cursor:pointer; 
	background: url(../images/del.png) no-repeat; 
	width:24px; 
	height:24px; 
	position:absolute;
	right:6px;
	top:6px;
}

.citylist_box ul { width:218px; float:left; }
.citylist_box ul li { display:block; padding:2px; cursor: pointer;  }
.citylist_box ul li.hover { background-color:#ddd; }

.city_items,.cityes { width: 980px; margin:10px auto; overflow:hidden; }
.back_to_regions { display:none; cursor:pointer; }

.leftsidebar {     
	float: left;
    margin-right: 10px;
    margin-top: 20px;
    width: 240px; 
}
.leftsidebar header h3 { background: url(../images/icons.png) no-repeat 0 0; padding-left:40px; margin-left: -40px; }
.leftsidebar header h3.fl { background-position: 0 -30px; margin-left: -40px; }
.leftsidebar header h3.nw { background-position: 0 -55px; margin-left: 0; }

h3.orange { font-style:italic; color:#EA6224; font-size:16px; font-weight:bold; margin:10px 0; line-height: 30px; }

#news article { margin-bottom:15px; margin-left:40px; }
#news article header a { color:#000000; }
#news time { color:#999999; font-style:italic; font-size:11px; }

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clear {
    clear: both;
    display: block;
    height: 1px;
}

table.form td { padding: 5px; }
table.form input, table.form textarea, table.form submit, table.form select { padding: 2px; border-radius: 5px; border: 1px solid #CCC; }

.zf-submitted .zf-required td { }
.zf-submitted .zf-required .zf { }


dl.zf-focused { }

.loginza { text-decoration:none; margin-bottom:10px; display:block; }

#add_comments_form { }
#add_comments_form td { vertical-align:middle; padding: 2px; }
#add_comments_form input[type="text"] {
    color: #333;
    font-size: 12px;
    margin-bottom: 5px;
		border: 1px solid #E6E6E6;
		border-radius: 5px;
    padding: 5px;
    width: 200px;
}

#comments { margin-top:20px; }
#comments p { margin: 0 0 8px; }
#comments #comment { overflow:hidden; margin:10px 0;  }
#comments #author { 
    float: left;
    min-height: 100px;
    padding-right: 20px;
    text-align: right;
    width: 120px;
}
#comments #text {
    border-left: 1px dotted #444444;
    float: left;
    min-height: 90px;
    margin-bottom: 10px;
    padding-left: 10px;
    width: 528px;
	color:#333;
	font-size: 13px;		
}

#comments #comment_content { 
		width:95%; height:120px; 
    color: #333;
    font-size: 12px;
    margin-bottom: 5px;
		border: 1px solid #E6E6E6;
		border-radius: 5px;
    padding: 5px;
}

#comments small { color:#999; }

#line {
    background-color: #CCCCCC;
    clear: both;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.qiestions {}
.qiestions li { margin-bottom: 10px; }


dl.zf-required dt label:after, fieldset.zf-required legend span:after {
    color: #EA6224 !important;
    content: "*";
}

.zf-invalid label, .zf-invalid input, .zf-invalid select {
    color: #EA6224 !important;
}

dl.form { margin-bottom:10px; }

dl.form dt {
    color: #444444;
    font-size: 11px;
    margin: 0;
}

dl.form dd input[type="text"], dl.form dd input[type="password"] {
    background-position: right center;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 14px;
    margin-right: 5px;
    padding: 5px;
    width: 200px;
}

input[type="text"], input[type="password"], input[type="image"], textarea {

}

button.classy, a.button.classy, button.classy:disabled:hover, a.button.classy.disabled:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #EBEBEB;
    border-radius: 4px 4px 4px 4px;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    color: #333333;
    cursor: pointer;
    font-family: helvetica,arial,freesans,clean,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    margin-left: 10px;
    overflow: visible;
    padding: 0;
    position: relative;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 1px;
    white-space: nowrap;
}

button.classy:hover,a.button.classy:hover {
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	border-bottom-color:#003D7A;
	background:#003D7A;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#003D7A',endColorstr='#0770a0');
	background:-webkit-gradient(linear,0% 0,0% 100%,from(#003D7A),to(#0770a0));
	background:-moz-linear-gradient(-90deg,#003D7A,#0770a0);
}

footer { 
		/*background:url(../images/footer_bg.png) no-repeat right 0; */
    height: 90px;
    padding-left: 20px;
    padding-top: 70px;	
}


.webform {}
.webform td { padding:6px; margin:4px; }
.webform .odd { background:#CCC; }
.form_caption { text-align:center; font-size:14px; font-weight:bold; padding:8px; }


.autocomplete-w1 { background:url(/js/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/* search */

.zf-disabled input, .zf-disabled {
    cursor: default !important;
    display: none;
}

.search_table .gorod { font-size:16px; color:#0088CC; }
.search_table { margin-top:10px; }
.search_table td { padding:6px; vertical-align:middle;  }
.search_table a { color:#999 !important; }

.search_table input[type=text]{
  border: 1px solid #E6E6E6;
  border-radius: 5px 5px 5px 5px;	
	padding:4px;
	width: 25px;
	color: #999999;	
}
#indicator {
	position:fixed; 
	padding:4px; 
	top:0; 
	left:50%; 
	width:140px; 
	margin-left:-70px; 
	background-color:#FFF; 
	display:none;	
}

#forV, #forMC, #forAE { display:none; margin-top: 15px; }

.search_box { 
    background-color: #E7E7E7;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px 0 #AAAAAA;
	  padding: 5px;
		overflow:hidden;
		line-height:normal !important;
		color:#000;
}

/* search */



/* вопросы */

.contacts .textarea {
	position:relative;
	width:370px; 
	height:314px;
	background-color:#e7e7e7;
	color:#000;
	font-style:italic;
	padding:5px;
	border:0;
	border-radius:5px;
	text-align:center;
  box-shadow: 1px 1px 3px 0 #aaaaaa;
}
.contacts .textarea .ug {
	position:absolute;
	right:-20px;
	top:80px;
	width:20px;
	height:20px;
	background: url(/images/ugolochek.png) no-repeat;
}
.contacts textarea {
	width:360px; 
	height:290px;
	background-color:#e7e7e7;
	color:#000;
	font-style:italic;
	padding:5px;
	border:0;
	resize:none;
}
.contacts em { color:#000; font-size: 11px; }
.contacts input, .contacts select { 
	color:#999; 
	font-style:italic;
	background-color:transparent; 
	border:none;
	padding-left:10px;
	border-bottom:1px solid #000; 
	width: 200px; 
	margin-bottom: 3px;	
}
.contacts td { padding:5px; vertical-align: bottom; }

#komu_text { 
	display:block; 
	background:url(/images/drop-arrow.png) right center no-repeat; 
	height:17px; 
	position:relative;
	cursor:pointer;
	border-bottom:1px solid #000;
}
#text { color:#999; font-style:italic; padding-left:10px; }
#komu_list { 
	display:none; 
	position:absolute; 
	width:208px; 
	overflow:hidden; 
	border:1px solid #CCC; 
	top:18px;
	background-color:#edf1f2;
	z-index:100;
}
/*#komu_text:hover #komu_list { display:block; }*/
.komu_item { 
	display:block; 
	height:20px; 
	color:#999; 
	font-style:italic; 
	padding:2px; 
	padding-left:10px;	
}
.komu_item:hover { color:#444; background-color:#E5E5E5; }




#send-user-msg-form {
	display:none;
    background: none repeat scroll 0 0 #EEF1F1;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
	margin: auto auto auto 170px;
    padding: 10px;
    position: fixed;
    top: 100px;
    width: 310px;
    z-index: 1000;		
	
	    -moz-box-shadow: 0px 0px 8px #999; 
 -webkit-box-shadow: 0px 0px 8px #999; 
         box-shadow: 0px 0px 8px #999;
	
}




/*
 *  CSS3 Media queries
 */

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


  #ctrlcopy {
    height:1px;
    overflow:hidden;
    position:absolute;
    width:1px;
    margin: 5px 0 0 -1px;
    line-height:0;
    opacity: 0;
  }