/*
* TICKET 439

* DATE: 7/10/14
* DESCRIPTION: HOJA DE ESTILOS ENCARGADA DE APLICAR LOS CAMBIOS DE ESTILOS DEL WIZARD YO FACTURO
* AUTHOR: MALA

*/


/* ENCABEZADO*/
.img1{
	float: left;
	text-align: left;
	width: 500px;
}

.img2{
	float: left;
	text-align: right;
	width: 500px;
}

.msjWelcome{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 250%;
	color: #005AA4;
	margin-top: 30px;
	margin-bottom: 30px;
}

.msjFac{
	font-size: 125%;
	font-weight: bold;
}

/*NAV TABS */
#tabs {
  overflow: hidden;
  width: 90%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  font-family: 'Candal', sans-serif;
  font-wright: bold;
  cursor: default;
  position: relative;
  background: #9d9d9d;
  padding: .4em 3em;
  float: left;
  text-decoration: none;
  color: white;
  border-radius: 10px 15px 0 10px;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 2em;
  background: #9d9d9d;
  transform: skew(40deg);
  border-radius: 0 8px 0 0;  
}

#tabs > li > #tab1,
#tabs > li > #tab1:after{
    background: #d05e;
}

#tabs > li > #tab2,
#tabs > li > #tab2:after{
    background: #f6c745;
}

#tabs > li > #tab3,
#tabs > li > #tab3:after{
    background: #55b257;
}

/*BUTTONS*/
.buttonWizard {
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
	display: block;
	text-align: center;
	font-size: 20px;
	font-family: 'Helvetica';
	color: white;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	font-weight: 300;
}

.buttonWizard:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
/*PiE*/
.bottom{
	height: 70px;
	bottom: 0;
	width: 100%;
}

.slogan{
	color: 9d9d9d;
	bottom: 60px;
	position: fixed;
	padding-left: 50px;
	font-size: 14px;
	font-weight: lighter;
}

.numero{
	font-family: 'Alegreya Sans SC', sans-serif;
	color: white;
	width: 100%;
	bottom: 0;
	position: fixed;
	height: 60px;
	text-align: right;
	font-size: 250%;
	font-weight: 800;
	background: #d883aa; /* Old browsers */
	background: -moz-linear-gradient(left, #d883aa 0%, #680243 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d883aa), color-stop(100%,#680243)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #d883aa 0%,#680243 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #d883aa 0%,#680243 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #d883aa 0%,#680243 100%); /* IE10+ */
}

/*Nuevos estilos 27-01-2021 ROAB*/

.bread>li{ 
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #FFF;
	margin: 0 5px;
	text-align: center;
	color: #FFF;
}
.bread>li.active{
	border: 1px solid #FFF;
	background-color: rgba(255, 255, 255, 0.4);
}
.listaBread>li {
     display:inline-block;
     padding-left:3px;
     padding-right:3px;
}