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



	Professional Front-end web development



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



@import url("reset.css");
body {
	font:64% 'Trebuchet MS', arial, sans-serif;
	background-image:url(../images/bg2.png)
}
a {
	color:#0050A0;
}
a:hover {
	color:#AF0000;
	text-decoration: underline;
}
.wrap {
	/*max-width: 1010px;margin:0 auto;*/
	min-width: 990px;
	margin: 0 auto;
	padding-bottom:10px;
	/*background: url(../images/emblem.gif) no-repeat  right 20px #FFFFFF;*/
	background: url(../images/shlyapa2.jpg) no-repeat top right #FFFFFF;
	/*	background: url(../images/back_top.jpg) center top no-repeat #ffffff;

	//background: url(../images/back_top_ie.jpg) center top no-repeat #ffffff;

	//padding-top: 5px;*/

	/*background: #FFFFFF url(../images/flag.gif) bottom repeat-x;*/
	
position: reletive;
}
#header {
	width:100%;
	padding-top:25px;
	margin-bottom:40px;
	overflow:hidden; /*background: url('../images/flag.png') no-repeat center 40px;*/
}
#header h1 {
	float:left;
	width:380px;
	height:93px;
	margin:0 0 0 18px;
	background:url('../images/logo.jpg') no-repeat 0 0;
	font-family:'Trebuchet MS', arial, sans-serif;
}
#header h1 * {
	display:block;
	color:#000;
	text-decoration:none;
}
#header h1 a, #header h1 span {
	color:#455EB2;
	font-size:1.5em;
	font-weight:bold;
	height:70px;
	padding:15px 0 0 105px;
}
#header h1 a span, #header h1 span span {
	padding:10px 0 10px;
	font-weight:bold;
	font-family: tahoma;
}
#header ul.links {
	float:right;
	margin:20px 20px 0 0;
}
#header ul.links li {
	color: #B1B6C9;
	display:inline;
	font-size:1.2em;
	margin-left:1em;
}
#header ul.links li.active {
	display:block;
}
ul.breadcrumbs {
	position:relative;
	margin:-33px 0 15px 272px;
}
ul.breadcrumbs li {
	font-size:1.1em;
	display:inline;
	background:none;
	padding:0;
}
ul.breadcrumbs li a {
	color:#666;
}
ul.breadcrumbs li a.active {
	color:#ffffff;
}
ul.breadcrumbs li a.active:hover {
	color:#ffffff;
}
ul.breadcrumbs li a:hover {
	color:#AF0000;
}
p {
	font-size:1.3em;
}
.wrap-content {
	float:left;
	width:100%;
}
#content {
	margin:0 258px 0 272px;
	padding:0 0 0 10px;
}
h2 {
	font-size:2em;
	line-height:1.20em;
	margin:0 0 1.5em -13px;
}
h2.infeed {
	font-size:1.5em;
	font-weight:700;
	margin-bottom:1.33em;
}
h2.infeed a {
	font-size:0.733em;
	margin-left:1em;
}
h3 {
	font-size:1.5em;
	font-weight:700;
	margin:2em 0 0.867em -13px;
}
#content p {
	font-size:1.3em;
	line-height:1.25em;
	margin-bottom:1.33em;
}
#content em {
	font-size:1.1em;
}
#content p.bold {
	font-size:1.5em;
	font-weight:700;
	margin-left:-13px;
	padding-top:5px;
}
#content p.bold a {
	font-weight:700;
}
#content ul {
	padding-left:20px;
	margin:0 0 13px -38px;
}
#content ul li {
	font-size:1.2em;
	line-height:1.25em;
	padding-left:18px;
	margin-bottom:0.583em;
	background:url('../images/arr_dash_black.png') no-repeat 0% 0.583em;
}
#content ol {
	list-style:decimal;
	margin:0 0 13px 5px;
}
#content ol li {
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:0.583em;
}
#content dl.news {
	margin: 0 -5px 50px 0;
}
#content dl.news dt {
	font-size:1em;
	color:#666;
	margin-bottom:0;
}
#content dl.news dd {
	width:100%;
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:0.6em;
	overflow:hidden;
}
#content dl.news dd img {
	float:left;
	margin-right:11px;
	margin-bottom:1.4em;
	margin-top: 3px;
}
#content dl.news dd {
	font-size: 1em!important;
}

