/*
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 : 15/04/2019, 01:17:13 PM
    Author     : Cesar Maya
*/
.cuerpo{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 80px;        
    font-family: 'Open Sans', sans-serif;
    font-size: 14pt;
    min-height: 438px;
}
.pestanasGolf{
    width: 100%;
    text-align: left;
}
@media (max-width:767px){
    .contenidoHistoriaGolf{
        width: 98%;
        margin: auto;
    }
    .tituloHistoriaGolf{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tituloHistoriaGolf h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .parrafoGolf{
        width: 100%;
        
    }
    .parrafoGolf img{
        width: 100%;
    }
    .parrafoGolf p{
        font-size: 1em;
    }
    /* Slider Certificaciones */
    .tituloSliderHistoria{
        width: 100%;
        text-align: center;
    }
    .tituloSliderHistoria h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .reconocimientosGolf{
	width: 100%;
	margin: auto;
}
.container{
	margin: 4% auto;
	width: 60%;
        height: 100%;
        min-height: 160px;
	perspective: 1000px;
}
#carousel{
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	animation: rotation 30s infinite linear;
}
#carousel:hover{
	animation-play-state: paused;
}
#carousel figure{
	display: block;
	position: absolute;
	width: 80%;
	height: auto;
	left: 10px;
	top: 10px;
	background: black;
	overflow: hidden;
	border: solid 5px black;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(218px);}
#carousel figure:nth-child(2) { transform: rotateY(51.43deg) translateZ(218px);}
#carousel figure:nth-child(3) { transform: rotateY(102.86deg) translateZ(218px);}
#carousel figure:nth-child(4) { transform: rotateY(154.29deg) translateZ(218px);}
#carousel figure:nth-child(5) { transform: rotateY(205.71deg) translateZ(218px);}
#carousel figure:nth-child(6) { transform: rotateY(257.14deg) translateZ(218px);}
#carousel figure:nth-child(7) { transform: rotateY(308.57deg) translateZ(218px);}


@keyframes rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}

    /* fin certificaciones */
}
@media only screen and (min-width:768px) and (max-width:1068px){
    .contenidoHistoriaGolf{
        width: 90%;
        margin: auto;
    }
    .tituloHistoriaGolf{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tituloHistoriaGolf h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .parrafoGolf{
        width: 100%;
        
    }
    .parrafoGolf img{
        width: 60%;
        margin: 10px;
    }
    .parrafoGolf p{
        font-size: 1em;
    }
    /* Slider Certificaciones */
    .tituloSliderHistoria{
        width: 100%;
        text-align: center;
    }
    .tituloSliderHistoria h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .reconocimientosGolf{
	width: 100%;
	margin: auto;
}
.container{
	margin: 4% auto;
	width: 30%;
        height: 100%;
        min-height: 160px;
	perspective: 1000px;
}
#carousel{
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	animation: rotation 30s infinite linear;
}
#carousel:hover{
	animation-play-state: paused;
}
#carousel figure{
	display: block;
	position: absolute;
	width: 80%;
	height: auto;
	left: 10px;
	top: 10px;
	background: black;
	overflow: hidden;
	border: solid 5px black;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(218px);}
#carousel figure:nth-child(2) { transform: rotateY(51.43deg) translateZ(218px);}
#carousel figure:nth-child(3) { transform: rotateY(102.86deg) translateZ(218px);}
#carousel figure:nth-child(4) { transform: rotateY(154.29deg) translateZ(218px);}
#carousel figure:nth-child(5) { transform: rotateY(205.71deg) translateZ(218px);}
#carousel figure:nth-child(6) { transform: rotateY(257.14deg) translateZ(218px);}
#carousel figure:nth-child(7) { transform: rotateY(308.57deg) translateZ(218px);}


@keyframes rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}

    /* fin certificaciones */
}
@media (min-width:1069px){
    
    
    .contenidoHistoriaGolf{
        width: 80%;
        margin: auto;
    }
    .tituloHistoriaGolf{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tituloHistoriaGolf h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .parrafoGolf{
        width: 100%;
        
    }
    .parrafoGolf img{
        width: 40%;
        margin: 10px;
    }
    .parrafoGolf p{
        font-size: 1em;
    }
    /* Slider Certificaciones */
    .tituloSliderHistoria{
        width: 100%;
        text-align: center;
    }
    .tituloSliderHistoria h3{
        font-size: 1.5em;
        font-weight: bold;
        color: #6EA205;
    }
    .reconocimientosGolf{
	width: 60%;
	margin: auto;
}
.container{
	margin: 4% auto;
	width: 30%;
        height: 100%;
        min-height: 160px;
	perspective: 1000px;
}
#carousel{
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	animation: rotation 30s infinite linear;
}
#carousel:hover{
	animation-play-state: paused;
}
#carousel figure{
	display: block;
	position: absolute;
	width: 80%;
	height: auto;
	left: 10px;
	top: 10px;
	background: black;
	overflow: hidden;
	border: solid 5px black;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(218px);}
#carousel figure:nth-child(2) { transform: rotateY(51.43deg) translateZ(218px);}
#carousel figure:nth-child(3) { transform: rotateY(102.86deg) translateZ(218px);}
#carousel figure:nth-child(4) { transform: rotateY(154.29deg) translateZ(218px);}
#carousel figure:nth-child(5) { transform: rotateY(205.71deg) translateZ(218px);}
#carousel figure:nth-child(6) { transform: rotateY(257.14deg) translateZ(218px);}
#carousel figure:nth-child(7) { transform: rotateY(308.57deg) translateZ(218px);}


@keyframes rotation{
	from{
		transform: rotateY(0deg);
	}
	to{
		transform: rotateY(360deg);
	}
}

    /* fin certificaciones */
}