/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:100%;
	margin:0px auto;
	overflow: hidden;
	background: url(../Imagenes/progresobambini.gif) no-repeat 50% 50%;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width:100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:11;
	cursor:pointer;
	width:30px;
	height:30px;
	background: url(../Imagenes/flechasnegras.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity:0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


.nivoSlider:hover .nivo-directionNav a {
	opacity:0.8;
}
.nivoSlider .nivo-directionNav a:active {
	position:absolute;
	top:45%;
	z-index:11;
	cursor:pointer;
	width:30px;
	height:30px;
	background:url(../Imagenes/flechas.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity:1;
}

.nivo-directionNav:active a.nivo-nextNav {
	background-position:-30px 0;
	right:460px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:460px;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:460px;
}
a.nivo-prevNav {
	left:460px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:relative;
	z-index:6;
	margin-top:-20px;
	margin-left:70%;
}

.nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	cursor:pointer;
	background: url(themes/default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
} 

@media only screen and (min-width:1501px) and (max-width:1680px) {

.nivo-directionNav:active a.nivo-nextNav {
	right:380px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:380px;
}

a.nivo-nextNav {
	right:380px;
}
a.nivo-prevNav {
	left:380px;
}

}

@media only screen and (min-width:1400px) and (max-width:1500px) {
.nivo-directionNav:active a.nivo-nextNav {
	right:240px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:240px;
}

a.nivo-nextNav {
	right:240px;
}
a.nivo-prevNav {
	left:240px;
}
}

@media only screen and (min-width:1300px) and (max-width:1399px) {

.nivo-directionNav:active a.nivo-nextNav {
	right:200px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:200px;
}

a.nivo-nextNav {
	right:200px;
}
a.nivo-prevNav {
	left:200px;
}
}

@media only screen and (min-width:1200px) and (max-width:1299px) {

.nivo-directionNav:active a.nivo-nextNav {
	right:160px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:160px;
}

a.nivo-nextNav {
	right:160px;
}
a.nivo-prevNav {
	left:160px;
}
}

@media only screen and (min-width:1000px) and (max-width:1199px) {

.nivo-directionNav:active a.nivo-nextNav {
	right:10px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:10px;
}

a.nivo-nextNav {
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}
}


@media only screen and (min-width: 801px) and (max-width: 999px) {
.nivoSlider {
	height:100%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:10px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:10px;
}

a.nivo-nextNav {
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:80%;
}
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
	
.nivoSlider {
	height:100%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:5px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:5px;
}

a.nivo-nextNav {
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:80%;
}
	
}

@media only screen and (min-width: 700px) and (max-width: 768px) {
.nivoSlider {
	height:100%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:5px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:5px;
}

a.nivo-nextNav {
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:80%;
}
}

@media only screen and (min-width:600px) and (max-width:699px) {

.nivo-directionNav a {
	top:40%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:5px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:5px;
}

a.nivo-nextNav {
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:65%;
}

}

@media only screen and (min-width: 440px) and (max-width:599px) {

.nivoSlider {
	height:100%;
}

.nivo-directionNav a {
	top:40%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:5px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:5px;
}

a.nivo-nextNav {
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin-left:65%;
}

}
/*
@media only screen and (min-width: 320px) and (max-width:439px) {

.nivoSlider {
	height:100%;
}

.nivo-directionNav a {
	top:35%;
}

.nivo-directionNav:active a.nivo-nextNav {
	right:2px;
}
.nivo-directionNav:active a.nivo-prevNav {
	left:2px;
}

a.nivo-nextNav {
	right:2px;
}
a.nivo-prevNav {
	left:2px;
}

/* Control nav styles (e.g. 1,2,3...) */
/* .nivo-controlNav {
	display:none;
}

}*/