/* CSS Document */
body {
      margin-left: auto;
	  margin-right: auto;
	  background:url(_pictures/pozadie.jpg);
	  background-position: top;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  width: 964px;  /*doplnené*/
	  height: auto;  /*doplnené*/
	  /*border: 1px dotted red; */ /*doplnené*/
	  max-width: 964px; /*doplnené*/
	  min-width: 500px; /*doplnené*/
}
/*............................................................hlavička, vrch stránky..........................*/
#body_head {
               width: 964px;
			   height: 250px;
			   /*border: 1px solid blue;*/
			   margin-left: auto;
			   margin-right: auto;
}
#cal {
               width: 964px;
			   height: auto;
			   /*border: 1px solid blue;*/
			   margin-left: auto;
			   margin-right: auto;
			   text-align: right;
			   font-family: Arial, Helvetica, sans-serif;
			   font-size: 12px;
			   color: #666666;     
}
#body_head_left {
                 width: 550px;
				 height: 232px;
				 /*border: 1px solid #FF00FF;*/
				 float: left;
}
#hlavicka_hore {
                 width: 550px;
				 height: 78px;
				 /*border: 1px solid #FF00FF;*/
}
#hlavicka_hore  .logo_sos img{
                              float: left;
							  margin-right: 15px;
							  border: none;
}
#hlavicka_hore2  .logo_sos img{
                              float: left;
							  margin-right: 15px;
							  border: none;
}
#hlavicka_dole {
                 clear: both;
				 width: 550px;
				 height: 147px;
				 /*border: 1px solid #000000;*/
				 background-image: url(_pictures/skola_hlavicka.gif);
				 background-repeat: no-repeat;
}
#hlavicka_hore2 {
                 width: 400px;
				 height: 78px;
				 /*border: 1px solid #FF00FF;*/
				 margin-top: 10px;
}
#hlavicka_dole2 {
                 clear: both;
				 width: 400px;
				 height: 147px;
				 /*border: 1px solid #000000;*/
}
#body_head_right {
                 width: 400px;
				 height: 232px;
				/* border: 1px solid #FF00FF;*/
				 float: right;
}
/*prihlasovací formulár*/
#hlavicka_dole2 #form_login {
                             width: 400px;
							 height: 55px;
							 margin-top: 5px;
							 margin-bottom: 5px;
							 /*background: #CCCCCC;*/
							 border: 1px solid #FFFFFF;
}
#hlavicka_dole2 #form_login .prihlasovaci {
							          border: 1px solid #CCCCCC; 
									  width: 375px;
									  height: auto;
}
#hlavicka_dole2 #form_login fieldset .legenda {
                                              font-family: Arial, Helvetica, sans-serif;
			                                  font-size: 13px;
			                                  color: #666666;							 		         
}
#hlavicka_dole2 #form_login fieldset .label {
                                             font-family: Arial, Helvetica, sans-serif;
			                                 font-size: 12px;
			                                 color: #333333;							 		         
}
#hlavicka_dole2 #form_login fieldset .button {
                                             font-family: Arial, Helvetica, sans-serif;
			                                 font-size: 12px;
			                                 color: #333333;
											 background: #CCCCCC;							 		         
}
#hlavicka_dole2 #form_login fieldset input {
                                             font-family: Arial, Helvetica, sans-serif;
			                                 font-size: 11px;
			                                 color: #666666;
}
.sprava1 {
          font-family: Arial, Helvetica, sans-serif;
		  font-size: 12px;
		  color: #666666;
		  text-align: justify;
}
.sprava1 em {
            font-family: Arial, Helvetica, sans-serif;
		    font-size: 12px;
		    color: red;
			font-style: normal;	
}
/*............................................................menu a navigácia..........................*/
#navigation  { /*doplnené*/
        clear: both;
		width: 964px;
		/*border: 1px solid red;*/
		height: 35px;
		/*background:  #00FF99;*/
		margin-left: auto;
		margin-right: auto;
}

