* {
	padding: 0;
	margin: 0;
}

BODY {
  /*background: #434047;*/
  	background: url(images/body_bg.jpg) repeat-y #434047;
}

html, body, #wrapper {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #wrapper {
	height: auto;
}


a {
	color: #eb3d00;
}
a:hover {
	color: #9966ff;
}
img {
	display: block;
	border: 0;
}

body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper {
	
width: 100%;
	height: 100%;
	/*border: 2px solid #FF0000;*/
	
}
h1, h2 {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #eb3d00;
}
/* HEADER */
#header {
	background: #fff;
	/*text-align: center;*/
	height: 119px;
	vertical-align: top;
}
#header div.inner {
	width: 900px;
	text-align: left;
	margin: 0 0 0 162px;
	padding: 38px 0 0 0;
}
#header h2 {
	width: 244px;
	height: 22px;
	position: relative;
	overflow: hidden;
	margin: 0 0 2px 170px;
}
#header h2 span {
	width: 244px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/exsporu.png) no-repeat 0 0;
}

#header h3 {
	width: 244px;
	height: 11px;
	position: relative;
	overflow: hidden;
	background: url(images/design.png) no-repeat 0 0;
	margin: 0 0 0 170px;
}
#header h3 span {
	width: 244px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/design.png) no-repeat 0 0;
}
#menu {
	float: right;
}
#menu img {
	display: inline;
	margin: 0 0 0 17px;
}
/* CONTENT */
#content {
	vertical-align: top;
	height: 100%;
	/*text-align: center;*/
}
#content h3 {
	color: #d3d3d3;
	font-size: 21px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0 -45px;
	padding: 0 0 27px;
}
#content div.inner {
	width: 900px;
	margin: 0 0 0 160px;
	height: 100%;
	text-align: left;
	
}
/* LEFT */
#left {
	background: #fff;
	width: 120px;
	text-align: center;
  height:100%;
	color: #3a363e;
	float: left;
	margin: 0 50px 0 0;
}
#left td {
	vertical-align: top;
}
#left h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 9px;
}
#left a {
	color: #351f5c;
}
#left a:hover {
	color: #eb3d00;
}
#logo {
	position: relative;
	margin: -81px auto 30px;
	text-align: center;
	z-index: 500px;
}
#left h4 {
	font-size: 21px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-weight: normal;
	line-height: 0.8em;
	color: #eb3d00;
	padding: 0 0 17px 0;
}

#left .top {
}

a.calendar {
	display: block;
	margin: 33px 0 0;
}
/* RIGHT */
#right {
	float: left;
	width: 730px;
	color: #dbdbdb;
	
	margin: -22px 0 0 0;
	position: relative;
	/*background: #FF0000;*/
	/*border: 1px solid #FF0000;*/
}
#right td {
	color: #dbdbdb;
}
#menu03 {
	border-left: 2px solid #434047;
	background: #4e4b53;
	/*padding: 9px 0 7px 42px;*/
	padding: 9px 0 7px 10px;
}
#menu03 td {
	padding: 0 10px 0 0;
	vertical-align: top;
}
#menu03 td a {
	display: block;
	color: #b6b1bc;
}

#menu03 a.active {
	color: #fff;
	text-decoration:none;
}

#menu03 td a:hover {
	color: #eb3d00;
}
#menu02 {
	list-style: none;
	background: #635f68;
	padding: 0 0 0 34px;
	line-height: 29px;
	border-left: 1px solid #434047;
}
#menu02 li {
	display: inline;
	padding: 0 34px 0 0;
}
#menu02 li a {
	color: #fff;
	text-decoration: none;
}
#menu02 li a:hover {
	color: #eb3d00;
}
#menu02 li.active a {
	color: #b6b1bc;
}
#menu01 {
	border: 1px solid #d4d4d4;
	background: #fff;
	display: block;
	width: 100%;
}
#menu01 td {
	padding: 14px 10px 14px 0;
	width: 16px;
}
#menu01 td.first {
	padding-left: 24px;
}
#menu01 a {
	display: block;
	text-decoration: none;
	color: #351f5c;
	font-family:"Arial Narrow", Helvetica, sans-serif;
	background: url(images/li.png) left center no-repeat;
	line-height: 1em;
	padding: 0 0 0 10px;
}
#menu01 a:hover {
	color: #a20303;
	background: url(images/lia.png) left center no-repeat;
}
#text {
	padding: 37px 0 0 45px;
	line-height: 1.5em;
}
#text p {
	padding: 0 0 22px;
}
#text h1, #text h2 {
	padding: 13px 0 30px 0;
}
#text h2 {
	padding: 0 0 25px;
}
#text p.selected {
	background: #635f68;
	color: #fff;
	font-weight: bold;
	padding: 8px 9px 8px 18px;
	margin: 0 0 22px;
}
#text h1, #text h2 {
	margin: 0 0 0 -45px;
}
#text h2 {
	padding-top: 22px !important;
}