.not-front dl.news dd a {
	font-size: 1.5em!important;
	li
}

.not-front dl.news dd p a {
	font-size: 1.1em!important;
	li
}

#content dl.news dd a {
	font-size: 105%;
}
#content div.photos {
	width:100%;
	padding-top:8px;
	overflow:hidden;
	margin:0;
}
#content div.photos div {
	float:left; /*width:120px;*/
	margin:0 40px 0 0;
	height: 190px;
	width:100%;
}
#content div.photos div div {
	float:left;
	width: 66%;
	margin:0!important;
	height:auto!important;
}
#content div.photos div div div {
	height:0!important;
}
#content div.photos img {
	float:left;
	margin-right: 15px;
	margin-bottom: 40px;
}
#content div.photos a {
	font-size: 1.5em;
}
#content div.photos div p {
	font-size: 1.1em;
}
#content div.photos div h3 {
	font-size: 1.4em!important;
	margin: 0.3em 0!important;
	padding:0!important;
}
#content div.filter {
	margin:0 0 3em 0!important;
}
#content p.filter label {
	display:block;
	margin-bottom:2px;
}
#content p.filter select {
	width:270px;
}
#content ul.docs {
	margin:0 0 13px -35px;
}
#content ul.docs li {
	width:100%;
	font-size:1em;
	background:none;
	padding:0px;
	margin-bottom:10px;
	overflow:hidden;
}
#content ul.docs li h3 {
	font-size:1.4em;
	line-height:1.43em;
	margin:0 0 0.1em 0;
	font-weight:700;
}
#content ul.docs li h3 a {
	padding:0 0 1px 20px;
	background:url('../images/icons.png') no-repeat 0px -50px;
	display: block;
}
.pdf li h3 a {
	padding:0 0 1px 20px;
	background:url('../images/acrobat.png') no-repeat 0px 0px!important;
	display: block;
}
#content ul.docs li h3 a:hover {
	text-decoration: none;
}
#content ul.docs li h4 {
	font-size:1.3em;
	font-weight:700;
	margin-left:20px;
}
#content ul.docs li p {
	font-size:1.2em;
	padding-left:20px;
}
#content h4.apps {
	float:left;
	margin-right:0.5em;
}
#content ul.apps {
	float:left;
	width:65%;
	margin-left:0px;
	padding-left: 0px;
}
#content ul.apps li {
	font-size:1.2em;
	line-height:1.67em;
	margin-bottom:0.9em;
}
#content ul.apps li a {
	padding:0 0 1px 20px;
	line-height:1.4em;
	background:url('../images/icons.png') no-repeat 0 -51px;
	display: block;
}
#content ul.apps li small {
	font-size:0.917em;
	font-style:italic;
}
#content h3.archive-selector {
	font-size:2em;
	text-align:center;
	margin-bottom:57px;
}
#content ul.press-feed {
	padding:0 0 0 10px;
	margin:0;
}
#content ul.press-feed li {
	font-size:1.1em;
	line-height:1.27em;
	margin-bottom:2.55em;
	background:none;
	padding:0;
}
#content ul.press-feed li blockquote {
	margin-bottom:0.3em;
}
#content ul.press-feed li p {
	padding:0;
	margin-bottom:0;
}
#content ul.press-feed cite {
	font-style:italic;
	color:#666;
}
#content ul.press-feed cite * {
	font-style:italic;
}
#content ul.press-feed cite span {
	padding-left:1em;
}
#content cite {
	font-style:italic;
	color:#666;
	font-size: 1.2em;
}
#content dl.question-answer {
	margin: 0 0px 0 17px
}
#content dl.question-answer dt {
	font-size:1em;
	color:#666;
	margin-bottom:0em;
	margin-left: -14px;
}
#content dl.question-answer dd {
	margin-bottom:3em;
}
#content dl.question-answer dd h3 {
	font-size:1.4em;
	margin-bottom:0.5em;
	margin-top:0em;
}
#content dl.question-answer dd h2 {
	margin-bottom:0.357em;
	margin-top: 0;
}
#content dl.question-answer dd p {
	padding:0;
	margin-bottom: 0.3em;
}
#content dl.question-answer dd p.faq-rubric {
	padding:0;
	color:#666666;
	font-style: italic;
}
#content dl.question-answer dd p.answer {
	font-size:1.4em;
	margin-top:0em;
}
#content dl.question-answer dd p.answer-whois {
	font-size:1.4em;
	margin-top:0em;
	font-style: italic;
	color:#999999;
	font-weight:bold;
}
#content dl.question-answer dd p.whois {
	font-size:1.4em;
	font-style: italic;
	color:#999999;
	font-weight:bold;
}
#content dl.question-answer dd h2.answer {
	margin-top:-0.714em;
	margin-left: 15px;
}
#content dl.question-answer dd h3.answer {
	font-size:1.4em!important;
	margin-bottom:0.5em!important;
	margin-top:1em!important;
}
#content dl.question-answer dd h3 a {
}
#content div.contact-form {
}
/*			#content div.contact-form h3 {font-size:1.5em; font-weight:700; margin-bottom:1em;}*/	

				#content div.contact-form p {
}
#content div.contact-form p label {
	display:block;
	margin-bottom:2px;
}
#content div.contact-form p input {
	width:70%;
}
#content div.contact-form p select {
	width:70%;
}
#content div.contact-form p textarea {
	width:90%;
	height:120px;
}
#content div.contact-form p span {
	display:block;
	color:#666;
	font-style:italic;
	padding-top:3px;
}
#content div.contact-form p.checkbox {
}
#content div.contact-form p.checkbox input {
	float:left;
	width:auto;
	margin-right:8px;
}
#content div.contact-form p.antispam {
}
#content div.contact-form p.antispam label {
	margin-bottom:8px;
}
#content div.contact-form p.antispam a {
	text-decoration:none;
	border-bottom:dashed 1px #0050A0
}
#content div.contact-form p.antispam a:hover {
	border-color:#AF0000
}
#content div.contact-form p.button {
}
#content div.contact-form p.button input {
	width:115px;
}
#content .pages {
	margin: 40px 0 19px 0px;
	position:relative;
}
.pages {
	margin: 10px 0 19px 287px;
	position:relative;
}
.pages p {
	margin: 10px 0;
}
.pages strong {
	background:transparent url(../images/strong.png) no-repeat scroll 50% 50%;
	color:#000000;
	padding:2px 6px;
	margin-right: 5px;
	font-weight: normal;
}
#sidebar {
	float:left;
	width:238px;
	padding:3px 0 0 14px;
	margin:0 0 0 -100%;
}
#navigation {
	padding-left:15px;
	margin-bottom:4.5em;
