body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
}

.accordionRender .panel-counter {
	padding: 5px;
	font-size: 20px;
	color: #333;
	-moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-moz-transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	transform: rotate(-90deg) translateY(100%);
}

@media (max-width: 860px) {
	.accordionRender.custom-responsive .panel-counter {
		font-size: 16px;
		padding: 2px;
		bottom: 2px !important;
		left: 2px !important;
	}

	.accordionRender.custom-responsive .hide-medium-screen,
	#example3 .hide-medium-screen {
		display: none;
	}
}

@media (max-width: 640px) {
	.accordionRender.custom-responsive .as-layer,
	#example3.as-horizontal .as-layer {
		font-size: 12px;
	}

	.accordionRender.custom-responsive .hide-small-screen,
	#example3 .hide-small-screen {
		display: none;
	}
}

@media (max-width: 450px) {
	.accordionRender.custom-responsive .as-layer,
	#example3.as-horizontal .as-layer {
		font-size: 10px;
		padding: 2px;
	}
}

#example3 .as-panel {
	border: 2px solid #333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#example4 .text {
	padding: 15px;
	background-color: #F1F1F1;
	color: #222;
}

#example4 .title {
	font-size: 24px;
	margin: 0;
}

#example4 .description {
	font-size: 14px;
	line-height: 1.2;
}

#example4 .link {
	position: absolute;
	bottom: 0;
}

#example4 .link a {
	color: #000;
}

#example-xml .as-panel-counter {
	padding: 5px;
	font-size: 20px;
	color: #333;
	-moz-transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-moz-transform: rotate(-90deg) translateY(100%);
	-webkit-transform: rotate(-90deg) translateY(100%);
	transform: rotate(-90deg) translateY(100%);
}

.controls,
.example-description {
	margin-top: 30px;
	text-align: center;
}

.controls a {
	color: #333;
}

