﻿#trailimageid
{
    font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 374px;
	height: 200px;
	z-index: 200;
	padding: 5px;
}

#trailimageid h2
{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
}
/************** Body  *************/
body {
	margin:0px;
	padding:0px;
	background:#DFDFDF url('../img/page/menu/bg_menu.jpg') repeat-x top left;
	color:#000;
}

/************** Start Pozicije  *************/
.floatL
{
    float:left;
}

.floatR
{
    float:right;
}

/************** End Pozicije  *************/
.pnlWraper
{
	margin:0px auto;
	margin-top:0px;
	padding: 0px;
	width:892px;
	font-size:0px;
	}
	
.pnlHeaderContainer{
	padding: 0px;
	margin-top:0px;
	}

/******** Start Menu   *****/	

.pnlHeader{
	float:left;
	height:146px;
	}

.pnlLogo {
	float:left;
	margin-left:5px;
	margin-top:50px;
	}

.pnlArtist {
	float:left;
	margin-left:17px;
	margin-top:29px;
	}

.pnlLanguage{
	float:right;
	margin-top:20px;
	margin-right:20px;
	
	}

.pnlLanguage a, .pnlLanguage a:visited{
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
    font-size:13px;
    font-style:normal;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
	}

.pnlLanguage a:hover{
    font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
    font-size:13px;
    font-style:normal;
    text-transform:uppercase;
    color:#D8D8D8;
    text-decoration:underline;
    }

.pnlMenu {
	clear:both;
	padding-top:18px;
	}

.pnlMenuItem {
	float:left;
	margin-right:18px;
	}

/******** End Menu   *****/	


/***** Main Content  - Place Holder****/

.pnlMainContent{
  clear:both;
  float:left;
}


.pnlPlaceHolder{
	clear:both;
	padding-top:0px;
	font-size:0px;
	}

/************* main container *****/

/********* Start Project Control **********/

.pnlNewsControl
{
}


.pnlTitleBig{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:12px;
  font-weight:bold;
  font-style:normal;
  text-transform:uppercase;   
  color:#fff;
  text-decoration:none;
  }

.pnlSubTitleBig{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:11px;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
  }
      
.pnlTitleSmall{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:11px;
  font-weight:normal;
  text-transform:uppercase;   
  color:#fff;
  text-decoration:none;
  }
  
.pnlSubTitleSmall{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  color:#fff;
  text-decoration:none;
  padding-left:3px;
  }

.pnlTitleMiddle{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:bold;
  text-transform:uppercase;   
  color:#fff;
  text-decoration:none;
  }
  
.pnlSubTitleMiddle{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:12px;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
  }

.pnlTitle a, .pnlTitle a:visited {
  font-family:Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:20px;
  font-weight:normal;
  font-style:italic;   
  color:#fff;
  text-decoration:none;
  }

.pnlTitle a:hover {
  font-family:Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:20px;
  font-weight:normal;
  font-style:italic;   
  color:#FFBA00;
  text-decoration:underline;
  }

 
.pnlLine 
{
    clear:both;
    margin-right:20px;
    }
/********* End News Control **********/


/********* Start Footer **********/
.pnlDotLine {
  margin:0px 0px;
  font-size:0px;
  height:4px;
  background:url('../imgTriptih/static/bg_dot_line.gif') repeat-x;
}

.pnlFooter 
{
  clear:both;
  margin:0px;
  margin-top:20px;
  font-size:0px;
  height:40px;
  background:#000;
  margin-bottom:15px;
  }

.pnlFooterText {
  padding-top:12px;
  padding-left:10px;  
  font-family:Arial, Verdana,Helvetica, sans-serif;    
  font-size:11px;
  color:#fff;
}

.pnlFooterText ul
{
  margin: 0;
  padding: 0;
  font-family:Arial, Verdana,Helvetica, sans-serif;    
  font-size:11px;
  color:#fff;
  }

.pnlFooterText li {
  display: inline;
  padding-left:12px;
  padding-right:12px;
  color:#fff;
  border-right:1px solid #fff;
  }