font-size:
}
#navigation li {
	font-size:1.4em;
	line-height:1.4em;
	margin-bottom:0.5em;
	list-style:disc;
	color:#d20606;
}
#navigation li a {
}
#navigation li .active-trail a {
	color: #000000;
}
#navigation li ul {
	font-size:0.769em;
	color:#000;
	padding: 0em 0 0.1em 1em;
}
#navigation li ul li {
	font-size:1.2em;
	color:#000;
	margin:0.5em 0!important;
	font-weight:normal!important;
	list-style:none!important;
}
#navigation li.active {
}
#navigation li.active > a {
	color:#000;
}
#navigation li.active > a:hover {
	color:#AF0000;
}
#navigation li.active li a {
	color:#0050A0;
}
#navigation li.active li a:hover {
	color:#AF0000;
	text-decoration:none;
}
#sidebar .block {
	width:190px;
	margin-bottom:41px;
}
#sidebar .block p {
	font-size:1.1em;
	line-height:1.18em;
	font-style:italic;
	margin-bottom:1em;
}

/*dopraboti*/
 #extra div.narrow .glagne {
margin-left:28px!important;
margin-top:30px!important;
width:210px!important;
}	


.uvolnetreklama {
background: url("../images/ramamama2.png") no-repeat scroll 0px bottom transparent;
height: 99px;
}

