﻿/* Reset */
html, body {margin: 0px;}
/* ---------------------------------------------------- */

*
{
    /*font-family: Calibri;*/
    font-size: 11pt;
    color: #666666;
    }
body 
{
    /*background-image: url('/imgFoto/bg.jpg');
    background-position: top center;
    background-repeat:  no-repeat; */
	background-color: #f7f7f7;
}

.link_site a:hover
{
	text-decoration: none;
	color: #0088cc;
	font-size: 30pt;
	
}
.link_site 
{
	text-decoration: none;
	color: #0088cc;
	font-size: 30pt;
	
}

.wrapper 
{
    margin: 0px auto;
    width: 960px;
    }
.glassBox 
{
    background-color: rgba(0,0,0,0.3);
    border-radius: 2px;
    }
.bgLightGrey 
{
    background-color: #F7F7F7;
    }
    
.logo
 {
    padding: 10px;
    font-size:30pt;
    font-family: 'PT Sans Narrow', sans-serif;
    /*font-family: 'Medula One', cursive;*/
    /*font-family: 'Comfortaa', cursive;*/ /*Oxygen, Calibri*/
    
    /*font-style:italic;*/
    color: #0088cc;
    /*text-shadow: 1px 1px 3px #999999;*/
     }
.bottom-border {
	height: 4px;
    background: -moz-linear-gradient(left, $offred 0%,$offblue 100%);
    background: -webkit-linear-gradient(left, $offred 0%,$offblue 100%);
    background: -o-linear-gradient(left, $offred 0%,$offblue 100%);
    background: -ms-linear-gradient(left, $offred 0%,$offblue 100%);
    background: linear-gradient(to right,  $offred 0%,$offblue 100%);
}
.searchBox 
{
    padding: 10px;
    color: #666666;
    border: 0px;
    border-radius: 2px;
    font-size: 14pt;
    }
.button 
{
    border: 0px;
    border-radius: 2px;
    background-color: #33CCFF;
    padding: 10px;
    font-size: 14pt;
    color: White;
    }
 .button:focus
 {
     outline-color: transparent;
     }
     
.borderRainbow 
{
    /*background: -webkit-linear-gradient(rgba(135, 60, 255, 0.4), rgba(135, 60, 255, 0.0) 80%), -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 25%, rgba(255, 160, 65, 0.9) 75%);*/
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    line-height:5px;
    }