/*---------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-item {
    /*width: 75px;
    height: 75px;*/
    	border-top: 1px solid #b1afb3;
	padding: 13px 0 16px 0;
}

.jcarousel-skin-tango .jcarousel-item a img {
	border: 1px solid #635f68;
	margin: 6px auto 0;
}

.jcarousel-skin-tango .jcarousel-item a:hover img {
	border: 1px solid #eb3d00;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
margin-top:10px;
    width: 120px;
    height: 438px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  120px;
    height: 408px;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;

    bottom: 15px;
    /*left: 43px;*/
  
    width: 120px;
    height: 13px;
    cursor: pointer;
    background: url(images/bottom.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -10px;
    /*left: 43px;*/
    width: 120px;
    height: 13px;
    cursor: pointer;
    background: url(images/top.png) no-repeat 0 0;
}


/*---------------------------------------------------------------------------*/

.jcarousel-skin-horizontal .jcarousel-container-horizontal {
	text-align:left;
    width: 712px;
     height: 112px;
    padding-left:10px;
    padding-right:4px;
     padding-bottom: 10px;
    margin: 0 0 0 -45px;
    /*border: 1px solid #ff0000;*/
}

.jcarousel-skin-horizontal .jcarousel-clip-horizontal {
position: absolute;
    width: 644px;
    height: 112px;
    margin: 0 0 0 33px;
 /* border: 1px solid #fff;*/

}

.jcarousel-skin-horizontal .jcarousel-item-horizontal {
    width: 110px;
    height: 120px;
   
    float: left;
    margin-right: 22px;
}


.jcarousel-skin-horizontal .jcarousel-prev-horizontal {
    position: absolute;
    left: 0px;
    width: 9px;
    height: 112px;
    cursor: pointer;
background: url(images/left.png) left center no-repeat;
}

.jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}


.jcarousel-skin-horizontal .jcarousel-next-horizontal {
    position: absolute;
    right: 0px;
    width: 9px;
    height: 112px;
    cursor: pointer;
	background: url(images/right.png) left center no-repeat;
}

.jcarousel-skin-horizontal .jcarousel-next-disabled-horizontal,
.jcarousel-skin-horizontal .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-horizontal .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}


/*---------------------------------------------------------------------------*/



#text .pager {
/*overflow: hidden;
height: 110px;
width: 800px;
*/}

#text .pager ul {
	list-style: none;
	overflow: hidden;
height: 112px;
	
}
#text .pager ul li {
}

#text .pager ul a img {
	border: 1px solid #56535b;
}
#text .pager ul a:hover img {
	border: 1px solid #eb3d00;
}


/* FOOTER */
#footer {
/*position: absolute;*/
width: 100%;
/*padding: 0 0 0 43px;*/
background: #3a363e url(images/copy.png) no-repeat 17px 0.7em;
line-height: 32px;
color: #8c8791;
}
/* BANNER */
#banner {
	float: right;
	width: 181px;
	height: 252px;
	background: #fff;
	text-align: center;
	font-size: 12px;
	padding: 17px 13px 19px;
	margin: 12px 0 50px 54px;
	color: #3a363e;
	overflow:hidden;
}
#banner a {
	color: #351f5c;
}
#banner strong a {
	font-size: 14px;
}
#banner h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #eb3d00;
	padding: 0 0 5px;
}
#banner a img {
	display: block;
	border: 1px solid #d0d0d0;
	margin: 6px auto;
}
#banner span.date {
	font-size: 14px;
	color: #635f68;
	font-weight: bold;
}
table.form {
}
table.form td.c1 {
	width: 218px;
	padding: 0 8px 6px 0;
	text-align: right;
	color: #dbdbdb;
	vertical-align: top;
}
table.form td.c2 {
	padding: 0 0 6px;
	color: #dbdbdb;
	vertical-align: bottom;
}
input.text {
	border: 1px solid #3a363e;
	width: 70px;
	display: inline;
	/*height: 18px;*/
}

