@charset "utf-8";
/* CSS Document */

body {
background:url(../images/bg.jpg);
margin:0;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#wrapper {
  width: 804px;
  margin: 0 auto;
  text-align: left;
  background:url(../images/bg_inside.jpg) repeat-y;
}


/* Top
================================== */
#topleft_corner {
float:left;
}

#top_logoshadow {
float:left;
width:256px;
background:url(../images/top_logoshadow.jpg) repeat-x;
height:20px !important;
}

#top_menushadow {
float:left;
width:495px;
background:url(../images/top_menushadow.jpg) repeat-x;
height:20px !important;
}

#topright_corner {
float:left;
}

.clear {
	clear:both;
}
/* End of Top
================================== */

/* Logo + Topmenu
================================== */
#logo_topmenu {
margin-left:23px;
}

#logo {
float:left;
}

#topmenu_area {
float:left;
background:url(../images/topmenu_bg.jpg) repeat-x;
height:126px;
width:495px;
}

/* Top Menu
================================== */
#topmenu {
margin: 27px 0px 0px -4px;
padding: 0;
height: 35px;
font-family:Arial, Helvetica, sans-serif;
}

#topmenu ul {
list-style: none;
}

#topmenu li {
display: block;
float: left;
height:71px;
line-height:69px;
padding-left:27px;
padding-right:20px;
background:url(../images/bg_topmenu.jpg) no-repeat bottom right;
}

#topmenu li.contactus {
background: none;
}

#topmenu a {
color: #fff;
text-decoration: none;
padding: 14px;
display:inline;
font-size:11px;
}

#topmenu a:link, a:visited{
color: #fff;
text-decoration: none;
}

#topmenu a:hover, a:active{
color: #FDC43F;
text-decoration: none;
}

/* End of Logo + Topmenu
================================== */
/* End of Top Menu
================================== */

/* Left Menu + Main Image
================================== */
#leftmenu_mainimage {
margin-left:23px;
}

#leftmenu {
float:left;
width:256px;
height:241px;
background:url(../images/menu_bg.gif) no-repeat;
}

#leftmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#leftmenu li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */;
}

#menu01 {
display:inline;
}

#leftmenu a.menu01 {
  height: 42px;
  background:url(../images/8ermansi.jpg) no-repeat left;
}

#menu02 {
display:inline;
}

#leftmenu a.menu02 {
  height: 40px;
  background:url(../images/klimatismos.jpg) no-repeat left;
}

#menu03 {
display:inline;
}

#leftmenu a.menu03 {
  height: 40px;
  background:url(../images/iliaka.jpg) no-repeat left;
}

#menu04 {
display:inline;
}

#leftmenu a.menu04 {
  height: 41px;
  background:url(../images/pyrosvestika.jpg) no-repeat left;
}

#menu05 {
display:inline;
}

#leftmenu a.menu05 {
  height: 38px;
  background:url(../images/pisines.jpg) no-repeat left;
}

#menu06 {
display:inline;
}


#leftmenu a.menu06 {
  height: 40px;
  background:url(../images/skoupa.jpg) no-repeat left;
}

#leftmenu a:link, a:visited {
    display: block;
	background-position: left;
}

#leftmenu a:hover, a:active {
  display: block;
  background-position: right;
}


#mainimage {
float:left;
}



/* End of Left Menu + Main Image
================================== */

#main_content {
width:751px;
margin-left:23px;
}

#left_content {
	width:500px;
	float:left;
}

#left_content_water {
	width:700px;
	float:left;
}

#left_content_sm {
	width:360px;
	float:left;
}


#providers {
background-color:#FFFFFF;
}

#content {
width:237px;
float:right;
background-color:#F2F2F2;
}

#mainNav_inner {
margin-top:27px;
margin-left:30px;
width:470px;
}

#mainNav_inner_water {
margin-top:27px;
margin-left:30px;
width:670px;
}

.txt13 {
	font-size:13px;
}

#mainNav {
width:500px;
}

/* Css of Main Text
================================== */
.maintext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#636466;
}

.bar {
margin-top:4px;
margin-bottom:8px;
}

.bar2 {
margin-top:8px;
margin-bottom:22px;
}

.bar_fix {
margin-top:4px;
}

.more a:link, a:visited{
color:#00adef;
text-decoration:none;
font-size:10px;
}

.more a:hover, a:active{
text-decoration:underline;
}

.imagepadding {
padding: 0 5px 0 0;
}

.imagepadding2 {
padding: 0 8px 2px 0;
}

.imagepadding3 {
padding: 8px 8px 2px 0;
}

