/* CSS Document */


body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}

body { 
background-image:url(images/background-newt.jpg);
background-repeat:no-repeat;




}

h1 { 
font-family:Georgia, Times, serif;
color:#ccc;
font-weight: normal;
font-size:22px;;
background-color:#262626;
padding:15px;
padding-top:5px;
}

h2 { 
padding:15px;
padding-bottom:5px;
font-family:Georgia, Times, serif;
font-size:36px;
color:#fff;
font-weight:normal;
background-color:#0c0c0c;
}

#container { 


width:810px;
text-align:left;
}

#info { 
margin-top:290px;
margin-bottom:15px;
padding-left:15px;
color:#373737;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
}



#info a:link { color:#f1eee9
text-decoration:none;
}
#info a:visited { color:#f1eee9
text-decoration:none;}

#info a:hover { color:#931815
text-decoration:underline;}

#info a:active { color:#f1eee9
text-decoration:none;}

#portfolio p {
float:left;
width:239px;
padding:15px;
}

img {
padding:2px;
border: 1px solid #d2d2d2;
}

img a:hover{
border: 1px solid #b3b3b3;}


a:link {color: #931815;
text-decoration:none;
}    

a:visited {color:#931815;
text-decoration:none;
}  

a:hover { color:#931815;
text-decoration: underline;

}   

a:active {color: #931815;
text-decoration:none;
}   

#d2 {
font-family:verdana;
color:#CCCCCC;
background-color:#262626;
width:790px;
padding:10px;
}

#d2 p {
padding-left:5px;
padding-right:5px;
font-size:12px;
line-height:22px;
}


#d2 p a:link {color:#fff;
text-decoration: underline;
padding:2px;
}    

#d2 p a:visited {color:#fff;
text-decoration: underline;
padding:2px;
}  

#d2 p a:hover {color:#000;
background-color:#a3a1a1;
padding:2px;
}   

#d2 p a:active {color:#fff;
text-decoration: underline;
padding:2px;
}   








.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
background-color:#3333CC;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#3333CC;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/* Prototip.css */

.tooltip { width: 150px; color: #fff;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }