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

    @file style.css
    ------------------

    @author Roman Janko
    @date 4/8/2010
    @version 1.35
    @modification true

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


@import url("/font/droidsans.css");
@import url("/font/fertigo.css");
@import url("/font/texgyre.css");


/* reset */
body,html,p,ul,li,h1,h2,h3,h4,h5,h6,img,form,blockquote,fieldset,legend,ol,ul,li{margin:0; padding:0; border:0}
input,select,label{vertical-align:middle;outline:0}
ul,ol{list-style-type:none}
p{line-height:1.5; margin: 0; padding: 0;}
table{border-collapse:collapse;border-spacing:0}
hr {display:none}
.nod { display: none;}
.spaceman {position: absolute; top: -3000px; left: -3000px; }
:focus {
  outline:none;
}

/* Formating */
.fl { float: left !important; }
.fr { float: right !important; }
.cl, .cleaner { clear: both !important;  height: 1px !important; overflow: hidden !important; font-size: 1px !important;  }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.taj { text-align: justify; line-height: 150%; } /* sem blokum zvysit radkovani 1.5x */
.vab { vertical-align: bottom !important; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.mr4 { margin-right: 4px; }
.mb10 { margin-bottom: 10px !important; }
.bbn { border-bottom: 0 !important; }
.td-lt { text-decoration: line-through;}
/** { margin: 0 !important; padding: 0 !important; }*/
.fwn { font-weight: normal !important; }
a.ajax {	cursor: pointer; }

.hid{visibility:hidden;}
.nod{display:none;}
.spaceman{position:absolute;top:-3000px;left:0;}
.no-bg{background:none !important;}
.nm, .nomar {margin:0 !important;}
.nopad {padding:0 !important;}
.nb{border:none !important;}
.nbr { border-right: none !important; }
.nob{background:none !important;}
.default{cursor:default !important;}
div.white { background: white; padding: 3px 5px;}
div.white p { font-size: 11px}
.bold, .strong { font-weight: bold; }
.upper { text-transform: uppercase; }
a.awhite { color: white; background: none;}
/* Heights */
.h1 { height: 1px !important;  overflow: hidden !important;  }
.h2 { height: 2px !important;  overflow: hidden !important; }
.h5 { height: 5px !important;  overflow: hidden !important; }
.h10 { height: 10px !important; overflow: hidden !important;  }
.h15 { height: 15px; overflow: hidden;  }
.h20 { height: 20px; overflow: hidden;  }
.h30 { height: 30px; overflow: hidden;  }
.h40 { height: 40px; overflow: hidden; }
.h50 { height: 50px; overflow: hidden; }
.strike { text-decoration: line-through; }

.w1 { width: 1px; overflow: hidden; }
.w5 { width: 5px; overflow: hidden; }
.w10 { width: 10px; overflow: hidden; }
.w15 { width: 15px; overflow: hidden; }
.w20 { width: 20px; overflow: hidden; }
.w25 { width: 25px; overflow: hidden; }
.w30 { width: 30px; overflow: hidden; }
.w40 { width: 40px; overflow: hidden; }
.w50 { width: 50px; overflow: hidden; }
.w60 { width: 60px; overflow: hidden; }
.w70 { width: 70px; overflow: hidden; }
.w80 { width: 80px; overflow: hidden; }
.w90 { width: 90px; overflow: hidden; }
.w100 { width: 100px; overflow: hidden; }
.w120 { width: 120px; overflow: hidden; }
.w150{ width: 150px !important; overflow: hidden; }
.w160{ width: 160px !important; overflow: hidden; }
.w170{ width: 170px !important; overflow: hidden; }
.w180{ width: 180px !important; overflow: hidden; }
.w190{ width: 190px !important; overflow: hidden; }
.w200 { width: 200px !important; overflow: hidden; }
.w250 { width: 250px !important; overflow: hidden; }
.w300 { width: 300px !important; overflow: hidden; }
.w350 { width: 350px !important; overflow: hidden; }



ul {list-style:none;}
a {color:#1b78a8; text-decoration:none;}
a img {border:none;}
.clear {
 clear:both;
 line-height:1px;
 overflow: hidden; 
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}
section, header, footer, article, nav {display:block;}
body { background:url(/images/htmlbg.jpg) left top repeat-x; font-size:62.5%; color:#333; font-family: Verdana, Geneva, sans-serif;}
body.normalpage {background:url(/images/normalhtml.jpg) left top repeat-x;}
#page {width:100%; height:100%; background: url(/images/headerbg.jpg) center top no-repeat; }
body.normalpage #page {background:url(/images/normalheader.jpg) center top no-repeat; height:255px;}
#bodywrap { width:1032px; margin: 0 auto;}
#top {height:366px;}
body.normalpage #top {height:155px;}
body.normalpage #top #normalheader {height:81px;}
#contentwrap { background:url(/images/wrapbg.png) center top no-repeat;}
#contents { margin:0 26px 0 26px; background:url(/images/wraptop.jpg) 0 30px repeat-x; min-height:300px; padding:45px 15px 0 15px;}
#top nav {height:74px; width:980px; margin:0 auto; font-family:'TeXGyreAdventor', Arial, sans-serif}
#homeheader { height:292px; width:980px; margin:0 auto;}
#sitename {display:block; float:left; padding:5px 0 0 0;}
#sitename a {display:block; background:url(/gfx/logo65.png) no-repeat; height:65px; width:195px; float:left; text-indent:-5000px; overflow:hidden;}
#sitenav {display:block; float:right; height:59px; font-size:2.0em; font-family:'TeXGyreAdventor', Arial, sans-serif; padding-top:15px;}
#sitenav li {font-weight:bold; display:inline;}
#sitenav li a {display:block; float:left; color:#7d7d7d; padding:5px 15px 5px 15px;}
#sitenav li a:hover {color:#fff; text-shadow:#000 1px 1px 1px;}
#sitenav li.current a {color:#fff; background:url(/images/activemenu.png) center bottom no-repeat;}
#topcolumns {margin-bottom:5px;}
#topcolumns .col {width:30%; margin:6px; float:left; padding:0 9px;}
#topcolumns img.imgright {float:right; margin-left:10px;}
#contents p , #contents .blog-section .text {font-size:1.2em; line-height:20px;}
#contents li {font-size:1.2em;}
h2 {font-family:'TeXGyreAdventor', Arial, sans-serif;}
h2 span.filter { cursor: pointer; position: relative; font-size: 0.8em; height: 32px; padding-right: 77px; padding-left: 36px; background: #EEF0F5 url("/gfx/ico-ff.jpg") no-repeat top right; }
h2 span.filter .filter-menu { position: absolute;  top: 27px; left: -25px; display: none; }

h2 span.filter:hover .filter-menu { display: block; }
.filter-menu ul {  width: 200px; }
.filter-menu ul li {list-style: none; height: auto; margin: 0; padding: 0; display: block; }
.filter-menu ul li a { font-size: 0.7em; font-family: 'Arial'; font-weight: normal; background: #EEF0F5; display: block; float: left; padding-left: 10px; width: 180px;}


.filter-menu ul li a.active
{
    background: #74880D;
    color: white;
}
.filter-menu ul li a:hover
{
  background: #EEF0F5; 
}

h3 {font-family:'DroidSansBold', Arial, sans-serif; font-weight:normal;}
#normalpage h2, #topcolumns h2, #column1 h2 {font-size:2em; margin-bottom:10px; color:#2d2d2d;}
#topcolumns h2 {text-shadow:#fff 1px 1px 1px;}
#normalpage {background:url(/images/sidebarbg.jpg) 650px 0 repeat-y; min-height:200px;}
#normalpage2 { min-height: 400px; }
#left { width:640px; float:left;}
#sidebar {width:298px; float:right;}
#column1 { float: left; width: 938px; }
#normalpage #left h2,
#column1 h2 {display:block; background:url(/images/lefth2.jpg) left center no-repeat; line-height:27px; padding:5px 10px 10px 10px;}
#normalpage #sidebar h2 {display:block; background:url(/images/sidebarh2.jpg) left center no-repeat; line-height:27px; padding:5px 10px 10px 10px;}
#normalpage p {margin-bottom:15px;}
#left article { padding:0 10px;}
#contents a:hover {text-decoration:underline; color:#036;}
#normalpage h3, #column1 h3 {font-size:1.8em; color:#2885b5; margin-bottom:10px;}
#normalpage h4, #column1 h4 {font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px;}
#column1 h4 {font-size: 1.4em; color: #444955;}
#sidebar article {padding:10px;}
blockquote {display:block; background:url(/images/quote.png) left top no-repeat; padding-left:25px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif!important;}
.testimonials blockquote {border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
blockquote p {margin-bottom:5px!important;}
blockquote cite {display:block; font:italic 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#pagefooter {background:url(/images/footerbg.jpg) repeat-x; height:351px; width:100%; padding-top:11px;}
#bottom {background:url(/images/footerbg.png) repeat-x; height:294px; width:940px; margin:0 auto; padding:0 20px;}
#bottom .block1 { width:300px; padding:5px 20px 20px 0; background:url(/images/footerblockdiv.png) right top repeat-y; height:254px; float:left;}
#bottom .block2 {width:260px; padding:5px 0 20px 60px; height:254px; background:url(/images/footerblockdiv.png) left top repeat-y; float:right;}
#bottom .block3 {margin:0 330px 0 345px; padding:5px 0 20px; height:254px;}
#pagefooter h2 {font:bold 2.2em TeXGyreAdventor, Arial, sans-serif; color:#ddd; text-shadow:#222 1px 1px 1px; margin-bottom:10px;}
.imgthmb {background: transparent url(/images/footerimgbg.png) left top no-repeat; display:block; float:left; height:78px; width:78px; padding:3px 0 0 4px; margin:5px;}

#bottom  h3  { color: gray; margin-bottom: 3px;} 
#bottom  ul { margin-bottom: 3px; list-style: square;  color: gray;}
#bottom  ul li {color: #EFEFEF; margin-bottom: 5px;}
.teamimg {padding-left:15px;}
.block1 h2 {padding-left:15px;}
#pagefooter p {font-size:1.2em; color:#666; line-height:1.8em;}
.projectthmb {text-align:center;}
.projectthmb img { padding: 10px; background:#000 }
#slider .thumbholder {float:right; width:455px; text-align:right;}

#slider .thumbholder img
{
    width: 445px;
    background: url("/gfx/overlay.png");
    padding: 5px;
    position: relative;
}

#slider h2 {font: 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif; margin-bottom:10px; color:#fff;}
#slider {height:232px; width:980px; padding-top:45px;}
#slider .container {overflow:hidden; position:relative; cursor:pointer; color:#ddd; height:245px;  width:980px; top: -5px; }
#slider .slides li {display:block; height:242px; width:980px; position:absolute; overflow:hidden; left:0; top:0;}
#slider li .txtholder {float:left; width:470px; padding-top:35px;}
.slides {position:relative;}
#slider .slides p {font-size:1.4em; line-height:24px;}
#slider .pagination {
	display:block;
	list-style:none;
	z-index:999;
	width:250px;
	text-align:center;
	position:absolute;
	bottom:0px;
	height:25px;
	left:10px;
}
 ul.pagination li {display:inline;}

 ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(/images/slidernav.png) no-repeat; text-indent:-9000px;}
 ul.pagination li.active a {background:url(/images/slidernava.png) no-repeat!important; text-indent:-9000px;}
 #credits p {display:block; height:18px; width:966px; padding:20px; margin:0 auto; font-size:1.0em;}
 #credits p #designcredit {float:right; display:block;}
 #credits p .copyright {float:left; display:block;}
 #credits a {color:#AFAFAF; text-decoration: underline; }
 #credits a:hover { color: white; text-decoration: none;}
.subhead {height:50px; line-height:50px; font:bold 2.6em 'TeXGyreAdventor', Arial, sans-serif; text-shadow:#fff 1px 1px 1px;}
#left ul li {display:block; background:url(/images/listbullet.gif) 0 5px no-repeat; line-height:22px; margin-bottom:8px; padding-left:25px;}
#left ul {margin-left:15px; margin-bottom:15px;}
#contents.normalcontents {background-image:none!important;}
.blogpreview {padding-top:15px;}
.postpreview h3, .post h3 {font:normal 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif!important;}
.postpreview .entry {width:475px; float:right;}
.postpreview .postinfo {width:130px; float:left; display:block;}
.postpreview .postinfo p span { display:block;}
.postinfo p {display:block; font-size:1.1em!important; line-height:1.4em!important; text-align:right;}
.postpreview {margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
#sidebar .sbwrap, #sidebar .block {padding:10px;}
#sidebar ul li {display:block; height:31px;}
#sidebar ul li a { line-height:20px; border-bottom:solid 1px #ddd; padding:5px 0 0 25px; background:url(/images/sidebarli.gif) left 7px no-repeat; display:block;}
#sidebar ul li a:hover,
#sidebar ul  li.current a  {background:url(/images/sidebarli2.gif) left 7px no-repeat; color:#036;}
.sbwrap.twocol li {width:49%; float:left;}
.form {padding:15px;}
.form p, .form span, .form input, .form label {font-size:1.2em;}
.form .field {padding:5px;}
.form label {display:block; padding:5px 0 3px 0; font-weight:bold; color:#555;}
.form .textfield {display:block; height:25px; line-height:25px; border:solid 1px #ccc; padding:3px; width:90%;}
.form .text-area {display:block; width:90%; border:solid 1px #ccc; padding:3px;}
.form .button {padding: 15px 0 0; height:45px;}
input.btn {display:block; height:30px; padding:0 15px 0 15px; float:left; border:solid 1px; border-color:#bbb #999 #999 #bbb; font: bold 1.4em 'TeXGyreAdventor', Arial, sans-serif; color:#777; background:#efefef;}
.text-area:focus, .textfield:focus {border:solid 1px #666;}


#sidebar ul.contact li
{
    font-weight: bold;
    color: gray;
    display: block;
    height: 36px;
    margin-bottom: 21px;
    padding-left: 50px;
    border-bottom:1px solid #DDDDDD;  
    padding-bottom: 5px;
}


#sidebar ul.contact li a
{
    border-bottom: 0;
}

 .contact li span
{
    color: #6A7796;
}

.contact li#ico-phone
{
    background: url("../gfx/hp-ico-phone.png") no-repeat;
    background-position:  0px 3px;
}

.contact li#ico-email
{
    background: url("../gfx/hp-ico-email.png") no-repeat;
    background-position:  0px 3px;
}

.contact li#ico-skype
{
    background: url("../gfx/hp-ico-skype.png") no-repeat;
    background-position:  0px 3px;
}

.contact li#ico-icq
{
    background: url("../gfx/hp-ico-icq.png") no-repeat;
    background-position:  0px 3px;
}

.contact li#ico-twitter
{
    background: url("../gfx/hp-ico-twitter.png") no-repeat;
    background-position:  0px 3px;
}

.contact li#ico-facebook
{
    background: url("../gfx/hp-ico-facebook.png") no-repeat;
    background-position:  0px 3px;
}

#normalpage p.date
{
    margin: 0;
    padding: 0;
    color: gray;
}


#normalpage article.news p
{
    margin: 0;
}


table
{
    width: 100%;
    margin-bottom: 15px;
    font-size: 1.2em;
}

table.common th
{
    line-height: 18px;
    padding: 8px 12px;
    background: #7D818F;
    color: white;
}

table.common td
{
    background: #FAFDFE;
    border-bottom: 1px solid #EEEEEE;
    line-height: 18px;
    padding: 8px 12px;
}

table.common td.white
{
    background: white;
}

/* Portfolio
------------------------------------------------------------------------------- */
#folio
{
    padding: 20px;
    width: auto;
}

.ref
{
    margin-bottom: 10px;
}

.ref .photos
{
    float: left;
    width: 50%;
   
}

.ref .photos img
{
    border: 1px solid #CED1DA;
    padding: 4px; 
    background: #EEF0F5;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ref .photos a:hover img
{
    border: 1px solid #4ABCEF;
}

.ref .name
{
    float: left;
    width: 50%;
}

.ref .name .date
{
    background: url("../gfx/calendar.png") no-repeat;
    padding-left: 22px;
}






/* Reference detail
------------------------------------------------------------------------------- */
#column1 .name .refs
{
    margin: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    list-style-type: none;
    
}

a.ref
{
    position: relative;
}

a.ref span.top
{
    height: 67px;
    width: 67px;
    background: url("/gfx/top.png") no-repeat 0 0;
    position: absolute;
    top: -195px;
    right: -5px;
    text-indent: -5000px;
    z-index: 10;
}

.name .refs li
{
    margin-bottom: 15px;
    padding-left: 22px;
    font-size: 1em;
    line-height: 1.9;
}

#contents .name .refs li p
{
    font-size: 1em;
}


.refs li#refs-date
{
    background: url("../gfx/calendar.png") no-repeat; 
}

.refs li#refs-www
{
    background: url("../gfx/url.png") no-repeat; 
}

.refs li#refs-goal
{
    background: url("../gfx/goal.png") no-repeat; 
}

.refs li#refs-text
{
    background: url("../gfx/text.png") no-repeat; 
}

.refs li#refs-technologies
{
    background: url("../gfx/technologies.png") no-repeat; 
}

.public-img
{
    border: 1px solid #CED1DA;
    padding: 4px; 
    background: #EEF0F5;
    margin-right: 9px;
    margin-bottom: 10px;
}

a:hover .public-img
{
   border: 1px solid #4ABCEF;
}


.next-photos
{
    margin-top: 10px;
}


/* Strankovani
------------------------------------------------------------------------------- */
.pager-block
{
    /*background: #EEF0F5;*/
    border: 0px solid #CED1DA;
    padding: 10px 0;
    width: auto;
}

.pager-block a
{
    display: inline-block;
    background: #11719F;
    height: 35px;
    padding: 0 15px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    line-height: 35px;
    margin-right: 4px;
    font-size: 1.2em;
}

.pager-block a:hover, .pager-block a.active
{
    background: #4ABCEF;
    color: white;
}

.pager-block .prev
{
    float: left;
}

.pager-block .pivot
{
    float: left;
    width: 544px;
    text-align: center;
}

.pager-block .pivot-short
{
    float: left;
    width: 280px;
    text-align: center;
}

.pager-block .next
{
    float: right;
}

#crumbs 
{
    margin-bottom: 15px;
    font-size: 0.9em;
}


.blue-btn
{
    background: #11719F;
    display: inline-block;
    height: 30px;
    padding: 0 30px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    line-height: 30px;
    margin-right: 4px;
    border: 0;
}

.blue-btn:hover
{
    background: #4ABCEF;
    color: white;
    text-decoration: none !important;
}

.gray-btn
{
    
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    text-decoration: none;
    color: #343A4A;
    font-weight: bold;
    line-height: 30px;
    margin-right: 4px;
    background: #D1D5DF;
}

.gray-btn:hover
{
    color: #343A4A;
    background: #EEF0F5;
    text-decoration: none !important;
    
}

.green-btn
{
    background: #7E921E;
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    line-height: 30px;
    margin-right: 4px;
}


.green-btn:hover
{
    background: #B4CF33;
    color: white;
    text-decoration: none !important;
}


/* Blog
------------------------------------------------------------------------------- */
div.separator
{
    height: 1px;
    background: url("../gfx/dotline.gif") repeat-x;
    margin: 20px 0;
    
}

.blog-section
{
    
}

.blog-section h3
{
    font-size: 1.6em;
    color: #1B8BB4;
    margin-bottom: 5px;
    background: none;
    padding-left: 0;
}

.blog-section h3 a
{
    color: #1B8BB4;
}

.blog-section h3 a:hover
{
    color: #2B50D8;
}

.blog-section .posted-in
{
    padding: 0;
    margin: 0;  
    font-size: 0.9em;
    margin-bottom: 5px;
}

.blog-section .posted-in a
{
    font-weight: bold;
        
}

#blog-cmts 
{
    list-style-type: none;
    padding-right: 10px;
    margin: 10px 0;
    margin-left: 5px;
}

#sidebar #blog-cmts li
{
    background: url("/gfx/cmt-arrow.png") no-repeat 0 7px;
    height: auto;
    /*
    padding-left: 20px;
    margin-bottom: 10px;
    */
}

#sidebar #blog-cmts li a
{
    background: none;
}

#smiley-list
{
    display: none;
    width: 450px;
    margin-bottom: 15px;
    padding: 5px;
    background: #EEF0F5;
    border: 1px solid #CED1DA;
    margin-top: 10px;
}

pre
{
    background:none repeat scroll 0 0 #ECECEC;
    border:1px dashed gray;
    font-size: 1.3em;
    padding:0 0 16px 4px;
}

/* Komentare
------------------------------------------------------------------------------- */
div.comment
{
    background: #EEF0F5;
    border: 1px solid #CED1DA;
    width: auto;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
}

div.comment .username
{
    color: #1B8BB4;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 1.2em;
}

div.comment .username a.anchor
{
    text-decoration: none;
    font-size: 0.9em;
    color:  #CCCCCC;
    position: absolute;
    right: 10px;
    top: 17px;
}


.avatar
{
    background:url("/gfx/avatar-bg.gif") no-repeat scroll 0 0 transparent;
    height:56px;
    margin-top:5px;
    padding:7px 0 0 8px;
    width:56px;
}

div.comment .username a.reaction
{
    text-decoration: none;
    font-size: 0.9em;
    position: absolute;
    right: 45px;
    top: 17px;
}

div.comment .username span
{
    color: #CB5655;
}

div.comment .username a:hover
{
    color: #757575;
}

div.comment .date
{
    font-size: 0.9em;
    color: #777D8A;
}

div.comment .text
{
}

.comment .gravatar
{
  
}

.comment .leftCont
{
    float: left;
    width: 75px;
}

.comment .rightCont
{
    float: left;
    width: 400px;
}

.comment .separator
{
    margin: 10px 0;
}

.left-side
{
    float: left; 
    width: 300px
}

#contact-form .left-side input.txt
{
    width: 86%;
}

#contact-form .right-side textarea
{
    width: 280px;
    height: 182px;
}

.right-side
{
    float: left; 
    width: 300px
}

.cmt-www span, .cmt-email span
{
    display: none;
}

.cmt-www , .cmt-email 
{
    margin: 0 3px;
}

.cmt-www 
{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../gfx/ico-url.png") no-repeat;    
    position: relative;
    top: 1px;
}

.cmt-email 
{
    display: inline-block;
    width: 13px;
    height: 10px;
    background: url("../gfx/ico-email.gif") no-repeat;    
}



.pic-gal img
{
    margin: 0 5px;    
}

.pic
{
    border: 1px solid #212530;
    padding: 2px;
    background: #9097A9;
}


.opacity
{
 opacity: .5;
-moz-opacity: .5;
 filter:alpha(opacity=50);
 cursor: pointer;
}
	
.opacity:hover
{
opacity: 1;
-moz-opacity: 1;
 filter:alpha(opacity=100);
}


/* Kontaktní formulář
------------------------------------------------------------------------------- */
#contact-form
{
    position: relative;
}

.input-err
{
    border: 1px solid red !important;
    background-image: url("/gfx/input-err.png") !important;
    background-repeat: no-repeat !important;
}

.ok-msg
{
    background: #CBEFA4 url("/gfx/success.png") no-repeat 8px 8px;
    padding: 15px;
    padding-left: 50px;
    display: none;
    font-size: 1.2em;
}


.err-msg
{
    background: #FFBFC2 url("/gfx/failure.png") no-repeat 8px 8px;
    padding: 15px;
    padding-left: 50px;
    display: none;
    font-size: 1.2em;
}

#contact-form #ajax-loader-big
{
    position: absolute;
    z-index: 5;
    width: 66px;
    height: 66px;
    top: 50px;
    right: 85px;
    background: url("/gfx/ajax-loader-big.gif") no-repeat;
}

#contact-form #ajax-loader-big-poptavka
{
    position: absolute;
    z-index: 5;
    width: 66px;
    height: 66px;
    top: 300px;
    right: 85px;
    background: url("/gfx/ajax-loader-big.gif") no-repeat;
}

#contact-form legend
{
    display: none;
}

#contact-form input.txt, #contact-form textarea
{
    background: #EFEFEF;
    border: 1px solid #CED1DA;
    padding: 10px 15px; 
    width: 50%;
    margin-bottom: 10px;
}

#contact-form textarea
{
    width: 575px;
    height: 200px;
}

.submit
{
    border: 0;
    cursor: pointer;
}

#contact-form label
{
    display: block;
    color: #444955;
    font-weight: bold;
    padding-bottom: 5px;
}



input[type=checkbox], input[type=radio], 
input.checkbox, input.radio 
{ 
    position:relative; 
    top: .0em; 
}


#column1 ul {
list-style-type:square;
margin-bottom:12px;
margin-left:25px;
}

#column1 ul li
{
    margin-bottom: 5px;
}

.top-ref li
{
    margin-bottom: 5px;
    background:url("/images/sidebarli.gif") no-repeat 0 0;
    padding-left: 20px;
}

#bottom ul#twitter li 
{
    margin-bottom: 8px;
}

#bottom ul#twitter li small
{
    color: #fae9cf;
}