.controls span.custom-arrow {
	display: none;
}

  .accordion-slider {
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

        .accordion-slider * {
            -webkit-tap-highlight-color: transparent;
        }

        .accordion-slider .as-mask {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .accordion-slider .as-panels {
            position: absolute;
        }

        .accordion-slider.as-horizontal .as-panels {
            height: 100%;
        }

        .accordion-slider.as-vertical .as-panels {
            width: 100%;
        }

        .accordion-slider .as-panel {
            position: absolute;
            overflow: hidden;
        }

        .accordion-slider.overlap .as-panel {
            overflow: visible;
        }

        .accordion-slider.as-horizontal .as-panel {
            height: 100%;
            width: auto;
        }

        .accordion-slider.as-vertical .as-panel {
            width: 100%;
            height: auto;
        }

        .accordion-slider .as-panel.as-shadow {
            -webkit-box-shadow: -5px 0 40px 1px #000;
            -mox-box-shadow: -5px 0 40px 1px #000;
            box-shadow: -5px 0 40px 1px #000;
        }

        .accordion-slider .as-background, .accordion-slider .as-background-opened {
            border: 0;
            max-width: none;
            max-height: none;
        }

        .accordion-slider.as-horizontal .as-background, .accordion-slider.as-horizontal .as-background-opened {
            height: 100%;
            width: auto;
        }

        .accordion-slider.as-vertical .as-background, .accordion-slider.as-vertical .as-background-opened {
            width: 100%;
            height: auto;
        }

        .accordion-slider .as-background-opened {
            position: absolute;
            left: 0;
            top: 0;
            visibility: hidden;
        }

        .accordion-slider .as-layer {
            position: absolute;
            margin: 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-font-smoothing: subpixel-antialiased;
        }

            .accordion-slider .as-layer.as-black {
                color: #FFF;
                background: #000;
                background: rgba(0,0,0,.7);
                font-size:12px;
                font-family:'Segoe UI',Verdana, Geneva, 'DejaVu Sans', sans-serif;
            }

            .accordion-slider .as-layer.as-white {
                color: #000;
                background: #f7f6f6;
                background: rgba(247,246,246,.7);
                font-size:12px;
                font-family:'Segoe UI',Verdana, Geneva, 'DejaVu Sans', sans-serif;
            }

            /*** Tipos de documentos CSS ***/
            .accordion-slider .as-layer.AppealDocument {
                color: #fff !important;
                background: rgb(55, 134, 209);
                background: rgba(55, 134, 209,.9);
            }
            .accordion-slider .as-layer.AppealPresentationDocument {
                color: #fff !important;
                background: rgb(73, 166, 52);
                background: rgba(73, 166, 52,.9);
            }
            .accordion-slider .as-layer.Fine {
                color: #fff !important;
                background: rgb(210, 108, 23);
                background: rgba(210, 108, 23,.9);
            }
            .accordion-slider .as-layer.Dni {
                color: #fff !important;
                background: rgb(154, 74, 133);
                background: rgba(154, 74, 133,.9);
            }
            .accordion-slider .as-layer.DriverPermission {
                color: #fff !important;
                background: rgb(55, 136, 209);
                background: rgba(55, 136, 209,.9);
            }
            .accordion-slider .as-layer.FT {
                color: #fff !important;
                background: rgb(73, 166, 52);
                background: rgba(73, 166, 52,.9);
            }
            .accordion-slider .as-layer.Invoice {
                color: #fff !important;
                background: rgb(211, 106, 24);
                background: rgba(211, 106, 24,.9);
            }
            .accordion-slider .as-layer.Mandato {
                color: #fff !important;
                background: rgb(141, 108, 93);
                background: rgba(141, 108, 93,.9);
            }
            .accordion-slider .as-layer.Tax {
                color: #fff !important;
                background: rgb(197, 23, 25);
                background: rgba(197, 23, 25,.9);
            }
            .accordion-slider .as-layer.TaxFiveSevenSix {
                color: #fff !important;
                background: rgb(134, 136, 63);
                background: rgba(134, 136, 63,.9);
            }


            .accordion-slider .as-layer.permiso {
                color: #fff !important;
                background: #0072c6;
                background: rgba(0,114,198,.9);
            }
            .accordion-slider .as-layer.fichatecnica {
                color: #fff !important;
                background: #61902f;
                background: rgba(97,144,47,.9);
            }
            .accordion-slider .as-layer.factura {
                color: #fff !important;
                background: #d1882e;
                background: rgba(209,136,46,.9);
            }
            .accordion-slider .as-layer.impuesto {
                color: #fff !important;
                background: #c52240;
                background: rgba(197,34,64,.9);
            }
            .accordion-slider .as-layer.impuesto576 {
                color: #fff !important;
                background: #ccc241;
                background: rgba(204,194,65,.9);
            }
            .accordion-slider .as-layer.rac {
                color: #fff !important;
                background: #005501;
                background: rgba(0,85,1,.9);
            }

            .accordion-slider .as-layer.as-rounded {
                border-radius: 10px;
            }

            .accordion-slider .as-layer.as-padding {
                padding: 2px;
            }
            .accordion-slider .as-layer.as-marginbottomTopFecha {
                margin-bottom: 122px;
            }
            .accordion-slider .as-layer.as-marginbottomTop {
                margin-bottom: 82px;
            }
            .accordion-slider .as-layer.as-marginbottomMiddle {
                margin-bottom: 40px;
            }
            .accordion-slider .as-layer.as-marginbottom {
                margin-bottom: 0px;
            }
            .accordion-slider .as-layer.as-marginRight {
                margin-right: 40px;
            }

        .accordion-slider .as-pagination-buttons {
            position: absolute;
            top: 100%;
            width: 100%;
            text-align: center;
            padding-top: 10px;
        }

        .accordion-slider .as-pagination-button {
            width: 10px;
            height: 10px;
            border: 2px solid #000;
            border-radius: 50%;
            margin: 4px;
            display: inline-block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            cursor: pointer;
        }

        .accordion-slider .as-pagination-buttons .as-selected {
            background-color: #000;
        }

    @media only screen and (min-device-width:768px) and (max-device-width:1024px) {
        .accordion-slider .as-pagination-button {
            width: 14px;
            height: 14px;
        }
    }

    @media only screen and (min-device-width:320px) and (max-device-width:568px) {
        .accordion-slider .as-pagination-button {
            width: 18px;
            height: 18px;
        }
    }

    .accordion-slider .selectable {
        cursor: default;
    }

    .accordion-slider .as-grab {
        cursor: url(images/openhand.cur),move;
    }

    .accordion-slider .as-grabbing {
        cursor: url(images/closedhand.cur),move;
    }

    .iconosAccordion{
        cursor:pointer;
    }
    .timeline-accordion {
      color: #fff;
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 1.3em;
      text-align: center;
      position: absolute;
      top: 16px;
      left: 50%;
      margin-left: -25px;
      z-index: 1;
      border-top-right-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-bottom-left-radius: 50%;
    }
    .timeline-title-accordion {
        /*margin-top: -6px;*/ 
        margin-left: -10px; 
        font-size: 12px; 
        color: #0072c6;
    }


@media (max-width:991px) {
    .altocabecera {
        padding-top: 323px;
    }
}

@media (min-width: 993px) and (max-width:1200px) {
    .altocabecera {
        padding-top: 215px;
    }
}

@media (min-width:1200px) {
    .altocabecera {
        padding-top: 144px;
    }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}