/*  
Site Name: Festival mediteranskog filma Split
Site URI: http://www.fmfs.hr
Description: 
Version: 
Author: Mislav Paparella
Author URI: 
*/

/*  =COLORS
---------------------------------------------------
	Body Background: #fff
	Main Text: #434343
	Links: #3C88BD
*/


/* ============== */
/* ! BODY-RESET   */
/* ============== */

html{
  font-size:100.01%;
  }
  
body{
  color:#434343;
  font-family: "museo-1","museo-2", Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-weight:300; /*VAZNO*/
  font-size:14px;
  line-height:1.5em;
  margin:0px;
  padding:0;
  }
  


blockquote,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,label,legend,li,ol,option,p,pre,select,td,textarea,th,ul{
  font-size:1em;
  margin:0;
  padding:0;
  }
  
button,.button,code,fieldset,input[type="file"] > input[type="button"],input[type="reset"],input[type="submit"],pre,.radius,select{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  }
  
embed,img,object{
  max-width:100%;
  }


	
/* ======== */
/* ! LINK   */
/* ======== */

a:link{color:#3C88BD;}
a:visited{color:#3C88BD;}
a:hover{color:#fff; background-color: #3C88BD; text-decoration: none;}
a:active{}
a:focus{} /*The :focus pseudo-class adds special style to an element that has keyboard input focus.*/

/*Mailto & File Links*/
a[href^='mailto:']{}
a[href$='.pdf']{background:transparent url(../images/file_icon_sprite.gif) no-repeat scroll right -44px;display:inline-block;padding:0 18px 0 0;}
a:hover[href$='.pdf']{background-color:#3C88BD;}
a[href$='.xls'],a[href$='.csv'],a[href$='.xlsx']{background:transparent url(../images/file_icon_sprite.gif) no-repeat scroll right -90px;display:inline-block;padding:0 18px 0 0;}
a:hover[href$='.xls'],a:hover[href$='.csv'],a:hover[href$='.xlsx']{background-color:#3C88BD;}
a[href$='.ppt'],a[href$='.pptx']{background:transparent url(../images/file_icon_sprite.gif) no-repeat scroll right -136px;display:inline-block;padding:0 18px 0 0;}
a:hover[href$='.ppt'],a:hover[href$='.pptx']{background-color:#3C88BD;}
a[href$='.doc'],a[href$='.rtf'],a[href$='.txt']{background:transparent url(../images/file_icon_sprite.gif) no-repeat scroll right -182px;display:inline-block;padding:0 18px 0 0;}
a:hover[href$='.doc'],a[href$='.rtf'],a:hover[href$='.txt']{background-color:#3C88BD;}
a[href$='.zip'],a[href$='.gzip'],a[href$='.rar']{background:transparent url(../images/file_icon_sprite.gif) no-repeat scroll right -228px;display:inline-block;padding:0 18px 0 0;}
a:hover[href$='.zip'],a:hover[href$='.gzip'],a:hover[href$='.rar']{background-color:#3C88BD;}
@media print{
	a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;}
	}
/*FancyBox linkovi*/
#fancybox-left:hover{background: none;}
#fancybox-right:hover{background: none;}
#fancybox-close{background: none;}

/* ======== */
/* ! LIST   */
/* ======== */

ol{} /*Namistit margine i padding jer su resetirani gore*/
	ol li{list-style:decimal outside; margin-left: 1.5em;}
ul{} /*Namistit margine i padding jer su resetirani gore*/
	ul li{margin-left:1.5em; list-style: none;}
dl{} /*Namistit margine i padding jer su resetirani gore*/
  dl dt{font-weight: bold; }
  dl dd{margin-left: 1em;}



/* =========== */
/* ! HEADING   */
/* =========== */

h1,h1 a:link,h1 a:visited{font-size:40px;margin:.75em 0 .25em 0;}
h2,h2 a:link,h2 a:visited{font-size:20px; margin:.75em 0 .25em 0; font-weight:500;}
	h2 a:hover,h2 a:focus,h2 a:active{}
h3,h3 a:link,h3 a:visited{font-size:1.25em;margin:.75em 0 .25em 0;}
	h3 a:hover,h3 a:focus,h3 a:active{}
h4,h4 a:link,h4 a:visited{font-size:1em;margin:.75em 0 .25em 0;}
h5,h5 a:link,h5 a:visited{font-size:.75em;margin:.75em 0 .25em 0;}
h6,h6 a:link,h6 a:visited{font-size:.75em;margin:.75em 0 .25em 0;}


/* ========= */
/* ! FORMS   */
/* ========= */

fieldset{border:1px solid #e3e3e3;margin:1.5em 10px;padding:.5em 10px;}
	/*ALA pretty forms*/
	fieldset ol{margin:0;padding:0;}
		fieldset li{list-style:none;margin:0;padding:.4em .75em;}
			fieldset li label{display:inline-block;margin:0 1em 0 0;width:9em;}
	input[type="password"],input[type="text"]{border:1px solid;border-color:#bbb #ccc #ccc #bbb;padding:.1em;}
	button,.button,input[type="file"] > input[type="button"],input[type="reset"],input[type="submit"],select{background:#f9f9f9 url(images/sm_gradient_overlay.png) center left repeat-x;border:.1em solid;border-color:#ccc #bbb #bbb #ccc;cursor:pointer;padding:.1em 10px;}
		button:hover,.button:hover,input[type="file"] > input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background-color:#f0f0f0;}
		button,.button,input[type="reset"],input[type="submit"]{margin:0 5px;}
		input[type="file"]{font-size:.714em;}
		select[size],select[multiple]{background-image:none;}
	optgroup{background:transparent;}
		option{background:transparent;}


/* ========= */
/* ! OTHER   */
/* ========= */

abbr{border-bottom:1px dotted #666;cursor:help;white-space:nowrap;}
acronym{border-bottom:1px dotted #666;cursor:help;white-space:nowrap;}
address{font-style:italic;}
blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019";}
	blockquote:before{color:#ccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
	blockquote p{display:inline;}
code,pre{background:#f9f9f9;border:1px solid #ccc;display:block;font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",monospace;font-size:1em;margin:1.5em 10px;padding:0.5em 10px;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
em{font-style:italic;}
hr{background-color:#444;border-width:0;color:#444;height:2px;line-height:0;margin:-.5em auto 1.8571em auto;page-break-after:always;text-align:center;width:80%;}
	hr:after{content:"\a7\a7";font-size:1.25em;}
img{-ms-interpolation-mode:bicubic;border:0 none;}
p{clear:both;margin:1em 0;}
q{quotes:"\201C""\201D""\2018""\2019";}
strong{font-weight:bold;}
sub{bottom:-0.25em;position:relative;vertical-align:baseline;}
sup{ letter-spacing: 0; bottom:0.33em;position:relative;vertical-align:baseline; text-transform: capitalize;}




	
/* =================== */
/* ! UTILITY CLASSES   */
/* =================== */

.button{-moz-appearance:button;color:#000;display:inline-block;padding:.1em 10px;text-decoration:none;}
.clicked,button.clicked,input.clicked{background-color:#e5e5e5;color:#fff;}

.column{float:left;margin:1.5em 0;width:50%;} /* !Padding - Box model */
.multicol{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}

.pill,button.pill,input.pill{-moz-border-radius:1px;-webkit-border-radius:1px;border-color:#ccc #bbb #bbb #fff;border-radius:1px;margin:0;}
.pill-l,button.pill-l,input.pill-l{-moz-border-radius-bottomright:1px;-moz-border-radius-topright:1px;-webkit-border-top-right-radius:1px;-webkit-border-bottom-right-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;margin-right:0;}
.pill-r,button.pill-r,input.pill-r{-moz-border-radius-bottomleft:1px;-moz-border-radius-topleft:1px;-webkit-border-top-left-radius:1px;-webkit-border-bottom-left-radius:1px;border-top-left-radius:1px;border-bottom-left-radius:1px;border-color:#ccc #bbb #bbb #fff;margin-left:0;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.hide{display:none;}
.away{position:absolute;left:-9999px;}
.small{font-size: 0.8em;}




          /* =================== */
          /* ! STRUKTURA SAJTA   */
          /* =================== */


/* =================== */
/* ! SKUPNA SVOJSTVA   */
/* =================== */


body {
	background-color:#fff;
  /*OVO DOLE IZBRISAT AKO JE DUPLICIRANO*/
  margin: 0;
  padding: 0;
	}
	
#outer_container {
  background:url(../images/background.jpg) no-repeat ;
  background-position: center top;
  margin: 0;
  padding: 0;
}

#inner_container {
	width:778px;
  margin: 0 auto;
  padding:0;
}



/* ========== */
/* ! HEADER   */
/* ========== */

#header {
  width:780px;
  height : 155px;
  margin: 0;
  padding: 0;
}

#logo { 
  float : left;
  position : relative;
  top : 0px;
  left: 87px;
  margin : 0;
  width : 415px;
  height : 155px;
  background : transparent url(../images/logo.png) no-repeat 0 0;
  text-indent : -9999px;
}

#logo a {
  display : block;
  margin : 0;
  width : 420px;
  height : 155px;
}
#logo a:hover { text-decoration : none; background: none; }

#lang {
  float : right;
  position : relative;
  top : 0px;
  right: 15px;
  margin : 0;
  padding: 0;
  text-align: right;
}
#lang p{
  font-size: 11px;
  margin: 0;
  padding: 0;
}
#lang a { font-size : 14px; font-weight: bold; letter-spacing : 1px; margin: 0; padding: 0; }


/* ============== */
/* ! NAVIGATION   */
/* ============== */

/* Site navigation ------------------------------------------ */

#nav {
  position: relative;
  margin : 10px 0 8px 222px;
  }
#nav ul li { 
  display : inline; 
  margin: 0;  
  padding: 2px;
  }
#nav ul li a {
  margin: 0;padding: 5px;
  font-size : 14px;
  font-weight: 900;
  letter-spacing : 2px;
  text-decoration: none;
/* border-left:3px solid #3C88BD;
  border-right:3px solid #3C88BD; */
  background-color: #EAEAEA;
  -webkit-border-radius: 5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
#nav ul li a:hover{
  background-color:#3C88BD ;
  color:#fff;
}

#nav ul li.active a{
  background-color:#3C88BD ;
  color:#fff;
}

.slika_ekipe{
  width: 776px;
  height: 113px;
  background:url(../images/ekipa.jpg) no-repeat;
  margin: 0 auto;
  padding: 0;
}



/* =========== */
/* ! SIDEBAR   */
/* =========== */

#sidebar {
  float:left;
	width:178px;
	min-height: 210px;
	padding:24px 15px;
	margin:0;
  overflow: hidden;
}
#sidebar p {
 margin: 0;
 padding: 0;
}
#sidebar a {
 text-decoration: none;
}

/* =========== */
/* ! CONTENT   */
/* =========== */

/*novosti_main je glavni stupac stranice bloga - kojemu vijesti idu u dvi kolumne*/
#novosti_main {
  float:right;
	width: 570px;
	padding: 10px 0;
	margin: 0;
}

#clanak_main {
  float:right;
	width: 540px;
	padding: 10px 15px;
	margin: 0;
	overflow: hidden;
}

#articles{
   /*oduzima 15px sa live strane. IE ne podrzava neg marine*/
   position: relative; 
   left: 15px;
   padding: 0;
   margin: 0;
}

.featured_article{
  padding-right: 30px;
  margin: 0;
}

.featured_article h2,.featured_article h2 a:link,.featured_article h2 a:visited {
font-size: 24px;
font-weight:500;
color: #3C88BD;
}

.featured_article p {
  font-size: 16px;
  font-weight:500;
}

.article_date {
  margin: 10px 0 -17px 0;
  padding-bottom: 0;
  font-size: 11px;
}
.article {
/*dopunjeno s jQuerijem*/
  padding: 0 30px 0 0px;
  margin: 0;
  overflow: hidden;
}

.foto_video_entry {

  padding: 0 0 30px 0;
  margin: 0;
  overflow: hidden;
}


.ditto_novosti_pagination{
  clear: both;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	font-weight: 500;
}


/* ========= */
/* ! FORMS   */
/* ========= */

input {}
textarea {}
button {}

input:focus {}
textarea:focus {}
button:hover {}



/* ========== */
/* ! TABLES   */
/* ========== */

table {}
tr {}
th {}
td {}



/* ========== */
/* ! FOOTER   */
/* ========== */

/*NE FLOATATI FOOTER AKO JE ZADNJI ELEMENT*/

#footer {
         clear:both;
         overflow: hidden;
         position: relative;
         top: 10px;
         width: 778px;
         height: 500px;
         margin:0 auto;
         background:url(../images/sponzori.gif) no-repeat;         
}


#footer h2 {}
#copyright {
         clear:both;
         margin: 0;
         padding: 0;
         text-align: center;
         font-size: 12px;
}



