@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('/rodo/includes/fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('/rodo/includes/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('/rodo/includes/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('/rodo/includes/fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('/rodo/includes/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('/rodo/includes/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/rodo/includes/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
#informacjarodo { font-family: 'open_sansregular';line-height:32px;}

#administracjarodo { float:left;width:100%;clear:both;min-height:450px;margin:30px 0px 0px 0px;}
#administracjarodo ul { margin:0px;padding:0px;float:left;list-style:none;}
#administracjarodo ul li { float:left;width:auto;}

.button--rodo {
	float: left;
	min-width: 150px;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 1em 2em;
	background:#0a61a9 url(/rodo/includes/img/flaga.png) top -20px right -20px no-repeat;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #37474f;
	color:#fff;
	font-family: 'open_sansbold';
}
.button--rodo:focus {
	outline: none;
}
.button--rodo > span {
	vertical-align: middle;
}


.button--rodo {
	overflow: hidden;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--rodo::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--rodo > span {
	display: block;
}
.button--rodo.button--inverted {
	color: #7986cb;
}
.button--rodo.button--inverted:after {
	color: #fff;
}
.button--rodo::after,
.button--rodo > span {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--rodo:hover {
	border-color: #3f51b5;
	color:#000;
	background: #fff;
}
.button--rodo.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--rodo:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--rodo:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}

#formularzrodo,#formularzrodo1 { display:none;}

#formularzrodo input[type="text"],#formularzrodo1 input[type="text"]  { 
	float:left;
	font-size:13px;
	color:#000;
	background:#fff;
	margin:0px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    padding: 10px 5px;
    text-align: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width:100%;
}
#formularzrodo textarea,#formularzrodo1 textarea { 
	float:left;
	width:100%;
	font-size:13px;
	color:#000;
	background:#fff;
	margin:0px 0px 10px 0px;
    border:1px solid #9f9e9e;
    outline: 0 none;
    padding: 10px 5px;
    text-align: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rodotytulduzy { float:left;width:100%;clear:both;text-align:center;font-size:40px;margin:25px 0px 15px 0px;text-transform:none; font-family: 'proxima_nova_ltsemibold';color:#0a61a9;}
.rodotytul { float:left;width:100%;clear:both;font-size:22px;margin:25px 0px 15px 0px;text-transform:uppercase; font-family: 'proxima_nova_ltsemibold';color:#0a61a9;}

#formularzrodo,#formularzrodo1
{
	-moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    transition: all 200ms;
    animation: all 200ms;	
}


#politykarodo { position:fixed;bottom:-170px;right:28px;width:400px;height:140px;font-family:arial;font-size:11px;background:#fff url(/rodo/includes/img/rodo.png) top left no-repeat;z-index:30001;display:block;color:#343434;
-webkit-box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
-moz-box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
box-shadow: 18px 19px 24px -8px rgba(0,0,0,0.1);
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
transition: all 300ms;
animation: all 300ms;
border:1px solid #ddd;
}
#politykarodo p { clear:both;padding:5px 14px 14px 94px;}
#politykarodo a { font-family:arial;font-size:11px;cursor:pointer;color:#343434;text-decoration:underline;}	
#politykarodo a:hover { color:#000;}
a#usunrodo { clear:both;float:right;width:25px;height:25px;text-align:center;background:#0a61a9 url(/rodo/includes/img/rodoclose.png) center center no-repeat;color:#fff;text-decoration:none;margin:3px 3px 0px 0px;padding-top:6px;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
transition: all 300ms;
animation: all 300ms;
}	
a#usunrodo:hover { background:#fff url(/rodo/includes/img/rodoclosehover.png) center center no-repeat;color:#db042c;}
a#usunrodo { clear:both;float:right;text-align:right;font-family:arial;font-size:11px;cursor:pointer}	
#politykarodo.open { bottom:20px;}

@-webkit-keyframes rodospin {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rodospin {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes rodospin {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}



