/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html {
  height: 100%;
  margin-bottom: 0px;
  overflow-y: scroll;
}

body {
	height: 100%;
    font-family: 'Allerta', sans-serif;
	margin: 0px;
	font-size: 11px;
	color: #838383;
	background-color: #f3f3f3;
	background-image: url('../images/bodyBackground.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	text-align: center;
}

a{
	text-decoration: none;
	color: #1e78b3;	
	font-size:11px;
	
}

a:hover {
	text-decoration: none;
	color: #95d5fb;	
}

img {
	border: 0px;
}

div#under{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	min-height: 738px;
    height: auto !important; 
    height:738px;
    float:left;
	background-image: url('../images/under.jpg');
	background-repeat:repeat-x;
	background-position:center bottom;
}

div#underColor{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	min-height: 579px;
    height: auto !important; 
    height:579px;
    float:left;
    background-image: url('../images/bodyBackground.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#dfdfdf;
}


div#container{
	width: 998px;
	margin: 0px auto;
	text-align: center;
	height: 100%;
	
}

div#bodyTop {
    float:left;
	width:998px;
	height: 134px;
	background-image: url('../images/top.jpg');
	background-repeat:no-repeat;
	
}


div#bodyMain {
    float:left;
	width:998px;
	min-height: 447px;
    height: auto !important; 
    height:447px;
}


div#mainMenu{
   width:315px;
   min-height: 267px;
   height: auto !important; 
   height:267px;
   float:left;
}

div#menuTop{
   width:315px; 
   height:46px;
   float:left;

}

div#menuTop span{
   margin-top:25px;
   display:block;
   text-align:left;
   padding-left:5px;
   float:left;
}

div#menuTopLeft{
   width:28px; 
   height:46px;
   float:left;
   	background-image: url('../images/menuTopLeft.png');
	background-repeat:no-repeat
}

div#menuTopRight{
   width:28px; 
   height:46px;
   float:right;
   	background-image: url('../images/menuTopRight.png');
	background-repeat:no-repeat;
	background-position:bottom;
}
div#menuCursor{
   width:11px; 
   height:46px;
   float:right;
   	background-image: url('../images/move.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-right:12px;
}

div#menuIcon{
   width:19px; 
   height:46px;
   float:left;
   	background-image: url('../images/menuIcon.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:10px;
}

div#menuTopBackground{
   width:259px; 
   height:46px;
   float:left;
   	background-image: url('../images/topBackground.png');
	background-repeat:repeat-x;
	cursor:move;
}

div#menuLeft{
   width:298px; 
   height:146px;
   min-height: 146px;
   height: auto !important; 
   float:left;
   	background-image: url('../images/menuLeftShadow.png');
	background-repeat:repeat-y;
	padding-left:17px;
}

div#menuRight{
    width:280px; 
    height:146px;
    min-height: 146px;
    height: auto !important; 
    float:left;
   	background-image: url('../images/menuRightShadow.png');
	background-repeat:repeat-y;
	background-position:right;
	padding-right:18px;
}

div#menuBottom{
   width:315px; 
   height:31px;
   float:left;

}

div#menuBottomLeft{
   width:28px; 
   height:31px;
   float:left;
   	background-image: url('../images/menuBottomLeft.png');
	background-repeat:no-repeat
}

div#menuBottomRight{
   width:28px; 
   height:31px;
   float:right;
   	background-image: url('../images/menuBottomRight.png');
	background-repeat:no-repeat;
}

div#menuBottomBackground{
   width:259px; 
   height:31px;
   float:left;
   	background-image: url('../images/bottomBackground.png');
	background-repeat:repeat-x;
}


div#mainMenu  ul{
    float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
	font-family: 'Allerta', sans-serif;
	background-color:#dfdfdf;
}

div#mainMenu a{
	text-decoration: none;
	color:#ffffff;
    float:left;	
	font-size:14px;
	color:#1e78b3;
	padding:5px 30px 5px 43px;
	width:207px;
}