#menu  {
        clear: both; /*doplnené*/
        position: absolute; /*doplnené*/
		width: 964px;
		height: 33px;
}
#menu ol {
          list-style-type: none;
		  margin-top: -2px;
		  margin-left: -36px;
}
#menu ol li {
			 float: left;
			 background: #999999;
			 border-right: 1px solid #CCCCCC;
			 width: auto;
			 display: block;
}
#menu ol li a {
               color: #FFFFFF;
			   display: block;		
			   padding: 8px 18px;
			   text-decoration: none;
	           font-family: Arial, Helvetica, sans-serif;
	           font-size: 14px;			   
}
#menu ol li a.active {
                     color: #FFFFFF;
			         display: block;		
			         padding: 8px 18px;
			         text-decoration: none;
					 background: #333333;
}
#menu ol li a:hover
			 {
                    color: #CCCCCC;
			        text-decoration: underline;
}
/*............................................................table info,  table info2 ..........................*/
#table_info {
             clear: both;
             width: 964px;
			 height: auto;
			/* border: 1px solid red;*/
			 margin-left: auto;
			 margin-right: auto;
		  	 background:  #ffffff;
}
#table_info2 {
             width: 964px;
			 min-height: 250px;			 
			 /*border: 1px solid red;*/
			 margin-left: auto;
			 margin-right: auto;
			 margin-bottom: 1em;
			 background:  #ffffff;
			 margin-top: 10px;
}
#table_info2_left {
                  width: 450px;
			      min-height: 250px;			 
			      /*border: 1px  dashed #666666;*/
				  float: left;
}
#table_info2_right {
                    width: 480px;  /*má byť 565px*/
			        min-height: 250px;			 
			        /*border: 1px solid red;*/
					float: right;
}
#table_info2_right_1 {
                    width: 180px;
			        min-height: 250px;			 
			        /*border: 1px solid red;*/
					float: left;
}
#table_info2_right_2 {
                    width: 270px; /*397px má byť*/
			        min-height: 250px;			 
			        /*border: 1px solid red;*/
					float: right;
}
#table_info #zaujemca {
                       width: 320px;
					   height:298px;
					   border-right: 2px solid #666666;
					   background: #FFFFCC;
					   background-image: url(_pictures/ziacik.png);
					   background-position:right;
					   background-repeat: no-repeat;
					   
}
#table_info #student {
                       width: 320px;
					   height:298px;
					   border-right: 2px solid #666666;
					   margin-left: 321px;
					   margin-top: -298px;
					   background: #FFFFCC;
					   background-image: url(_pictures/studentka.png);
					   background-position:right;
					   background-repeat: no-repeat;
					   
}
#table_info #rodic {
                       width: 320px;
					   height:298px;
					   /*border: 1px solid red;*/
					   margin-left:642px;
					   margin-top: -298px;
					   background: #FFFFCC;
					   background-image: url(_pictures/rodic.png);
					   background-position: right;
					   background-repeat: no-repeat;
}
#table_info2  .left {
                    width: 510px;
					height: auto;
					/*border: 1px solid red;*/
					float: left;
					
					}
#table_info2 .right {
                     width: 200px;
				  	 height: auto;
					 /*border: 1px solid red;*/
					 margin-top: 1em;
					 margin-left: 32em;
					 position: absolute;
					
}
#table_info2 .right2 {
                     width: 240px;
				  	 height: auto;
					 /*border: 1px solid red;*/
					 margin-left: 720px;
					 margin-top: 2.3em;
 					 position: absolute;

					
}
.aktualne_linky {
                 margin-top: 20px;
				 width: 500px;
				 min-height: 180px;
				 margin-bottom: 15px;
				 /*border: 1px solid red;*/
}
.aktualne_linky ul li a {
    				    font-size: 16px;
}