.uvolnetreklama div{
width: 84%;
margin: 0 auto;
}

.uvolnetreklama h3{
font-size: 1.5em!important;
color: #0050A0!important;
}

.lineyka {
clear: all;
display: block;
width: 90%;
color: white!important;
background: url("../images/lineyka.png") no-repeat scroll 0px bottom transparent;
height: 30px;
font-size: 110%;
font-weight: bold;
}

.lineyka  p{
padding: 6px 10px 0 10px;
font-weight: bold;
text-align: center; 
}

.lineyka_b {
background: url("../images/lineyka_b.png") no-repeat scroll right bottom transparent;
width: 100%;
margin: 1em 0 2em 0;

}

/*.page-geninspecthtml .news {
display: none;
}*/

.gengen {font-size: 130%; margin: 0 0 2em 0; display: block;}

.banner-partner {width: 80px; height: 80px; float: left; margin: 0 1em 1em 0;}

.view-id-partners .view-content div {height: 80px; width: 80px;}
.view-id-partners .view-content h3 { clear: left; color: white; padding: 5px; }

.player-body a { font-size: 120%; margin-left: 5px;}
.player-body div a{ font-size: 120%; margin-left: 5px; background-color: #FFF;}

.player-title { font-size: 1.4em; margin: 15px 0 5px 0;}

/*news-block*/
#block-views-nblock-block_1, #sidebar .block.n-block {
	background: url("../images/grad.png") no-repeat scroll 1px bottom transparent;
	margin-left:10px;
	padding-bottom:10px;
	line-height: 1.4em!important;
}

#block-views-nblock-block_1 .view-display-id-block_1, 
#sidebar .block.n-block div {
	background:url("../images/grad.png") no-repeat scroll 1px 0 transparent;
	padding:1.5em 0 0.1em;
}

#block-views-nblock-block_1 .view-display-id-block_1 ul,
#sidebar .block.n-block div ul{
	margin: 0 0 0 0.2em;
}
#block-views-nblock-block_1 .view-display-id-block_1 li,
#sidebar .block.n-block div li{
	font-size:125%;
	margin: 0 1em 1em 0.2em;
	list-style: none; 
}
#block-views-nblock-block_1 .view-display-id-block_1 li a,
#sidebar .block.n-block div li a {
	color:#FFF;
	font-weight:bold;
}
/*end news-block*/

/*tv&fm*/

#sidebar .block.tv {
	background:url("../images/tv.png") no-repeat scroll 1px bottom transparent;
	margin-left:10px;
	padding-bottom:10px;
}
#sidebar .block.tv.fm div.view-content {
	background:url("../images/fm.png") no-repeat scroll 1px 0 transparent!important;
	padding:1.5em 0 0em;
}
#sidebar .block.tv div.view-content {
	background:url("../images/tv.png") no-repeat scroll 1px 0 transparent;
	padding:1.5em 0 0;
}

#sidebar .block.tv h3 {
	color:white;
	font-size:1.4em !important;
	font-weight:bold !important;
	margin:0 0 0.5em 4.2em !important;
	padding:0 5px 0 0;
	position: relative; !important;
}
#sidebar .block.tv h3 a{
	font-weight:bold !important;
}

#sidebar .block.tv div.view-content ul{
	margin: 1.1em 0 0 1em;
	position: relative; !important;
	padding-top: 1em;
}

#sidebar .block.tv div.view-content li{
	font-size:120%;
	margin: 0 1em 1em 0;
	list-style-type: none;
}
/*end tv&fm*/

/*dopraboti end*/