.date img {
	display: inline;
	vertical-align: bottom;
	padding-left:5px;
}

table.form td.c2 input.text {
	width: 260px;
}
table.form td.c2 textarea {
	width: 422px;
	height: 107px;
}
/* WORK */
.work {
	margin: 0 0 24px -45px;
	background: #1b1a1c;
	border: 1px solid #4d445c;
	padding: 9px 15px 13px 13px;
	overflow: hidden;
}
.work .main {
	border: 1px solid #fff;
}
.work td {
	vertical-align: top;
}
.work ul {
	list-style: none;
}
.work ul li {
	float: left;
	padding: 0 0 13px 12px;
}
.work ul li a img {
	border: 1px solid #40394b;
}
.work ul li a:hover img {
	border: 1px solid #eb3d00;
}

.overlayex{
	display:none;
	position:absolute;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

/* RESULTS */
div.hr {
	height: 1px;
	background: #635f68;
}
div.hr hr {
	display: none;
}
#results {
	list-style: none;
	border-top: 1px solid #fff;
}
#results div.res {
	float: left;
	overflow: hidden;
	width: 548px;
	padding: 0 0 20px;
}
#results a.img {
	display: block;
	float: left;
	padding: 0 28px 28px 0;
}
#results a.img img {
	border: 1px solid #635f68;
}
#results li {
	padding: 20px 0 0;
}
#results a.head {
	font-weight: bold;
	/*display: block;*/
}
#results span.date {
	display: block;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 15px;
	color: #fff;
}
#results a.go {
	display: block;
}
/* SORT */
span.sort {
	display: block;
	padding: 0 0 10px;
}
span.sort span {
	background: #635f68;
	padding: 2px 5px;
}
span.sort a {
}
/* DATE */
span.date {
	display: block;
	margin: 0 0 20px;
}
span.date input.edit {
	/*
	width: 150px;
	display: inline;
	*/
}
span.date img {
/*	display: inline;*/
}
table.date td {
	padding: 0 4px 20px 0;
}
/* PAGES */
.pages {
	text-align: center;
	padding: 11px 0 0;
}
.pages img {
	display: inline;
	margin: 0 0 -4px 0;
}
.pages ul {
	list-style: none;
	display: inline;
	padding: 0 15px 0 8px;
}
.pages ul li {
	display: inline;
	line-height: 1em;
	background: url(images/pag_li.png) right center no-repeat;
	padding: 0 12px 0 7px;
	font-weight: bold;
}
.pages ul li.selected a {
	color: #fff;
	text-decoration: none;
}
.pages ul li.selected a:hover {
	color: #fff;
}
.pages ul li.last {
	padding: 0 0 0 7px;
	background: none;
}

.sf-menu, .sf-menu * {
	background-color: #FFEEDE;
	margin:			0;
	padding:		0;
	list-style:		none;
	font-weight: bold;
font-size: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
.sf-menu {
	line-height:	1.5em;
}

.sf-menu a {
	position:		relative;
}

.sf-menu a {
padding: .15em 0.75em;
color: #000;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {
	color: #000;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
 {
	color:#FF0000;
}

/*-----------------------------------------------------------*/


/*
ÍÀÂÈÃÀÖÈß
*/
.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#6DBBC3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}


/*-------------------------------------------------------------------------------------------*/

#img_box {
width: 430px;
}


#about_links a:link,
#about_links a:visited,
#about_links a:hover,
#about_links a:active 
{
	color:#FFFFFF;
}