@charset "utf-8";
/* CSS Document - WRIS 22.02.2010. */
/* howdy hey you css explorer! */

body {background-color: #CCC;}
a, a:link, a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}

#header {padding-bottom: 55px;padding-top: 15px;}

#logo a {width:117px; height:63px; display:block; background-image: url(../images/logo.gif);background-repeat: no-repeat; background-position: 0px 0px;}
#logo a:hover {background:url(../images/logo.gif) -117px 0px no-repeat; display: block;}

#opis {text-align: right;}
#opis p {text-align: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333;padding-top: 2px;}

#turtle a {width:91px; height:63px; display:block; background-image: url(../images/turtle.gif);background-repeat: no-repeat; background-position: 0px 0px;}
#turtle a:hover {background:url(../images/turtle.gif) -91px 0px no-repeat; display: block;}

#radovi {padding-bottom: 35px;}

#radovi h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #FFF;background-color: #000;font-size: 15px;font-weight: normal;text-align: left;margin-bottom: 3px;padding: 6px;}
#radovi h3 a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #F60;background-color: #666;font-size: 15px;font-weight: lighter;text-align: left;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 6px;letter-spacing: 0.1em;display: inline;text-decoration: none;float: left;}
#radovi h3 a:hover {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #FFF;background-color: #F60;font-size: 15px;font-weight: lighter;text-align: left;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 6px;letter-spacing: 0.1em;display: inline;text-decoration: none;}

.image img{border: 3px solid #FFF;}
.image:hover img{border: 3px solid #F60;}
.image:hover {color: red; /* irrelevant definition to overcome IE bug */}