/* ========== */
/* ! OSTALO   */
/* ========== */

.fejs{
  margin-top: 30px;
}

.hrule {
  
  height: 2px;
  margin: 0 auto;
  background:url(../images/horizontalRule.gif) repeat-x ;
}

.spacer{
  margin:1em 0;
}



/*TABELA */

table {
	width:100%;
	margin: 0 auto;
	border-collapse:collapse;
	-webkit-box-shadow: 0px 0px 5px #434343;
  -moz-box-shadow: 0px 0px 5px #434343;
  box-shadow: 0px 0px 5px #434343;
}
table th {
	font-size:14px;
	font-weight:700;
	text-align:left;
	padding-left:10px;
	
	background:#3C88BD;
	color:#fff;
	border:4px solid #fff;
}
table td {
	padding-left:10px;
	border:4px solid #fff;
}
table tr {
	background:#e3f4f9;	
}

/*programskaTABELA  prepravit*/

#stranica{
padding: 0 15px;
overflow: hidden;
}

table.dugometrazna {
	width:356px;
	float: left;
	margin: 0;
}

table.kratkometrazna {
	width:376px;
	float: right;
	margin: 0 0 0 15px;
}

table.malimed {
	width:376px;
	float: right;
	margin: 15px 0 15px 15px;
}


