html, body {
height:100%;
padding:0;
border:none;
font-family: Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
margin:0;
background:#ec7146;
}

a:link {color:#a4a3a5;
text-decoration:none;} 
a:visited {color:#a4a3a5;
text-decoration:none;}  
a:hover {color:#FFF;
text-decoration:none;} 
a:active {color:#a4a3a5;
text-decoration:none;} 

.error-wrapper {
	text-align:center;
}

.error {

	font-size:40px;
}

.error2 {

	font-size:20px;
}

table.content {
margin-left: auto;
margin-right: auto;
padding:0;
height:100%;
color:#ec7146;
font-size:12px;
background: #fcd146; 
border: 0;
width: 900px;
border-collapse:collapse;
}

td.left {
padding:0;
background:#f7a93e;
width:58px;

}

td.right {
padding:0;
background:#f7a93e;
width:58px;
}

td.top {
padding:0;
height:150px;
vertical-align:top;
}

td.main {
padding:0 0 80px 0;
vertical-align:top;
}

div.menu1 {
float:left;
margin-left:25px;
margin-top:25px;

}

.menu1 img {
	width:230px;
	display:block;
	opacity: 1;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out; 

}

.menu1 img:hover {
opacity:0.6;	
}

div.menu2 {
float:right;
margin-top:55px;
margin-right:30px;
}

div.menu2 img {
padding-left:15px;
height:20px;
	opacity: 1;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out; 
}

.menu2 img:hover {
opacity:0.6;	
}


div.greeting {
margin-top:150px;
margin-left:260px;
margin-bottom:20.8px;
}

.thumbnails { 
padding-left: 20.8px; 
} 

.thumbnails div {
margin-bottom:20.8px; 
height: 170px;
margin: 0px;
border: 0px;
float: left;
display: block;
margin-top: 20.8px;
margin-right: 20.8px;
background-color: #FFF; } 

.thumbnails img { 
height:170px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out; 
} 

.thumbnails img:hover { 
opacity: 0.75; }


.projectpicswask {
width:500px;
float:left;
}

.projectpicswask img {
margin-bottom:7px;
}



.projectpicswask2 img {
	width:245px;
margin-bottom:10px;
display:block;
}


.projecpicswask2 a {

}

.projectpicswask2 a:nth-child(odd)
{ margin-right: 10px;
float:left;}

.projects {
margin-left:20.8px;
margin-top:20.8px;
}

.projectpics img{
width:500px;
margin-bottom:10px;
}

.projectpics {
width:500px;
float:left;
margin-bottom:20.8px;
}


.projectdesc {
text-align:justify;
margin-left:20.8px;
width:223px;
float:left;
}

.projecttitle {
text-align:right;
font-weight:bold;
}


.info1 {
margin-top:25px;
margin-left:auto;
margin-right:auto;
position:relative;
background: url('https://dorotapankowska.com/dorota-pankowska-info.jpg');
width:700px;
height:640px;
}

.info2 {
text-align:right;
font-size:11px;
color:#000;
position:absolute;
top:17.0em;
left: 170px;
width:200px;
}

.info3 {
display:none;
position:absolute;
left:20px;
top:20px;

}


.info2 a {
color:red;
}
.tooltip {
	display:none;
	position:absolute;
	border:none;
	background-color:#ec7146;
	border-radius:5px;
	padding:3px;
	color:#fff;
	font-size:11px !important;
}


#button1:hover {
  background: #8c70f2;
}

#button1 {
border:none;
  width: 100%;
  height: 35px;
  background: #ec7146;
  font-family: inherit;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  transition: background .3s ease-in-out;
}