.subTitle span{
  font-size:11px;
  color:#636363;
}
.subTitle:hover span{
  color:#afcee2;
}

div#mainMenu a:hover {
	text-decoration: none;
	color: #ffffff;	
	background-image: url('../images/linkHover.jpg');
	background-repeat:repeat-x;
	background-color:#185da0;
}
.bg {
	text-decoration: none;
	color: #ffffff;	
	background-image: url('../images/linkHover.jpg');
	background-repeat:repeat-x;
	background-color:#185da0;
}


div#mainMenu  li{
    font-size:11px;
    background-image: url('../images/menuBackground.jpg');
    background-repeat: repeat-x;
	float:left;
	font-family:Tahoma;
	width:100%;
	text-align:left;
	display:block;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #d9d9d9;
	background-color:#dfdfdf;
}


ul.subMenu  li{
    font-size:11px;
    background-image: url('../images/subBack.jpg') !important;
    background-repeat: repeat-x;
	float:left;
	font-family:Tahoma;
	width:100%;
	text-align:left;
	display:block;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #bfbfbf !important;
	background-color:#cbcbcb !important;
}

/*article*/

div#content{
   width:auto;
   height:100%;
   
}

div#artTop{
   width:100%; 
   height:46px;
   float:left;

}

div#artTop span{
   margin-top:25px;
   display:block;
   text-align:left;
   position:absolute;
   float:left;
   width:auto;
   font-family: 'Allerta', sans-serif;
   font-size:11px;
   color:#636363;
   left:59px;
}

div#artTopLeft{
   width:28px; 
   height:46px;
   float:left;
   	background-image: url('../images/menuTopLeft.png');
	background-repeat:no-repeat;
	position:relative;
	left:-28px;
}

div#artTopRight{
   width:28px; 
   height:46px;
   float:right;
   	background-image: url('../images/menuTopRight.png');
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	right:-28px;
}
div#artCursor{
   width:11px; 
   height:46px;
   float:right;
   	background-image: url('../images/move.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-right:12px;
}

div#artIcon{
   width:19px; 
   height:46px;
   float:left;
   	background-image: url('../images/menuIcon.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	left:-23px;
}

div#artTopBackground{
   width:auto; 
   height:46px;
   margin:0px 28px;
   	background-image: url('../images/topBackground.png');
	background-repeat:repeat-x;
	
}

div#artLeft{
   width:100%; 
   height: 100%; 
   float:left;
   	background-image: url('../images/menuLeftShadow.png');
	background-repeat:repeat-y;
	padding-left:17px;
	
}

div#artRight{
    width:auto;
    height: 100%; 
   	background-image: url('../images/menuRightShadow.png');
	background-repeat:repeat-y;
	background-position:right;
	margin-right:18px;
    
	
}


div#artText{
    width:auto;
    height: 100%; 
	overflow:auto;
	color:#636363;
	font-family:Trebuchet MS;
	font-size:11px;
	background-image: url('../images/artBackground.jpg');
	background-repeat:repeat-x;
	background-color:#e2e2e2;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin-right:17px;
	 
	
}

div#artBottom{
   width:100%; 
   height:31px;
   float:left;

}

div#artBottomLeft{
   width:28px; 
   height:31px;
   float:left;
   	background-image: url('../images/menuBottomLeft.png');
	background-repeat:no-repeat;
	position:relative;
	left:-28px;
}

div#artBottomRight{
   width:28px; 
   height:31px;
   float:right;
   	background-image: url('../images/menuBottomRight.png');
	background-repeat:no-repeat;
	position:relative;
	right:-28px;
}

div#artBottomBackground{
   width:auto; 
   height:31px;
   margin-left:28px;
   margin-right:28px;
   	background-image: url('../images/bottomBackground.png');
	background-repeat:repeat-x;
}

div#stopka{
  float:left;
  width:100%;
  height:157px;
  background-image: url('../images/stopkaLogo.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
}

