body {
	     background-image:url(../images/body.png);
       background-position: top center;
       background-repeat: repeat-x;
       background-color: white;
       font-family:  "Times new Roman", Georgia, Verdana, Helvetica, sans-serif;
	     font-size:75%;
	     color: gray;
	     margin:0px;
	     padding: 0px;
}
a#various1 {
            font: bold 14px Arial, Verdana, Helvetica, sans-serif;

}
a#various1:hover {
            font: bold 14px Arial, Verdana, Helvetica, sans-serif; 

}

#head_strike     {
              clear: both;
              background-image:url(../images/head_1.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              float: left;
              height: 112px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#head {              
              margin: 0px auto 10px auto;
              background-image:url(../images/head_twitter.png);
              background-position: top right;
              background-repeat: no-repeat;
	            /*background-color: green; */
	            width: 996px;
	            height: 112px;	           
}

#head_strike_2     {
              clear: both;
              background-image:url(../images/head_2.png);
              background-position: bottom left;
              background-repeat: repeat;
              float: left;
              height: 271px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#head_2 {              
              margin: 0px auto 0px auto;
              background-image:url(../images/head_welcome.jpg);
              background-position: bottom left;
              background-repeat: no-repeat;
	            /*background-color: yellow; */
	            width: 996px;
	            height: 271px;	           
}
#head_2_design {              

              background-image:url(../images/design.png);
              background-position: bottom left;
              background-repeat: no-repeat;
	            /*background-color: yellow; */
	            margin-top: 15px;
	            float: left;
	            width: 996px;
	            height: 74px;	           
}
#head_3_design {              

              background-image:url(../images/HTML_css.png);
              background-position: bottom left;
              background-repeat: no-repeat;
	            /*background-color: yellow; */
	            margin-top: 15px;
	            float: left;
	            width: 996px;
	            height: 74px;	           
}
#head_4_design {              

              background-image:url(../images/stranky.png);
              background-position: bottom left;
              background-repeat: no-repeat;
	            /*background-color: yellow; */
	            margin-top: 15px;
	            float: left;
	            width: 996px;
	            height: 74px;	           
}
p {              	           
              font: regular 12px "Times New Roman", Times, Serif;                                                    	           
}
p.welcome {              
	            /*background-color: yellow; */
	            float: left;
              font: bold 15px "Times New Roman", Times, Serif;                                       
              margin-left: 27px;
              margin-top: 34px;
              overflow: none;
              color: #025f6a;
	            width: 670px;
	            height: 115px;	           
}
p.text {              
	            /*background-color: yellow; */
	            float: left;
              font: bold 15px "Times New Roman", Times, Serif;                                       
              margin-left: 10px;
              margin-top: 15px;
              overflow: none;
              color: #025f6a;
	            width: 960px;
	                      
}
#head_strike_3     {
              clear: both;
              background-image:url(../images/head_3.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              float: left;
              height: 59px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#main_strike {
              clear: both;
              background-image:url(../images/main.png);
              background-position: bottom left;
              background-repeat: no-repeat;
              float: left;
              min-height: 400px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#main_menu {              
              margin: 0px auto 0px auto;
	            /*background-color: red; */
	            width: 996px;
	            height: 40px;	           
}
#main_menu ul {              
              margin: 0px;
              float: right;           
            }
#main_menu li{              
              list-style-image: url(../images/menu_dot.png);
              font: bold 32px "Times New Roman", Times, Serif;
            	float: left;
            	height: 40px;
            	margin-left: 2px;
              padding-right: 30px;
              color: #00616d;	           
}
#main_menu li a {                            	             
	            font: bold 32px "Times New Roman", Times, Serif;
              text-decoration: none;
              color: #00616d;	           
}
#main_menu li a:hover {   
              font: bold 32px "Times New Roman", Times, Serif;           
              text-decoration: none;
              color: #00616d;          
}


