
* { margin: 0; padding: 0; }
body { font: 12px Tahoma, Helvetica, sans-serif; color: #666; background-color: #ffffff; }

ul{ margin: 0; padding: 0; list-style: none; }
li{ float: right; }
.clear { clear: both;  } 
/*img{ border:0px; }*/



a { color: #DF176C; text-decoration: none; }
a:hover, a:visited:hover { color: #DF176C; text-decoration: underline; }
a:visited { color: #DF176C; }


td.TitleDark{font: 17px Tahoma, Helvetica, sans-serif; color: #666; background-color: #E8E8E8;} 
 
.TitleDark{font: 17px Tahoma, Helvetica, sans-serif; color: #666;}   
.TitlePink{font: 17px Tahoma, Helvetica, sans-serif; color: #DF176C;} 
.DarkSmall{font: 12px Tahoma, Helvetica, sans-serif; color: #666;}
.PinkSmall{font: 12px Tahoma, Helvetica, sans-serif; color: #DF176C;}  

#flashcontent { height: 100%; text-align:center; }
#History { overflow: auto; height: 300px; }  


.Sadrzaj { font: 17px Tahoma, Helvetica, sans-serif; color : #555555; text-decoration : none; padding-left: 10px; padding-right: 10px; padding-top: 5px; background-color : #F3F3F3; }
.bb { font: 17px Tahoma, Helvetica, sans-serif; color : #555555; text-decoration : none; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; }
.Crna { font: 17px Tahoma, Helvetica, sans-serif; color : #555555; text-decoration : none; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; background-color : #E8E8E8; }

input, select, textarea { font: 17px Tahoma, Helvetica, sans-serif; color: #555; padding: 1px 3px; background: #E8E8E8; border: 0.5px solid #E8E8E8; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { color: #333333; background: #ffffff; border: 0.5px solid #E8E8E8;}
         
.buttonSubmit { font: 17px Tahoma, Helvetica, sans-serif; padding: 1px 3px; color: #333333; background: #E8E8E8; border: 0.5px solid #E8E8E8; width: auto; }
.buttonSubmit:hover { font: 17px Tahoma, Helvetica, sans-serif; padding: 1px 3px; color: #333333; background: #999999; border: 0.5px solid #999999; width: auto; }
   
#Image { padding-left: 10px; position: relative; width: 990px; height: 640px; }
#Image li { height: 260px; width: 315px; margin: 20px 5px 0 5px; float: left; position: relative; }
#Image li p { text-align: left; font: 12px Tahoma, Helvetica, sans-serif; background-color: #E8E8E8; padding: 5px;}
#Image li p strong { font: 17px Tahoma, Helvetica, sans-serif; }
#Image li p a { font: 12px Tahoma, Helvetica, sans-serif; color: #DF176C; text-decoration: none; }
#Image li p a:hover { color: #DF176C; border-bottom: 1px solid #DF176C; }
#Image img { margin-top: 2px; background: #fff; border: solid 1px #fff; }
#Image li span { width: 20px; height: 18px; display: block; position: absolute; bottom: 220px; right: 30px; }  
#Image .photo { background: url(../images/photo.gif) no-repeat; }
#Image a:hover img  { border-color: #E8E8E8; }
#Image a:hover span { background-position: left -22px; }

#Flash { padding-left: 10px; position: relative; width: 1000px; }
#Flash li { width: 900px; margin: 0 5px 0 5px; float: left; position: relative; }
#Flash li p { text-align: left; font: 12px Tahoma, Helvetica, sans-serif; background-color: #E8E8E8; padding: 0 5px 0 5px; }
#Flash li p strong { font: 17px Tahoma, Helvetica, sans-serif; }
#Flash li p a { font: 12px Tahoma, Helvetica, sans-serif; color: #DF176C; text-decoration: none; }
#Flash li p a:hover { color: #DF176C; border-bottom: 1px solid #DF176C; }
#Flash img { background: #fff; border: solid 1px #fff; margin: 2px; }
#Flash li span { width: 20px; height: 18px; display: block; position: absolute; bottom: 175px; right: 29px; }
#Flash .photo { background: url(../images/photo.gif) no-repeat; }
#Flash a:hover img  { border-color: #E8E8E8; }
#Flash a:hover span { background-position: left -22px; }



#Shop{ width:1000px; margin:0 auto; text-align:left; background-color:#FFF; } 

#ShopLeft { padding: 0 10px 0 0; float:left; position: relative; width: 585px; }
#ShopLeft li {  width: 282px; height: 220px; margin: 0 5px 10px 5px; float: left; position: relative; text-align: center; }
#ShopLeft li p { text-align: left; font: 12px Tahoma, Helvetica, sans-serif; background-color: #E8E8E8; padding: 5px;}
#ShopLeft li p strong { font: 17px Tahoma, Helvetica, sans-serif; }
#ShopLeft li p a { font: 12px Tahoma, Helvetica, sans-serif; color: #DF176C; text-decoration: none; }
#ShopLeft li p a:hover { color: #DF176C; border-bottom: 1px solid #DF176C; }
#ShopLeft img { margin-top: 2px; background: #fff; border: solid 1px #fff; }
#ShopLeft li span { width: 20px; height: 18px; display: block; position: absolute; bottom: 170px; right: 20px; }  
#ShopLeft .photo { background: url(../images/photo.gif) no-repeat; }
#ShopLeft a:hover img  { border-color: #E8E8E8; }
#ShopLeft a:hover span { background-position: left -22px; }

#ShopRight { width:380px; float:right; text-align: right; }

#ShopTitle { width:100%; padding:2px 5px 2px 5px; font: 17px Tahoma, Helvetica, sans-serif; color: #DF176C; background-color: #E8E8E8; margin-bottom: 10px;} 



input.Shop, select.Shop, textarea.Shop { font: 12px Tahoma, Helvetica, sans-serif; color: #555; padding: 1px 3px; background: #fff; border: 0.5px solid #E8E8E8; }
input.Shop:hover, input.Shop:focus, select.Shop:hover, select.Shop:focus, textarea.Shop:hover, textarea.Shop:focus { color: #333333; border: 0.5px solid #999999;}

.buttonShop, .buttonShop:hover { font: 12px Tahoma, Helvetica, sans-serif; color: #FFFFFF; background: #8D0000 url(../images/Button.gif) repeat-x top center; border: 1px solid #E8E8E8; }

/************************************************************************************************************
        SAVE AS
************************************************************************************************************/
#navigation { height: 29px; margin: 0; padding: 0; }  
#navigation ul { height: 29px; float: right;  list-style-type: none;}
#navigation ul li a { display: block; height:  29px; list-style-type: none;}
#navigation a.Login { width: 220px; background: url("../images/Navigation.jpg") no-repeat -440px top; }
#navigation a.Login:hover { width: 220px; background: url("../images/Navigation.jpg") no-repeat -440px bottom; }                             
#navigation a.Html { width: 220px; background: url("../images/Navigation.jpg") no-repeat -220px top; }                                
#navigation a.Html:hover { width: 220px; background: url("../images/Navigation.jpg") no-repeat -220px bottom; }                  
#navigation a.Flash { width: 220px; background: url("../images/Navigation.jpg") no-repeat left top; }                                
#navigation a.Flash:hover { width: 220px; background: url("../images/Navigation.jpg") no-repeat left bottom; }
