body {   margin-left: 0px;   margin-top: 20px;   margin-right: 0px;   margin-bottom: 20px;}#content a, #content a:link, #content a:visited{color: #0f5fae;}.greycontent {   font-family: Tahoma, Arial, sans-serif;   font-size: 11px;   font-weight: normal;   color: #8F8C89;   text-decoration: none;}.bluecontent {   font-family: Tahoma, Arial, sans-serif;   font-size: 11px;   font-weight: normal;   color: #4B989E;   text-decoration: none;}.btmlinks {   font-family: Tahoma, Arial, sans-serif;   font-size: 11px;   font-weight: normal;   color: #5C5A5B;   text-decoration: none;}a.btmlinks:hover {   font-family: Tahoma, Arial, sans-serif;   font-size: 11px;   font-weight: normal;   color: #000000;   text-decoration: none;}
 div.bot{   font-family: Verdana, Arial, Helvetica, sans-serif;   font-size: 10px;
 padding: 5px;
	margin: 5px;
	border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	    -moz-box-shadow: 3px 3px 11px #8f8f8f;
    -webkit-box-shadow: 3px 3px 11px #8f8f8f;
    box-shadow: 3px 3px 11px #8f8f8f;}
div.bot h2{
	font: normal 17px "Trebuchet MS", Tahoma;
;	margin: 2px 0 1px 0;
	color: #DB001A;
}
div.bot .item{   padding-left:5px;}div.bot a{   color:#000000;   text-decoration:none;}div.bot a:hover{   text-decoration:underline;}/*-------------------------------------------*/body{margin: 0; padding:0;   background: url('../images/design/bg.jpg') top center repeat-x #fff;}form{display: inline}a img{border: none}#all{width: 850px; margin: auto;}#header{   height: 342px;   background: url('../images/design/header.jpg') top left no-repeat;}#header .logo{   position: absolute;   margin: 5px 0 0 0;}#header .tm{  top: 158px; position: absolute;   margin: 100px 0 0 237px;}
#header .slogan{   position: absolute;   margin: 180px 0 0 356px;   font: normal 28px Tahoma;   text-align: right;   color: #13345c;text-shadow:2px 2px 3px #77818f;}
#header .slogan div{   font: normal 22px Tahoma;   position: relative;   left: 60px;text-shadow:2px 2px 3px #77818f;}
#header .join{   position: absolute;   margin: 0 0 0 0;}#header .welcome{   position: absolute;   margin: 0 0 0 0;}

#header2{   height: 342px;   background: url('../images/design/header.jpg') top left no-repeat;}
#header2 .logo{   position: absolute;   margin: 5px 0 0 0;}#header2 .tm{ top: 158px;  position: absolute;   margin: 100px 0 0 237px;}
#header2 .slogan{   position: absolute;   margin: 180px 0 0 356px;   font: normal 28px Tahoma;   text-align: right;   color: #13345c;text-shadow:2px 2px 3px #77818f;}
#header2 .slogan div{   font: normal 22px Tahoma;   position: relative;   left: 60px;}#header2 .join{   position: absolute;   margin: 0 0 0 0;}#header2 .welcome{   position: absolute;   margin: 0 0 0 0;}

#content{
	font: normal 11px Tahoma;
}
#footer{margin-top: 2px; border-top: 5px solid #dbdbdb; padding: 20px; text-align: right; font: normal 11px Tahoma;}#footer .copy{ color: #bbb;  font: normal 11px Tahoma; float: left;}#footer .menu{float: right;font: bold 10px Tahoma;}#footer a, #footer a:link, #footer a:visited{   color: #303030;     font: bold 10px Tahoma;   text-transform: uppercase;}#index{   background: url('../images/design/subheader.jpg') top left no-repeat;   padding-top: 40px;   top: -66px;   position: relative;}.welcome{   height: 122px;}.welcome .join{   position: absolute;   margin: 0 0 0 15px;}.welcome .join img{   width: 195px;   height: 75px;}.welcome .text{   position: absolute;   color: #fff;   margin: -20px 0 0 253px;   width: 330px;}.welcome .left{   width: 232px;   padding: 1px 0 18px 0;      vertical-align: top;}.welcome .right{   vertical-align: top;   padding-top: 75px;   padding-left: 10px;}         .welcome .right ul li{font: bold 11px Tahoma; color: #7e7e7e; position: relative; left: 20px;}.left a, .left a:link, .left a:hover{   color: #0f5fae;   font: bold 11px Tahoma;} .bot{   padding: 0px 0 10px 0;   border-bottom: 1px solid #ddd;   }#articles .item a, #articles .item a:link, #articles .item a:visited{ display: block; padding-left: 15px; background: url('../images/design/pipl.gif') left center no-repeat;}
 .seosurflogo {
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 60px;
}
/*btn002*/
#header .tm a, #header .tm a:link, #header .tm a:visited {
margin-top:-7px;
	text-transform: uppercase;
   float: left;
   text-decoration: none;
  background:#E81919;
	-moz-border-radius: 5px;
	border:1px solid #fff;
	padding:3px 3px 3px 3px;
	color:#ffffff;
	font-family: Tahoma;
  font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
}
#header .tm a:hover {
	background:#B20000;
	-moz-border-radius: 5px;
	border:1px solid #990000;
	padding:3px 3px 3px 3px;
	color:#ffffff;
	font-family: Tahoma;
  font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
	cursor:pointer;
}
#header2 .tm a, #header2 .tm a:link, #header2 .tm a:visited {
margin-top:-7px;
	text-transform: uppercase;
   float: left;
   text-decoration: none;
  background:#E81919;
	-moz-border-radius: 5px;
	border:1px solid #fff;
	padding:3px 3px 3px 3px;
	color:#ffffff;
	font-family: Tahoma;
  font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
}
#header2 .tm a:hover {
	background:#B20000;
	-moz-border-radius: 5px;
	border:1px solid #990000;
	padding:3px 3px 3px 3px;
	color:#ffffff;
	font-family: Tahoma;
  font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
	cursor:pointer;
}