#main_content {              
              margin: 0px auto 0px auto;
	            /*background-color: green; */
	            width: 996px;
	            min-height: 400px;	           
}
h2.nadpis {              
              font: bold 24px Arial, Verdana, Helvetica, Serif; 
              margin: 20px 0px 10px 0px;
	            background-color: #025f6a;               
	            height: 27px;	
              float:left;
              padding-right:15px; 
              color: white;         
}
h2.nadpisZeleny {              
              font: bold 24px Arial, Verdana, Helvetica, Serif; 
              margin: 20px 0px 10px 0px;
	            background-color: #529e02;               
	            height: 27px;	
              float:left;
              padding-right:15px; 
              color: white;         
}
.reference {              
              margin: 10px 0px 30px 0px;
	            width: 307px;
	            margin-left:12px;
	            margin-right: 12px;
	            height: 375px;
              float: left;	           
}
.reference_obrazek {
              background-image:url(../images/image.jpg);
              background-position: bottom left;
              background-repeat: no-repeat;              
              margin: 0px;	            
	            width: 307px;	            
	            height: 213px;
              float: left;	           
}
.reference_vlevo {
              border-right: 1px solid #a6a6a6;       
              margin: 0px;	            
	            width: 180px;	            
	            height: 162px;
              float: left;	
              overflow: none;           
}
.reference_vlevo p {
                    
              font: bold 13px "Times New Roman", Times, Serif;
              margin: 0px;	            
	            margin-top: 20px;
              margin-right: 6px;
              text-align: right;	
              overflow: none; 
              color: #025f6a;           
}
.reference_vlevo a:hover, a:visited, a {
              font: bold 13px "Times New Roman", Times, Serif;     
              text-decoration: none;
              color: #24cde0;      
}
.reference_vpravo {
              margin: 0px;	            
	            width: 126px;	            
	            height: 162px;
              float: left;
              overflow: none;	           
}
.reference_vpravo h3 {                                 	                          
              font: bold 21px Arial, Verdana, Helvetica, Serif;  
              float: left;
              margin-top: 2px;
              margin-left: 6px;	
              color: #025f6a;           
}
ul.umime {              
              margin: 0px;
              float: left;           
            }
li.umime {              
              font: bold 24px Arial, Verdana, Helvetica, Serif; 
              list-style-image: url(../images/other_dot.png);
            	float: left;
            	height: 30px;
            	margin-left: 2px;
              padding-right: 35px;
              color: #025f6a;	           
}
#bottom_strike_1 {
              clear: both;
              background-image:url(../images/bottom_1.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              float: left;
              height: 73px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#bottom_content_1 {              
              margin: 0px auto 0px auto;
	            width: 996px;
	            height: 73px;	           
}
.sloupec_A {              
              
              background-image:url(../images/sloupec_A.png);
              background-position: bottom left;
              background-repeat: no-repeat;
              float: left;
	            width: 368px;
	            height: 73px;	           
}
.sloupec_A_bot {              
              background-image:url(../images/textura_1.jpg);
              background-position: top left;
              background-repeat: no-repeat;
              float: left;
	            width: 368px;
	            min-height: 380px;	           
}
h2.nadpis_paticka {              
              font: bold 24px "Times new Roman", Arial, FreeSans, sans-serif;               
              margin: 17px 0px 10px 0px;               
	            height: 27px;	
              float:left;
              padding-right:15px; 
              color: #f4ffe9;                      
}
.sloupec_B {              
              background-image:url(../images/sloupec_B.png);
              background-position: bottom left;
              background-repeat: no-repeat;
              float: left;
	            width: 260px;
	            height: 73px;	           
}
.follow_twitter {              
              background-image:url(../images/sloupec_B.png);
              background-position: bottom left;
              background-repeat: no-repeat;
              margin-left: 35px;
              float: left;
	            width: 160px;
	            height: 25px;	           
}
.sloupec_B_bot {              
              background-image:url(../images/textura_2.jpg);
              background-position: top left;
              background-repeat: no-repeat;
              float: left;
	            width: 260px;
	            min-height: 380px;           
}
.sloupec_C_bot {              
              font: bold 14px Arial, Verdana, Helvetica, sans-serif;
              background-image:url(../images/textura_3.jpg);
              background-position: top left;
              background-repeat: no-repeat;
              float: left;
	            width: 368px;
	            min-height: 380px;	
                         
}
.sloupec_C_bot ul {              
              margin: 0px;                         
            }
