@charset "UTF-8";

body {
background-image:url("template/fonto1.jpg");
background-position:center top;
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#FDEDD6;
margin:0;
padding:0;
font:normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}

a:link    {color:#0000C0; text-decoration:none;}
a:visited {color:#0000C0; text-decoration:none;}
a:hover   {color:#C00000; text-decoration:none;}
a:active  {color:#C00000; text-decoration:none;}

img {
border:0;

}
hr {
margin-top:15px;
border-bottom:0;
border-left:0;
border-right:0;
border-top:3px solid #CCC;
height:1px;
}

.s {
width:135px;
height:600px;
color:#333;
font-size:14px;
font-weight:bold;
background-image:url("template/shadow_2.png");
left:0;
top:120px;
position:absolute;
}

.s a:link    {color:#000; text-decoration:none;}
.s a:visited {color:#000; text-decoration:none;}
.s a:hover   {color:#FFF; text-decoration:none;}
.s a:active  {color:#FFF; text-decoration:none;}

#or ul {
margin:0px;
padding:5px;
list-style:none;
padding-bottom:15px;
}

#or li {
line-height:16px;
padding:0 0 10px 15px;
background-image:url('images/arrow_or.gif') ;
background-repeat:no-repeat;
background-position:0px 3px;
}

#bl {
padding-left:140px;
}

#bl ul {
margin:0px;
padding:5px;
list-style:none;
}

#bl li {
line-height:16px;
padding:0 0 15px 15px;
background-image:url('images/arrow_bl.gif') ;
background-repeat:no-repeat;
background-position:0px 3px;
}

.LOGO {
width:984px;
height:120px;
margin:0 auto 0 auto;
padding:0;
}

.ROUND {
width:984px;
margin:0 auto 0 auto;
padding:0;
border:3px solid #AAAAAA;
background-color:#EFEFEF;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.MENU {
width:984px;
height:46px;
margin:0 auto 0 auto;
padding:0;
background-image:url("template/menu.gif");
background-repeat:repeat-x;
}

.MAIN_RIGHT {
width:984px;
margin:0 auto 0 auto;
padding:0;
}


.MAIN {
padding:0;
color:#333333;
background-color:#FAFAFA;
}

.mainheader {
color:#333333;
font:bold 16px/normal Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:6px 0 0 0;
margin:0;
background-image:url("template/color_orange.png");
background-repeat:repeat-x;
}

.RIGHT {
width:260px;
color:#333333;
padding:0;
background-image:url("template/RIGHT.png");
background-repeat:repeat-y;
background-position:left top;
}

.rightheader {
width:260px;
color:#333;
font:bold 14px/normal Verdana, Arial, Helvetica, sans-serif;
height:26px;
padding:6px 0 0 0;
margin:0;
background-image:url("template/color_orange.png");
background-repeat:repeat-x;
}


.BOTTOM {
width:984px;
height:30px;
margin:0 auto 0 auto;
padding:6px 0 0 0;
color:#FFF;
background:#3C3C3C url("template/menu.png") repeat-x left top;
font:normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
}

.button {
height:24px;
width:120px;
border:1px solid #333333;
color:#FFF;
font:bold 12px/normal Tahoma, Arial, Helvetica, sans-serif;
background-image:url("template/color_blue.png");
background-repeat:repeat-x;
cursor:pointer;
}


.bbb {
height:20px;
width:120px;
border:1px solid #333333;
color:#FFF;
padding-top:4px;
font:bold 12px/normal Tahoma, Arial, Helvetica, sans-serif;
background-image:url("template/color_blue.png");
background-repeat:repeat-x;
}
.bbb a:link, .bbb a:visited, .bbb a:hover, .bbb a:active {
color:#FFF;
font:bold 12px/normal Tahoma, Arial, Helvetica, sans-serif;
}

.input {
border:1px solid #006;
background:#FFFCD9;
}

/* PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION */
.paginate {font-family: 'Open Sans', sans-serif;padding: 3px;margin: 3px;}
.paginate a {padding:2px 5px 2px 5px;margin:2px;border:1px solid #000;text-decoration:none;color: #666;}
.paginate a:hover, .paginate a:active {border: 1px solid #999;color: #000;}
.paginate span.current {margin: 2px;padding: 2px 5px 2px 5px;border: 1px solid #000;font-weight: bold;background-color: #999;color: #FFF;}
.paginate span.disabled {padding:2px 5px 2px 5px;margin:2px;border:1px solid #bbb;color:#bbb;}
/* PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION PAGINATION */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
z-index:1;
margin:0 0 0 5px;
padding:0;
list-style:none;
}
.sf-menu {
line-height:1.0;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:46px; /* match top ul list item height */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:200px; /* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
float:left;
margin-bottom:0;
}
.sf-menu a {
padding:1.3em 2.1em; /* ΤΟ ΔΕΥΤΕΡΟ ΠΟΣΟ ΜΑΚΡΙΑ ΘΑ ΕΙΝΑΙ ΜΕΤΑΞΥ ΤΟΥΣ */
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#FFF;
}

.sf-menu li {
font:bold 12px/normal Verdana, Arial, Helvetica, sans-serif;
}

.sf-menu li li {
background-image:url("template/shadow_1.png");
}
.sf-menu li li li {
background-image:url("template/shadow_1.png");
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-image:url("template/shadow_1.png");
color:#F9CF51;
outline:0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.5em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url("template/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:1.5em;
background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position:-10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:url("template/shadow.png") no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}
.sf-shadow ul.sf-shadow-off {
background:transparent;
}







/*-- jShowOff module styles --*/

#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
background:#efefef;
position:relative;
overflow:hidden;
width:724px;
height:300px;
}
.jshowoff {
width:724px;
margin:0;
}
.jshowoff div {
width:724px;
height:300px;
}
.jshowoff div p, .jshowoff div h2 {
_background-color:#efefef;
}
.jshowoff h2, .jshowoff p {
font-size:18px;
padding:15px 20px 0px;
margin:0;
}
.jshowoff p {
font-size:13px;
line-height:15px;
}
.eddie {
float:right;
padding:15px 20px 15px 20px;
}
.jshowoff p.jshowoff-slidelinks {
position:absolute;
bottom:5px;
right:5px;
margin:0;
padding:0;
}
.jshowoff-slidelinks a, .jshowoff-controls a {
display:block;
background-color:#222;
color:#fff;
padding:5px 7px 5px;
margin:5px 0 0 5px;
float:left;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
outline:none;
font-size:11px;
line-height:14px;
}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
color:#fff;
}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
background-color:#fff;
color:#222;
}
p.jshowoff-controls {
background-image:url("template/menu.gif");
background-repeat:repeat-x;
overflow:auto;
height:1%;
padding:0 0 5px 5px;
margin:0;
}
.jshowoff-controls a {
margin:5px 5px 0 0;
font-size:12px;
line-height:15px;
padding:4px 8px 5px;
}

.jshowoff-pausetext {
color:#fff;
}







/*-- TABS TABS TABS TABS TABS TABS TABS TABS TABS --*/
.content{
width:722px;
margin:0;
padding:0;
background:#CCC;
border:1px solid #FAFAFA;
margin-bottom:15px;
font-family:Verdana;
font-size:14px;
}
 
.tab_navigation li {
display:inline;
list-style:none;
padding-right:5px;
}

.tab_navigation li a {
text-decoration:none;
text-transform:none;
color:#333;
font-weight:bold;
padding:4px 6px;
}

.tab_navigation li a:hover, 
.tab_navigation li a:active, 
.tab_navigation li.ui-tabs-selected a {
background:#EEE;
color:#333;
text-decoration:underline;
}

.tabs{
margin-top:2px;
background:#FAFAFA;
border:1px solid #CCC;
padding:5px;
}

.ui-tabs-hide {
display:none;
}
/*-- TABS TABS TABS TABS TABS TABS TABS TABS TABS --*/










/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(template/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(template/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(template/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(template/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(template/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(template/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(template/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(template/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(template/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(template/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(template/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(template/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(template/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(template/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(template/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(template/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(template/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(template/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(template/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(template/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(template/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(template/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}