/* RASPORED TABELA */
.raspored table {
  font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif;
  font-size:11px;
}
.raspored table th {
	padding-left:5px;
	font-size:12px;	
}

.raspored table a, .raspored .plavo {
  font-size:12px;	
	text-shadow:4px 4px 3px #434343;
	background: #3C88BD ;
	color: #fff;
	padding: 3px;
}

.raspored table a:hover {
  font-size:12px;	
	text-shadow:none; 
}
.raspored table a {
  text-decoration: underline;
}

.raspored table td {
	padding-left:5px;
}
.raspored table tr {
	background:#e3f4f9;
}





/*linkovi unutar tabele*/


.opis_filma{
  font-size: 12px;
}


/*DODATNO*/
.plavo{
color: #3C88BD;
}

.livo{
  float:left;
  padding: 10px 0;
  overflow: hidden;
}

.desno{
  float:right;
  padding: 10px 0;
  overflow: hidden;
}

.box{
  
  padding: 5px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  background:#e3f4f9;
 } 



/*Templejt za FILM*/

.film h2{
  font-weight: 900;
  font-size: 26px;
  margin: 0;
  padding: 10px 0 5px 0;
}
.film_info{
  font-weight: 100;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.film_link{
  font-weight: 100;
  font-size: 18px;
  margin: 0;
  padding: 0 0 15px 0;
}

.film_termin{
  font-weight: 700;
  margin: 0;
  padding: 2px 0 0 0;
}
/* Galerija  */

.gal-thumb {
    float: left;
    padding: 3px;
    border:1px solid #e5e8e8;
    margin: 4px;
      -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.gal-thumb:hover {
  border:1px solid #fff;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  transform: scale(1.01);
   
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); 
}

.galerija{
overflow: hidden;
}




#sidebar a:link img{color:white; opacity: 0.7;}
#sidebar a:visited img{color:#fff; opacity: 0.7;}
#sidebar a:hover img{ opacity: 1.0; margin: 0; text-decoration : none;}
#sidebar a:active img{}

.no_bg:hover{
background: none;
}






#program-livo{
  float:left;
	width: 230px;
	padding: 10px 15px;
	margin: 0;
	overflow: hidden;
}
#program-desno{
    float:right;
	width: 230px;
	padding: 10px 15px;
	margin: 0;
	overflow: hidden;
	font-size:  11px;
}



.sidebar_link{
  opacity: 0.7;
  padding:0 5px;
  margin-left: 5px;
  background-color: #3C88BD;
  text-decoration: none;
  color:#fff !important;
}

.sidebar_link:hover{
  opacity: 1;
}