.sloupec_C_bot li {              
              font: bold 14px Arial, Verdana, Helvetica, sans-serif;
              list-style-image: url(../images/link_dot.png);              
            	margin-left: 2px;
              padding-right: 30px;
              color: #503502;	
              clear: both;          
}
.sloupec_C_bot a, a:hover {                            
              font: bold 14px Arial, Verdana, Helvetica, sans-serif;              
              color: #503502;                       
}
.sloupec_C {              
              float: left;
	            width: 368px;
	            height: 73px;	           
}

#bottom_strike_2 {
              clear: both;
              background-image:url(../images/bottom_2.jpg);
              background-position: bottom left;
              background-repeat: repeat;
              float: left;
              min-height: 380px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#bottom_content_2 {              
              margin: 0px auto 0px auto;
	            width: 996px;
	            height: 380px;	           
}
#bottom_strike_3 {
              clear: both;
              background-image:url(../images/bottom_2.jpg);
              background-position: bottom left;
              background-repeat: no-repeat;
              float: left;
              min-height: 78px; 
	            width: 100%;
              padding: 0px;
              margin: 0px; 
}
#bottom_content_3 {              
              margin: 0px auto 0px auto; 
	            width: 996px;
	            height: 78px;	           
}

.sloupec_D_bot {                            
              float: right;
	            width: 326px;
	            min-height: 78px;	 
              color: #96825d;          
}

hr.cistic   {              
              font-size: 0px;
              clear: both;
              border: none;
              visibility: hidden;
              height: 0px;
}
hr.form   {              
              
              background-image:url(../images/form_hr.png);
              border: none;
              height: 1px;
              width: 864px;
}
/**********************Kontaktní formulář***************************/
.sloupec_A_bot form {
  padding: 3px 0 0;
  margin: 10px auto;
  width: 368px;
}
.sloupec_A_bot fieldset {
  /*background: #fff url(comments-bg.png) no-repeat 0 100%;*/
  border: none;
  margin: 0;
  
}
.sloupec_A_bot ol {

  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sloupec_A_bot li {
  
  float: left;
  padding: 2px;
}
.sloupec_A_bot li.last {
  float: left;  
  text-align: right;
}
/***/

.sloupec_A_bot label {
  font: 14px "Times new Roman", Arial, FreeSans, sans-serif;
  width: 300px;
  display:block;
  cursor: pointer;
  font-weight: bold;
  line-height: 24px;
  color: #503502;
}

/***/
.sloupec_A_bot input, textarea {
  background-color: #fff;
  color: #4d4d4d;
  border: 1px solid #503502;
  font: 13px Arial, "Nimbus Sans L", FreeSans, sans-serif;
  padding: 8px 12px;
  width: 200px;
}
.sloupec_A_bot textarea {
  width: 320px;
  overflow: auto;
}
.sloupec_A_bot input:focus,
textarea:focus {
        border-color: #bf8e1a;
}

/**************ODESLAT button*********/
input[type="submit"] {
background-color: #025f6a;
color: #fff;
cursor: pointer;
font: italic bold 1em/1.2 Georgia, "Times New Roman", Times, Cambria, serif;
border: 1px double #057987;
margin-top: 10px;
padding: 5px 10px;
width: auto;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

background: -moz-linear-gradient(top, #025f6a, #035660);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #025f6a), color-stop(1, #035660));
filter:	progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660')";

-moz-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
-webkit-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
text-shadow: 1px 1px 3px #333
}
input[type="submit"]:hover {
background: #036f7c;
text-shadow: none;
}

/**************END -ODESLAT button*********/

/**************TWITTER feed*********/

#twitter {
	          /*background-color: green;*/
            float: left;
            font-weight: bold;
            width: 444px;
            height: 82px;
            margin-left: 330px;            
            color: #14c9de;            
            padding: 0px; 
            overflow: none;
          }

	#twitter h2 a { 
                  clear: both;
                  float: left;            
                  margin: 0px;
                  padding: 0px;
		              font: bold 15px "Times New Roman", Arial, Sans-Serif; 
                  color: #08aabd;
		              text-decoration: none;
		              margin-top: 1px;
	              }
		#twitter h2 a:hover { 
                          color: #14c9de; 
                        }

	#twitter ul {
		            padding: 0px; 
		            margin: 0px; 
                list-style: none; 
                padding: 0px;
		            
	}
		#twitter ul li {
                			padding: 0px;
                			border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
		}
			#twitter ul li a {
              				font: bold 14px "Times New Roman", Times, Serif;
              				color: #14c9de;
              				
			}
				#twitter ul li a:hover { color: #1b2f6f; }

		#twitter ul li span {
			font: bold 14px "Times New Roman", Times, Serif;
      color: #14c9de;
		}
			#twitter ul li span a {
				font: bold 14px "Times New Roman", Times, Serif;
			}
