@charset "utf-8";
/* CSS Document ORO Styles by mikizzi.net Author: Michele Librizzi */

* { margin:0; padding:0; border:0; list-style-type:none; font-size:100%}
html { overflow-y: scroll; 	}
body { font:69% "Arial", Verdana, Trebuchet MS; color: #333; margin:0 auto; background-color:#000; margin-bottom:20px}
/*
.fck ul li {  list-style-type:disc !important; }
.fck li {margin-left:20px; line-height:1.5em }
.fck ol li { list-style-type:decimal!important; margin-left:20px}
.fck div {line-height:1.5em}
.fck h1 {font-size:2.4em !important; margin:8px}
.fck h2 {font-size:1.5em !important; margin:8px}
.fck h3 {font-size:1.2em !important; margin:8px}
.fck h4 {font-size:1.1em !important; margin:8px}
.fck h5 {font-size:1em !important;margin:8px}
.fck h6 {font-size:0.8em !important;margin:8px}
.fck { text-align:left; margin:10px; padding:10px}*/

.clear {clear: both; height: 0; overflow: hidden;}
.clearfix:after {content : ".";display : block;height : 0;clear : both;visibility : hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display : block;}
/* End hide from IE-mac */
/* PIE's hack to stop IE adding 3px to width when using italics
http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html .clearfix {overflow: hidden;o\verflow: visible;width: 100%;w\idth: auto;	he\ight: 1%;}
* html .clearfix {height:1px;}
/* */ 

/* General styles */
.postmetadata-1 {margin-top:10px }
p { padding: 0 0 0.8em 0; line-height:1.2em }
.print { display:none}
.tt, .tt a { display:block; text-indent:-99999px; overflow:hidden;
 background-position:top left; background-repeat:no-repeat;}

.cntRight .tt , .cntLeft .tt {text-align:left; height:30px; 
background-position:top right; height:30px;}

.cntRight .tt {background-position:top left;}

/*------- layout -----------*/

#outWrapp { background-color:#fff; padding-top:50px; padding-left:50px}
#outWrapp #cntWrap, #footer {width:798px}
.cntLeft, .cntCentre, .cntRight { display:inline; float:left}
.cntLeft, .cntRight { width:148px;}
.cntCentre {width:400px; margin:0 50px}
#footer p {width:148px; display:block;text-align:right; padding-top:17px; 
color:#fff; margin-left:50px}
#footer a, .cntRight a {color:#bc9f01}


/*------- END layout -----------*/

.top { margin-bottom:78px}
.top h1, .top h1 a { display:block; float:left; width:142px; height:76px;}
.top h1 a { float:none; text-indent:-99999em; overflow:hidden; background:url(../images/logo_oro.gif) top left no-repeat}
.top ul { width:405px; display:block; float:left; 
margin-left:50px; border-top:1px solid #e5e5e5; padding-top:13px;margin-top:41px; padding-left:6px;}
.top ul li { float:left; display:block; margin-right:28px}
.top ul li a { display:block; text-indent:99999em; overflow:hidden; height:18px; background-position:0 -18px; background-repeat:no-repeat}
.top ul li a:hover { background-position:top left}
.top ul li a.active {  background-position:0 5px}
.top ul li.last { margin-right:0}


.top ul li#about a { background-image:url(../images/nav_about.gif); width:39px}
.top ul li#news a { background-image:url(../images/nav_news.gif); width:33px}
.top ul li#exhibitions a { background-image:url(../images/nav_exhibitions.gif); width:72px}
.top ul li#blog a { background-image:url(../images/nav_blog.gif); width:30px}
.top ul li#night a { background-image:url(../images/nav_night.gif); width:35px}
.top ul li#friends a { background-image:url(../images/nav_friends.gif); width:48px}

.cntLeft { text-align:right}
.boxCnt { padding-bottom:40px}
.boxCnt h3 { color:#000; padding-bottom:6px; display:block; border-bottom:1px solid #cecece; font-size:1.2em; margin-bottom:6px }


/*------- LINKS/COLOR -----------*/
a { text-decoration:none}
a:hover { text-decoration:underline}
/*.cntCentre a,
.boxCnt a:hover, .boxCnt a.active
{ color:#c40000; }
*/

.cntCentre a,
 .boxCnt a:hover, 
 .boxCnt a.active, .error
{color:#bc9f01}

.boxCnt a { color:#333}
.boxCnt a:hover { text-decoration:none}

.cntLeft .boxCnt ul a { background:url(../images/link_color_exhibition.gif) right 4px no-repeat; padding-right:12px} 
.cntRight .boxCnt ul a { background:url(../images/link_color_exhibition.gif) 0 4px no-repeat; padding-left:12px} 
.boxCnt ul a:hover, .boxCnt ul li.current-cat a, .boxCnt ul li.current_page_item a { /*background-position:right 5px*/ background:none; color:#bc9f01}

#exhibitionJoint a { width:399px; height:250px; background-image:url(../images/link_tt_exhibition.gif); margin-bottom:15px}
#exhibitionJoint a:hover { background-position: bottom left}


/*------- FORMS -----------*/
textarea { font-size:1.5em;}
.frm .blk { border:1px solid #cecece; padding:2px ;}
.cntLeft .blk, .cntRight .blk {width:118px; float:left; margin-right:4px}
#newsL input.blk , .cntRight input.blk { text-align:right;}
.frm h3 { border-bottom:0; margin-bottom:0}
input.frm_btn { background:url(../images/btn_input.gif) -1px -1px no-repeat;
 width:19px; height:19px; border:1px solid #cecece; cursor:pointer; float:left  }
input.frm_btn:hover { background:url(null) }
input { color:#666}
.cntCentre .frm .blk { width:270px; float:right; display:block; margin-bottom:5px}
.cntCentre .frm label { float:left; display:block; width:90px}
.cntCentre .frm br { clear:both; }
#commentform #submit-comment{ margin:10px 0 40px 0; background-color:#bc9f01; color:#fff; padding:2px; font-weight:bold; float:right}

/*------- .cntLeft -----------*/

.cntLeft address { margin-bottom:20px; font-style:normal }

/*------- .cntCentre -----------*/

.cntCentre h2, .tt-2 { font-size:2em; margin-bottom:6px; font-weight:100; color:#000!important}
.cntCentre .padd { padding-bottom:40px;}
.blog .cntCentre .padd { padding-top:20px}
.cntCentre .padd p { line-height:1.5em}

/*------- Format List  -----------*/

ul.cmtBlog { display:block; border-top:1px solid #e5e5e5; padding-top:11px; text-transform:uppercase }
ul.cmtBlog li { display:inline; margin-right:6px; padding-right:6px; border-right:1px solid #919191}
ul.cmtBlog li.last { margin-right:0; padding-right:0; border-right:0}

/*------- Titles -----------*/

#catchOnInternet { background-image:url(../images/tt_catch_on_internet.gif); }
#subNewsletter { background-image:url(../images/tt_subscribe_newsletter.gif);}
#comeVisitUs { background-image:url(../images/tt_come_visit_us.gif)}
#blog_ctg { background-image:url(../images/tt_blog_categories.gif)}
#blog_archive { background-image:url(../images/tt_blog_archive.gif)}
#searchTT { background-image:url(../images/tt_search_blog.gif)}