h1 {
	font-family: Tahoma;
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	color: #0f5fae;
	text-shadow:2px 2px 3px #979ea8;
}
h2 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bolder;
	color: #0f5fae;
	text-shadow:1px 1px 2px #aaafb5;
}
.block-thumb-2 {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('http://www.seosurf.cz/images/block-thumb-2.gif') no-repeat center;
	font-size: 0.001em;
		height: 77px;
		overflow: hidden;
		padding: 6px 7px;
		text-align: center;
		width: 102px;
}

.marg-b-050 {
	margin: 0 0 0.5em 0 !important;
	text-align: left;
	color: #0F5FAE;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: medium;
	text-decoration: none;
	font-style: normal;
}
.marg-tb-050 {
	margin: 0.5em 0 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
table.table-list-1 td.features, table.table-filelist-1 td.features {
	padding: 7px 5px 3px 0;
	vertical-align: top;
	width: 125px;
}
.p-vlevo {
	text-align: left;
	font-size: small;
	font-family: Tahoma;
	font-weight: normal;
}

table.table-wallpapers-1 td.icon, table.table-utilities-1 td.icon {
padding-top: 8px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 4px;
width: 120px;
}

table.table-list-1 th, table.table-list-1 td, table.table-filelist-1 th, table.table-filelist-1 td {
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ececec;
border-bottom-color: #ececec;
border-top-width: 1px;
border-bottom-width: 1px;
color: #000000;
vertical-align: top;
}

div#qTip {
padding: 6px;
border: 1px solid #c9e7f5;
display: none;
background: #4d9fbf;
color: #FFFFFF;
font: 12px Verdana, Arial, sans-serif;
position: absolute;
z-index: 1000;
}


