body						{background-color: #ffffff;margin: auto;font-family: sans-serif;}
h1							{font-family: Arial;font-size: 16px;color: #939393;}
h1 strong					{color: #000000;font-size: 18px;}
h2                          {font-family: Arial;font-size: 13px;color: #939393;}
h3                          {font-family: Arial;font-size: 13px;color: #000000;}
a                           {color: #FF7F14; text-decoration: none;}
img                         {border: 0px none;}
p                           {text-align: justify;}
.head-news					{font-size: 12px;text-decoration: underline;color: #ffffff;}	
.date-ref					{font-weight: bold;color: #f6f6f6;}							
.text						{color: #c7c7c7;}						
.red						{font-size: 12px;font-weight: bold;color: #ff7f15;}												
.welcome					{background-image: url('/images/welcome.jpg');background-repeat: no-repeat;padding-left: 35px;padding-top: 13px;height: 30px;		}			
.contact					{background-image: url('/images/contact.jpg');	background-repeat: no-repeat;padding-left: 35px;padding-top: 13px;height:  30px;}
/*.reference-img              { position: relative; float: left; height: 200px; width: 700px; vertical-align: top;padding: 10px;text-align: left;}*/
.reference-img          { float: left; padding-right: 20px; width: 300px; height: 300px; overflow: hidden;}
.c                          {text-align: center;}
.clear                      {clear: both;}
.b                          {font-weight: bold;}
.fr                         {float: right;}
.fl                         {float: left;}







																				
	
#head_a						{position: absolute;margin: auto;width: 100%;}
    #head_top_a             {position: relative; float: left; width: 100%;height: 92px;background-image: url('/images/head_g.jpg');background-repeat: repeat-x;}
    #head_bottom_a          {position: relative; float: left; width: 100%;height: 186px;background-image: url('/images/head_o.jpg');background-repeat: repeat-x;}
    #content_top_a          {position: relative; float: left; width: 100%;height: 47px;background-image: url('/images/body_bg.jpg');background-repeat: repeat-x;}


#all						{position: relative;margin: auto;width: 1100px;}
    #head_top               {position: relative; float: left;width:  1100px; height: 92px; background:  url('/images/head_right.jpg') no-repeat right;}
        .logo               {padding-left: 280px;}
    #head_bottom            {position: relative; float: left;width:  1100px; height: 186px; background:  url('/images/zena.png') no-repeat left;}
        #reference_nadpis  { position: relative; float: left;  padding: 40px 30px 15px 321px; }
        .reference          { color: #ffffff; text-decoration: none; font-weight: 900; font-size: 16px; background:  url('/images/ref.png') no-repeat left; padding: 8px 0px 8px 40px;}
        .reference:hover    { background:  url('/images/ref_a.png') no-repeat left; }
        .hledej             { background:  url('/images/hledej.png') no-repeat left; text-decoration: none; color: #000000; font-size: 10px; height: 16px; width: 49px; display: inline-block; padding: 2px 0px 0px 15px;}
        #hledej             { position: relative; float: right; height: 25px; padding-top: 35px; right: 60px;}
        .ref_link           { position: relative; float: left; padding-right:4px;  display: block;}
        #ref				{ position: relative; float: right; right:60px ; width: 710px;height: 100px; overflow: hidden; text-align: justify;}/*clip: rect(0px,780px,140px,0px);*/ 
        #ref a				{ color: #000000; text-decoration: none;}
    	#ref a:hover		{ color: #000000; text-decoration: underline;}
		  .ref    			{ position: relative; float: left; width: 330px;padding-top: 10px; font-family: verdana; font-size: 11px;}
          .ref-img          { width: 320px; height: 70px; overflow: hidden; display: block;}
          .ref-separator	{ position: relative; float: left; width: 13px;padding: 10px 10px 0px 10px; background: url('/images/ref_separator.png') no-repeat 0px 20px; height: 77px;}
          			    
    #content_top            {position: relative; float: left;width:  1100px; height: 47px;}	               						
#page						{position: relative;float: left;width:  1100px;background: url('/images/footer.png') 30px bottom no-repeat;}
#page-minheight             {position: relative; float: left; height: 580px; width: 1px;}					
	#menu					{position: relative;float: left;width: 200px;left: 61px;}						
		#menu ul			{margin: 0px;padding: 0px;list-style: none;}
		#menu li			{padding-top: 5px;}					
		#menu ul li a		{padding-left: 30px;padding-top: 2px;text-decoration: none;color: #000000;width: 120px;height: 18px;display: block;font-size: 12px;background-image: url('/images/menu-g.png');background-repeat: no-repeat;					}
		/*#menu ul li a:hover	{color: #000000;text-decoration: none;}*/
		#menu ul li ul li a	{margin-left: 45px;padding-left: 0px;list-style-image: url('/images/li.jpg');background-image: none;}	
		#menu ul li ul li a:hover{padding-left: 0px;color: #808080;background-image: none; text-decoration: underline; font-weight: bold;}											
		#menu ul li a.s		{background-image: url('/images/menu.png');background-repeat: no-repeat; font-weight: bold;}
		#menu ul li a:hover	{color: #ffffff;background-image: url('/images/menu-dg.png');background-repeat: no-repeat; font-weight: bold;}
    #domena                 {position: relative; float: left;width:  990px; text-align: center;}    												
	#content				{position:relative;float: right;width:800px; font-size: 12px; font-family: Verdana; line-height: 18px; padding-right: 50px;}
	#content-left	 		{background-image: url('/images/text-bg.jpg');	background-repeat: no-repeat;background-position: top right;width: 430px;position: relative;float: left;padding: 20px 20px 0px 20px;font-size: 12px;font-family: Verdana;}
	#content-right 			{background-image: url('/images/text-bg.jpg');	background-repeat: no-repeat;background-position: top right;width: 220px;position: relative;float: left;padding: 20px 20px 0 50px;font-size: 11px;font-family: Verdana;}
	#content-main			{background-image: url('/images/text-bg.jpg');	background-repeat: no-repeat;background-position: top right;width: 750px;position: relative;float: left;padding: 20px 70px 20px 20px;font-size: 12px;font-family: Verdana;}
    #content-main a         {color: #FF7F14; text-decoration: none; font-weight: bold;}
    #content-main p         {text-align: justify;}
    
        .table-webhosting       {width: 100%;}
        .table-webhosting th    {background: none repeat scroll 0% 0% #c5c5c5; text-align: left; padding: 10px;}
        .table-webhosting th.th {background: #E9EBEA;}
        
        #tvorba-www             {width: 750px;}
        .tvorba-www             {display: inline-block; padding: 20px; border: 1px solid #FF7F14; background-color: #FDC359; margin-right: 10px; width: 15%;}
        .www-balik              {width: 300px; float: left; margin: 30px;}
        .seo-balik              {width: 30%; float: left; margin: 10px; border: 1px solid #FF7F14;}
        .seo-balik .head       {background-color: #FF7F14; color: #ffffff; display: block; padding: 10px;}
        .seo-balik .cena       {background-color: #F8F8F8; color: #000000; display: block; padding: 10px; text-align: right;}
        
        #content-main a.modal   {float: right; padding-left: 30px;text-decoration: none;color: #000000;width: 120px;height: 18px;display: block;font-size: 12px;background-image: url('/images/menu-g.png');background-repeat: no-repeat;}
        #content-main a.modal:hover
                            	{color: #ffffff;background-image: url('/images/menu-dg.png');background-repeat: no-repeat; font-weight: bold;}
        
        #content-main .vizitka  {color: #ffffff;}
        .cms                {padding: 15px 0px 15px 0px; text-align: center;}
        .cms div            {padding: 5px 35px 5px 0px;}
        .kontakt-table td   { vertical-align: top; padding: 10px;}     
                    
	#content-bottom			{width: 800px;position: relative;float: left;padding: 0px 20px 0px 20px;font-size: 12px;font-family: Verdana;}
			#news			{background-image: url('/images/news.png');background-repeat: no-repeat;background-position: center;width: 720px;height: 163px;position: relative;float: left;font-size: 11px;font-family: Verdana;}
            .news			{background-image: url('/images/news.jpg');background-repeat: no-repeat;padding-left: 35px;padding-top: 13px;height: 30px;	}
				/*.tlac		{position: absolute;display: inline-block;background: url("images/vice.png");background-repeat: no-repeat;background-position:top left;left: 430px;bottom: 120px;width: 59px;height: 18px;z-index: 6;text-decoration:none;}*/
				.news-1		{float:left;width: 190px;height: 157px;padding: 15px 10px 0px 36px;clear: both;}
				.news-2		{float:left;width: 190px;height: 160px;padding: 15px 10px 0px 33px;clear: right;}
				.news-3		{float:left;width: 190px;height: 160px;padding: 15px 10px 0px 33px;clear: right;}
                .news-text  {height: 120px;}
                .news-more-link  
                            {float:left;width: 190px;height: 18px; position: relative;clear: left;}
                .news-title {font-weight: bold; color: #ffffff;}
                .news-more  {float: right; display: block; background-image: url('/images/news-more.png'); background-repeat: no-repeat; color: #ffffff; text-decoration: none; height: 18px; width: 60px; text-align: center;}
                .social     {padding: 20px 5px 10px 40px;}
            									
#footer						{position:relative;float: right;width: 100%;height:100px;}
#footer-text                {position: relative; float: right; text-align: center; width: 680px; right: 120px; top: 30px;}
#footer-text p              { font-family: Verdana; font-size: 11px;}
#footer-text a              { font-family: Verdana; font-size: 11px; color: #8b8b8b;}

#mask                       {background-color:#333;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9000;}
#contact                    {background:#FFF;display:none;left:50%;margin-left:-300px;position:absolute;top:90px;width:600px;z-index:9999;padding:20px;letter-spacing:-1px;}
#contact_header             {background:url(envelope.png) no-repeat left;font-size:28px;font-weight:700;line-height:50px;padding:5px 5px 10px 60px;}


#links{
    width: 200px;
    position: relative;
    float: right;
    text-align: left;
}

/* form components */
#contact input,textarea     {border:1px solid silver;background-color:#fff;color:#404040;font-size:16px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 0;padding:10px;}
#contact input:hover[type=text],input:focus[type=text],textarea:hover,textarea:focus {background-color:#E0E0E0;border:1px solid #000;}
#contact input[type=text],textarea {width:300px;}
#submit                     {color:#333;font-size:20px;letter-spacing:0px;}
#submit:hover               {cursor:pointer;}
/* alert messages */
.success,.error             {color:#000;display:none;font-size:16px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}
.success                    {background-color:#9F6;border:1px solid #0F0;}
.error                      {background-color:#F66;border:1px solid red;}

.message-success,.message-error     {color:#000;font-size:16px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}
.message-success                    {background-color:#9F6;border:1px solid #0F0;}
.message-error                      {background-color:#F66;border:1px solid red;}


.size10                       { font-size: 10px; padding-top: 13px;}
.size11                       { font-size: 11px; padding-top: 12px;}
.size12                       { font-size: 12px; padding-top: 11px;}
.size13                       { font-size: 13px; padding-top: 10px;}
.size14                       { font-size: 14px; padding-top: 9px;}
.size15                       { font-size: 15px; padding-top: 8px;}
.size16                       { font-size: 16px; padding-top: 7px;}
.size17                       { font-size: 17px; padding-top: 6px;}
.size18                       { font-size: 18px; padding-top: 5px;}
.size19                       { font-size: 19px; padding-top: 4px;}
.size20                       { font-size: 20px; padding-top: 3px;}
.size21                       { font-size: 21px; padding-top: 2px;}
.size22                       { font-size: 22px; padding-top: 1px;}
.size23                       { font-size: 23px; padding-top: 0px;}