/* CSS Document */
html , body   { margin:0; padding:0;  } 

body { background:url(../images/bgbody.png) no-repeat 50% 109px;  }

body , input , pre , select , button , textarea { font-family: tahoma , verdana , Arial; font-size:11px; }

button { text-align :center; }

hr {  height:1px ; color:#cecece; background: #cecece ;  border:none; margin: 5px 0 5px 0 !important ; margin : 0 ;   }

a { color:#67676B;otuline:none;}

a img { border:none;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}

* html body {text-align: center;}
* {text-align: left;}

.error { padding:5px ; margin:5px; background-color: #FFF1EF; border:1px solid #EEC4BC ; color:#CD654D; text-align: center; }
.ok {   padding:5px ; margin:5px;	background-color: #E2F3FE; border: 1px solid #83CBFB;  color:black; text-align: center; } 

#main { width: 780px; margin: 0 auto;  }

#head{ width:780px;	height:162px;	background:url(../images/head_bg.gif);	background-repeat:repeat-x;}
#flower {  text-align:center ;width:780px; height:128px; }

#topnav { position:absolute; width:780px; top:23px; height:11px; }
#topnav img{ vertical-align:text-top;margin-top:1px; }
#topnav ul { display: inline; float: right; margin: 0; padding: 0; list-style: none; }
#topnav ul li { display: inline; float:left; padding:0px 3px 0px 3px; }
#topnav a , #topnav a:link , #topnav a:visited , #topnav span {float:left;text-decoration:none;color:#96969a;line-height:14px;}
#topnav a:hover { color:#7a7a7a;}

#middlenav ul { display: inline; float: right;margin:0px 10px 0px 0px; list-style: none;padding:0; }
#middlenav ul li { display: inline; float:left; padding:0px 3px 0px 3px; font-weight:bold; color:white; line-height:26px !important; line-height:25px  ;}
#middlenav a { float:left; text-decoration:none; color:white; font-weight:normal; }

#logo { position:absolute; top:50px; }
#logo img { margin-bottom:4px;}

#title { height:55px;/* background:url(../images/title_bg.gif) repeat-x ; */padding-top:1px !important; }
#title img { position:absolute ; margin: 4px 0px 0px 3px; border:1px solid #C4C600; }
#title h1{ font-size:17px ; margin:7px 0px 0px 67px;color:#a1a1a1; }


#footer { background-color:#67676b;height:27px;margin-top:1px;text-align:center;clear:both;color:#ffffff;line-height:27px;}
#copy { text-align:center ; line-height:20px; font-size:9px;}

#foto_left { width:510px; float:left;}
#foto { padding: 1px ; background : #fefefe; border: 1px solid #cecece ; margin : 10px 10px 10px 0 ;  float : left; } 
#foto_right { border : 1px solid #cecece ; float : left; margin-top : 10px; background:url('../images/button_bg.gif') center top repeat-x; }
#foto_right { padding: 10px ; width : 244px  !important ; width : 264px ;    }

#desc { width: 480px !important; width:500px; margin-top:10px; line-height:15px;  }
#desc { border : 1px solid #cecece ; padding:10px; background:url('../images/button_bg.gif') center top repeat-x; }


.foto_mask { width:100px ; height : 67px ; overflow:hidden; border:1px solid #cecece; float:left; padding:2px;  }

#foto_list { margin:5px;padding:0;list-style:none; }
#foto_list li { float:left;width:110px;height:110px;text-align:center; line-height:110px; }
#foto_list li img { padding:1px ;border : 1px solid #cecece ; }

.user_fotos {height:600px;overflow:auto;}
.user_fotos li { float:left;margin:6px 4px;}
.user_fotos li { background : #f4f4f4; border: 1px solid #cecece ;  padding: 1px ;}

#foto_info , .foto_links , .user_fotos  { margin:0 0 10px 0 ;padding:0;list-style:none ;  }
#foto_info li  { padding: 4px 0 4px 15px ; background:url(../images/round.png) left center no-repeat ; }
.foto_links li { margin: 2px 0 2px 0 ; }
.foto_links  li a { padding-left: 10px; background : url(../images/point_small.gif) left center no-repeat ;   }
#foto_info strong{ display:block; }
#foto_right .avart { float:right; }
.foto_links li { text-align:right; }


.sort { text-align:right; margin:10px 0;float:right; }
.pager {float:left;margin:10px 0;}
.pager a {text-decoration:none;} 
.pager b {color:#ff0000;}

#gallery_list { margin:0;padding:0 ; list-style:none;   }
#gallery_list li { border:1px solid #cecece;padding:10px;background:url('../images/button_bg.gif') center top repeat-x; }
#gallery_list li.special {border:1px solid #f47306;background:#fff5ed url('../images/button_bg_special.gif') center top repeat-x;}
#gallery_list li.special .foto_border {border:1px solid #f47306;}
#gallery_list li { margin:5px; }
/*width: 355px !important ;  width : 360px;  float:left;*/


#gallery_list li h2 { margin:0 0 5px 0; float:left; font-size:16px; font-weight:bold;}
#gallery_list li h2 a { text-decoration:none; }
#gallery_list .foto_border { margin-right:10px; }

#navi { width:500px;  }

.admin { color: #c4c600 ; font-weight:bold; }



#coments { width : 490px !important ; width:500px;  padding: 5px;    }
#coments fieldset { border:none; border-top:1px solid #cecece; }
#coments legend { font-size:17px; font-weight:bold; padding: 0 5px 0 5px ; color:#a1a1a1;}

#coments ul { list-style:none;margin:0; padding:0;}
#coments ul li { margin: 15px;}
#coments label { font-weight:bold; width:50px; display:block;float:left; text-align:right; padding-right:3px; color:#a1a1a1;}
#coments textarea { width:350px;height:100px; }
#coments ul input {  width:350px; }


#foto_info ul.rating { list-style:none;margin:3px 0 0 0;padding:0; }
#foto_info ul.rating li { background:none; width:12px;height:12px;float:left;margin:1px;padding:0;}
 
.foto_border {min-width:50px;min-height:50px;width:auto !important;height:auto !important;width:50px;height:50px; border:1px solid #cecece; padding:2px;display:block;float:left; }
.foto_border img { display:block; }

.tool-tip {color:#fff;width:175px;z-index:13000;}
.tool-title {font-weight:bold;font-size:11px;margin:0;color:#9FD4FF;padding:8px 8px 4px;background:url(../images/bubble.png) top left;}
.tool-text {	font-size:11px;padding:4px 8px 8px;background:url(../images/bubble.png) bottom right;}