.forum {
	background-position: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	background-color: #ffffff;
	color: #707070;
	text-align: left;
}
.ramecek
{
          
  padding: 6px;                          
  background-color: #e5f6fe;
  color: #4d9fbf;
font: 13px Verdana, Arial, sans-serif;
   border: solid #c9e7f5 4px;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:19px;
    -moz-border-radius-bottomright:19px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:19px;
    -webkit-border-bottom-right-radius:19px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:19px;
    border-bottom-right-radius:19px;
    
       -moz-box-shadow: 5px 4px 5px #bbc2c9;
    -webkit-box-shadow: 5px 4px 5px #bbc2c9;
    box-shadow: 5px 4px 5px #bbc2c9;






}

.modry {
	color: #1E6D99;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}

input, textarea, select, button {
    font-size: 14px;
    margin: 4px;
    padding: 4px;
    border: 1px solid #4DB8FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0 0 0 5px 5px;
}
.seznam
{
  padding: 10px;
	margin: 10px;
	border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	    -moz-box-shadow: 3px 3px 11px #8f8f8f;
    -webkit-box-shadow: 3px 3px 11px #8f8f8f;
    box-shadow: 3px 3px 11px #8f8f8f;
}
.ben{
	float: left;
  margin: 0 5px 0 0;
}
.zel2{
	color: #009900;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
}
.zel{
	color: #009900;
	font-weight: bold;
}
.datumm{
	color: #808080;
	font-style:italic;
}
.button{
	background: #0088CA;
	color: #FFFFFF;
	font-weight: bold;
}
.button:hover {
	background: #00537d;
	color: #FFFFFF;
	font-weight: bold;
}
/*btn007*/
input.button {
	background:-moz-linear-gradient(0% 30% 90deg, #1a7ac0, #00498f) repeat scroll 0 0 transparent;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 2px 0 #55a7e3 inset, 0 1px 2px 0 #111111;
	border-color:#80a0c3 #4290c9 #4290c9;
	border-style:solid;
	border-width:1px;
	
	padding:5px 0 5px 0;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
}
input.button:hover {
	background:-moz-linear-gradient(0% 100% 90deg, #1a7ac0, #004264) repeat scroll 0 0 transparent;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 2px 0 #55a7e3 inset, 0 2px 4px 0 #111111;
	border-color:#80a0c3 #4290c9 #4290c9;
	border-style:solid;
	border-width:1px;
	
	padding:5px 0 5px 0;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 1px #71145c;
	cursor:pointer;
}
.typ{
float: right;
padding:  1px;
}
.tip{
float: left;
padding-top:0px;
padding-left:5px;
}

.kredit{
position:absolute;
left:10px;
color: #FFF;
font-family: Tahoma,Verdana,Arial;
font-size:16px;
text-shadow:0 -2px 1px #999;
margin: 1px;
}

.kredit2{
position:absolute;
left:250px;
color: #FFF;
font-family: Tahoma,Verdana,Arial;
font-size:16px;
text-shadow:0px -2px 1px #999999;
margin: 1px;
}
	#faqs 		{ position:relative; }
		#faqs h3	{ cursor:pointer; 
    font-family: Tahoma,Verdana,Arial;
	font-size: 15px;
	font-weight: bolder;
	color: #0f5fae;
	text-shadow:1px 1px 2px #aaafb5;
    
    }
		#faqs h3.active	{
     color:#d74646; }
		#faqs div   { position:relative; padding: 10px;
	margin: 10px;
	border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	    -moz-box-shadow: 3px 3px 11px #8f8f8f;
    -webkit-box-shadow: 3px 3px 11px #8f8f8f;
    box-shadow: 3px 3px 11px #8f8f8f; }
		#faqs div p	{ padding:0;font-family: Tahoma,Verdana,Arial; font-size: 13px;color: #444444; margin-bottom:15px; position:relative; }
		
.ikona {
float: right;
margin: -30px 30px 0px 0px;}