/*............................................sekcia o skole .......................................................*/
.general_box {
              width: 964px;
			  height: auto;
			  /*border: 1px solid red;*/
			  margin-left: auto;
			  margin-right: auto;
			  margin-top: 10px;
}
.general_box_left {
                   width: 250px;
				   height: 100%;
				   /*border: 1px solid #000000;*/
		   		   float: left;		   
}
.general_box_right {
                   width: 710px;
				   height: 100%;
				   /*border: 1px solid #000000;*/
				   float: right;
				   margin-top: 10px;
				  
}
/*.......menu....*/
.general_box_left ul, 
                   ul {  padding: 0 20px;
					     margin: 0;
}
.general_box_left ul li {list-style-type: square;
						 color: #666666;
						 padding: 3px 0;
						 border-bottom: 1px #CCCCCC  dotted; 
                         
}
ul li { list-style-type: square;   /* tot len pre odkazy v table_info v indexe*/
						 color: #666666;
						 padding: 3px 0;
						 
                         
}
.general_box_left ul a, 
                  ul a {text-decoration: none;
						color:#666666;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
}
.general_box_left ul a:hover, 
                  ul a:hover {      text-decoration: underline;
						             color: #333333;
}

/*.......bežný obsah v celej stránke............*/
.udaje {
        border-spacing: 8px;
        
} 
.top_nadpis {
             font-family: Arial, Helvetica, sans-serif;
			 font-size: 20px;
			 color: #333333;
}
.super_top_nadpis {
             font-family: Arial, Helvetica, sans-serif;
			 font-size: 35px;
			 color: #333333;
}
.nadpis {
             font-family: Arial, Helvetica, sans-serif;
			 font-size: 17px;
			 color: #333333;
			 margin-bottom: 13px;
			 font-weight: bold;
			 
}
.nadpis2 {
             font-family: Arial, Helvetica, sans-serif;
			 font-size: 17px;
			 color: #333333;
			 margin-bottom: 13px;
			 font-weight: bold;
			 padding: 0 10px;
			
			 
}
.obsah {
        margin-left: 10px;
		margin-top: 10px;
}
.label {
     	color:#666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 0   8px 0 0;
		width: 180px;
}
.podnadpis {
     	color:#666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 0   8px 0 0;
		width: auto;
}
.podnadpis_center {
     	color:#666666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 0   8px 0 0;
		width: auto;
		text-align: center;
}
.text {
     	color:#333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: justify;
}
.text a {
     	color:#333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: justify;
}
.text em {
         font-style:normal;
		 font-size: 40px;
		 font-weight: bold;
          
}
.box  {
       width: 690px;
	   margin-top: 40px;
	   margin-bottom: 70px;

	     
		  
}
.box img {
          border: none;
		  float: left;
		  margin-right: 10px;
		  
}
.pictogram  {
                float: left;
			    margin-right: 15px;
				margin-top: 17px
} 
/*.................................general_box_left_info ....................................*/
.general_box_left_info {
                        width: 230px;
						height: auto;
						/*border: 1px dotted #666666;*/
						margin-top: 30px;
}
.general_box_left_info2 {
                        width: 210px;
						height: auto;
						border: 1px dotted #CCCCCC;
						margin-top: 5px;
						padding: 10px;
						margin-bottom: 5px;
}
.general_box_left_info .info {
                               width: 200px;
							   height: 40px;
							   /*border: 1px solid red;*/
}
.general_box_left_info .info img {
                                  border: none;
								  float: left;
								  margin-right: 20px;
}
.general_box_left_info .info .text_info {
                                         margin-top: 4px;
}
.general_box_left_info .info .text_info a{
                                          color:#666666;
		                                  font-family: Arial, Helvetica, sans-serif;
		                                  font-size: 13px;
										  text-decoration: none;
}
.general_box_left_info .info .text_info a:hover{
                                          color:#333333;
										  text-decoration: underline;
}
/*.................................zamestnanci ....................................*/
.zamestnanec {
              width: 680px;
			  height: auto;
			  /*border: 1px solid red;*/
			  margin-bottom: 15px;
}
.zamestnanec .fotka  {
                     float: left;
					 border: 1px solid #CCCCCC;
					 padding: 2px;
					 width: 70px;
					 height: 70px;
					 margin-right: 10px;
					 margin-top: 2px
}
.zamestnanec .text i {
                      font-style: normal;
					  font-weight: bold;
					  margin-right: 8px;
					  
                      
}
/*............................................sekcia úspechy školy .......................................................*/
.uspechy_box  {
               width: 700px;
			   height: 100px;
			   /*border: 1px solid red;*/
			   margin-top: 10px;
			   margin-bottom: 10px;
}
.uspechy_box .diplom  {
               width: 150px;
			   height: 100px;
			   /*border: 1px solid red;*/
}
.uspechy_box .diplom a  {
                         text-decoration: none;
}
.uspechy_box .diplom  img {
                           border: none;
}
						   
