@font-face {
  font-family: 'Montserrat', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
	background-color: #333333;
	overflow-x:hidden;
	/*background-attachment: fixed;*/
}

#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 1024px;
    height: 100%;
    /*background-color: rgba(146, 222, 222, 0.5);*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
	margin-top: 0px;
	padding-top: 0px;
}

.headerClientes {
	width: 100%;
	height:696px;
	background-image:url(../img/ClientesHeader.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: flex; /* estos 3 últimos pasos son para alinear el texto a lo alto y ancho */
    justify-content: center;
    align-items: center;
}

.headerClientes h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:100px;
    font-weight: 900;
	text-align:center;
	color:#FFF;
    text-shadow: 2px 2px 5px #333333;
}

.carousel-Clientes {
    width: 100%;
    height: auto;
    background-color: rgba(255,255,255,1);
    display: flex;
    align-items: center;
}

.imagen-responsiva {
    max-width: 100%;
    height: auto;
}


#ClientesInfo {
    width: 100%;
	height:488px;
	background-image: url(../img/ClientesInfo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;    
}


.boxClientesInfo p {
    width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 1% 20% 1% 20%;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(255,255,255,1);
    text-align: center;
}

.OpinionHeader {
    width: 100%;
    height: auto;
    background-image: url(../img/backHeader.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    box-shadow: 0px 10px 10px #bdb7b9;
}

.OpinionHeader h3 {
    font-family: 'Montserrat', sans-serif;
	font-size:30px;
    font-weight: 900;
	text-align:center;
	color:#FFF;
    text-shadow: 2px 2px 5px #b65e23; /* sombra: x y radio color*/
    margin: 20px 0;
}

#conteItemsCarrusel {
    height: 333px;
    overflow: hidden;
}

.itemCarrusel {
    width: 100%;
    height: 100%;
    position: relative;
}

.tajetasCarrusel {
    height: 100%;
}

.flechasCarrusel {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.logo {
    width: 200px;
    height: 200px;
    margin-left: 150px;
    margin-right: 100px;
    align-self: center;
}

.Testimonio1 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio1 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}

.Testimonio2 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio2 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}

.Testimonio3 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio3 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}

.Testimonio4 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio4 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}

.Testimonio5 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio5 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}

.Testimonio6 {
	width: 100%;
	height:333px;
	display: flex;
    align-content: center;
    justify-content: center;
}

.Testimonio6 p {
	width: 100%;
    height: auto;
    margin-right: 150px;
    align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}









/**************************************************************************************************
                                        MEDIA QUERIES DE TABLETA
**************************************************************************************************/

/* Media Queries para la tableta */
@media only screen and (min-width:720px) and (max-width:1023px){
#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 720px;
    /*background-color: rgba(210, 146, 222, 0.5);*/
}

.headerClientes {
	width: 100%;
	height:auto;
    padding: 30% 0;
}    
    
.headerClientes h3 {
	font-size:90px;
} 
        
#ClientesInfo {
    max-width: 100%;
    height: auto;
} 
    
.boxClientesInfo p {
    padding: 1% 20% 1% 20%;
}
    
.OpinionHeader h3 {
	font-size:30px;
}    
    
#conteItemsCarrusel {
    height: 400px;
    overflow: hidden;
}
     
    
.logo {
    width: 150px;
    height: 150px;
    margin-left: 100px;
    margin-right: 50px;
}    
    
.Testimonio1 {
	height:400px;
}

.Testimonio1 p {
	font-size: 20px;
    margin-right: 100px;
}
    
.Testimonio2 {
	height:400px;
}    

.Testimonio2 p {
	font-size: 20px;
    margin-right: 100px;
}
    
.Testimonio3 {
	height:400px;
}    

.Testimonio3 p {
	font-size: 20px;
    margin-right: 100px;
}
    
.Testimonio4 {
	height:400px;
}    

.Testimonio4 p {
	font-size: 20px;
    margin-right: 100px;
}
    
.Testimonio5 {
	height:400px;
}    

.Testimonio5 p {
	font-size: 20px;
    margin-right: 100px;
}
    
.Testimonio6 {
	height:400px;
}    

.Testimonio6 p {
	font-size: 20px;
    margin-right: 100px;
}    
    
    
    
    
    
    

}    


/**************************************************************************************************
                                        MEDIA QUERIES DE MOBILE
**************************************************************************************************/

@media only screen and (min-width:320px) and (max-width:719px){    
#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 320px;
    /*background-color: rgba(122, 146, 226, 0.5);*/
}
    
.headerClientes {
	width: 100%;
	height:auto;
    padding: 25% 0;
}    

.headerClientes h3 {
	font-size:60px;
}
    
#ClientesInfo {
    max-width: 100%;
    height: auto;
} 
    
.boxClientesInfo p {
    padding: 2% 15% 2% 15%;
    font-size: 18px;
}     
        
    
.OpinionHeader h3 {
	font-size:30px;
} 
        
    
#conteItemsCarrusel {
    height: 500px;
}
    
.logo {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}    
    
    
.Testimonio1 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}

.Testimonio1 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
.Testimonio2 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}    

.Testimonio2 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
.Testimonio3 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}    

.Testimonio3 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
.Testimonio4 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}    

.Testimonio4 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
.Testimonio5 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}    

.Testimonio5 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
.Testimonio6 {
    display: inline-block;
    justify-content: center;
    text-align: center;
	height:500px;
}    

.Testimonio6 p {
	font-size: 16px;
    padding-left: 80px;
    padding-right: 80px;
}
    
    
    
    
}