.pnlFooterText li.last {
  display: inline;
  padding-right:4px;
  padding-left:12px;
  color:#fff;
  border:none;
  background:none;
  }


.pnlFooterText a,.pnlFooterText a:visited {
    font-family:Arial, Verdana,Helvetica, sans-serif;    
    font-size:11px;
    color:#fff;
    text-decoration:none;
    }

.pnlFooterText a:hover {
    font-family:Arial, Verdana,Helvetica, sans-serif;    
    font-size:11px;
    color:#FFBA00;
    text-decoration:underline;
}

/********* End Footer **********/

/************* Start empty Panel ***************/

.pnlEmpty {
clear:both;
font-size:0px;
}

.pnlEmpty20 {
clear:both; height:20px;	
	}
/************* End empty Panel ***************/


/************* Start Naslovnica ***************/

.pnlLeftColumn {
    float:left;
    width:593px;
    font-size:0px;
    }
    
.pnlRightColumn {
    float:left;
    margin-left:19px;
    width:280px;
    font-size:0px;
    }
    
.pnlLPLine2 {
    clear:both;
    height:2px;
    font-size:0px;
    background:#000;
    }    

.pnlLPLine {
    clear:both;
    height:10px;
    font-size:0px;
    background:#000;
    } 
    
.pnlMainProject 
{
    margin-top:3px;
    padding:3px;
    background:#000;
    }
    
.pnlMainProjectImage 
{
    padding:3px;
    }

.pnlMainProjectImage1 
{
    float:left;
    padding:3px;
    }
    
.pnlMainProjectText {
    float:left;
    padding:3px;
    width:140px;
    }
/************* End Naslovnica ***************/    

/************* Start Middle Projects ***************/    
.pnlVisitLarge_5
{
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#000;
    margin-right:3px;
 }

.pnlVisitLarge_5_Last
{
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#000;
    }

.pnlVisitLarge_4 {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#202020;
    margin-right:3px;
    }

.pnlVisitLarge_4_Last {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#202020;
    }
    
.pnlVisitLarge_3 {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#4D4D4D;
    margin-right:3px;
    }    

.pnlVisitLarge_3_Last {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#4D4D4D;
    }    

.pnlVisitLarge_2 {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#7D7D7D;
    margin-right:3px;
    }        
    
.pnlVisitLarge_2_Last {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#7D7D7D;
    }        
    
.pnlVisitLarge_1 {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#A3A3A3;
    margin-right:3px;
    }        

.pnlVisitLarge_1_Last {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#A3A3A3;
    }        

.pnlVisitLarge_0 {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#C2C2C2;
    margin-right:3px;
    }        

.pnlVisitLarge_0_Last {
    float:left;
    margin-top:3px;
    width:295px;
    height:290px;
    font-size:0px;
    background:#C2C2C2;
    }        

.pnlProjectTypeLarge
{
    position:absolute;
    padding-left:265px;
    padding-top:252px;
    z-index:10;
    }    

/************* End Middle Projects ***************/    
/************* Start Small Projects ***************/    
.pnlVisitSmall_5
{
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#000;
    margin-right:3px;
    }

.pnlVisitSmall_5_Last
{
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#000;
    }

.pnlVisitSmall_4 {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#202020;
    margin-right:3px;
    }
    
.pnlVisitSmall_4_Last {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#202020;
    }
    
.pnlVisitSmall_3 {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#4D4D4D;
    margin-right:3px;
    }    

.pnlVisitSmall_3_Last {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#4D4D4D;
    }    

.pnlVisitSmall_2 {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#7D7D7D;
    margin-right:3px;
    }        
    
.pnlVisitSmall_2_Last {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#7D7D7D;
    }        
    
.pnlVisitSmall_1 {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#A3A3A3;
    margin-right:3px;
    }        

.pnlVisitSmall_1_Last {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#A3A3A3;
    }        

.pnlVisitSmall_0 {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#C2C2C2;
    margin-right:3px;
    }        

.pnlVisitSmall_0_Last {
    float:left;
    margin-top:3px;
    width:146px;
    height:180px;
    font-size:0px;
    background:#C2C2C2;
    }        
    