.uspechy_box .d_nadpis  {
                        width: 530px;
			            height: auto;
			            /*border: 1px solid red;*/
						margin-left: 161px;
						margin-top: -102px;
		     	        color:#333333;
		                font-family: Arial, Helvetica, sans-serif;
		                font-size: 18px;
						font-weight: bold;
}
.uspechy_box .d_text  {
                        width: 530px;
			            height: 70px;
			            /*border: 1px solid red;*/
						margin-left: 161px;
						margin-top: 6px;
     	                color:#333333;
		                font-family: Arial, Helvetica, sans-serif;
		                font-size: 14px;
		                text-align: justify;
}



/*..................................................................patka........................................................*/
#patka {
        clear: both;
        width: 964px;
		height: 150px;
		border-top: 2px dotted  #CCCCCC;
		margin-left: auto;
		margin-right: auto;
}
#patka #linky {
               width: 280px;
			   height: 150px;
}
#patka #partner {
               width: 230px;
			   height: 100px;
			   /*border: 1px solid red;*/
			   margin-left: 250px;
			   margin-top: -150px;
}
#patka #partner img {
                     border: none;
}
#patka #ies {
               width: 260px;
			   height: 100px;
			  /* border: 1px solid red;*/
			   margin-left: 600px;
			   margin-top: -90px;
     	       color:#666666;
		       font-family: Arial, Helvetica, sans-serif;
		       font-size: 12px;
               text-align: left;
}
#patka #cisco {
               
			   margin-left: 460px;
			   margin-top: -80px;	
}
#patka #cisco img {
                   border: none;
}
#patka #iso {
               width: 100px;
			   height: 100px;
			   /*border: 1px solid red;*/
			   margin-left: 870px;
			   margin-top: -100px;
     	       color:#666666;
		       font-family: Arial, Helvetica, sans-serif;
		       font-size: 12px;
               text-align: left;
}
#patka #iso img {
                border: none;
}
#patka #ies img {
                 border: none;
				 float: left;
				 margin-right: 5px;
}
#patka #linky .label {
                     color:#333333;
					 font-family: Arial, Helvetica, sans-serif;
					 font-weight: lighter;
					 padding: 5px;
					 font-size: 14px;
}
#patka #partner .label {
                     color:#333333;
					 font-family: Arial, Helvetica, sans-serif;
					 font-weight: lighter;
					 padding: 5px;
					 font-size: 14px;
}
#patka #linky a {
                text-decoration:none;
     	        color:#666666;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 13px;
				margin-left: 15px;               
}
#patka #linky a:hover {
                       color:#333333;
					   text-decoration: underline;
}
#tiraz {
     	       color:#666666;
		       font-family: Arial, Helvetica, sans-serif;
		       font-size: 12px;  
			   margin-left: 250px;
			   margin-top: 20px; 
			   text-align: center;
			   margin-bottom: 1em;
}
#tiraz a {
     	       color: #666666;
		       font-family: Arial, Helvetica, sans-serif;
		       font-size: 12px;
			   text-decoration: underline;  
}
#tiraz a:hover{
     	       color: #0000FF;
			   text-decoration: underline;  
}
/*............................................galeria....................................................................................*/
.obsah .galleria img {
                       border: none;
					   width: 80px;
					   height: 60px;
					   margin-right: 10px;
					   margin-bottom: 10px;

}
/*............................................kontaktný formulár ....................................................................................*/

.formular label {
            	color:#333333;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;
				           
}
.formular fieldset {
                    width: 500px;
					padding: 10px;
}
.formular .btn {
               width: 180px;
			   margin-right: 8px;
			   margin-left: 6px;
			   margin-top: 15px;
			   background: #999999;
			   padding: 1px;
			   color: #FFFFFF;      
}
.formular {
           margin-left: 30px;
		   margin-top: 100px;
}
.sprava {
                color:#333333;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;
				margin-left: 120px;
				margin-top: 120px;
				text-align: center; 
				
}
.sprava2  {
           margin-left: 120px;
		   margin-top: 15px;
		   text-align: center;
}
.sprava2 a {
                color:#333333;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;
				text-decoration: none;
}
.sprava2 a:hover {
                 text-decoration: underline;
}
/*............................................top list....................................................................................*/
#toplist img{
          border: 1px solid #999999;
		  width: 80px;
		  height: 15px;
		  margin-top: 20px;
		  padding: 2px;
}

