body, p, ul, ol, li, p, table, div, img, h1, h2, h3, h4, h5, h6, form  {margin: 0;padding: 0;}  
body {background: #2A2A2A url("back-page.png") repeat; font:81.25%/1.25  "Segoe UI", "Arial CE", Arial, Helvetica, sans-serif; color: white;text-align: center; }


a {color:#ff6600; font-weight: bold;}
a img {border: none;}
a:hover, #boxful .text h3 a:hover {text-decoration: none; }
/*a:visited {color: #FFF3B0;}*/

h1 {font-size: 130.77%;}
h3 {font-size: 100%;}
h4 {font-size: 92.4%; }
h5 {font-size:92.4%;}
h6 {font-size: 92.4%;}

ol {padding: 0 0 0 20px;}
ul {list-style-type: none; }
ul li {background: url("ico-more2.png") no-repeat 0 7px; padding-left: 10px;}
ul ul {margin: 5px 0 5px 25px;}
ul ul li a {color: White; font-weight: normal;}
p {padding: 5px 0 10px 0px;  }

hr { display: block;}
.hr {clear:both;height:1px;visibility:hidden;overflow:hidden; line-height: 1px; background-color: Green; width: 460px;}
.txtVersion {display: none;}
/*
.line {width: 100%; background: url("line.gif") no-repeat center;}
.line2 {width: 100%; background: url("line2.gif") no-repeat center;}
.line3 {background: url("line3.gif") no-repeat center;}
.more {text-align: right;  background: url("ico-more.gif") no-repeat right 3px; margin: 5px 0 2px 0;}
.more a {color: White; font-size: 92.4%;padding:0 12px 0 }
.more2 {background: url("ico-more3.gif") no-repeat 0 2px; padding-left: 22px; }
.levelUp {text-align: left;   margin: 0px 0 5px 0;background: url("ico-arrow-top.gif") no-repeat left 6px;  }
.levelUp a {color: White; font-size: 92.4%; padding:0 0px 0 18px;}
.cancel {text-decoration: line-through;}
*/
.box {width: 100%; /*background-color: #363636; */}
.box3 {/*background-color: #3E3E3E;*/}
.boxin {padding: 12px 15px;}

/*** 850photo widht ***/
#content.w850 {width: 970px;}
#content.w850 .topPhoto {/*background-image: url("back-topphoto850.png");*/}
#about.w850 .boxin {width: 920px;}
#footer.w850 #footerIn {width: 920px;}

#content.w900 {width: 920px;}
#about.w900 .boxin {width: 920px;}
#footer.w900 #footerIn {width: 920px;}

/*** CONTENT ***/
#content {width: 920px; margin: 0 auto; text-align: left; }
#content #logo {float: left;padding: 25px 0 8px 00px; display: block;  }
#content #logo a {color: #2a2a2a;position: relative; }
#content #logo a em {position: absolute;display: block; width: 167px; height:22px; background: url("logo-fotoprahy.png") no-repeat; top: 0; left: 0; cursor: pointer;}
#content #claim {float: right;padding: 25px 00px 8px 0px; text-transform: uppercase; font-size: 130%;}
#content #claim span {padding-right: 0px; }
#content #claim strong {color:#ff6600; font-size: 111.8%; /*letter-spacing: -1px;*/}
#content #claim a {position: relative; top: 1px;}

#content .topPhoto {/*background: #363636 url(back-topphoto.png) no-repeat 3px 440px; border: 1px solid #3C3D3D;*/ padding: 0px 0px 10px 0px; width: auto; }
#content .photoWide { padding: 0 216px;}
#content .photoWide .topPhoto  { background-color: White; text-align: center;}
#content .topPhoto .photo {display: block;  border: 10px solid white; margin-bottom: 5px;}
#content .topPhoto a:hover.photo {border-color:   #ff6600;}

#content .topPhoto #photoInfo { width: 550px; float: left;}
#content .topPhoto #photoInfo h2, #content .topPhoto #photoInfo h1 {padding: 15px 0 4px 0; text-transform: uppercase; font-size:123%; letter-spacing: -1px;  }
#content .topPhoto #photoInfo p {padding: 0 0 10px 0; width: 550px; /*font-size: 92.4%;*/}
#content .topPhoto .more { float: right; width: 231px; margin: 20px 0 0 0;}
#content .topPhoto .more a { display: block; text-decoration: none; color: black; text-transform: uppercase; background: url("btn-more.png") no-repeat; 
width: 231px; height: 36px; font-size: 14px; /*font-weight: normal; */line-height: 2.4em; text-align: center; letter-spacing: normal;}
#content .topPhoto .more a:hover {background-color: #FF6600;}

#content .topPhoto #pager {float: right; width: 220px; padding: 20px 0 5px 0; }
#content .topPhoto #pager #prev {width: 104px; float: left;}
#content .topPhoto #pager #next {width: 104px; float: right;}
#content .topPhoto #pager a img { border: 2px solid #545454;}
#content .topPhoto #pager a:hover img {border-color:#ff6600; }
#content .topPhoto #pager a.preview  {position: relative; display: block;}
#content .topPhoto #pager a.preview em {display: block; background: url("ico-prev.png") no-repeat; position: absolute;top:15px; left: 36px; width: 31px; height: 34px;  cursor: pointer;}
#content .topPhoto #pager #next a.preview em {background-image: url("ico-next.png");}
#content .topPhoto #pager a.more {font-size: 92.4%; font-weight: normal; display: block; /*width: 100px;*/ padding:2px 2px  0 2px; background: url("ico-arrow-left.png") no-repeat 0 6px;}
#content .topPhoto #pager #prev a.more {text-align: right; padding-left:8px;   }
#content .topPhoto #pager #next a.more {padding-right:8px; background: url("ico-arrow-right.png") no-repeat right 6px;  }

#content #selfPromo {margin: 40px 50px 40px 50px; clear: both;}
#content #selfPromo h2 {width: 350px; float: left; text-transform: uppercase; font-size:146%; letter-spacing: -1px; font-weight: normal; line-height: 1.3em;  font-size: 138%;}
#content #selfPromo h2 a {font-size:168%;  }
#content #selfPromo ul {float: right; width: 350px; padding: 5px 0 0 0; font-size: 107.7%;}

#pilire {padding: 25px 30px 20px 30px; background: #363636; margin: 0 0 40px 0;}
#pilire #photoPreview { width: 190px; float: left; }
#pilire #photoPreview img { border: 5px solid white;}
#pilire #photoImages  { width: 600px; float: left; }
#pilire #photoImages h3 { font-size: 18px; font-weight: normal;}
#pilire #photoImages ul {margin-top: 10px;}
#pilire #photoImages li { display: block; float: left; padding-right: 30px; padding-top: 0; margin-top: 0;}

#pilire h3 { text-transform: uppercase; font-size: 14px;}


#list {clear: both; background-color: #252525; text-align: center; }
#list .boxin {width: 920px; margin: 0 auto; text-align: left; padding-bottom: 20px; }
#list h3 {text-transform: uppercase; font-size: 123%; font-weight: bold; font-weight: normal; padding: 20px 0 10px 0;}
#list .item {display: block; width: 230px; height: 245px; float: left; text-align: center; }
#list .item a img { border: 2px solid #545454;}
#list .item a:hover img {border-color:#ff6600; }
#list .item a.more {font-size: 92.4%; display: block;}


/*** LIST ***/
#content .topPhoto.list {padding: 40px 30px 20px 49px; background: #363636;}
#content .topPhoto.list h1 {color: white; padding: 0 0 20px 0; text-transform: uppercase;}


/*
#about #lookAt { float: left; width: 450px; padding: 20px 0 25px 0;}
#about #lookAt strong {display: block; text-transform: uppercase; font-size: 138%; font-weight: normal; padding: 0 0 10px 0; letter-spacing: -1px; }
#about #lookAt .item { clear: both; padding: 15px 0 0 0;}
#about #lookAt .preview {width: 95px; float: left; display: block;}
#about #lookAt a img {border: 2px solid white; width: 75px; height: 50px;}
#about #lookAt a:hover img {border-color:#ff6600; }
#about #lookAt h3 { position: relative;top:-3px; text-transform: uppercase; font-size: 123%; font-weight: bold; font-size: 115%; float: left; width: 300px;   }
#about #lookAt h3 a {font-weight: normal;}
#about #lookAt p {width: 280px;padding: 0;position: relative; top: -1px; float: left; }

#author  { float: right; width: 350px; padding: 20px 0 15px 0;}
#author h3 {text-transform: uppercase; font-size: 138%; font-weight: normal;letter-spacing: -1px;padding: 0 0 15px 0; }
#author p {padding: 5px 0 4px 0;}
 #author .aFace {border: 4px solid #F5F5F5; float: left; margin: 7px 20px 0 0;}*/



#content .topPhoto.txt {padding: 40px 49px 30px 49px; background: #363636;}
#content .topPhoto.txt h1  {padding: 0 0 2px 0; text-transform: uppercase;color:#ff6600; font-size: 138.5%; }
#content .topPhoto.txt h2, #content .topPhoto.txt h3 {text-transform: uppercase; font-size: 123%;color:#ff6600; padding: 20px 0 2px 0;}
#content .topPhoto.txt p {padding: 0 0 15px 0; width: 580px;}
#content .topPhoto.tx table {margin: 0 0 10px 0; width: 530px;}
#content .topPhoto.txt table caption {  text-align: left;border-bottom: 1px solid #696969; text-transform: uppercase; padding: 0 0 4px 0; width: 530px;}
#content .topPhoto.txt table td, #content .topPhoto.txt table th {border-bottom: 1px solid #696969; padding: 4px 25px 7px 7px; font-weight: normal;}

.contacts li {background: url("ico-icq.gif") no-repeat 0 2px; padding: 2px 0 4px 25px;}
.contacts .skype {background-image: url("ico-skype.gif");}
.contacts .phone {background-image: url("ico-mobile.gif");}
.contacts .website {background-image: url("ico-www.gif");}
.contacts .mail {background-image: url("ico-mail.gif");}
.contacts .msn {background-image: url("ico-msn.gif");}


/*** FOOTER ***/
#footer { clear: both;  background: none; text-align: center; padding: 20px 0px 0px 0px; font-size: 92.4%; }
#footerIn {width: 820px; margin: 0 auto; text-align: left; }
#footerIn div {float: left; width: 690px; padding: 0; clear: both; background: url("ico-cc.png") no-repeat; padding: 2px 0 0 38px;}
#footerIn p {clear: both; padding:0px 0 40px 0;}

#footer #stats {height: 1px; overflow: hidden; visibility: hidden;}

/** 404 **/
#content.e404 {width: 48em; text-align: left; padding: 50px 0 30px 0;}
#content.e404 p {font-size: 12px;}
#content.e404 #cz {width: 46%; float: left;}
#content.e404 #en {width: 46%; float: right; position: relative; top: -20px;}
#content.e404 h2 {color: #D9B800;font-size: 115%;}

#content.e404 #cz.cz2 {float: right; position: relative; top: -20px;}
#content.e404 #en.en2 {float: left; position: static;}