div#stopkaTop{
  width:590px;
  height:30px;
  margin: 0px auto;
  background-image: url('../images/ministerstwo.jpg');
  background-repeat:no-repeat;
  background-position:left top;
  text-align:right;
  font-size:9px;
  font-family: 'Allerta', sans-serif;
  font-weight:normal;
  color:#898989;
  padding-top:20px;
  
}

/* start page*/

.mainStartBox{
   width:199px; 
   height:351px;
   background-image: url('../images/startPage.png');
   background-repeat:no-repeat;
   float:left;
   margin-top:30px;
}

.mainStartBox a{
   margin:0px 40px;
   margin-top:20px;
   display:block;
   width:120px;
   height:187px;
}

.mainStartBox span{
   margin:0px 39px;
   margin-top:15px;
   display:block;
}

.mainStartTop{
   width:149px; 
   height:21px;
   background-image: url('../images/startTop.jpg');
   background-repeat:no-repeat;
   margin:0px auto;
   margin-top:19px;
   font-family: 'Allerta', sans-serif;
   font-weight:normal;
   font-size:11px;
   color:#636363;
   padding-top:6px;
}


div.photoBox, div.photoBox2 {
	width: 150px;
	margin: 1px;
	float: left;
	background: url('../images/loader.gif') no-repeat center center;
	text-align: center;
}

div.imgBox {
	width: 150px;
	background-repeat: no-repeat;
	background-position: center center;
}

div.imgBox img {
	width: 150px;
	height: 100px;
}

div.photoBox { border: 5px solid #e7f0f7; border-bottom-width: 20px; }
div.photoBox2 { border: 5px solid #e7f0f7; background-color:#e7f0f7; }
div.photoBox:hover { border-color: #c5c5c5; }
div.photoBox2:hover { 
	border-color: #c5c5c5; 
	background-color: #c5c5c5;
	color: #000000;
}

div.categoryTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	cursor: pointer;
}

img.blankImg {
	width: 150px;
	height: 120px;
}

div.rightImg { 
	float: right; 
	cursor: pointer; 
	padding: 5px 0; 
}
div.leftImg { 
	float: left; 
	cursor: pointer; 
	padding: 5px 0; 
}

div.galName {
	margin: 5px 30px;
	text-align: center;
	font-size: 11px;
}

table#fotoTable th { background-color: #222222; }
table#fotoTable td { background-color: #444444; }
table#fotoTable .id { width: 50px; text-align: center; }
table#fotoTable .foto { width: 160px; text-align: center; }
table#fotoTable .name { width: 470px; text-align: left; }
table#fotoTable .delete { width: 40px; text-align: center; }	
	
div.smallBaner {
	margin: 20px 0;
}

div.imageGallery {
	margin: 10px 0;
	padding: 0 15px;
	/*background-color: #1f1f1f;*/
	background: url('../images/loader.gif') no-repeat center center;
}

div.imageGallery div.photo {
	background-repeat: no-repeat;
	background-position: center center;
	width: 150px;
	height: 120px;
}	
div.banerBox div { width: 500px; margin: 10px auto; }

div#logoPte img{
	width: 100px;
	height: 94px;
	float:left;
	margin-left:80px;
}

div#logoLaurea img{
	width: 100px;
	height: 94px;
	float:left;
	margin-left:80px;
}

div#logoMain img{
	width: 210px;
	height: 100px;
	float:left;
	margin-left:60px;
}

div#logoUniversitas img{
	width: 100px;
	height: 94px;
	float:left;
	margin-left:80px;
}

div#logoWsg img{
	width: 100px;
	height: 94px;
	float:left;
	margin-left:40px;
}	

/* Hides the whole contact form until needed */	
#contactForm {
	height:260px;width:458px;
	}   

