/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/nov/2014, 10:30:00
    Author     : Marcelo <lmarcelocc@gmail.com>
*/

/* Prevent the slideshow from flashing on load */
#slides {
  box-shadow: 4px 4px 5px #888888;
  display: none;
	height: 215px;
}

#slides img {
    width: 760px;
		height: 215px;
}

/* Center the slideshow */
.container {
  padding-left: 10px;  
  width: 760px;
  margin: 0 auto
}

.slidesjs-pagination {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/* float: right; */
	list-style: none;
	position: relative;
	top: -26px;
	z-index: 10;
}

.slidesjs-pagination li {
	/* float: left; */
	margin: 0 1px;
	display: inline-block;
}

.slidesjs-pagination li a {
	display: inline-block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(pagination.png);
	background-position: 0 0;
	/* float: left; */
	overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -26px;
}

/* Show active item in the pagination */
.slidesjs-pagination .active {
  color:red;
}


/* Media quires for a responsive layout 

 For tablets & smart phones 
@media (max-width: 767px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container {
    width: auto
  }
}

 For smartphones 
@media (max-width: 480px) {
  .container {
    width: auto
  }
}

 For smaller displays like laptops 
@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 724px
  }
}

 For larger displays 
@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
}*/