/*  galleria.css

website: cinziacasalino.com
content: picture gallery style definitions
author: Fabio Daniele <webmaster@cinziacasalino.com>

version: 1.5
date: 01.10.2008

release notes: 
- added thumbnails navigation
- added "original title" when the language is not ITA

*/

#thumbsWrapper {position:relative;left:60px;top:15px;margin-bottom:15px; width: 758px;}

#thumbs { overflow: hidden; width: 758px; }

#thumbsList { list-style: none; }
#thumbsList li {width:46px;height:46px;display:block;padding:3px; border:solid 1px #505050; float: left; margin-right: 10px }
#thumbsList li.selected {border:solid 1px #ffcc33}
#thumbsList li:hover{border-color:#ffcc33}
#thumbsList li img {height:46px;width:46px}
#thumbsList li a {height:46px;width:46px;display:block}

#thumbSx, #thumbsDx { position: absolute; display:none; width: 28px; height: 28px; background-image: url(/css/images/frecce.jpg); }
#thumbSx span, #thumbsDx span { display: none }

#thumbSx { top: 14px; left: -40px; background-position: bottom left; }
#thumbsDx { top: 14px; right: -40px; background-position: bottom right }

#thumbSx:hover { background-position: top left; cursor: pointer }
#thumbsDx:hover { background-position: top right; cursor: pointer }

#display{float:left}

#display img {padding:3px;border:solid 1px #505050}

#opera{width:900px;float:left;position:relative;left:60px;top:15px;margin-bottom:15px}

#infoOpera{font-family:arial,sans-serif;float:left}

#infoOpera table{position:relative;left:20px}

#infoOpera h3{background-image:url(images/infoOpera/info.gif);background-repeat:no-repeat;height:15px;width:100px;margin-bottom:10px;display:none}

#infoOpera h3 span{display:none}

#infoOpera td{font-size:11px;height:16px;vertical-align:top;padding-bottom:5px}

#infoOpera .label{width:70px;color:#ffcc33;background-color:black}

#infoOpera .field{width:200px}

#infoOpera .titolo{font-weight:bold}
#infoOpera .titolo span#originalTitle { font-weight: normal }