/* Loading bar that will appear while the ajax magic is happening */

	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:red;
	position:relative;
	float:right;
	
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	#contactForm input {
	width:178px; 
	background:none;
	 background-image:url(../images/input.jpg); 
	 background-repeat:no-repeat;
	border:0; 
	height:29px; 
	line-height:14px; 
	font-size:11px; 
	color:#636363;font-size:11px;font-family:Tribuchet MS;
	padding:0px 20px;
	margin-top:10px;
	}
	
		#contactForm select {

	margin-top:10px;
	}
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea {
	width:315px; 
	background-image: url(../images/textarea.jpg); 	
	border:0; 
	height:62px; 
	line-height:14px; 
	color:#636363;font-size:11px;font-family:Tribuchet MS;
	padding:10px 20px 10px 20px;
	margin-top:10px;
	}


#contactForm .submit {
	border:0; 
	background:none; 
	background-image: url(../images/send.jpg);
	height:30px; width:79px; 
	cursor:pointer; 
	float:right; 
	margin-top:200px;
	
	}

#contactForm label {padding-left:4px; font-weight:bold;float:left;width:90px;color:#636363;font-size:11px;font-family:Tribuchet MS}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}

.not {
background-image:url(../images/close2.png); 
	 background-repeat:no-repeat;
	 height:15px;
     width:15px;
float:left;
margin-top:8px;	
margin-right:10px;
   cursor:pointer; 
}

#dates li a {
	color: #1962a6;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	#dates li a:hover,
	a.selected {
		color: #2391c2;
	}


	h1.timieTitle {
		font-size: 18px;
		text-align: center;
	color: #ccc;
	text-shadow: #000 1px 1px 2px;
	margin-bottom: 5px;
	}

.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 650px;
		
		overflow: hidden;
		
		position: relative;
		background: url('../images/dot.gif') left 45px repeat-x;
	}
		#dates {
			width: 600px;
			height: 60px;
			overflow: hidden;
		}
				#dates ul{
			
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 38px;
				}
		
		#issues {
			width: 650px;
			
			overflow: hidden;
		}	
			#issues li {
				width: 650px;
				
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}

				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
					width:600px;
				}
				#issues li div.timeText {
					font-size: 14px;
					margin-right: 60px;
					
					font-weight: normal;
					line-height: 22px;
					
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		      
			}
			#grad_right {
		        right: 0;
		       
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../images/next2.png');
			}
			#prev {
				left: 0;
				background-image: url('../images/prev2.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
				
  .mainStartBox2{
   width:300px; 
   height:90px;
   background-image: url('../images/but.png');
   background-repeat:no-repeat;
   float:left;
  
}

.mainStartBox2 a{
   margin:0px 40px;
   margin-top:20px;
   display:block;
   width:120px;
   height:187px;
}

.mainStartBox2 span{
   margin:0px 39px;
   margin-top:15px;
   display:block;
}

.mainStartTop2{
   width:200px; 
   height:21px;
   background-image: url('../images/menuIcon.png');
   background-repeat:no-repeat;
   margin:0px auto;
   margin-top:19px;
 font-family: Tahoma;
   font-weight:bold;
   font-size:14px;
   color:#636363;
   padding-top:6px;
   margin-top:30px;
   margin-left:60px;
   cursor:pointer;
}

#poll{
    padding:0px !important;
	border: 1px solid #C1C1C1;
    text-align:left;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	font-family:Tahoma;
	background:#ffffff;
}
#poll h1{
	margin:0; padding:5px; 
	font-size:1.4em; 
	font-weight:normal; color:#333;
}
#poll p{
 color:#333; 
	margin:0; line-height:2em;
}
#pollcontainer{
	margin:5px; border:1px solid #c1c1c1;
	background:#f9f9f9; padding:5px;
}


#loader{ display:none; text-align:center; background-image: url('../images/progress_bar.gif');
   background-repeat:no-repeat;width:100%;height:50px;background-position:top center;background-color:#ffffff;}
.pollques {font-size:15px;margin-top:20px !important;display:block;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:12px; }
.bar{ height:10px; background:#3399cc;width:0px;}
.yourvote{ background:#113399; }