@charset "UTF-8";
/* Project: Muzej Poreštine; Author: REVOLUCIJA.hr, Zagreb 2012. */
/* --------------- RESET */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #550d17; color: #fff; text-shadow: none; }

::selection { background: #550d17; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

input:focus, textarea:focus { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

a:hover, a:active { outline: 0; }

fieldset { border: none; }

/* --------------- MAIN STYLES */
/* colors */
.red { color: #8c1832; }

.up { text-transform: uppercase; }

/* vars */
/* mixins */
/* standard styles */
body { font: normal 15px/20px tisa, Georgia, serif; background: #e8e8e8; }

a { color: #8c1832; text-decoration: none; }
a:hover { color: #323232; }
a:focus { outline: none; }

.more { background: url(../img/button.png) right 0 no-repeat; display: block; font: 13px/30px proxima-nova-condensed, arial, sans-serif; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 1px #333; color: #fff; display: block; float: left; height: 30px; padding: 0 60px 0 40px; max-width: 210px; }
.more:hover { background-position: right bottom; text-shadow: 0 -1px #333; }

button.more { border: none; }

.cbox .more { position: absolute; z-index: 2; bottom: 10px; left: 0; font-family: proxima-nova-condensed, arial, sans-serif; font-weight: 600; }

#bg { width: 100%; height: 450px; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-background-size: cover; z-index: -1; position: absolute; }

header { position: relative; display: block; overflow: hidden; }
header .in { width: 980px; margin: 0 auto 20px; position: relative; height: 215px; z-index: 1; }
header form { display: block; position: absolute; top: 53px; right: 20px; width: 225px; height: 40px; background: url(../img/search.png) no-repeat; }
header form input { color: #fff; display: block; font: 12px/25px "ff-tisa-web-pro", georgia, serif; width: 170px; left: 13px; top: 7px; height: 25px; background: none; position: absolute; border: none; }
header form button { right: 9px; top: 8px; width: 27px; height: 27px; border: none; background: none; position: absolute; }
header #menu { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #8c1832; color: #fff; width: 100%; text-transform: uppercase; display: block; z-index: 1; font-weight: bold; height: 40px; line-height: 40px; bottom: 0; left: 0; position: absolute; }
header #menu ul { display: block; padding: 0; margin: 0; height: 40px; list-style: none; }
header #menu ul li { float: left; }
header #menu ul li a { display: block; padding: 0 10px; text-transform: uppercase; color: #fff; font: bold 14px/41px proxima-nova-condensed, arial, sans-serif; height: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header #menu ul li a:hover, header #menu ul li a.active { background: #fff; color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header #menu #home { float: left; display: block; width: 50px; height: 40px; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: url(../img/home.png) 14px 8px no-repeat; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
header #menu #home:hover, header #menu #home.active { background: #fff url(../img/home.png) 14px -51px no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header #submenu { height: 28px; padding-top: 20px; margin-top: -32px; z-index: 0; position: relative; background: url(../img/bg-transp-red.png); }
header #submenu ul { display: block; height: 40px; margin: 0 auto; width: 960px; position: relative; }
header #submenu ul li { float: left; }
header #submenu ul li a { display: block; height: 24px; float: left; font: 13px/19px proxima-nova-condensed, arial, sans-serif; padding: 0 10px; color: #ce6079; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header #submenu ul li a:hover, header #submenu ul li a.active { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header #submenu ul li a.active { border-bottom: 4px solid #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#fblink { position: absolute; width: 40px; height: 40px; background: url(../img/fb.png) no-repeat; right: 0; top: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

aside { float: right; overflow: hidden; width: 295px; font-family: proxima-nova-condensed, arial, sans-serif; font-weight: 600; }
aside h3 { color: #525252; text-transform: uppercase; font-size: 30px; margin: 25px 15px 20px; text-shadow: 0px 1px #f9f9f9; line-height: 36px; }
aside p { color: #525252; font-size: 14px; margin: 0 15px 20px; text-shadow: 0px 1px #f9f9f9; font-weight: normal; }

#sidemenu { margin: 20px 0; float: right; width: 290px; }
#sidemenu ul { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #c3c2c2; box-shadow: 0 0 2px 1px #999 inset; border-bottom: 1px solid #f6f6f6; padding: 5px 0 3px; }
#sidemenu ul li { margin: 0 5px 2px; display: block; }
#sidemenu ul li a { display: block; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 10px 15px; font: 600 14px/18px proxima-nova-condensed, arial, sans-serif; text-transform: uppercase; color: #323232; }
#sidemenu ul li a:hover { background: #8c1832; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#sidemenu ul li.open > a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #8c1832; width: 250px; color: #fff; margin-left: 12px; }
#sidemenu ul li.open { background: url(../img/pointer.png) left center no-repeat; width: 300px; margin-left: -7px; }
#sidemenu ul li ul { background: #67101e; box-shadow: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 250px; border: none; padding: 5px 15px; margin-left: 12px; }
#sidemenu ul li ul li { display: block; margin: 0; }
#sidemenu ul li ul li a { color: #fff; text-transform: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 14px; background: none; padding: 5px; width: 250px; }
#sidemenu ul li ul li a:hover { background: none; color: #e0617d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#sidemenu ul li ul li a.active { background: none; color: #e0617d; }

nav.smenu { width: 220px; float: right; }
nav.smenu strong { display: block; margin: 30px 0 10px 15px; text-transform: uppercase; color: #8c1832; font: 14px proxima-nova-condensed, arial, sans-serif; }
nav.smenu a { font: 18px/24px "ff-tisa-web-pro", georgia, serif; color: #323232; display: block; margin: 0 0 7px 15px; }
nav.smenu a.active { background: url(../img/arrow-right.png) 0 center no-repeat; padding-left: 15px; margin-left: 0; }
nav.smenu a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#lang { display: block; position: absolute; background: url(../img/bg-black-t.png); height: 24px; top: 136px; right: 20px; padding: 0; list-style: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#lang li { float: left; }
#lang a { text-transform: uppercase; text-shadow: 0 1px #333; font: 10px/24px proxima-nova-condensed, arial, sans-serif; display: block; height: 24px; color: #707173; padding: 0 15px; }
#lang a.active { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#lang a:hover { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

hr { clear: both; margin: 15px 0; height: 0px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #f8f8f8; }

#logo { text-indent: -999px; display: block; width: 219px; height: 132px; background: url(../img/muzej-porestine-logo.png); position: absolute; top: 20px; left: 30px; }

.sr { font: 12px/18px proxima-nova-condensed, arial, sans-serif; color: #67101e; }

#main { overflow: hidden; color: #323232; width: 980px; margin: 0 auto; z-index: 1; position: relative; }
#main.article { margin-top: 200px; min-height: 100px; overflow: visible; margin-bottom: -40px; }
#main.article .content.error { width: 390px; display: block; margin: -80px auto -30px; padding: 20px 55px 35px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#main.article.listing { margin-bottom: 0; margin-top: 0; }
#main.article.listing hgroup { margin: 0 20px 100px; }
#main h1 { color: #fff; font: 34px/45px "ff-tisa-web-pro", georgia, serif; margin: 60px 20px 9px 20px; max-height: 135px; overflow: hidden; }
#main article h2, #main article h3, #main article h4 { margin-left: 20px; }
#main article h2 { font-size: 20px; font-family: "ff-tisa-web-pro", georgia, serif; }
#main article h3 { font-size: 18px; font-family: "ff-tisa-web-pro", georgia, serif; }
#main article h4 { font-size: 16px; }
#main .full hgroup { margin: -240px 40px 0; }
#main hgroup { display: block; margin: -240px 0 0 0; }
#main hgroup a.bigimg { display: block; position: relative; overflow: hidden; border-top: 10px solid #8c1832; border-bottom: 10px solid #67101e; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#main hgroup a.bigimg span { opacity: 0; display: block; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; top: 0; left: 0; z-index: 2; background: url(../img/bg-purple-t.png); width: 100%; height: 100%; }
#main hgroup a.bigimg:hover span { opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#main hgroup a.bigimg:hover em { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; bottom: 125px; }
#main hgroup img { display: block; z-index: 0; position: relative; }
#main hgroup .sr { display: block; margin: 7px 20px; }
#main article { width: 620px; padding: 0 20px 30px; background: #fff; float: left; min-height: 300px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-bottom: -40px; /*
&>p:first-of-type:first-letter {float: left;font-size: 48px;line-height: 48px;padding-right:8px;padding-top: 10px; text-indent:0px; color:$dred; height:38px; margin-top:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	&>p:first-of-type:first-letter {margin-top:-8px;}
}*/ }
#main article.full { width: 980px; padding: 0 0 40px; margin: 20px 0 -30px; }
#main article.full h2 { text-transform: uppercase; color: #8c1832; font: 24px/30px proxima-nova-condensed, arial, sans-serif; margin: 0; }
#main article.full .staffleft { float: left; width: 670px; overflow: hidden; margin-left: -40px; }
#main article.full .staffleft h2, #main article.full .staffleft h3, #main article.full .staffleft h4, #main article.full .staffleft h5, #main article.full .staffleft p { margin-left: 40px; }
#main article.full .summary h3 { margin-left: 0; }
#main article p { font: 16px/24px "ff-tisa-web-pro", georgia, serif; display: block; margin: 20px; }
#main article p a { border-bottom: 1px solid #67101e; background: #efefef; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 2px 3px; color: #323232; }
#main article p a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #8c1832; color: #fff; bordder-color: #fff; }
#main article ul li { font: normal 15px/20px tisa,Georgia,serif; }
#main article h2 { font: bold 20px/24px "ff-tisa-web-pro", georgia, serif; color: #323232; margin: 10px 20px -10px; }
#main article iframe { margin: 20px; }

#main .error h1 { display: block; color: #8c1832; width: 420px; margin: -5px auto 35px; text-align: center; font: 77px "ff-tisa-web-pro", georgia, serif; }

#main .error p { width: 340px; margin: 25px 30px; font-family: proxima-nova-condensed, arial, sans-serif; }

#main .error h3 { color: #8c1832; font-size: 14px; font-family: proxima-nova-condensed, arial, sans-serif; text-transform: uppercase; margin: 10px 30px 5px; }

#main .error ul { font-family: proxima-nova-condensed, arial, sans-serif; margin: 0 50px 0 0px; padding: 5px 0 5px 30px; }
#main .error ul li { margin-bottom: 10px; }

div.lead { color: #8c1832; text-transform: uppercase; font: 24px/30px proxima-nova-condensed, arial, sans-serif; margin: 20px; }

#bigimgwrap.noimg { display: block; height: 120px; background: #fff; border-top: 10px solid #8C1832; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 -20px -110px -20px; }

#bigimgwrap #mapwrap { width: 620px; height: 400px; background: #fff; border-top: 10px solid #8C1832; border-top-left-radius: 5px; border-top-right-radius: 5px; }

div.staff { overflow: hidden; position: relative; margin: 25px 0 0; }
div.staff a { display: block; float: left; margin: 0 20px 20px 0; position: relative; width: 200px; height: 370px; }
div.staff a.noimg { height: 100px; }
div.staff a span { position: absolute; z-index: 3; width: 200px; background: #8c1832; opacity: 0; height: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div.staff a img { display: block; position: relative; margin: 0 0 10px; z-index: 1; }
div.staff a strong { font: 18px/26px "ff-tisa-web-pro", georgia, serif; color: #323232; display: block; margin-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div.staff a em { font-style: normal; color: #666; font: 14px/20px "ff-tisa-web-pro", georgia, serif; display: block; }
div.staff a:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0.7; height: 235px; }
div.staff a:hover strong { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #8c1832; }
div.staff.members { display: block; margin: 5px 0 20px; }
div.staff.members img { z-index: 0; position: relative; margin: 0; }
div.staff.members a { width: 180px; height: 210px; margin: 0 55px 40px 0; }
div.staff.members a.last { margin-right: 0; }
div.staff.members a:hover span { width: 180px; height: 210px; opacity: 0; }
div.staff.members a.noimg:hover { cursor: default; }
div.staff.members a.noimg:hover span { opacity: 1; }
div.staff.members a:hover strong { color: #fff; }
div.staff.members span { width: 180px; height: 210px; opacity: 0.6; background: #8c1832; }
div.staff.members strong { display: block; width: 180px; text-align: center; top: 10px; position: absolute; font: 14px/20px "ff-tisa-web-pro", georgia, serif; z-index: 4; color: #fff; text-shadow: 0px 1px #222; }
div.staff.members em { color: #fff; font: 12px/18px proxima-nova-condensed, arial, sans-serif; text-transform: uppercase; display: block; position: absolute; bottom: 10px; text-align: center; width: 180px; z-index: 4; text-shadow: 0px 1px #222; }

.summary { background: #e8e8e8 url(../img/bground.gif) no-repeat; padding-top: 25px; margin: 25px 0; overflow: hidden; }
.summary .summaryin { background: url(../img/bground.gif) right bottom no-repeat; height: 350px; padding: 0 25px 25px 40px; overflow: hidden; position: relative; }
.summary .summaryin h3 { color: #8c1832; width: 290px; display: block; margin: 0 0 10px; float: left; font: bold 36px/42px proxima-nova-condensed, arial, sans-serif; clear: left; }
.summary .summaryin strong { float: left; width: 290px; color: #8c1832; font: 16px/22px "ff-tisa-web-pro", georgia, serif; clear: left; }
.summary .summaryin img { position: absolute; top: -10px; right: 15px; }
.summary .summaryin .email { position: absolute; padding: 2px 5px; border-bottom: 1px solid #8c1832; background: #efefef; bottom: 35px; left: 40px; color: #323232; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.summary .summaryin .email:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #8c1832; color: #fff; border-color: #fff; }

div.content { background: #fff; min-height: 200px; overflow: hidden; padding: 40px; border-top: 10px solid #8c1832; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

#hswrap { margin: 20px; overflow: hidden; float: left; width: 940px; position: relative; overflow: hidden; height: 320px; }
#hswrap .items { width: 20000em; position: absolute; }
#hswrap .items div { position: relative; float: left; width: 940px; height: 320px; }
#hswrap .items div h2 { position: absolute; z-index: 4; top: 20px; left: 0; max-width: 490px; max-height: 184px; padding: 0 20px 0 30px; background: url(../img/bg-orange-t.png); font: 40px/46px "ff-tisa-web-pro", georgia, serif; }
#hswrap .items div h2 a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#hswrap .items div h2 a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#homeslide .navi { position: absolute; height: 31px; max-width: 260px; bottom: -3px; z-index: 6; right: 45px; margin: 0; padding: 0; }
#homeslide .navi a { display: block; background: url(../img/pag.png) left -36px no-repeat; float: left; padding-left: 2px; text-align: center; height: 31px; width: 26px; font: 12px/36px proxima-nova-condensed, arial, sans-serif; color: #fff; }
#homeslide .navi a:first-child { background: none; }
#homeslide .navi a:first-child.active { background: url(../img/pag.png) no-repeat; }
#homeslide .navi a.active, #homeslide .navi a:hover { cursor: pointer; background-position: 0 0; color: #fff; }

#main > section { background: #fff; z-index: 1; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 270px; margin-bottom: 1px; clear: left; }

#main > section.first { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

#main > section.empty { background: none; }

#main > section.art { width: 660px; position: relative; height: auto; min-height: 200px; padding: 0 0 5px; margin-top: 20px; }
#main > section.art.zbirka { min-height: 185px; overflow: hidden; }
#main > section.art.zbirka img { float: left; margin: 25px 25px 25px 0px; display: block; }
#main > section.art.zbirka h2 { float: right; display: block; margin: 40px 25px 15px 0; font: 32px/40px "ff-tisa-web-pro", georgia, serif; width: 350px; }
#main > section.art.zbirka a { color: #323232; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#main > section.art.zbirka a span { position: absolute; top: 25px; left: 0; z-index: 3; width: 250px; background: #8c1832; opacity: 0; height: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#main > section.art.zbirka a:hover { color: #8c1832; }
#main > section.art.zbirka a:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0.7; height: 135px; }
#main > section.art.permanent { padding: 20px 7px; width: 646px; overflow: hidden; }
#main > section.art.permanent > a { display: block; position: relative; float: left; height: 210px; width: 210px; margin: 0 8px 8px 0; overflow: hidden; }
#main > section.art.permanent > a.third { margin-right: 0; }
#main > section.art.permanent > a span { opacity: 0; display: block; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; top: 0; left: 0; z-index: 2; background: url(../img/bg-purple-t.png); height: 100%; width: 100%; }
#main > section.art.permanent > a:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; }
#main > section.art.permanent > a:hover em { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; bottom: 82px; }

#main > section:first-child { margin-top: 41px; }

#main > section:last-child { margin-bottom: -40px; }

#main > section.giostra { background: url(../img/bg-giostra.jpg) no-repeat; color: #fff; height: 250px; }
#main > section.giostra .cbox h2, #main > section.giostra .cbox p { color: #fff; }
#main > section.giostra .cbox, #main > section.giostra .etxt { height: 190px; }
#main > section.giostra .cbox { margin: 40px 0 20px 25px; }

#main article h2.rtitle { text-transform: uppercase; color: #8c1832; padding: 20px 0 0 40px; margin: 20px -20px -15px; font: 24px/30px proxima-nova-condensed, arial, sans-serif; }

div.newslist { position: relative; overflow: hidden; float: left; width: 660px; margin: -80px 0 -20px; }

.rarr { color: #8c1832; }

div.newslist > a, div.newslist > section { width: 630px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 1px; clear: both; color: #323232; padding: 30px 0 30px 30px; overflow: hidden; display: block; }
div.newslist > a h3, div.newslist > section h3 { font: bold 22px/28px "ff-tisa-web-pro", georgia, serif; margin: 0 0 5px; }
div.newslist > a p, div.newslist > section p { font: 16px/24px "ff-tisa-web-pro", georgia, serif; margin: 0; }
div.newslist > a .nimg, div.newslist > section .nimg { float: right; position: relative; width: 250px; height: 135px; min-width: 80px; }
div.newslist > a .nimg img, div.newslist > section .nimg img { position: absolute; z-index: 0; }
div.newslist > a .nimg span, div.newslist > section .nimg span { display: block; text-align: center; position: absolute; top: 0; right: 0; width: 80px; height: 135px; z-index: 1; background: url(../img/bg-transp-red.png); color: #fff; text-transform: uppercase; font: 12px proxima-nova-condensed, arial, sans-serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div.newslist > a .nimg span strong, div.newslist > section .nimg span strong { display: block; margin: 30px 10px 0; font: 36px "ff-tisa-web-pro", georgia, serif; }
div.newslist > a .ntxt, div.newslist > section .ntxt { float: left; width: 350px; overflow: hidden; }
div.newslist > a.noimg .nimg, div.newslist > section.noimg .nimg { width: 80px; }
div.newslist > a.noimg .ntxt, div.newslist > section.noimg .ntxt { width: 510px; }
div.newslist > a:hover, div.newslist > section:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div.newslist > a.noimg:hover .nimg span, div.newslist > section.noimg:hover .nimg span { width: 80px; }
div.newslist > a:hover .nimg span, div.newslist > section:hover .nimg span { width: 250px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
div.newslist > a:first-of-type, div.newslist > section:first-of-type { border-top: 12px solid #8c1832; }

div.newslist > a:hover { color: #8c1832; }

div.newslist > section:hover { cursor: default; }

div.newslist.full a .ntxt { width: 600px; }

div.newslist section { display: block; }

div.newslist section div.rightinfo { float: left; margin-left: 30px; width: 420px; font-family: "ff-tisa-web-pro", georgia, serif; }

div.newslist section div.rightinfo.haspic { width: 500px; }

div.newslist section .catline { display: block; text-transform: uppercase; margin: 9px 0; font-family: proxima-nova-condensed, arial, sans-serif; font-size: 14px; }

div.newslist section .catline:hover { cursor: default; color: #8c1832; }

div.newslist section div.rightinfo span { text-transform: uppercase; color: #7e7e7e; font-size: 10px; font-family: "ff-tisa-web-pro", georgia, serif; }

div.newslist section div.rightinfo h3 a { color: #323232; }

div.newslist section div.rightinfo h3 a:hover { color: #8c1832; }

div.newslist section a.shadowwrap { border-bottom: 4px solid #8c1832; overflow: hidden; display: block; float: left; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

div.newslist section a.shadowwrap span { position: absolute; background: #8c1832; opacity: 0; width: 100%; height: 100%; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; z-index: 5; }

div.newslist section a.shadowwrap:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0.7; }

div.newslist.press h3 { font: normal 32px "ff-tisa-web-pro", georgia, serif; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; margin-bottom: 10px; }
div.newslist.press > a .ntxt, div.newslist.press > section .ntxt { width: 600px; }
div.newslist.press div.dlinfo { text-transform: uppercase; font-size: 13px; color: #323232; overflow: hidden; }
div.newslist.press div.dlinfo span { display: block; float: left; font-family: proxima-nova-condensed, arial, sans-serif; height: 30px; line-height: 30px; padding: 0 18px 0 5px; background: url(../img/slash.png) right center no-repeat; }
div.newslist.press div.dlinfo span.issue { background: none; }
div.newslist.press div.dlinfo span.dl { float: right; color: #8c1832; background: url(../img/dl.png) right center no-repeat; }

div.newslist.timeline { overflow: visible; }
div.newslist.timeline section { padding: 120px 0; position: relative; text-align: center; overflow: visible; }
div.newslist.timeline section:first-of-type { border-top: none; margin-top: 75px; }
div.newslist.timeline .ttxt { width: 580px; margin: 0 auto; overflow: hidden; }
div.newslist.timeline .circle { width: 165px; height: 165px; left: 220px; position: absolute; top: -94px; z-index: 2; text-align: center; background: url(../img/krug.png) no-repeat; color: #fff; /*span {display: block;font-size: 14px; height: 20px;left: 0;position: absolute; text-transform:none; text-align: center; top: 40px;width: 165px;}*/ }
div.newslist.timeline .circle strong { font: 28px proxima-nova-condensed, arial, sans-serif; position: absolute; top: 65px; width: 167px; display: block; text-align: center; text-transform: none; }

.lsect { width: 630px; position: relative; background: #fff; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 1px; clear: both; padding: 30px 0 30px 30px; overflow: hidden; }

.pagination { margin: 0 0 0 180px; overflow: hidden; float: left; font: bold 12px/22px proxima-nova-condensed, arial, sans-serif; }

.pagination a, .pagination > span { float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #5f5f5f; display: block; line-height: 22px; border: 1px solid #c9c9c9; box-shadow: 0px 1px #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 22px; margin: 0px 5px 0 0; padding: 0px 10px; background: #fff; }

.pagination a span { display: block; float: left; margin: 0; width: 5px; height: 22px; background: url(../img/arrows-pag.png) no-repeat; }

.pagination a.prevp span { background-position: 0px 7px; }

.pagination a.prevp:hover span { background-position: 0px -24px; }

.pagination a.nextp span { background-position: -44px 7px; }

.pagination a.nextp:hover span { background-position: -44px -24px; }

.pagination a:hover, .pagination a.active { background: #8c1832; color: #fff; border: 1px solid #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.pagination a.active { box-shadow: 0px 1px 1px 0px #555 inset; text-shadow: 0px 1px #222; border: 1px solid #67101e; }

.cbox { width: 210px; height: 210px; float: left; display: block; margin: 30px 0 30px 25px; position: relative; }
.cbox:hover h3, .cbox:hover p { color: #8c1832; }
.cbox:hover .imgframe span { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; }
.cbox:hover .imgframe em { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; bottom: 85px; }
.cbox h3 { font: 18px/22px "ff-tisa-web-pro", georgia, serif; margin: 15px 5px 0; height: 66px; overflow: hidden; color: #323232; }
.cbox h2 { font: 24px/28px proxima-nova-condensed, arial, sans-serif; color: #8c1832; text-transform: uppercase; max-height: 84px; overflow: hidden; margin: 5px 0px 15px; }
.cbox p { font: 14px/20px "ff-tisa-web-pro", georgia, serif; color: #323232; max-height: 80px; overflow: hidden; }
.cbox .imgframe span { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: 100%; background: url(../img/bg-purple-t.png); opacity: 0; position: absolute; top: 0; left: 0; z-index: 3; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

em.plus { display: block; z-index: 50; position: absolute; width: 40px; height: 40px; background: url(../img/plus.png); left: 50%; margin-left: -20px; bottom: -40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.imgframe { background: #dbdbdb; padding: 4px; border: 1px solid #c9c7c7; position: relative; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 2px 0 #ccc inset; overflow: hidden; }

.postav .cbox .imgframe span { background: url(../img/bg-purple-t.png); }

.label { position: absolute; z-index: 5; top: -13px; left: 15px; height: 26px; font: 12px/26px proxima-nova-condensed, arial, sans-serif; background: url(../img/bg-red-t.png); text-transform: uppercase; color: #fff; text-shadow: 0 1px #333; padding: 0 15px; }

.circle { background: url(../img/circle.png) center center no-repeat; color: #fff; font-family: "ff-tisa-web-pro", georgia, serif; text-shadow: 0 1px #333; text-transform: uppercase; width: 180px; margin: 10px 0 10px 10px; height: 186px; position: relative; }
.circle span { position: absolute; top: 55px; left: 40px; font-size: 14px; display: block; height: 20px; width: 100px; text-align: center; }
.circle div { font-size: 46px; position: absolute; top: 85px; text-align: center; width: 180px; }

.square { background: #8c1832; color: #fff; font-family: "ff-tisa-web-pro", georgia, serif; text-shadow: 0 1px #333; text-transform: uppercase; width: 210px; margin: 10px 0; height: 160px; position: relative; }
.square .label { left: 5px; top: -17px; }
.square span { position: absolute; top: 50px; left: 0px; font-size: 14px; display: block; height: 20px; width: 210px; text-align: center; }
.square strong { font-size: 30px; position: absolute; font-weight: normal; top: 80px; text-align: center; width: 210px; text-transform: none; }

.etxt { width: 405px; padding: 0 40px 0 0px; height: 210px; float: left; display: block; margin: 30px 0 30px 25px; position: relative; overflow: hidden; }
.etxt h3 { color: #323232; font: 24px/30px "ff-tisa-web-pro", georgia, serif; margin: 10px 0 15px; max-height: 60px; overflow: hidden; }
.etxt p { font: 16px/24px "ff-tisa-web-pro", georgia, serif; }

.quote { display: block; margin: 20px -20px 20px 0px; clear: both; overflow: hidden; background: url(../img/bg-quote.png) bottom right no-repeat; }
.quote .quotecontent { overflow: hidden; min-height: 50px; background: url(../img/bg-quote.png) 31px top no-repeat; padding: 30px 70px 10px 140px; width: 430px; }
.quote .quotecontent strong { text-transform: uppercase; color: #67101e; font: normal 24px/28px proxima-nova-condensed, arial, sans-serif; display: block; }
.quote .quotecontent em { font-style: normal; font: 14px/20px proxima-nova-condensed, arial, sans-serif; color: #323232; display: block; margin: 10px 0 15px; }

.bmenu { width: 210px; height: 200px; float: left; display: block; margin: 50px 0 30px 30px; position: relative; padding: 0; }
.bmenu li { display: block; margin-bottom: 5px; }
.bmenu li a { padding-left: 20px; font: bold 14px/20px proxima-nova-condensed, arial, sans-serif; text-transform: uppercase; background: url(../img/arrow-gray.png) 0 4px no-repeat; display: block; color: #323232; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.bmenu li a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

footer { background: #8c1832; height: 250px; margin: -35px 0 0; width: 100%; position: relative; overflow: hidden; }

.copy { position: absolute; width: 250px; height: 40px; font-size: 12px; color: #e0617d; text-shadow: 0 1px #333; bottom: 20px; left: 35px; }
.copy a { color: #e0617d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.copy a:hover { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.sidebanner { width: 270px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: 140px; overflow: hidden; margin: 20px 10px 20px 15px; position: relative; color: #fff; display: block; text-shadow: 0px 1px #333; text-transform: uppercase; }
.sidebanner img { border: none; z-index: 0; position: absolute; }
.sidebanner strong { display: block; position: absolute; overflow: hidden; top: 20px; left: 20px; font: 600 30px/36px proxima-nova-condensed, arial, sans-serif; z-index: 1; width: 250px; height: 72px; }
.sidebanner span { display: block; position: absolute; left: 20px; bottom: 20px; z-index: 1; font: 12px proxima-nova-condensed, arial, sans-serif; width: 150px; height: 14px; }
.sidebanner:hover { color: #e0617d; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.graybox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #c3c2c2; box-shadow: 0 0 2px 1px #999 inset; border-bottom: 1px solid #f6f6f6; padding: 20px; text-shadow: 0px 1px #fff; color: #323232; text-transform: uppercase; font: 600 18px/24px proxima-nova-condensed, arial, sans-serif; margin: 20px 10px 20px 15px; }
.graybox a { color: #323232; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.graybox a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.ftop { height: 125px; background: #67101e; position: relative; overflow: hidden; z-index: 0; }

.fwrap { width: 980px; overflow: hidden; position: relative; margin: 0 auto; }

.ftop .fwrap { height: 125px; }

#footer-logo { text-indent: -9999px; display: block; width: 256px; height: 63px; background: url(../img/muzej-porestine-logo-small.png); position: absolute; top: 40px; right: 35px; }

.iconlabel { position: relative; float: left; margin: 10px 0 0 20px; height: 55px; width: 300px; }
.iconlabel .text { position: relative; color: #fff; z-index: 0; float: left; margin: 12px 0 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e1355c; box-shadow: 0 0 2px #888 inset; padding: 0 25px 0 45px; height: 20px; text-transform: uppercase; text-shadow: 0px 1px #333; font: 11px/20px proxima-nova-condensed, arial, sans-serif; }
.iconlabel .icon { position: absolute; z-index: 2; top: 5px; left: 5px; }

#iconfotogal { width: 47px; height: 47px; background: url(../img/icons-label.png) no-repeat; }

#icondocs { width: 45px; height: 48px; background: url(../img/icons-label.png) 3px -86px no-repeat; }

.hlabel { color: #fff; position: relative; height: 50px; width: 560px; text-transform: uppercase; padding: 0 10px 0 90px; font: 11px/50px proxima-nova-condensed, arial, sans-serif; background-color: #8c1832; background-repeat: no-repeat; background-image: url(../img/label-icons.png); -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.hlabel.gal { background-position: 23px 14px; margin-bottom: 20px; }
.hlabel.docs { background-position: 23px -77px; margin: 0; }

.scrollable { float: left; position: relative; overflow: hidden; }

.scrollable .items { width: 20000em; position: absolute; }

.galwrap { width: 510px; height: 108px; overflow: hidden; float: left; position: relative; margin: 0 0 0 80px; }

.galwrap .items div { float: left; overflow: hidden; width: 510px; }

.galwrap .items div a { overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin: 0 10px 0 0; float: left; display: block; position: relative; border: 4px solid #e0e0e0; }
.galwrap .items div a:hover { border: 4px solid #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.galwrap .items div a span { display: none; position: absolute; z-index: 1; height: 100px; width: 150px; background: url(../img/magnify-hover.png) center center; color: #fff; }

.arrow { width: 31px; height: 31px; background: url(../img/arrows.png) no-repeat; position: absolute; right: 30px; top: 105px; }

.arrow.disabled { opacity: 0.4; }

#arrowright.disabled:hover { background-position: top right; }

#arrowleft.disabled:hover { background-position: left -60px; }

#arrowright { background-position: right -60px; }

#arrowright:hover { background-position: right top; }

#arrowleft { background-position: left -60px; left: 30px; }

#arrowleft:hover { background-position: top left; }

.docs { overflow: hidden; margin: 20px 40px; clear: both; }
.docs a { display: block; text-transform: uppercase; background: url(../img/arrows-download.png) 10px 25px no-repeat; border-top: 1px solid #ececec; padding: 25px 60px 25px 50px; position: relative; color: #323232; font-size: 14px; font-weight: 600; font-family: proxima-nova-condensed, arial, sans-serif; }
.docs a span { display: block; position: absolute; top: 22px; right: 20px; background: #ececec; font-size: 10px; padding: 3px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.docs a:hover { background-position: 10px -73px; color: #8c1832; }
.docs a:hover span { background: #8c1832; color: #fff; }

form.cform { overflow: hidden; margin: 20px 30px 20px; display: block; }

form.cform hr { margin: 35px 0 10px; clear: both; }

#main article .cform p { display: block; margin: 0 0 20px 0; position: relative; }
#main article .cform p em { display: block; position: absolute; top: 22px; left: 10px; z-index: 3; width: 20px; height: 10px; }
#main article .cform p.error em { background-position: 0 top; }

.cform input, .cform textarea { display: block; font-family: "ff-tisa-web-pro", georgia, serif; background: #d6d6d6; border: 1px solid #cbcbcb; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 10px; color: #323232; font-size: 18px; text-shadow: 0px 1px #f0f0f0; line-height: 40px; width: 530px; }

.cform input:focus, .cform textarea:focus { background: #fff7df; border: 1px solid #ce9c01; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.cform input { height: 40px; }

.cform input[type="radio"] { display: inline-block; width: 20px; height: 14px; margin-left: 20px; }

.cform label, .cform .errormsg { display: block; clear: both; text-transform: uppercase; font-family: proxima-nova-condensed, arial, sans-serif; font-size: 14px; margin: 0 0 5px 5px; }

.cform textarea { height: 180px; line-height: 26px; padding: 5px 10px; }

.cform button { margin: 20px 0 0 190px; }

.cform p.error input, .cform p.error textarea { background: #ffc8d4; text-shadow: 0px 1px #492b32; border: 1px solid #c75253; }

span.errormsg { color: #c75253; }

/* FANCYBOX */
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("../img/fancybox.png"); }

#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

#fancybox-outer { position: relative; width: 100%; height: 100%; }

#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url("../img/fancybox.png") -40px 0px; cursor: pointer; z-index: 1103; display: none; }

#fancybox-error { color: #444; font: normal 14px/20px georgia,arial; padding: 14px; margin: 0; }

#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }

#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url("../img/blank.gif"); z-index: 1102; display: none; }

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

#fancybox-left-ico { background-image: url("../img/fancybox.png"); background-position: -40px -30px; }

#fancybox-right-ico { background-image: url("../img/fancybox.png"); background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span { left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url("../img/fancybox-x.png"); }

#fancybox-bg-ne { top: -20px; right: -20px; background-image: url("../img/fancybox.png"); background-position: -40px -162px; }

#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url("../img/fancybox-y.png"); background-position: -20px 0px; }

#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url("../img/fancybox.png"); background-position: -40px -182px; }

#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url("../img/fancybox-x.png"); background-position: 0px -20px; }

#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url("../img/fancybox.png"); background-position: -40px -142px; }

#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url("../img/fancybox-y.png"); }

#fancybox-bg-nw { top: -20px; left: -20px; background-image: url("../img/fancybox.png"); background-position: -40px -122px; }

.fancybox-title-inside { padding: 10px 0; text-align: left; color: #0a2800; background: #e1fac8; position: relative; }

#fancybox-title-inside { margin: 0 20px 10px; position: relative; }

#fancybox-title-inside span { display: block; font: 16px proxima-nova-condensed, arial, sans-serif; float: right; }

.fancybox-title-outside { padding-top: 10px; color: #fff; }

.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }

#fancybox-title-over { padding: 10px; background-image: url('/img/fancy_title_over.png?1442237139'); display: block; }

.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }

#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }

#fancybox-title-float-wrap td { border: none; white-space: nowrap; }

#fancybox-title-float-left { padding: 0 0 0 15px; background: black; background: rgba(0, 0, 0, 0.6); }

#fancybox-title-float-main { color: #FFF; line-height: 29px; font: 14px proxima-nova-condensed, arial, sans-serif; font-weight: bold; background: black; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; }

#fancybox-title-float-right { padding: 0 0 0 15px; background: black; background: rgba(0, 0, 0, 0.6); }

/* NIVO */
#homeslidewrap { background: #8c1832 url(../img/redloader.gif) center center no-repeat; width: 980px; position: relative; height: 360px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

#homeslide { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 940px; height: 320px; }

.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }

.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }

.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }

.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }

.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }

.nivo-box img { display: block; }

.nivo-caption { position: absolute; color: #fff; text-shadow: 0 2px #222; display: block; z-index: 8; top: 40px; left: 0; max-width: 490px; max-height: 184px; padding: 0 20px 0 30px; background: url(../img/bg-orange-t.png); font: 40px/46px "ff-tisa-web-pro", georgia, serif; }
.nivo-caption a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.nivo-caption a:hover { color: #8c1832; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.nivo-caption p { padding: 5px; margin: 0; }

.nivo-caption a { display: inline !important; }

.nivo-html-caption { display: none; }

.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; display: none; }

.nivo-prevNav { left: 0px; }

.nivo-nextNav { right: 0px; }

.nivo-controlNav { bottom: 5px; bottom: -19px; height: 33px; padding: 15px 0; position: absolute; right: 50px; z-index: 20; text-align: right; float: right; }

.nivo-controlNav a { display: inline-block; background: url(../img/pag.png) left -36px no-repeat; float: left; padding-left: 2px; text-align: center; height: 31px; width: 26px; font: 12px/37px proxima-nova-condensed, arial, sans-serif; color: #fff; }

.nivo-controlNav a:hover { color: #323232; cursor: pointer; }

.nivo-controlNav a.active { cursor: default; background-position: 0 0; color: #fff; }

/* --------------- MEDIA STYLES */
.fileinput-button { position: relative; overflow: hidden; float: left; margin-right: 4px; }

.fileinput-button input { position: absolute; top: 0; right: 0; border: solid transparent; opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(-300px, 0) scale(4); direction: ltr; cursor: pointer; border-width: 0 0 100px 200px; margin: 0; }

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { margin-bottom: 5px; }

.files .progress { width: 200px; }

.progress-animated .bar { background: url(../img/progressbar.gif) !important; filter: none; }

.fileupload-loading { position: absolute; left: 50%; width: 128px; height: 128px; background: url(../img/loading.gif) center no-repeat; display: none; }

.fileupload-processing .fileupload-loading { display: block; }

.fileinput-button { line-height: 22px; margin: 1px -3px 0 0; }

.fileinput-button { margin: 1px 0 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }