article{
  display: block;
}

.carousel {
  position: relative;
}

li.estiloS
{
	text-align:left;
    background:#FFE597;
	border-top:3px solid #FFE597;
}
li.estiloP
{
	text-align:left;
    background:#FFF6DA;
	border-top:3px solid #FFF6DA;
	
}
li.estiloN
{
	text-align:left;
    background:#FFF;
	border-top:3px solid transparent;
}
.modal-scroll {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
	height: 300px;
}
.modal {
	width:100%;
	height:100%;
}
.modal-cuerpo{
	
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
	height:400px;
	width:800px;
	background:#fff;
}

#popup1, #popup2, #popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10,#popup11,#popup12,#popup13,#popup14,#popup15,#popup16,#popup17,#popup18,
#popup19,#popup20,#popup21,#popup22,#popup23,#popup24,#popup25,#popup26,#popup27,#popup28,#popup29,#popup30,#popup31,#popup32,#popup33,#popup34,#popup35,
#popup36,#popup37,#popup38,#popup39,#popup40,#popup41,#popup42,#popup43{
   display: none;
   opacity: 0;
   margin-top: -300px;
   animation:autopopup 2s;
   
   
}

.panelPrincipal{
	padding-top:20px;
	padding-bottom:20px;
	
}
 
#popup1:target, #popup2:target, #popup3:target , #popup4:target , #popup5:target , #popup6:target , #popup7:target , #popup8:target , #popup9:target 
, #popup10:target , #popup11:target , #popup12:target , #popup13:target , #popup14:target , #popup15:target , #popup16:target , #popup17:target 
, #popup18:target , #popup19:target , #popup20:target , #popup21:target , #popup22:target , #popup23:target , #popup24:target , #popup25:target , #popup26:target 
, #popup27:target , #popup28:target , #popup29:target , #popup30:target , #popup31:target , #popup32:target , #popup33:target, #popup34:target , #popup35:target 
, #popup36:target , #popup37:target , #popup38:target , #popup39:target , #popup40:target , #popup41:target , #popup42:target , #popup43:target{
   
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
   display:block;
}
.popup-contenedor {
   position: relative;
       margin: 1% auto;
    padding: 10px 40px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
       width: 70%;
    height: 600px;
    text-align: center;
}
 .contenedor-tabla {
            display: table;
        }

        .contenedor-fila {
            display: table-row;
        }

        .contenedor-columna {
            display: table-cell;
        }
a.popup-cerrar ,a.popup-cerrar:hover{
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}

.estiloP:hover,.estiloS:hover  {
  text-decoration: none;
  background-color: #fff;
  color:#A34123;
  border-top:3px solid #A34123;
}
#custom_carousel .item {

    color:#000;
    background-color:#F2F2F2;
    padding:20px 0;
    height:250px;
}

#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:transparent;
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    width:320px;
}
#custom_carousel .controls li.active {
    background-color:transparent;
    border-top:3px solid #A34123;
}
#custom_carousel .controls li.active:hover {
    background:#FFF;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-weight:bold
}
#custom_carousel .controls li.active:focus{
    background:transparent;
}
#custom_carousel2 .item {
    color:#000;
    background-color:#F2F2F2;
    padding:20px 0;
    height:250px;
	
}
#custom_carousel2 .carousel-inner
{
    border-bottom:solid 3px #A34123;
}
#custom_carousel2 .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:transparent;
}
#custom_carousel2 .controls li  {
    display: table-cell;
    width: 1%;
    max-width:90px;
}
#custom_carousel2 .controls li.active {
    background-color:transparent;
    border-top:3px solid #A34123;
}

#custom_carousel2 .controls li.active:hover  {
    background:#FFF;
}
#custom_carousel2 .controls a small {
    overflow:hidden;
    display:block;
    font-weight:bold
}
#custom_carousel2 .controls li.active:focus{
    background:transparent;
}
.border
{
    border-bottom-color: grey;
}
.contenidoFraccion
{
    text-align: center;
    letter-spacing:1px;
}
.letra
{
    font-size:10px;   
}
.descripcionFraccion,.descripcionFraccion:hover
{
    color:Black;
    text-decoration:none;
	
}
.Fraccion{
    color:#403B3B;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    letter-spacing:1px;
	width:60px;
    
}
.Fraccion:hover
{
    color:#A34123;
    text-decoration:none;
    font-weight:bold;
	background:transparent;
    
    /* border-radius:50%; */
}

.contenedorBotones{
	padding-bottom:25px;
	padding-top:25px;
	text-align:center;
}
.boton{
	width:350px;
	height:50px;
	font-size:18pt;
	padding: 4px; 
	font-weight:bold;
	letter-spacing:1px;
	color:#A34123;
	
}
.fondoColor{
	background:#F8D15C;
	color:#fff;
}
.boton:hover{
	background:#A34123;
}
.botonDown{
	width:350px;
	height:50px;
	font-size:18pt;
	padding: 4px; 
	font-weight:bold;
	letter-spacing:1px;
	color:#A34123;
	
}
.botonDown:hover{
	background:#F8D15C;
}