/*................................................................CMS...................................................................*/
#blog3 {
       width: 900px;
	   /*border: 1px solid red;*/
	   margin-left: auto;
	   margin-right: auto;
	   height: auto;
	   margin-top: 2em;
	   }
#blog1 {
       width: 450px;
	   /*border: 1px solid red;*/
	   margin-left: 2px;
	   margin-top: 5px;
	   height: auto;
	   }
#blog {
       width: 700px;
	   /*border: 1px solid red;*/
	   margin-left: 1px;
	   height: auto;
	   }
#blog .nadpis,
#blog1 .nadpis,
#blog3 .nadpis {
         font-family: Arial, Helvetica, sans-serif;
		 color:#FF0000;
		 font-size: 14px;
		 font-weight: bold;
         width: auto;
		 /*border: 1px solid #0000CC;*/
		 padding: 0;
		 margin: 0;
}	   
#blog .podnadpis,
#blog1 .podnadpis,
#blog3 .podnadpis
 {
         font-family: Arial, Helvetica, sans-serif;
		 color: #333333;
		 font-size: 13px;
		 font-weight: normal;
		 margin-bottom: 1em;
		 margin-right: 0em;
		 /*border: 1px solid red;*/
         width: auto;
		 height: auto;
         text-align: justify;
}	   
.datumm {
         /*border: 1px solid green;*/
		 font-family: Arial, Helvetica, sans-serif;
		 color: #666666;
		 font-size: 12px;
		 text-align: right;
		 width: auto;
}
#blog .podnadpis a,
#blog1 .podnadpis a,
#blog3 .podnadpis a
           {
         font-family: Arial, Helvetica, sans-serif;
		 color: #FF0000;
		 font-size: 12px;
		 font-weight: normal;
		 margin-bottom: 1em;
		 text-decoration: none;
		 
}
#blog .podnadpis a:hover,
#blog1 .podnadpis a:hover,
#blog3 .podnadpis a:hover

 {
                   border-bottom: 1px solid red;
}
.starsie_clanky a {
         font-family: Arial, Helvetica, sans-serif;
		 color: #FF0000;
		 font-size: 12px;
		 font-weight: normal;
		 margin-bottom: 1em;
		 margin-right: 2em;
		 text-decoration: none;       
}
#blog .text {
         font-family: Arial, Helvetica, sans-serif;
		 color: #999999;
		 font-size: 12px;
		 font-weight: normal;
		 margin-bottom: 1em;
		 margin-right: 2em;
}
#blog3 .text {
         font-family: Arial, Helvetica, sans-serif;
		 color: #999999;
		 font-size: 12px;
		 font-weight: normal;
		 margin-bottom: 1em;
		 width: 800px;
}
#cms {
               width: 964px;
			   height: 100%;
			   /*border: 1px solid red;*/
			   margin-left: auto;
			   margin-right: auto;      
}
.cms_f {
        width: 300px;
		margin-left: auto;
		margin-right: auto;
		
}
.cms_f label {
            	color:#333333;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;               
}
.cms_f .btn {
               width: 130px;
			   margin-right: auto;
			   margin-left: auto;
			   margin-top: 15px;
			   background: #999999;
			   padding: 1px;
			   color: #FFFFFF;      
}
.cms_f legend {
            	color:#666666;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;
				font-weight: bold;               
}
.cms_f .text a {
                color: #666666;
				margin-left: 30px;
		        font-family: Arial, Helvetica, sans-serif;
		        font-size: 14px;		
}
.cms_f .text a:hover {
                color: #FF0000;
	
}
/*................................................  youtube   video  ......................................................*/
.obsah iframe {
               width: 550px;
			   height: 315px;
			   border: none;
}