@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;
}

.headerServicios {
	width: 100%;
	height:696px;
	background-image:url(../img/ServiciosHeader.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;
}

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


#conteItemsCarrusel {
    height: 550px;
    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;
}

.Servicio1 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio1 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}


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

.Servicio2 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio2 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

.Servicio3 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio3 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

.Servicio4 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio4 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

.Servicio5 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio5 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

.Servicio6 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio6 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

.Servicio7 {
	width: 100%;
    height: 550px;
	background-image:url(../img/Serv7.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: inline-block;
    align-content: center;
    justify-content: center;
}

.Servicio7 h3 {
	width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 900;
    color: rgba(243,111,33,1);
    text-align: left;
}

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

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





/**************************************************************************************************
                                        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);*/
}

.headerServicios {
	width: 100%;
	height:auto;
    padding: 30% 0;
}    
    
.headerServicios h3 {
	font-size:90px;
}
    
    
    
#conteItemsCarrusel {
    height: 550px;
    overflow: hidden;
}
    
.Servicio1 {
    height: 550px;
}    
    
.Servicio1 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio1 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio2 {
    height: 550px;
}    
    
.Servicio2 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio2 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio3 {
    height: 550px;
}    
    
.Servicio3 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio3 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio4 {
    height: 550px;
}    
    
.Servicio4 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio4 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio5 {
    height: 550px;
}    
    
.Servicio5 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio5 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio6 {
    height: 550px;
}    
    
.Servicio6 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio6 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}
    
.Servicio7 {
    height: 550px;
}    
    
.Servicio7 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 28px;
}

.Servicio7 p {
    padding: 0 15% 1% 15%;
	font-size: 20px;
}    
    

}    


/**************************************************************************************************
                                        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);*/
}
    
.headerServicios {
	width: 100%;
	height:auto;
    padding: 25% 0;
}    

.headerServicios h3 {
	font-size:60px;
}
    
    
#conteItemsCarrusel {
    height: 550px;
    overflow: hidden;
}
    
.Servicio1 {
    height: 550px;
}    
    
.Servicio1 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio1 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio2 {
    height: 550px;
}    
    
.Servicio2 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio2 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio3 {
    height: 550px;
}    
    
.Servicio3 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio3 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio4 {
    height: 550px;
}    
    
.Servicio4 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio4 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio5 {
    height: 550px;
}    
    
.Servicio5 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio5 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio6 {
    height: 550px;
}    
    
.Servicio6 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio6 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}
    
.Servicio7 {
    height: 550px;
}    
    
.Servicio7 h3 {
    padding: 1% 15% 1% 15%;
	font-size: 21px;
}

.Servicio7 p {
    padding: 0 15% 1% 15%;
	font-size: 15px;
}   
    
    
}