@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900&subset=latin,latin-ext,greek-ext,greek,vietnamese,cyrillic);

html { 

background-color: #FFFFFF; 

}

a:link {

color: #76BBE5;

text-decoration: none;

}

a:visited { 

color: #76BBE5;

text-decoration: none;

}

a:hover {

color: #6799B2;

}

body {

margin: 3em auto;

min-width: 256px;

max-width: 800px;

padding: 14px 14px;

background-color: #FFFFFF;

color: #0A5785;

font-size: 10pt;

font-family: 'Tahoma';

font-weight: 400;

}



h2 {

font-size: 14px;

text-align: center;

font-weight: 700;

}

.cap {

margin-top: 1em;

margin-bottom: 3em;

text-transform: none;

text-align: justify;

}

.backtotop {

text-align: center;

}

.rollover {

position: relative;

width:128px;

height:72px;

border-width:1px;

border-style:solid;

border-color:#d68300;

display: inline-block;

margin:0 auto;

padding: 0;

}

.rollover > * { 

position: absolute;

}

.rollover img:first-child { 

z-index: 1; 

}

.rollover:hover img:first-child  { 

z-index: -1;

}

.rollover p {

color: d68300;

height: 1.2em;

width: 100%;

text-align: center;

background-color: rgba(0,0,0,0.5);

padding: 0;

bottom: 0;

margin: 0;

z-index: -1;

}

.rollover:hover p {

z-index: 1;

}

.rollover2 {

position: relative;

width:50px;

height:70px;

display: inline-block;

margin:0 auto;

padding: 0;

}

.rollover2 > * { 

position: absolute;

}

.rollover2 img:first-child { 

z-index: 1; 

}

.rollover2:hover img:first-child  { 

z-index: -1;

}

.rollover2 p {

color: d68300;

height: 1.2em;

width: 100%;

text-align: center;

padding: 0;

bottom: 0;

margin: 0;

font-family: "Exo";

font-size: 10pt;

font-weight:bold;

z-index: -1;

}

.rollover2:hover p {

z-index: 1;

}

div {

display: block;

max-width: 265px;

margin: 0 auto;

}

.galeri {

display: block;

max-width: 474px;

margin: 0 auto;

}

.foto {

position: relative;

width:220px;

height:124px;

border-width:2px;

border-style:solid;

border-color:#d68300;

display: inline-block;

margin: 5px 5px;

padding: 0;

}

.foto > * { 

position: absolute;

}

.foto img:first-child { 

z-index: 1; 

}

.foto:hover img:first-child  { 

z-index: -1;

}

.foto p {

color: d68300;

height: 1.2em;

width: 100%;

text-align: center;

background-color: rgba(0,0,0,0.5);

padding: 0;

bottom: 0;

margin: 0;

font-family: "Exo";

font-size: 10pt;

font-weight:bold;

z-index: -1;

}

.foto:hover p {

z-index: 1;

}

.ortala {

display: block;

max-width: 130px;

margin: 0 auto;

}

iframe {

width: 490px;

display: block;

margin: 0 auto;

border-width:2px;

border-style:solid;

border-color:#d68300;

}

img {

width: 100%;

}

.gizli {

font-family: Comic SANS MS, sans-serif;

font-size: 28px;

visibility: hidden;

position: absolute;

display: inline-block;

}

@media print {

html {

background-color: black;

}

body {

text-align: center;

visibility: hidden;

margin: 3em auto;

background-color: white;

color: white;

text-transform: none;

text-shadow: none;

}

.gizli {

visibility: visible;

font-weight: bold;

color: white;

}

}

@media screen and (max-width: 650px) {

.rollover p {

z-index: 1;

}

.rollover2 p {

z-index: 1;

}

.foto p {

z-index: 1;

}

.galeri {

max-width: 230px;

}

iframe {

width: 230px;

height: 130px;

}

}