#sidebar .block.has-border {
	margin-left:10px;
}
#sidebar .block.has-border h3 {
	font-size:1.7em;
	margin:0 0 0.5em 0;
	font-weight: bold!important;
}
#sidebar .block.has-border h3 a {
	font-weight: bold!important;
	color:#AF0000!important;
}
#sidebar .block.has-border h3 a:hover {
	color:#EACF13!important;
}
#sidebar .block.has-border h3 a span {
	color: #C41C11;
	font-weight: bold!important;
}
#sidebar .block.has-border div {
	padding:0;
}
#sidebar .block.phone {
	padding-top:5px;
}
#sidebar .block.phone p {
	padding-left:29px;
}
#sidebar .block.phone p.phone {
	padding-left:27px;
	font-size:1.8em;
	margin-bottom:0.5em;
	line-height:1.18em;
	font-style:normal;
	background:url('../images/icons.png') no-repeat;
}
#sidebar ul.links {
	padding:10px 0 0 12px;
}
#sidebar ul.links li {
}
#sidebar ul.links li a {
	font-style:italic;
	font-size:1.2em;
}
#extra {
	float:left;
	width:241px;
	margin-left:-241px;
}
#extra h3 {
	font-size:1.5em;
	font-weight:400;
	font-style:italic;
	line-height:1.2em;
	margin:0 0 1em 0;
}
#extra h3 a {
	font-style:italic;
}
#extra h3 a.archive {
	font-size:0.733em;
	padding-left:1em;
}
#extra ul.narrow, #extra div.narrow {
	width:194px;
	margin-left:45px;
	margin-top: 40px;
}
#extra .top {
	margin-top:79px !important;
}
#extra .also {
	margin-top:80px !important;
	margin-right:35px!important;
	margin-left: 10px!important;
}
#extra .also p {
	padding-left: 3px;
}
#extra .also ul li {
	margin-bottom: 0.9em;
	font-size: 1.2em;
}
#extra .also strong {
	font-weight: bold!important;
}
#extra .also strong a {
	font-weight: bold!important;
}
#extra ul.archive {
	width:176px;
	padding-left:18px;
}
#extra ul.archive li {
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:1.5em;
	padding:3px;
	text-align:center;
	width:2.5em;
}
#extra .articles {
}
#extra .articles h3 {
	padding-bottom:5px;
	border-bottom: 2px solid #B30000;
}
#extra .articles p {
	font-size:1.2em;
	font-weight:700;
	margin-bottom:1.75em;
	margin-top:4em;
	padding-left:18px;
}
#extra .articles ul {
	margin-left:-2px;
}
#extra .articles ul li {
	font-size:1.2em;
	font-style:italic;
	margin-bottom:2em;
}
#extra .articles ul li a {
	display:block;
	background:url('../images/icons.png')no-repeat 0 -50px;
	padding-left:20px;
	padding-right:15px;
	font-style:italic;
}
#extra dl.news {
	margin-bottom:37px;
	padding:10px 16px 10px 27px;
	width:198px;
	margin-top: -15px;
}
#extra dl.news dt {
	font-size:1em;
	color:#666;
	margin-bottom:0.3em;
	margin-left: -0.2em;
}
#extra dl.news dd {
	font-size:1.1em;
	line-height:1.25em;
	margin-bottom:1.25em;
}
#extra div.notice {
	width:191px;
	background:#EAE9DA url('../images/bkg_notice.png') no-repeat 0% 0%;
	margin-left:50px;
	margin-top: 90px;
}
#extra div.notice p {
	font-style:italic;
	padding:13px;
	background:url('../images/bkg_notice.png') no-repeat -186px 100%;
}
#extra .charter {
}
#extra .charter h3 {
	padding-bottom:5px;
	border-bottom:2px solid #B30000;
}
#extra .charter h3 a {
	padding-left:20px;
	background:url('../images/icons.png')no-repeat 0 -50px;
}
#extra .charter p {
	font-size:1.2em;
	line-height:1.18em;
	font-style:italic;
	padding-left:18px;
	padding-right:15px;
}
#extra ul.faq {
	/*	border-bottom:solid 2px #AD9A12;*/	background:transparent url('../images/goldline.gif') no-repeat scroll 6px bottom;
	padding-right:36px;
	padding-bottom:8px;
	margin-bottom:4.3em;
	width: 204px;
}
#page-lider-menu {
	margin-top: 85px;
}
#extra ul.faq li {
	font-size:1.2em;
	line-height:1.25em;
	font-style:italic;
	padding-left:16px;
	margin-bottom:1.67em;
	background:url('../images/arr_dash.png') no-repeat 0 0.583em;
}
#extra ul.faq li a {
	font-style:italic;
}
#extra .forum {
	margin-bottom:4.1em;
	padding:0 36px 0 17px;
}
#extra .forum dl {
}
#extra .forum dt {
	font-size:1.1em;
	color:#666;
}
#extra .forum dd {
	font-size:1.3em;
	line-height:1.23em;
	margin-bottom:1.31em;
}
#extra .experts {
	margin-bottom:4.1em;
	padding:0 36px 0 17px;
}
#extra .experts ul {
}
#extra .experts ul li {
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:0.5em;
}
#extra .questions {
	margin-bottom:4.1em;
	padding:0 16px 0 27px;
}
#extra .questions dl {
}
#extra .questions dt {
	font-size:1em;
	color:#666;
}
#extra .questions dd {
	font-size:1.3em;
	line-height:1.23em;
	margin-bottom:1.31em;
}
#extra .questions dd span {
	display:block;
	font-size:0.917em;
	color:#666;
}
#extra .event {
	width:177px !important;
	padding:0px 0 0 17px;
}
#extra .event p.date {
	font-size:1.1em;
	font-style:italic;
	margin-bottom:35px;
	color:#666;
}
#extra .event ul.photo {
	padding-top:6px;
}
#extra .event ul.photo li {
	margin-bottom:30px;
}
#extra .event ul.photo li a {
	padding-bottom:3px;
	border-bottom:solid 2px #006699;
}
#extra .event ul.photo li a:hover {
	border-color:#B30000;
}
#extra .press {
	padding:0 16px 0 27px;
	margin-bottom:4.1em;
}
#extra .press ul {
}
#extra .press ul li {
	font-size:1.1em;
	line-height:1.27em;
	margin-bottom:1.8em;
}
#extra .press ul li blockquote {
	margin-bottom:0.3em;
}
#extra .press ul li p {
	font-size:1.1em;
}
#extra .press ul li cite {
	font-style:italic;
	color:#666;
}
#extra .press ul li cite a {
	font-style:italic;
	margin-right:1em;
}
#footer {
	clear:both;
	height:105px;
	padding:10px 30px 0 30px;
	margin-bottom:50px;
}
#footer p {
	font-size:1.2em;
}
#footer .info {
	float:left;
}
#footer p.creator {
	float:right;
}
#footer ul {
	width:350px;
	margin:0 auto;
}
#footer ul li.copyright {
	width: 100%!important;
	font-size: 1.2em;
	margin-bottom: 1em;
}
#footer ul li {
	float:left;
	width:88px;
	height:31;
	margin:0 6px;
}
#content .preview .node .content {
	padding:40px;
}
 #block-views-news-block_1, #block-views-news-block_2, #block-views-news-block_3, {
background: url(../images/back_news_u.png) no-repeat 8px bottom!important;
margin-left:-50px;
padding-bottom:5px;
padding-left:50px;
margin-bottom: 2em;
}
#block-views-topblock-block_1 h3 {
	margin-left: 0!important;
	margin-top: 0!important;
	font-style: italic;
	color:#F00;
	font-family: Georgia;
}

	
	
	
	
	
	
	
	
	
	/*Debug styles:

	

	a[href="#"] {background: lime;}

	a[href="404"] {background: lime;}

	a[href=""] {background: fuchsia;}

	

	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]

	{outline:5px solid yellow;}



	img[width], img[height] {outline:0;}



	img {outline: 5px solid red;}

	img[alt][title] {outline-width: 0;}

	img[alt] {outline-color: fuchsia;}

	img[alt], img[title] {outline-style: double;}

	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}

	img[alt=""][title=""] {outline-style: dotted;}

	

	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;



	HTML:

	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">

		<span>Code Press - Professional front-end development</span>

	</a>

	

	CSS:

	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}

	a:hover#cp_84bannerc 	{background-position:0 -20px}

	#cp_84bannerc span 		{position:absolute; left:-9999px}