/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';


/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline. */
   /*.container { background: url(lib/grid.png); }*/


/* Ale mele */

#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}


#fade li
{
list-style-type: none;
}

h1.orange
{
font-size: 2.18em;
color: #ff5100;
}
.gvIIContainer{
		width:300px;
		position:relative;
		padding:10px;
	}
	.gvIIContainer .gvIIImgContainer{
		width:370px;
		height:230px;
		position:relative;
		overflow:hidden;
		border: 3px solid #ff5100;
		margin-bottom:10px;
		background-image: url('http://www.foto-imobiliare.ro/images/generic.jpg');
	}
	.gvIIContainer .gvIIImgContainer .gvIILoader{
		background: url(/articles/jqGalViewII/common/img/ajax-loader.gif) no-repeat center center;
		width:3109px;
		height:370px;
		display:none;
	}
	.gvIIContainer .gvIIHolder{
		position:relative;
		height:80px;
		width:370px;
		overflow:auto;
	}
	.gvIIContainer .gvIIHolder .gvIIArrow{

		background:url(/experiments/jqGalViewII/common/img/arrow.png);
		width:20px;
		height:28px;
		position:absolute;
		margin-left:-15px;
		margin-top:-28px;
		z-index:99;

	}
	.gvIIContainer .gvIIHolder .gvIIItem{
		float:left;
		height:53px;
		width:86px;
		border:2px solid #2659ac;
		margin:2px;
		position:relative;
		overflow:hidden;
	}
	.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
		background:#fff;
		position:absolute;
		top:0;
		left:0;
		height:53px;
		width:86px;
		cursor:pointer;
	}
	.gvIIContainer .gvIIHolder .gvIIItem img{
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		margin-left:0;
		margin-top:0;
		border:none;
		cursor:pointer;
	}
	.rounded {
	padding:5px;
	background: #eeeeee;
	margin-bottom: 5px;