body
{	background: rgb(255,255,255);
    padding: 0px;
    margin: 0px;
}
.email
{   background-image: URL('../pictures/email.png');
    background-repeat:no-repeat;
    background-size: contain;
	float: left;
    width:200px;
	height:30px;
}
.stranka
{	width: 900px;
	padding: 10px 20px 20px 20px;
	margin: auto;
    text-align: center;
	background: rgb(255,255,255);
	/* font-family: Copperplate, "Copperplate Gothic Light", sans-serif; */
    /*font-family: "Century Gothic", sans-serif;*/
    font-family: "Georgia", Arial , sans-serif;
    font-size: 16px;
}
.hlavicka
{	background-image: URL('../pictures/top.png');
	background-repeat:no-repeat;
    background-size: contain;
	width:900px;
	height:220px;
    position: relative;
    z-index: 0;
    border-width: 0 0 1px 0;
    border-color: rgb(51,51,255);
    border-style: solid;
}
.obraz-vpravo, .obraz-vlevo, .informace
{   overflow: hidden;
    clear: both;
    width: 860px;
    margin: 0 0 20px 0;
    background: rgb(233,233,233);
    background-image: linear-gradient(to right, #F0F0F0, #FEFEFE);
    min-height: 300px;
    position: relative; top: -30px;
    padding: 20px;
}
.obraz-vpravo
{   background-image: linear-gradient(to left, #F0F0F0, #FEFEFE);
}
.informace
{	background-image: none;
	font-weight: bold;
	min-height: 20px;
}
.nazev-obrazu, .popis-obrazu, .parametry-obrazu, .omne
{   position: relative; top: 0px;
    float:left;
    width: 420px;
    text-align: justify;
}
.nazev-obrazu
{   font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.popis-obrazu
{   font-style: italic;
    margin: 0 0 10px 0;
}
.omne
{   font-style: italic;
    margin: 0 0 5px 0;
    width: 540px;
}
.fotka-obrazu-vlevo, .fotka-obrazu-vpravo
{   clear: both;
    float: left;
    position: relative; top: 0px;
    background-size: contain;
    background-repeat:no-repeat;
    background-position: left;
	width: 420px;
	height: 300px;
    margin: 0px 20px 0px 0;
}
.fotka-obrazu-vpravo
{   float: right;
    background-position: right;
    margin: 0px;
}
.moje-fotka
{   clear: both;
    float: left;
    position: relative; top: 0px;
    background-size: contain;
    background-repeat:no-repeat;
	width: 300px;
	height: 300px;
    background-position: left;
    margin: 0px;
    text-align: left;
}

.menu-atelier
{   background-image: URL('../pictures/atelier-1.png');
    background-size: contain;
    opacity: 1;
    width:150px;
	height:70px;
    float:left;
    position: relative; left: 200px; top: -50px;
	background-repeat:no-repeat;
    z-index: 9;
    cursor: pointer;
}
.menu-omne
{   background-image: URL('../pictures/omne-1.png');
    background-size: contain;
    width:150px;
	height:70px;
    float:left;
    position: relative; top: -50px; left: 200px;
	background-repeat:no-repeat;
    z-index: 9;
    cursor: pointer;
}
.menu-obrazy
{   background-image: URL('../pictures/obrazy-1.png');
    background-size: contain;
    width:150px;
	height:70px;
    float:left;
    position: relative; top: -50px; left: 220px;
	background-repeat:no-repeat;
    cursor: pointer;
}
.paticka
{	border-width: 1px 0 0 0;
    border-color: rgb(255,102,153);
    border-style: solid;
    height:20px;
    text-align: right;
    clear: both;
    padding: 20px 0 0 0;
}
/*------------------------------------------------------------------------------
								styly pro formular
------------------------------------------------------------------------------*/
form
{   position: relative; top: 0px;
    float:left;
    margin: 0 0 0px 0;
    width: 540px;
    text-align: left;
}
textarea, input[type="text"], input[type="submit"]
{	font-family: "Georgia", Arial , sans-serif;
	resize: none;
	overflow: auto;
	float: right;
	width: 520px;
	height: 180px;
	margin: 0 0 20px 0;
	padding: 10px;
}
input[type="text"]
{	width: 100px;
	margin: 0 20px 0px 0;
	height: 20px;
	padding: 0;
}
input[type="submit"]
{	width: 100px;
	text-align: center;
	background: #F0F0F0;
    font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 0;
}