#border {
width:513px;
border-bottom:1px solid #949698;
}
/* End of Main Text
================================== */

.container {
}

/* Logos [EOMMEX] + [DIADYO]
================================== */
#smalllogos {
height:31px;
border-bottom:1px solid #FFF;
}

.eomex {
float:left;
margin-left:10px;
}

#diadyo {
margin-top:10px;
text-align:right;
height:20px;
border-bottom:1px solid #FFF;
}


/* End of Logos [EOMMEX] + [DIADYO]
================================== */

/* Footer
================================== */
#footer {
padding-top:2px;
margin-left:23px;
width:751px;
height:46px;
background-color:#58595b;
}

#footer_menu {
} 

#footer_menu ul {
  list-style-type: none;
}

#footer_menu li {
list-style:none;
display:block;
float:left;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
color:#bcbec0;
font-size:10px;
}

#footer_menu a {
color:#bcbec0;
text-decoration:none;
display:inline;
}

#footer_menu a:hover {
color:#FFFFFF;
}

/* Bottom
================================== */
#bottom {
clear:both;
}

#bottom_left_corner {
float:left;
height:20px;
}

#bottom_middle {
background:url(../images/bottom_middle.jpg) repeat-x;
width:720px;
height:20px;
float:left;
}

#bottom_right_corner {
float:left;
height:20px;
}
/* End of Bottom
================================== */

/* Gallery
================================== */
#gallery {
height:244px;
margin-left:-20px;
margin-top:-15px;
}

.img-wrapper {
background: url(../images/shadow.gif) no-repeat bottom right;
float:left;
}

.img-wrapper img {
margin: 5px 3px 2px 18px;
}

/* End of Gallery
================================== */

/* Contact form
================================== */
form {
  font-size: 1.4em;
  width: 30em;
}

fieldset {
  margin: 0 0; /*  space out the fieldsets a little*/
  padding: 0px 0px 10px 10px;
  border : 1px solid #ccc;
}

legend {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#f26522;
font-weight:bold;
}


label {
  display: block;
  margin-top:5px;
  font-size:11px;
  color:#636466;
}

label .required {
  color:#760000;
}

input {
  width: 200px;
}

#buttons {
width:300px;
}

input.submit {
  width: auto;
  border-bottom: 1px solid #75736E;
	border-right: 1px solid #75736E;
	border-top: 1px solid #F2F0EE;
	border-left: 1px solid #F2F0EE;
	background: #DCDCDC;
	font-family: verdana, arial, sans-serif;
	color: #333; 
	font-size: 11px;
}

textarea {
  width: 300px;
  height: 100px;
}

.maintextform {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#636466;
width:390px;
margin-left:2px;
margin-top:10px;
margin-bottom:6px;
}

/* End Contact form
================================== */

/* CSS of 2nd Pages
================================== */
#content2 {
width:370px;
float:right;
background-color:#fff;
}


#mainNav2 {
width:375px;
float:left;
}

#mainNav_inner2 {
margin-top:27px;
margin-left:30px;
width:320px;
}

#content_photos {
	margin-top:10px;
	height:155px;
}

.contentphoto1 {
float:left;
margin-left: 6px;
}

.contentphoto2 {
float:left;
margin-left: 16px;
}

#table1 {
margin: 10px 0 0 6px;
width:342px;
clear:both;
border: 3px solid #000000;
font-family:Arial, Helvetica, sans-serif;
}

#table1_title {
width:342px;
height:33px;
background:url(../images/table01_bar.jpg) no-repeat bottom #cadb2a;
font-weight:bold;
line-height:30px;
font-size:12px;
}

#table1_main {
background:#8cc63f;
padding: 6px 10px 6px 10px;
font-size:11px;
}

#table2 {
margin: 10px 0 0 6px;
width:342px;
clear:both;
border: 3px solid #000000;
font-family:Arial, Helvetica, sans-serif;
}

#table2_title {
width:342px;
height:33px;
background:url(../images/table02_bar.jpg) no-repeat bottom #ffc20e;
font-weight:bold;
line-height:30px;
font-size:12px;
}

#table2_main {
background:#f7931d;
padding: 6px 10px 6px 10px;
font-size:11px;
}

#footer2 {
margin-left:23px;
width:751px;
height:45px;
clear:both;
background-color:#58595b;
border-top: 1px solid #949698;
}

#smalllogos2 {
clear:both;
height:31px;
}

.eomex2 {
float:left;
margin-left:10px;
margin-bottom:2px;
}

.diadyo2 {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:3px;
}