/***********************************************
Project: SimplexPack design
Year: 2010
File: layout.css

Author: Tusor László
E-Mail: laszlo.tusor@gmail.com
All rights reserved
************************************************/

* {
margin: 0;
padding: 0;
}

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/*   http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited{
text-decoration:none
}

ul,ol{
list-style:none
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0
}

body{
font:normal 76%/140% Lucida sans,Arial,Helvetica,sans-serif;
border:none;
}

img, a img,:link img,:visited img {
border:none
}

address {
font-style:normal
}

a{
font-size:1.2em;
}

a:hover{
text-decoration:underline;
}

h1, h2, h3, h4 {
font-weight:normal;
}

h1 {
font-size:1.6em;
}

h2{
font-size:1.5em;
}

h3{
font-size:1.2em;
text-transform:capitalize;
text-align: center;
text-transform: uppercase;
}

h4{
font-size:1.1em;
}

hr{
clear:both;
visibility:hidden;
height:0;
border:0;
font-size:0;
padding:0;
margin:0;
display:block;
line-height:0;
overflow:hidden;
}

input, select, textarea{
position:relative;
padding:2px;
}

#header {
width:980px;
height:225px;
margin:0 auto;
clear:both;
}

#header h1 {
width:135px;
float:left;
}

#header h1 a {
display:block;
height:175px;
text-indent:-9999px;
}

#language {
width:100%;
height:50px;
}

#language p{
position:relative;
top:15px;
}

#language p a, #language p a:link, #language p a:visited{
vertical-align:middle;
text-transform:uppercase;
padding:0 3px 0 2px;
}

#language p a{
font-size:1.1em;
}

#language p a:hover{
text-decoration:none;
}

#header a.home ,#header a.home:link, #header a.home:visited {
float:left;
display:block;
width:393px;
height:146px;
text-indent:-9999px;
background:transparent url(../img/header/banner_cimer.jpg) no-repeat left top;
}

#header a.home:hover{
background-position:-393px 0;
}

#header #title{
width:282px;
height:175px;
float:right;
}

#header #title p{
position:relative;
top:125px;
padding-top:15px;
height:35px;
text-transform:uppercase;
text-align:center;
font-size:1.4em;
letter-spacing:0.1em;
}

#page{
width:980px;
margin:0 auto;
overflow:hidden;
}

#navigation{
margin-top:30px;
height:50px;
}

#navigation ul{
height:47px;
border-top:1px solid #B8C2C8;
border-bottom:2px solid #B8C2C8;
}

#navigation li{
display:inline-block;
width:150px;
height:50px;
margin-right:12px;
text-align:center;
}

#navigation li.contact{
margin-right:0px;
margin-left:332px;
}

#navigation a, #navigation a:link, #navigation a:visited{
display:inline-block;
text-transform:uppercase;
padding-top:15px;
height:32px;
width:100%;
font-size:2em;
}

#navigation a:hover, #navigation a.selected{
border-bottom:2px solid #8a1729;
}

#sidebar{
margin-top:30px;
float:right;
width:280px;
overflow:hidden;
}

#online h3,
#menu h3{
height:49px;
text-align:right;
text-transform:uppercase;
border-bottom:1px solid #ffffff;
}

#online h3 span,
#menu h3 span{
padding-right:15px;
padding-top:15px;
display:inline-block;
font-size:1.4em;
width:265px;
height:31px;
border-bottom:3px solid #4e636f;
}

#online dt,
#menu li{
text-align:right;
padding-right:15px;
padding-top:10px;
height:25px;
font-size:1.1em;
text-transform:uppercase;
background:transparent url(../img/layout/menu_separator.jpg) no-repeat left top;
}

#online dt:first-child,
#menu li:first-child {
background:none;
}

#online dd{
height:25px;
margin-right:15px;
text-align:right;
}

#online dd.email{
height:40px;
}

#online dt a, #online dt a:link, #online dt a:visited,
#menu li a, #menu dt li:link, #menu dt li:visited{
display:inline-block;
width:100%;
}

#online dd a img{
float:left;
padding-left:5px;
}

#online dd span{
font-size:1.2em;
width:265px;
display:inline-block;
}

#online .top, #online.bottom{
display:none;
}

#menu .top, #menu .bottom{
display:none;
}

#news h3 {
height:49px;
text-align:right;
text-transform:uppercase;
border-bottom:1px solid #6c7378;
}

#news h3 span{
padding-right:15px;
padding-top:15px;
display:inline-block;
font-size:1.4em;
width:265px;
height:31px;
border-bottom:3px solid #b8c2c8;
}

#news dt{
text-align:right;
padding-right:15px;
padding-top:10px;
height:20px;
font-size:1.1em;
}

#news dd{
height:20px;
margin-right:15px;
text-align:right;
font-size:1.2em;
}

#content{
margin-top:30px;
float:left;
width:650px;
text-align:justify;
}

#content h2{
text-transform:uppercase;
height:50px;
}

#content h2 a, #content h2 span{
display:inline-block;
padding:10px 15px;
}

#content h2 span{
font-size:1.2em;
}

#footer{
margin-top:10px;
height:100px;
}

#footer-content{
width:980px;
margin:0 auto;
}

#footer ul{
position:relative;
top:15px;
}

#footer li{
display:inline-block;
margin-right:-4px;
width:194px;
height:50px;
vertical-align:top;
text-align:center;
border-left:1px solid #d9dce0;
border-right:1px solid #6d8d9e;
}

#footer li:first-child{
border-left:none;
text-align:left;
padding-left:20px;
/*width:768px;*/
}

#footer li:last-child{
border-right:none;
width:356px;
padding-right:20px;
text-align:right;
}

#footer li:last-child h3{
text-align:right;
}

#footer a, #footer a:link, #footer a:visited{
text-decoration:none;
text-transform:lowercase;
display:inline;
}

#footer a:hover{
text-decoration:underline;
}

#footer img{
height:35px;
}