/*	---------------------------------------------------------------------------------------
	Lukas Zemek portfolio
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:        Reset, basic styles and layout
	Media:				screen, projection
	Datum:				25. 8. 2008
	Author:				Lukas Zemek - www.lukas-zemek.cz
	---------------------------------------------------------------------------------------
*/
/*
Colors:
    header: color="#ffffff" / bila
    content color="#1e4966" / tmave modra
    background color="#96cbed" / sv. modra
    menu #4e5255 / seda
*/
body{
    font-family: "Arial", sans-serif;
    font-size: 0.8em;
    text-align: center;
    color: #ffffff;
    margin:0;
    background:#96cbed url("images/header.gif") repeat-x;
}

#hlavni{
    margin: auto;
    width: 820px;
    text-align: left;
}


/*HLAVICKA*/
#header{
    margin:0;
    padding-top:30px;
    height: 145px;
    color: #1e4966;
    background: #ffffff;
    background-image: url("images/postava.gif");
    background-repeat: no-repeat;
    background-position: 350px bottom;
}
#header #logo{
    float: left;
}
#header #nb{
    margin:23px 35px 0 0;
    padding: 0 0 0 20px;
    width:196px;
    height:200px;
    float: right;
    font-weight: bold;
    background: url("images/nb.gif") no-repeat bottom;
}
#header #nb span{
    font-weight: normal;
}
#header #nb img{
    padding-top:17px;
    padding-left: 3px;
}

/*MENU*/
#menu{
    width:515px;
    height:30px;
    margin:0 0 10px -25px;
    font-size: 1.1em;
    font-weight: bold;
    font-style:italic;
    color:#4e5255;
    background: #ffffff url("images/roh.gif") no-repeat right bottom;
}
#pruhmenu{
    float:left;
    width:50%;
    height: 30px;
    background: white;
    color:black;
    position:relative;
    top: 185px;
    z-index:-1;
}

#menu li{
    display:inline-block;
    padding: 7px 0px 7px 3px;
    
}
#menu a{
    color: #4e5255;
    text-decoration: none;
}
#menu li:after{
    content: ' | ';
    margin-left: 3px;
    padding: 7px 0px 7px 0px;
    background: #ffffff;
}
#menu li.last:after{
    content: '';
}
#menu li.active{
    background: #4c8ab1;
}
#menu li.active a{
    color: #ffffff;
}

#dropmenu{
    font-size: 0.7em;
}

/*/////////////////*/

/*OBSAH*/
#content{
    margin:0 0 0 0;
    padding:10px 25px 0 25px;
    min-height: 380px;
    background:#1e4966;
}

#content img{
    border: 4px solid white;
}

#indextext{
    width: 500px;
}

/*Novinky*/
#news{
    width: 230px;
    float:right;
}
#news p{
    text-indent: 15px;
}
#news h3{
    display: inline;
    margin:0;
}

.noclear{
    clear:both;
}
/*////////////////*/

/*boxy*/
.box{
    width:120px;
    height: 150px;
    margin-right: 60px;
    margin-bottom: 20px;
    float: left;
    background: url("images/box_index.gif") no-repeat;
}
.box h2{
    float: right;
    margin: 120px 5px 0 0;
    color:#1e4966;
    text-transform: lowercase;
    font-size: 100%
}
/*/////////////////*/

/*vizitka s kontaktem*/
.contact{
    margin-top: 20px;
    width: 190px;
    height: 80px;
    padding-left: 75px;
    background: url("images/kontakt.gif") no-repeat;
}
.contact h3{
    display:inline;
}
/*///////////////////*/

/*reference*/
.ref{
    width:405px;
    height:130px;
    padding:10px;
    margin: 0 30px 30px 0;
    float: left;
    background: url("images/ref.gif") no-repeat;
    border: 0;
}
.reftext{
    margin: 0 0 30px 0;
}

#content .ref img{
    border: 0;
}
/*///////////////////*/


/*PATICKA*/
#footer{
    padding: 3px;
    clear: both;
    color: #4e5255;
    font-size: 0.7em;
    background: #ffffff;
    margin: -10px 0px 0px 0px;
}

#footer a{
    color: #4e5255;
}

/*OTHERS*/
hr.cleaner{
    visibility: hidden;
    clear:both;
}

a{
    color:#ffffff;
}

a img{
    border:0;
}

h1,h2,h3,h4{
    text-transform:uppercase;
}
h1{
    font-size:160%;
}
h2{
    font-size: 120%;
}
h3{
    font-size:120%;
}

input{
    border:2px solid white;
}

textarea{
    border:1px solid white;
}

.fValidator-form .submit{
    width: 81px;
    height: 27px;
    background-image: url("images/submit.gif");
    border:0;
    color:#1e4966;
    font-weight:bold;
}

.floatleft{
    float: left;
    margin-right: 10px;
}
.floatright{
    float: right;
    margin-left: 10px;
}