﻿@charset "utf-8";


        #vtab {
            margin: auto;
            width: 700px;
            height: 100%;
        }
        #vtab > ul > li {
            width: 70px;
            height: 30px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
			cursor:pointer;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.dish1 {
            background: url('pest_thumb/dish1.jpg') no-repeat center center;
        }
        #vtab > ul > li.dish2 {
            background: url('pest_thumb/dish2.jpg') no-repeat center center;
        }
        #vtab > ul > li.dish3 {
            background: url('pest_thumb/dish3.jpg') no-repeat center center;
        }

		        #vtab > ul > li.dish4 {
            background: url('pest_thumb/dish4.jpg') no-repeat center center;
        }
		        #vtab > ul > li.dish5 {
            background: url('pest_thumb/dish5.jpg') no-repeat center center;
        }
		
		        #vtab > ul > li.dish6 {
            background: url('pest_thumb/dish6.jpg') no-repeat center center;
        }
		        #vtab > ul > li.dish7 {
            background: url('pest_thumb/dish7.jpg') no-repeat center center;
        }
				#vtab > ul > li.dish8 {
            background: url('pest_thumb/dish8.jpg') no-repeat center center;
        }
				        #vtab > ul > li.dish9 {
            background: url('pest_thumb/dish9.png') no-repeat center center;
        }

		        #vtab > ul > li.dish10 {
            background: url('pest_thumb/dish10.jpg') no-repeat center center;
        }
				        #vtab > ul > li.dish11 {
            background: url('pest_thumb/dish11.jpg') no-repeat center center;
        }
					        #vtab > ul > li.dish12 {
            background: url('pest_thumb/dish12.jpg') no-repeat center center;
        }
				        #vtab > ul > li.dish13 {
            background: url('pest_thumb/dish13.jpg') no-repeat center center;
        }

		
		
		
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 2px solid #99cc00;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 70px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 70px;
            border: 2px solid #99cc00;
            min-height: 600px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }







body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#99cc00;}   /* Allazei to ekswteriko background*/
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:72px 0 0 24px; color:#fff; font:bold 48px/1.2em Arial, Helvetica, sans-serif; letter-spacing:-3px;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#323a3f; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#0d699e; text-decoration:underline;}

.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
.fbg, .footer { padding:16px 0;}
.header_resize, .content_resize { background-color:#fff;}

/* header */

.header { padding-top:1px;}
.header_resize { margin:0 auto; padding-top:19px; padding-bottom:0; padding-left:19px; padding-right:19px; width:932px;}-->
.header_resize { border-top-left-radius:12px; border-top-right-radius:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; 	-webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}
.header .logo { width:932px; height:217px; background:url(images/logo.jpg) no-repeat center center;}

/* menu */

.menu_nav { height:54px; background-color:#ff6600;}
.menu_nav { border-bottom-left-radius:12px; border-bottom-right-radius:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
.menu_nav ul { width:auto; list-style:none;}
.menu_nav ul li { margin:0 4px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:13px 12px 12px; color:#fff; text-decoration:none; width:80px;} /*.menu_nav ul li a { display:block; margin:0; padding:13px 12px 12px; color:#fff; text-decoration:none; width:100px;}*/
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_a.jpg) no-repeat center top;  }

/* content */

.content { padding-bottom:16px;}
.content_resize { padding:32px 40px;}
.content_resize { border-bottom-left-radius:12px; border-bottom-right-radius:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
.content img { padding:4px; border:1px solid #bbb;}
.content img.ilf { margin-right:16px; float:left;}
.content .mainbar { float:left; width:880px;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:236px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#0d699e; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */

.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */

.fbg_resize { background-color:#0a6697; color:#fff;}
.fbg_resize { border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
.fbg h2, .fbg a { color:#fff;}
.fbg img { padding:5px; border:1px solid #085781; background-color:#4d8fb2;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:326px;}
.fbg .c2 { padding:0 16px; width:276px;}
.fbg .c3 { padding:0 0 0 16px; width:220px;}
.fbg .c2 img { margin:8px 16px 16px 0; padding:0; float:left;}
.fbg .c1 img, .fbg_resize .c3 img { margin:4px;}
.fbg ul.sb_menu li { padding-left:12px; background:url(images/li.gif) no-repeat left center;}
.fbg ul.sb_menu li a, .fbg ul.sb_menu li a:hover { color:#fff;}

/* footer */

.footer img.flogo { float:left; border:none;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left; }
ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:2px 6px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#389edb;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */

ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

.flag {
    position: relative;
	padding: 120px 0px;
	text-align: center;
	margin-right: 860px;
	/*text-align: left;
	margin-left:260px;*/	
	
}
.flag img{
border: none;
}



ul.solution 
{
position: relative;
list-style-type:none;
padding-left: 120px;
}
ul.solution  li
{
background-image:url("images/solutionlist.jpg");
background-repeat:no-repeat;
position: relative;
padding-left:30px;
padding-top:0px;
padding-bottom:4px;
font-family:"Times New Roman", Arial, serif; 
font-size: 14px;
font-weight: bold;


}


/*----------------------------------------------Slider----------------------------------------------------------*/
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
/*
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
	background:#e8e0c0 url(images/background.png) repeat;
    text-shadow:0 1px 0 #fff;
}

a, a:visited {
	color:#2d3536;
	text-decoration:none;
	border-bottom:1px dotted #826a4d;
}
a:hover, a:active {
	color:#9e805c;
	text-decoration:none;
} 
*/
/*
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}
*/
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:998px;
    height:250px; /*height:392px;*/
    margin:0 auto;
    padding-top:115px;/*padding-top:74px;*/ /*To keno panw apo to slider*/
    margin-top:5px; /*margin-top:50px;*/
}

#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:1px; /*margin-left:190px;*/
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:800px; /*left:260px;*/
	bottom:6px;/*bottom:-42px;*/
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/*-------------------------------------------------------PHOTO GALLERY------------------------------------------------------------------*/
#containerr { width: 760px; padding: 2px; background: #ff6600; margin: 0 auto; text-align: left; }


/*
h1 { margin: 10px 0; }

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }

*/

#pg { position: relative; height: 630px; background: #fff; }
#pg li { position: relative; list-style: none; width: 190px; height: 127px; overflow: hidden; float: left; z-index: 2; opacity: .8; }
#pg li.active { opacity: 1; }
#pg li.selected { opacity: 1; z-index: 99; -moz-box-shadow: 0px 0px 10px #fff; -webkit-box-shadow: 0px 0px 10px #fff; }
#pg li img { display: block; width: 100%; }
#pg li p { color: white; margin: 10px 0; font-size: 12px; }


div.my_wrapper{

    width: 850px;
}

div.my_left_box{
    float: left;
    padding: 10px;
	margin: 40px;
    width: 320px;
    border: 1px solid gray;
/*background-image:url('images/img3.jpg');*/
	}

div.my_right_box{
    float: right;
    padding: 10px;
	margin: 40px;
    width: 320px;
    border: 1px solid gray;
}



