@import url <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300' rel='stylesheet' type='text/css'>
    
*{margin: 0; padding: 0;}

html {background: #f6f6d9;
    font-size: 16px;}

/*********************************header*************************************/

header {width: 960px;
    background: #F67FF5; 
    width: 100%;
    height: 170px;
    margin-bottom: -5px;    
    text-align: right;
}
body {width: 960px; margin: 0 auto;}

.redes {margin: -100px 30px 0 0;
    position: relative;
    float: right;}
    
header ul {
    list-style-type: none; 
    position: absolute;
    float: center;
    margin: -75px 10px 0 0;   
}

header ul li {
    position: relative;
    padding: 10px 50px 10px 10px;
}

header ul li a {font-family: "Roboto Slab", sans-serif;
    font-size: 300;
    font-size: 0.9rem;
    -webkit-filter: grayscale(0.5);
}

header ul li a:hover {
    -webkit-filter: grayscale(0);
}

.logo {
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
    min-width: 5%;
    max-width: 10%;
}


/*********************************content*************************************/
.contenedor2 {width: 960px;
    margin: 0 auto 0 auto;
}
.contenedor {
    max-width: 960px;
    margin: 0 auto 0 auto;
}


h1 {font-family: "Roboto Slab", sans-serif;
    font-size: 700;
    font-size: 2rem;
    margin: 10px o 20px 0;
}

h2 {font-family: "Roboto Slab", sans-serif;
    font-size: 400;
    color: #da97fd;
    font-size: 2rem;
    margin: 0px 0px 5px 60px;
}

p {font-family: "Roboto Slab", sans-serif;
    font-size: 300;
    font-size: 0.9rem;
    padding: 20x 0 60px 0;
}


nav {text-align: center;
    width: 50%;
    font-family: "Roboto Slab", sans-serif;
    font-size: 400;
    font-size: 1rem;
    min-height: 60px;
    width: 960px;
    box-sizing: border-box;
    text-align: center;
    background-position: center;
    margin-bottom: 0px;
    margin: 70px 0px 0px 0px;
    
}
nav ul li { list-style-type: none;
    font-family: "Roboto Slab", sans-serif;
    font-size: 1rem;
    float: left;
    margin: 10px 12px 10px 12px;
    }

nav ul li:hover {background-color: #47e4e0;}

nav ul li a { font-family: "Roboto Slab", sans-serif;
    font-size: 300;
    font-size: 0.8rem;   
    text-align: center;
    color: #ffffff;
    background: none;
    padding: 40px 30px 5px 25px;
    text-decoration: none;
    }

span {text-align: center;
    font-style: oblique;}
    

.info1 {width: 960px; text-align: center;
        font-family: "Roboto Slab", sans-serif;
        text-align: center;
        margin: auto;
        
}
.info1 p {width: 100%;
    text-align: center;
    font-family: "Roboto Slab", sans-serif;
    text-align: center;
    margin: 80px 0 20px 0;}


.deportes {margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 100%;}

.separador {
    max-width: 960px;
    margin: 0 auto 0 auto;
    clear: both;}

/*********************************slider*************************************/

.slider-container {text-align: center;
    margin: 10px; padding: 0;
	width: 960px;
}

.slider-wrapper {width: 960px;
	position: relative;
	z-index: 90;
	height: 450px;
	width: 94%;
	border: 5px solid #47e4e0;
	overflow: hidden;
}

.slider-wrapper li {
	display: none;
}

li.slide-current {
	display: block;
}

.slider-wrapper li img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
}

/**
 * Caption
 ----------------------------------------*/
.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #5f81e4;
	padding: 12px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.caption-title {font-family: "Roboto Slab", sans-serif;
	color: #F67FF5;
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.caption p {font-family: "Roboto Slab", sans-serif;
	color: #FFF;
    font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.3rem;
    margin: 10px;
}

.slider-wrapper li:hover .caption {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
 * Controles del Slider
 ----------------------------------------*/
.slider-controls {text-align: center;
	margin-top: 10px;
}

.slider-controls li {text-align: center;
	background: #5f81e4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 0 4px 20px 0;
	cursor: pointer;
}

.slider-controls li.active {text-align: center;
	background: #f67ff5;	
}

/*********************************COLUMNAS*************************************/
.columnasinfo {width: 960%; margin: 0 auto;}

.columna-novedades-uno {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 312px;
    }

.columna-novedades-uno a {
        text-decoration: none;
}
.columna-instrucciones-uno {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 312px;
    }

.columna-instrucciones-uno a {
        text-decoration: none;
}

.columna-agenda-uno {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 312px;
    }

.columna-agenda-uno a {
        text-decoration: none;
}

#novedades:hover {width: 312px;
position: relative;
float: left;
}

.titulo-novedades-cajas:hover {
    font-family: "Roboto Slab", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin: auto;
    padding-top: 5px;
    text-decoration: none;
    text-align: center;
}

.titulo-novedades-cajas {font-family: "Roboto Slab", sans-serif;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    color: #f6f6d9;
    margin: auto;
    padding-top: 5px;  
    text-align: center;
}

.titulo-novedades {font-family: "Roboto Slab", sans-serif;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 300;
    color: #f67ff5;
    margin: auto;
    padding-top: 5px;  
    text-align: center;
}

.texto-novedades {font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-weight: 300;
    font-size: 1rem;
    background: #47e4e0;
    color: black;
    word-wrap: break-word;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    border-bottom: 5px solid #f67ff5;
    min-height: 200px;
    margin-bottom: 50px;
    }

.titulo-novedades:hover {font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin: auto;
    padding-top: 5px;
    text-decoration: none;
    text-align: center;
}


/*********************************footer*************************************/

footer {width: 960px;
    text-align: center;
    margin: auto;
}
footer p {background: #5f81e4;
    font-family: "Roboto Slab", sans-serif;
    font-size: 0.7rem;
    text-align: center;
    padding: 15px 90px 90px 90px;
    line-height: 150%;
    clear: both;
}

#logo1 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 170px;
    -webkit-filter: grayscale(1);
}

#logo1 img:hover {
    -webkit-filter: grayscale(0);
}

#logo2 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 22px;
    -webkit-filter: grayscale(1);
}

#logo2 img:hover {
    -webkit-filter: grayscale(0);
}

#logo3 img {
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 0 30px 20px;
    -webkit-filter: grayscale(1);
}

#logo3 img:hover {
    -webkit-filter: grayscale(0);
}

#logo4 img{
    position: relative;
    float: right;
    min-height: 100px;
    min-width: 14.5%;
    margin: 0 170px 30px 0;
    -webkit-filter: grayscale(1);    
}

#logo4 img:hover {-webkit-filter: grayscale(0);
}

a {color: #00c5b9;
   text-decoration: none;
}

ul {text-align: center;
	list-style-type: none;
}



/*********************************responsive*************************************/

@media only screen and (max-width: 825px) {
	.slider-container {
		width: 500px;
	}

	.slider-wrapper {
		height: 260px;
	}
}

@media only screen and (max-width: 535px) {
	.slider-container {
		padding: 5px;
		width: 100%;
	}

	.slider-wrapper {
		height: 200px;
	}

	.caption {
		display: none;
	}
}
@media only screen and (max-width: 410px) {
	.slider-wrapper {
		height: 160px;
	}
}

.separador {clear: both;}