/*
Theme Name:
Theme URI: http://www.eklmn.org/
Description: The uno theme.
Version: 0.0.2
Author: uno
Author URI: http://www.eklmn.org/
Tags:
*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
html{overflow:auto;}
html, body{padding:0;margin:0;width:100%;height:100%;}
body{background:url("images/body-bg.png") repeat-x scroll 0 0 #f6f6f6;font-size:12px;}
.wrapper{
background:url("images/wbg.png") repeat-y scroll center top transparent;
margin:0 auto;
width:989px;
}
.header{
background:url("images/head.png") no-repeat scroll center top transparent;
height:669px;
position:relative;
}
.home-btns{
left:30px;
position:absolute;
top:145px;
}
.home-btns a{
margin:0 8px 0 0;
}
.head-image{
left:35px;
position:absolute;
top:255px;
}
.head-image img{
width:918px;
height:310px;
}
iframe{
border:2px solid #000;
}
.logo{
height:90px;
position:relative;
}
.logo a{
height:40px;
margin-top:5px;
position:absolute;
right:1px;
text-indent:-99999px;
top:100px;
width:340px;
}

#sidebar{
background:url("images/sidebar-bg.png") repeat-y scroll -76px 0 transparent;
float:left;
margin-left:0;
width:200px;
position:relative;
}
.sidebar-top{
background:url("images/sidebar-top.png") no-repeat scroll -76px -20px transparent;
height:10px;
margin:0;
position:absolute;
width:200px;
z-index:2;
}
.sidebar-bottom{
background:url("images/sidebar-bottom.png") no-repeat scroll -76px -8px transparent;
height:38px;
margin:0;
width:200px;
}
#sidebar a{
color:#6d6e71;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
#sidebar ul{
list-style:none;
padding:0;
margin:0;
}
#sidebar li a{
background:url("images/sidebar-arrow.jpg") no-repeat scroll 0 9px transparent;
border-bottom:1px dashed #939598;
display:block;
margin:2px 25px 2px 20px;
padding:4px 0 5px 17px;
}
#sidebar li a:hover, #sidebar .current-menu-item a{
background:url("images/sidebar-arrow-hover.jpg") no-repeat scroll 0 9px transparent;
color:#231f20;
text-decoration:none;
}

h1.breadcrumb{
color:#000;
font-size:1.4em;
}

h1.breadcrumb a{
color:#000;
text-decoration:none;
}
.breadcrumb a:hover, #sidebar a:hover{
text-decoration:underline;
}
h1.title{
border-bottom:1px solid #000000;
font-size:14px;
margin:15px 0 0;
padding:0 0 2px 0;
text-transform:uppercase;
}
.content{
background:none repeat scroll 0 0 #FFFFFF;
float:left;
line-height:16px;
margin-top:-35px;
padding:10px 40px;
position:relative;
text-align:justify;
width:700px;
z-index:123;
}
.gallery  dl.gallery-item{
margin-top:0!important;
margin-bottom:0!important;
}
.footer{
background:url("images/footer-bg-all.png") repeat-x scroll center 0 #174781;
height:200px;
}
.footer-inner{
background:url("images/footer-bg.png") no-repeat scroll center 0 #174781;
height:100%;
min-height:120px;
margin:0 auto;
position:relative;
width:980px;
}
.menu-topmenu-container{
left:5px;
position:absolute;
text-align:center;
top:177px;
width:100%;
}
.menu-topmenu-container ul{
list-style:none;
margin:0;
padding:0;
}

.menu-topmenu-container ul li{
background:url("images/topmenu-sep.png") no-repeat scroll right 0 transparent;
float:left;
padding:0 18px;
}
.menu-topmenu-container ul li:last-child{
background:none;
}
.menu-topmenu-container a{
color:#FFFFFF;
display:block;
font-size:14px;
padding:15px 10px;
text-decoration:none;
vertical-align:text-bottom;
}
.menu-topmenu-container a:hover{
text-decoration:underline;
}
.menu-footermenu-container{
text-align:center;
padding-top:30px;
}
.menu-footermenu-container ul{
list-style:none;
margin:0;
padding:0;
}
.menu-footermenu-container ul li{
display:inline;
padding:0px 10px;
border-right:0px solid #000;
}

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { }
.menu-h-d li { float: left; display: block; position: relative; list-style: none; }
.menu-h-d li ul a {
font-size:12px;
padding:10px 3px;
 }

.menu-h-d ul {
-moz-border-radius:0 0 10px 10px;
-khtml-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
background:none repeat scroll 0 0 #6e94a8;
display:none;
left:0px;
min-width:99%;
position:absolute;
top:49px;
white-space:nowrap;
  }

.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none;  }

.menu-topmenu-container ul.menu-h-d li ul li:hover { background:none repeat scroll 0 0 #455177;}
.menu-topmenu-container ul.menu-h-d li ul li:last-child:hover {
background:none repeat scroll 0 0 #455177;
-moz-border-radius:0 0 10px 10px;
-khtml-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
.menu-h-d a:hover { color: #fff; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }
.menu-topmenu-container ul li ul li{
background-image:none;
}

.page-dop, .page-dop tr, .page-dop td{
border:0;
padding:0;
margin:0;
vertical-align:top;
width:100%;
}
td.page-image{
text-align:left;
width:45%;
}
td.page-text{
text-align:left;
width:55%;
padding:0 0 0 15px;
}
.page-dop-table-price{
margin:30px 0;
}
.page-dop-table-price h3{
font-size:12px;
margin:0 0 2px;
padding:0;
}
.page-dop-table-price img{
max-width:100%;
}
.soc{
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 80px;
}
.soc a{
color:white;
}
.footer-address {
    color: #FFFFFF;
    left: 15px;
    line-height: 12px;
    position: absolute;
    top: 73px;
    z-index: 999;
}
.footer-address a {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.footer-address address {
    font-style: normal;
    font-size: 10px;
    padding: 0;
    margin: 0;
}
.footer-address span {
    font-size: 10px;
}
.header-address {
    color: #CFF1E7;
    font-family: Arial;
    font-size: 12px;
    left: 12px;
    letter-spacing: 0;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 32px;
    z-index: 9999;
}
.header-address .vcard .org, .postal-code, .country-name, .locality, .vcard .url, .vcard .category, .vcard .workhours {
display:none;
}
.tel {
    font-size: 16px;
    font-weight: bold;
}
.vcard i{
font-style: normal !important;
}
.vcard {
    margin-bottom: 17px;
}
a#ftp-sidebar {
    bottom: -12px;
    left: 60px;
    position: absolute;
}
#header-phone-2 {
    left: 10px;
    position: absolute;
    top: -310px;
    z-index: 15;
    cursor:pointer;
}

#recall, #img-form  {
    left: 7px;
    position: absolute;
    top: -92px;
    z-index: 5;
    }
#img-form form {
    left: 32px;
    position: absolute;
    top: 87px;
}
#img-form form input {
    height: 12px;
    width: 110px;
}
#img-form .name {
    left: 0;
    position: absolute;
    top: 0;
}
#img-form .phone {
    left: 0;
    position: absolute;
    top: 33px;
}
#img-form .office {
    display: inline;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
#img-form .comments {
    height: 55px;
    position: absolute;
    top: 152px;
    width: 110px;
    overflow:auto;
}
#img-form .submit {
    height: 26px;
    left: 7px;
    position: absolute;
    top: 217px;
    width: 107px;
}
#a-recall {
    position: relative;
    z-index: 5;
}    
#img-form {
left:0;
top:0;
z-index:4;
}    

#a-problem{
    left: 7px;
    position: absolute;
    top: 330px;

}
#info-problem{
    position: absolute;
    right: 57px;
    top: 20px;
}
.send-order{
margin-top:15px;
}
.send-order label{
    display: block;
    float: left;
    margin: 4px 0;
    width: 150px;
}
.send-order input{
width:150px;
border-radius: 5px 5px 5px 5px;
}
.send-order input.submit{
    left: 410px;
    position: relative;
    width: 100px;
    border-radius: 5px 5px 5px 5px;
}
.send-order textarea{
width:500px;
height:200px;
border-radius: 5px 5px 5px 5px;
}
.clear{
clear:both;
line-height:0;
padding:0;
margin:0;
height:0;
}