.pnlSmallImageProject {
    padding:3px 3px 0px 3px;
    position:absolute;
    z-index:10;
    }
    
.pnlSmallImageProject a img
{
    filter:gray();
}    
    
.pnlSmallImageProject a:hover img
{
    filter:0;
}        
    
.pnlSmallProjectText 
{
    margin-top:95px;
    padding:2px 5px 5px 5px;
}

.pnlMiddleProjectText 
{
    padding:9px;
    margin-top:200px;
}

.pnlProjectTypeSmall
{
    position:absolute;
    padding-left:116px;
    padding-top:144px;
    z-index:10;
}        
    
/************* End Small Projects ***************/    

.pnlWord 
{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:20px;
  font-weight:normal;
  padding:15px 0px 15px 0px;
  color:#000;
  text-transform:uppercase;   
}


.pnlWord a, .pnlWord a:visited {
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-weight:normal;
  color:#000;   
  text-decoration:none;
}

.pnlWord a:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;     
  font-weight:normal;
  color:#000;   
  text-decoration:underline;
}

.pnlLegend {
  clear:both;  
  margin-top:15px;
  font-size:0px;
  
}

.pnlLegend2 {
  clear:both;  
  padding-top:25px;
  font-size:0px;
}


.pnlEvents {
  float:left;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:12px;
  font-weight:normal;
  color:#000; 
  text-transform:uppercase;
  }

.pnlEventsLast {
  clear:both;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:12px;
  font-weight:normal;
  color:#000; 
  text-transform:uppercase;
  padding-top:9px;
  }

.pnlEvents2 {
  float:left;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:14px;
  font-weight:normal;
  color:#000; 
  text-transform:uppercase;
}

.pnlEventsRight {
  float:left;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:12px;
  font-weight:normal;
  color:#000; 
  text-transform:uppercase;
  margin-left:14px;
}

/************* Start Inline Gallery ***************/
.pnlGallery {
  font-family:Georgia, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;    
  font-size:20px;
  font-weight:normal;
  font-style:italic;   
  margin-top:20px;
  width:704px;
  color:#fff;
        	}
        	
.pnlGalleryImage1 {
  float:left;
  width:70px;
  height:67px;
  background:url('../imgTriptih/static/bg_image_gallery1.jpg') no-repeat top left;        	
  margin-right:2px;
  margin-top:6px;
  }
  
.pnlGalleryImage2 {
  float:left;
  width:70px;
  height:67px;
  background:url('../imgTriptih/static/bg_image_gallery2.jpg') no-repeat top left;        	
  margin-right:2px;
  margin-top:6px;
  }
  
.imgbtnGallerySmall {
  margin-left:11px;
  margin-top:8px;
  }  
  
  /************* End Inline Gallery ***************/            
.pnlDefault {
  padding-top:20px;
  } 
    
.pnlWork {
  width:892px;
  padding-top:20px;
  }  
  
.pnlLevel2Title 
{
  clear:both;
  float:left;
  margin:0px;
  padding:0px;
  font-size:0px;    
    }

.pnlNavigation {
  float:left;
  margin:0px;
  padding:0px;
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:bold;
  color:#000;   
  text-decoration:none;
  }  
 
.pnlNavigation ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }    

.pnlNavigation li.first{
  display:inline;
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:bold;
  color:#000;   
  text-decoration:none;
  }  
  
.pnlNavigation li{
  margin-left:4px;
  display:inline;
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  }      
  
 .pnlNavigation a, .pnlNavigation a:visited {
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  }
  
.pnlNavigation a:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#A6A6A6;   
  text-decoration:underline;
  }  
.pnlNavigation a.active
{
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#A6A6A6;   
  text-decoration:underline;
}

.pnlProjectTypeLink a, .pnlProjectTypeLink a:visited {
  color:#000;   
  text-decoration:none;
  }
  
.pnlProjectTypeLink a:hover {
  color:#A6A6A6;   
  text-decoration:underline;
}

.pnlPageing  {
  float:left;
  margin-top:7px;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:14px;
  font-weight:normal;
  color:#000;   
  }  
  
.pnlPageing a, .pnlPageing a:visited {
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:14px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  }    
  
.pnlPageing a:hover {
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:14px;
  font-weight:normal;
  color:#000;
  text-decoration:underline;   
  }

/****************** Start Project Detail *************/

.pnlProjectColumn {
    float:left;
    width:541px;
    font-size:0px;
    }
    
.pnlExtraColumn {
    float:left;
    margin-left:19px;
    margin-top:0px;
    width:328px;
    font-size:0px;
    }
.pnlProjectText {
    float:left;
    padding-top:14px;
    padding-left:16px;
    line-height:26px;
    }     

.lblProjectTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;    
  font-size:22px;
  font-weight:normal;
  color:#000;
  text-transform:uppercase;
  }    
    
.lblProjectSubTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;    
  font-size:15px;
  font-weight:normal;
  color:#000;
  }
 
.pnlProjectDetailType {
    float:left;
    padding-top:14px;
    padding-left:8px;
    }     
 
.pnlProjectImageContainer {
    clear:both;
    width:542px;
    margin-top:15px;
    background:#000;
    } 
    
 .pnlProjectImageData 
 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
 }

.pnlProjectImageAuthor {
    float:right;
    font-family: Arial, Verdana, Helvetica, sans-serif;    
    font-size:11px;
    font-weight:normal;
    color:#B5B5B5;
}

.lblProjectImageTitle
{
  font-family: Arial, Verdana, Helvetica, sans-serif;    
  font-size:15px;
  font-weight:bold;
  color:White;
}    

.lblProjectImageDescription
{
  font-size:12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;    
  color:White;
}        
    
.pnlDescriptionTitle {
  margin:0px;
  padding:0px;
  font-size:0px;
  margin-top:15px;    
    }


.pnlThumbsContainer {
  margin-top:10px;
  margin-left:5px;
    }    

    
.pnlThumbs 
{
  float:left;
  margin:5px;
  width:50px;
  width:50px;
  border: 1px solid #000;
    }    
    
/*********************** Editor styles ************************/
.pnlDescription {
    font-family: Arial, Verdana, Helvetica, sans-serif;    
    font-size:13px;
    font-weight:normal;
    color:#000;
    margin-bottom:15px;
    margin-top:15px;
    }

.pnlDescription a, .pnlDescription a:selected {
    font-family: Arial, Verdana, Helvetica, sans-serif;    
    font-size:13px;
    font-weight:normal;
    color:#747474;
    text-decoration:underline;
    }

.pnlDescription a:hover {
    font-family: Arial, Verdana, Helvetica, sans-serif;    
    font-size:13px;
    font-weight:normal;
    color:#000;
    margin-bottom:15px;
    text-decoration:none;
    }

.pnlExtraImages{
  margin-top:40px;
  }  
 
.pnlDoc {
  margin:0px;
  padding:0px;
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  }  
 
.pnlDoc ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }    

.pnlDoc li{
  margin-left:4px;
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  line-height:20px;
  padding-left:10px;
  background:url('../img/page/content/li_line.gif') no-repeat 0px 10px;
  }      
  
 .pnlDoc a, .pnlDoc a:visited {
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:none;
  }
  
.pnlDoc a:hover {
  font-family:Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;   
  text-decoration:underline;
  }  

/****************** End Project Detail *************/

/****************** Start Pop Up *************/
.pnlPopUp{
    border:1px solid white;
    width:358px;
    background:#D8D8D8;
    position:absolute;
    z-index:1500;
    top:270px;
    left:440px;
    padding:10px;
    }

.pnlPopUpTitle{
  margin-top:7px;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:15px;
  font-weight:bold;
  color:#000;
  text-transform:uppercase;
    }

.pnlPopUpSubTitle{
  margin-top:2px;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;
  color:#000;
  }
    
.pnlSummary{
  font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;    
  font-size:13px;
  font-weight:normal;   
  color:#000;
  margin-top:10px;
    }
    
/****************** End Pop Up *************/