/* CSS Document */
body
{
	margin:0 0 0 0;
	font-family:sans-serif;
	background-color:#EEEEEE;
	color:#333333;
}
h1 { color:#0080C0; text-align:left; font-family:'Didact Gothic',sans-serif; }
h2 { color:#005680; font-family:'Didact Gothic',sans-serif; }
h3 { color:#666666; font-family:'Didact Gothic',sans-serif; }
img { width:100%; }

a {	color:#004080;	text-decoration:none; }
a:hover {	text-decoration:underline; }

.gradiente2 {
  background: blue; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,64,128,1) , skyblue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,64,128,1), skyblue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,64,128,1), skyblue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,64,128,1) , skyblue); /* Standard syntax */
}

.gradiente
{
background: rgba(41,133,46,1);
background: -moz-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,133,46,1)), color-stop(100%, rgba(39,205,230,0.5)));
background: -webkit-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -o-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -ms-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: linear-gradient(to right, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29852e', endColorstr='#27cde6', GradientType=1 );
}

.justificado { text-align:justify; }

.enlace-titulo 			{ color:#8C008C; text-decoration:none; font-weight:bold; font-size:1.2em; }
.enlace-titulo:hover 	{ color:#FF00FF; }
.enlace-derecha 		{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
.enlace-derecha:hover 	{ text-decoration:none; color:#FFCC00; }
.enlace-cabecera { font-weight:bold; }
.enlace-cabecera-seccion { font-weight:bold; color:#EAF4FF;; }
.enlace-cabecera-seccion:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; }
.enlace-imagen-inicio
{
	opacity: .9;
	-moz-opacity: .9;
	filter:alpha(opacity=90);
}
.enlace-imagen-inicio:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.enlace-blanco
{
	color:#8A8AFF;
}

#wrapper {
    width: 1200px;
    transform: translate3d(0, 0, 0);
	transition: transform .5s ease-in-out;
}
.content {
    float: left;
    width: 600px;
    height: 500px;
    white-space: normal;
    background-repeat: no-repeat;
}
#itemOne {
}
#itemTwo {
}
#itemThree {
    background-color: #1E90FF;
    background-image: url("../imagenes/portada-s3.jpg");
}
#itemFour {
    background-color: #DC143C;
    background-image: url("../imagenes/portada-s4.jpg");
}
#contentContainer {
    width: 600px;
    height: 500px;
    overflow: hidden;
}

#navLinks {
    text-align: center;
    width: 1024px;
}
#navLinks ul
{
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 4px;
    }
#navLinks ul li {
            float: left;
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            background-color:#00CCFF;
            padding: 5px;
            border-radius: 50%;
            border: black 5px solid;
        }
#navLinks ul li:hover {
                background-color:#FFFFFF;
            }
#navLinks ul li.active {
                background-color:#006699;
                color: #FFFFFF;
                outline-width: 7px;
            }
#navLinks ul li.active:hover {
                    background-color:#004080;
                    color: #FFFFFF;
                }
				
.imagen-producto-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-shadow:0px 0px 2px #000000; text-align:center;}
.imagen-producto-link:hover{background-color:#004000;}
.imagen-producto{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.

#slideshow {
  margin: 80px auto;
  position: relative;
  width: 100%;
  height: 450px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position:relative;
}

#slideshow > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}