/**************END - TWITTER feed*********/

.form_top     {
              
              background-image:url(../images/form_top.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 925px;
              padding: 0px;
              margin: 0px; 
}
.form_bottom     {
              
              background-image:url(../images/form_bottom.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 925px;
              padding: 0px;
              margin: 0px; 
}
.form_border     {
              background-color: #f1f1f1;
              float: left;
              min-height: 100px; 
	            width: 925px;
              padding: 0px;
              margin: 0px; 
              margin-left: 35px;
}
.form_middle     {
              
              background-image:url(../images/form_grad.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              background-color: #f1f1f1;
              border-left: 1px solid #d2d2d2;
              border-right: 1px solid #d2d2d2;
              float: left;
              min-height: 119px; 
	            width: 923px;
              padding: 0px;
              margin: 0px; 
}

/**********************xhtml formulář***************************/
form.coding {
  padding: 3px 0 0;
  margin: 10px auto;
}
fieldset.coding  {
  /*background: #fff url(comments-bg.png) no-repeat 0 100%;*/
  border: none;
  margin: 0;
  
}
ol.coding {              
                /*background-color: red;*/
                list-style-type: none;
                margin: 0;
                margin-left: 80px;
                padding: 0;
                width: 800px; 
                float: left;       
            }
li.coding {              
              font: bold 24px Arial, Verdana, Helvetica, Serif; 
              list-style-image: none;
            	float: left;
            	height: 30px;
            
              padding-right: 30px;
              color: #025f6a;
              	           
}
label.coding  {
  font: italic 24px "Times new Roman", Arial, FreeSans, sans-serif;
  float: left;
  cursor: pointer;
  font-weight: bold;
  line-height: 24px;
  color: #025f6a;
}

/***/
input.coding  {
  /*background-color: red;*/
  margin-top: 3px;
  color: #4d4d4d;
  font: 13px Arial, "Nimbus Sans L", FreeSans, sans-serif;
}

/**********************end xhtml formulář***************************/

p.form {              
	            /*background-color: yellow; */
	            float: left;
              font: italic 15px "Times New Roman", Times, Serif;                                       
              margin: 10px 0 10px 10px;
              overflow: none;
              color: #025f6a;
	            width: 900px;
	                       
}
.left {
        /*background-color: green;*/
        width: 600px;
        min-height: 200px;
        float: left;        
}
.right {
        /*background-color: red;*/
        width: 396px;
        min-height: 200px;
        float: left;
}

.form_2_top     {
              
              background-image:url(../images/form_2_top.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 553px;
              padding: 0px;
              margin: 0px; 
}
.form_2_bottom     {
              
              background-image:url(../images/form_2_bottom.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 553px;
              padding: 0px;
              margin: 0px; 
}
.form_2_border     {
              background-color: #f1f1f1;
              float: left;
              min-height: 100px; 
	            width: 553px;
              padding: 0px;
              margin: 0px; 
              margin-left: 35px;
}
.form_2_middle     {
              
              background-image:url(../images/form_grad.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              background-color: #f1f1f1;
              border-left: 1px solid #d2d2d2;
              border-right: 1px solid #d2d2d2;
              float: left;
              min-height: 119px; 
	            width: 551px;
              padding: 0px;
              margin: 0px; 
}
.form_3_top     {
              
              background-image:url(../images/form_3_top.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 323px;
              padding: 0px;
              margin: 0px; 
}
.form_3_bottom     {
              
              background-image:url(../images/form_3_bottom.png);
              background-position: top left;
              background-repeat: no-repeat;              
              float: left;
              height: 6px; 
	            width: 323px;
              padding: 0px;
              margin: 0px; 
}
.form_3_border     {
              background-color: #f1f1f1;
              float: left;
              min-height: 100px; 
	            width: 323px;
              padding: 0px;
              margin: 0px; 
              margin-left: 35px;
}
.form_3_middle     {
              
              background-image:url(../images/form_3_grad.png);
              background-position: bottom left;
              background-repeat: repeat-x;
              background-color: #f5ffeb;
              border-left: 1px solid #cbf59e;
              border-right: 1px solid #cbf59e;
              float: left;
              min-height: 220px; 
	            width: 321px;
              padding: 0px;
              margin: 0px; 
}
/**********************Kontaktní formulář***************************/
.form_2_middle form {
  /*background-color: green;*/
  padding: 3px 0 0;
  margin: 10px auto;
  width: 540px;
}
.form_2_middle fieldset {
  /*background: #fff url(comments-bg.png) no-repeat 0 100%;*/
  border: none;
  margin: 0;
  
}
.form_2_middle ol {
  list-style-type: none;
  margin: 0 0 0 10px;
  padding: 0;
}
.form_2_middle li {
  /*background-color: red;*/
  float: left;
  padding: 2px;
  margin: 0px;
}
.form_2_middle li.last {
  float: left;  
  text-align: right;
}
/***/

.form_2_middle label {
  font: 14px "Times new Roman", Arial, FreeSans, sans-serif;
  width: 250px;
  display:block;
  cursor: pointer;
  font-weight: bold;
  line-height: 24px;
  color: #025f6a;
}

/***/
.form_2_middle input {
  background-color: #fff;
  color: #4d4d4d;
  border: 1px solid #c6c6c6;
  font: 13px Arial, "Nimbus Sans L", FreeSans, sans-serif;
  padding: 8px 12px;
  width: 200px;
}
.form_2_middle textarea {
  background-color: #fff;
  color: #4d4d4d;
  border: 1px solid #c6c6c6;
  width: 478px;
  overflow: auto;
}

.form_2_middle input[type="file"] {
border: 1px solid #c6c6c6;
width: 200px;
height: 33px;
}
/**************ODESLAT button*********/
input[type="submit"] {
background-color: #025f6a;
color: #fff;
cursor: pointer;
font: italic bold 1em/1.2 Georgia, "Times New Roman", Times, Cambria, serif;
border: 1px double #057987;
margin-top: 10px;
padding: 5px 10px;
width: auto;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

background: -moz-linear-gradient(top, #025f6a, #035660);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #025f6a), color-stop(1, #035660));
filter:	progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660')";

-moz-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
-webkit-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
text-shadow: 1px 1px 3px #333
}
input[type="submit"]:hover {
background: #036f7c;
text-shadow: none;
}

/**************END -ODESLAT button*********/
p.shrnuti {
                    
              font: bold 14px "Times New Roman", Times, Serif;
              margin: 10px 0 0 10px;	           
              text-align: left;	 
              color: #529e02;           
}

hr.shrnuti   {                            
              background-image:url(../images/hr_shrnuti.png);
              border: none;
              height: 1px;
              width: 264px;
              margin: 15px 0 0 15px;
}

p.shrnuti_cena {
                    
              font: italic 24px "Times New Roman", Times, Serif;
              margin: 10px 10px 0 10px;	           
              text-align: right;	 
              color: #529e02;           
}


/**************ODESLAT button - shrnuti*********/
.right input[type="submit"] {
background-color: #025f6a;
color: #fff;
cursor: pointer;
font: italic bold 1em/1.2 Georgia, "Times New Roman", Times, Cambria, serif;
border: 1px double #057987;
margin-top: 10px;
margin-left: 35px;
padding: 5px 10px;
width: auto;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

background: -moz-linear-gradient(top, #025f6a, #035660);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #025f6a), color-stop(1, #035660));
filter:	progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#025f6a', EndColorStr='#035660')";

-moz-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
-webkit-box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
box-shadow: 1px 0 0 #025f6a, -1px 0 0 #025f6a, 0 1px 0 #025f6a, 0 -1px 0 #025f6a, 0 5px 10px -5px #666;
text-shadow: 1px 1px 3px #333
}
.right input[type="submit"]:hover {
background: #036f7c;
text-shadow: none;
}

/**************END -ODESLAT button*********/