.borderRainbowReverse 
{
    /*background: -webkit-linear-gradient(rgba(135, 60, 255, 0.4), rgba(135, 60, 255, 0.0) 80%), -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 25%, rgba(255, 160, 65, 0.9) 75%);*/
    background-image: -webkit-linear-gradient(left, #62c2e4, #62c2e4 12.5%, #669ae1 12.5%, #669ae1 25%, #c49cde 25%, #c49cde 37.5%, #db9dbe 37.5%, #db9dbe 50%, #f0776c 50%, #f0776c 62.5%, #fecf71 62.5%, #fecf71 75%, #f7fdca 75%, #f7fdca 87.5%, #c4e17f 87.5%, #c4e17f);
    background-image: -moz-linear-gradient(left, #62c2e4, #62c2e4 12.5%, #669ae1 12.5%, #669ae1 25%, #c49cde 25%, #c49cde 37.5%, #db9dbe 37.5%, #db9dbe 50%, #f0776c 50%, #f0776c 62.5%, #fecf71 62.5%, #fecf71 75%, #f7fdca 75%, #f7fdca 87.5%, #c4e17f 87.5%, #c4e17f);
    background-image: -o-linear-gradient(left, #62c2e4, #62c2e4 12.5%, #669ae1 12.5%, #669ae1 25%, #c49cde 25%, #c49cde 37.5%, #db9dbe 37.5%, #db9dbe 50%, #f0776c 50%, #f0776c 62.5%, #fecf71 62.5%, #fecf71 75%, #f7fdca 75%, #f7fdca 87.5%, #c4e17f 87.5%, #c4e17f);
    background-image: linear-gradient(to right, #62c2e4, #62c2e4 12.5%, #669ae1 12.5%, #669ae1 25%, #c49cde 25%, #c49cde 37.5%, #db9dbe 37.5%, #db9dbe 50%, #f0776c 50%, #f0776c 62.5%, #fecf71 62.5%, #fecf71 75%, #f7fdca 75%, #f7fdca 87.5%, #c4e17f 87.5%, #c4e17f);
    line-height:5px;
    }
.txtHeaderH3
{
    color: #0088cc;
    border-bottom: 1px solid #BDBDBD;
    box-shadow: 0px 1px white;
    font-family: 'PT Sans Narrow', sans-serif;
    }
.rating {
height: 20px;
width: 90px;
position: relative;
background: url('/grafika/rating.png') no-repeat left top;
display: block;

}
.score {
height: 20px;
position: absolute;
background: url('/grafika/rating1.png') no-repeat left top;
display: block;

}
.crop5star{
	float:left;
	margin: 0em 30px 0em 0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop5star img{
	margin:0px -1px 0px 0px;
	}

.crop4star{
	float:left;
	margin: 0em 29px 0em 0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop4star img{
	margin:0px -14px 0px 0px;
	}

.crop3star{
	float:left;
	margin: 0em 32px 0em 0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop3star img{
	margin:0px -28px 0px 0px;
	}

.crop2star{
	float:left;
	margin:0em 29px 0em 0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop2star img{
	margin:0px -43px 0px 0px;
	}

.crop1star{
	float:left;
	margin: 0em 25px 0em 0;
	overflow:hidden; /* this is important */
	}
	/* input values to crop the image: top, right, bottom, left */
.crop1star img{
	margin:0px -57px 0px 0px;
	}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
display:none;
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#000000;
}



	
/* ----------------------------------
		Default Theme prettyPhoto
	----------------------------------- */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(/grafika/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(/grafika/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(/grafika/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(/grafika/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(/grafika/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(/grafika/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(/grafika/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(/grafika/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(/grafika/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(/grafika/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(/grafika/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(/grafika/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(/grafika/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(/grafika/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(/grafika/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left { background: url(/grafika/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(/grafika/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(/grafika/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

div.pp_default .pp_loaderIcon { background: url(/grafika/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */


div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}

div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}


.pp_top {
	height: 20px;
	position: relative;
}
	* html .pp_top { padding: 0 20px; }

	.pp_top .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_top .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
		* html .pp_top .pp_middle {
			left: 0;
			position: static;
		}
	
	.pp_top .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}

	.pp_content_container .pp_left { padding-left: 20px; }
	.pp_content_container .pp_right { padding-right: 20px; }

	.pp_content_container .pp_details {
		float: left;
		margin: 10px 0 2px 0;
	}
		.pp_description {
			display: none;
			margin: 0;
		}
		
		.pp_social { float: left; margin: 0; }
		.pp_social .facebook { float: left; margin-left: 5px; width: 78px; overflow: hidden; }
		.pp_social .twitter { float: left; }
		
		.pp_nav {
			clear: right;
			float: left;
			margin: 3px 10px 0 0;
		}
		
			.pp_nav p {
				float: left;
				margin: 2px 4px;
				white-space: nowrap;
			}
			
			.pp_nav .pp_play,
			.pp_nav .pp_pause {
				float: left;
				margin-right: 4px;
				text-indent: -10000px;
			}
		
			a.pp_arrow_previous,
			a.pp_arrow_next {
				display: block;
				float: left;
				height: 15px;
				margin-top: 3px;
				overflow: hidden;
				text-indent: -10000px;
				width: 14px;
			}

.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}

.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}

	.pp_gallery div {
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.pp_gallery ul {
		float: left;
		height: 35px;
		margin: 0 0 0 5px;
		padding: 0;
		position: relative;
		white-space: nowrap;
	}
	
	.pp_gallery ul a {
		border: 1px #000 solid;
		border: 1px rgba(0,0,0,0.5) solid;
		display: block;
		float: left;
		height: 33px;
		overflow: hidden;
	}
	
	.pp_gallery ul a:hover,
	.pp_gallery li.selected a { border-color: #fff; }
	
	.pp_gallery ul a img { border: 0; }
	
	.pp_gallery li {
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	.pp_gallery li.default a {
		
		display: block;
		height: 33px;
		width: 50px;
	}
	
	.pp_gallery li.default a img { display: none; }
	
	.pp_gallery .pp_arrow_previous,
	.pp_gallery .pp_arrow_next {
		margin-top: 7px !important;
	}

	a.pp_next {
		display: block;
		float: right;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}
		
	a.pp_previous {
		display: block;
		float: left;
		height: 100%;
		text-indent: -10000px;
		width: 49%;
	}


a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;	
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
	
a.pp_close {
	position: absolute; right: 0; top: 0; 
	display: block;
	line-height:22px;
	text-indent: -10000px;
}

.pp_bottom {
	height: 20px;
	position: relative;
}
	* html .pp_bottom { padding: 0 20px; }
	
	.pp_bottom .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_bottom .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
		* html .pp_bottom .pp_middle {
			left: 0;
			position: static;
		}
		
	.pp_bottom .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}

.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	line-height: 1 !important;
}

	#pp_full_res .pp_inline {
		text-align: left;
	}
	
		#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}
