.titular-servicios{
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	height:70%;
	background-image:linear-gradient(90deg, rgba(0, 60, 111, 0.8) 0%, rgba(0, 60, 111, 0) 100%), url(../img/servicios/banner.jpg);
  	background-attachment:fixed;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}



@media(max-width:1023px){
	.titular-servicios{height:50%; height:250px; background-attachment:inherit;}
}



.titular-servicios .titulo{
	position:absolute;
	top:50%;
	left:inherit;
	transform:translate(0%,-50%);
	margin:0px;
	padding:0px 16px;
}



.titular-servicios .titulo h1{
	margin:0px;
    padding:0px;
    font-family:'Roboto', sans-serif;
	font-weight:700;
    font-size:3rem;
	letter-spacing:3px;
    color:white;
}



@media(max-width:1023px){
	.titular-servicios .titulo h1{font-size:2rem; letter-spacing:2px;}
}



#disposicion-servicios{
	margin:64px 0px;
	padding:0px;
	background-color:white;
}



@media screen and (max-width:680px){
	#disposicion-servicios{margin:32px 0px;}
}



@media screen and (max-width:680px){
	#triple-columna{width:100%;}
}
@media screen and (min-width:681px) and (max-width:1023px){
	#triple-columna{width:50%;}
}
@media screen and (min-width:1024px){
	#triple-columna{width:33.333333%;}
}



#servicios{
	margin:32px 16px;
	padding:0px;
}



#servicios img{
	width:100%;
	height:auto;
	margin-bottom:16px;
	box-shadow:4px 4px 4px rgb(0, 0, 0, 0.5);
}



#servicios article{
	width:100%;
}



#servicios article h2{
	margin:0px 0px 24px;
	padding:0px;
	text-align:center;
	
}



#servicios article h2 a{
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.6rem;
	color:rgb(0, 60, 111);
	transition:all 0.3s;
}



#servicios article h2 a:hover{
	text-decoration:none;
	color:rgb(255, 191, 63);
}



#servicios article p{
	margin:0px;
	padding:0px;
	text-align:justify;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:0.9rem;
    line-height:22px;
    color:#666;
}



/*--------------------------------------Servicio Seleccionado-------------------------------------------------------*/



.banner-seleccionado{
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	height:70%;
  	background-attachment:fixed;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}



@media(max-width:1023px){
	.banner-seleccionado{height:50%; height:250px; background-attachment:inherit;}
}



#SGE{
	background-image:url(../img/servicios/gestion-empresarial.jpg);
}
#SC{
	background-image:url(../img/servicios/contable.jpg);
}
#ST{
	background-image:url(../img/servicios/tributario.jpg);
}
#SF{
	background-image:url(../img/servicios/financiero.jpg);
}
#CL{
	background-image:url(../img/servicios/logistico.jpg);
}
#SI{
	background-image:url(../img/servicios/informatico.jpg);
}



#seleccion-servicios{
	margin:64px 0px;
	padding:0px;
	background-color:white;
}



@media screen and (max-width:680px){
	#seleccion-servicios{margin:32px 0px;}
}



#servicio-seleccionado{
	margin:32px 0px;
	padding:0px 16px;
	overflow:auto;
}



@media screen and (max-width:680px){
	#servicio-seleccionado{margin:16px 0px;}
}



#servicio-seleccionado h2{
	margin:0px 0px 24px;
	padding:0px;
	text-align:left;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:2rem;
	color:rgb(0, 60, 111);
}



@media screen and (max-width:1023px){
	#servicio-seleccionado h2{font-size:1.6rem;}
}



#servicio-seleccionado .raices-servicio{
	overflow:hidden;
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-titulo{
	display:inline-block;
	margin:0px;
	padding:16px 16px 16px 26.33px;
	background:inherit;
	text-align:left;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1rem;
	color:#666;
	font-weight:bold;
	cursor:pointer;
	line-height:1.2rem;
	text-decoration:none;
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-titulo:before{
    content:"\27a4";
	margin-left:-26.33px;
	padding:0px 10px 0px 0px;
	color:rgb(0, 60, 111);
	transition:0.3s ease;
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-titulo.active:before{  
	padding:0px 5px;
	color:rgb(255, 191, 63);
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido{
	display:none;
	margin:16px 0px;
	padding:0px 16px 0px 26.330px;
}



@media screen and (max-width:680px){
	#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido{padding:0px;}
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido p{
	margin:0px;
	padding-right:16px;
	text-align:justify;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:0.9rem;
    line-height:22px;
    color:#666;
}



@media screen and (max-width:680px){
	#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido p{padding:0px;}
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido ul{
	margin:0px;
	padding-left:16px;
	list-style-type:disc;
}



#servicio-seleccionado .raices-servicio .acordeon .acordeon-contenido ul li{
	margin:0px;
    padding:8px 0px;
	text-align:left;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:0.9rem;
    line-height:22px;
    color:#666;
}



#servicio-seleccionado .pdf{
	display:inline-block;
	float:right;
	margin:24px 0px 0px;
    padding:13px 16px;
    background-color:#900;
	border-radius:5px;
	text-align:center;
    font-size:1.2rem;
    color:white;
    outline:none;
}


#cuadro-espacio{
    position:relative;
    width:100%;
    height:100%;
}


@media(max-width:1023px){
	#cuadro-espacio{height:80px;}
}


#cuadro-espacio a.button{
    position:absolute;
    right:0;
    bottom:0;
    margin:0px 16px 32px 0px;
    padding:10px 20px;
    background-color:rgb(255, 191, 63);
    border:none;
    border-radius:5px;
    font-family:'Roboto', sans-serif;
    font-weight:700;
    font-size:1rem;
    color:white;
    letter-spacing:1px;
    text-decoration:none;
    outline:none;
}


@media(max-width:1023px){
	#cuadro-espacio a.button{margin:0px 16px 16px 0px;}
}