/*******************
 * ESTILOS DE LA PORTADA, I.E., INDEX.HTML
 *******************/

/* SLIDESHOW */
.slideshow-container {max-width:100%; position:relative; margin:auto;}
.mySlides            {display:none;} /* Hide the images by default */
.prev, .next         {position: absolute; top:50%; width:auto; margin-top:-22px; padding:16px;
                      cursor:pointer;
                      color:white;
                      font-weight:bold; font-size:18px;
                      transition:0.6s ease;
                      border-radius:0 3px 3px 0;}
.next                {right:0px; border-radius:3px 0 0 3px;} /* Position the "next button" to the right */
.prev:hover,
.next:hover          {background-color:rgba(0,0,0,0.8);}
.captiontext         {color:#f2f2f2;
                      font-size:15px;
                      padding:8px 12px; position:absolute; bottom:8px; width:100%;
                      text-align:center;} /* Comentado; no usado en index.html */
.numbertext          {color:#f2f2f2;
                      font-size:12px;
                      padding:8px 12px; position:absolute;}
.dot                 {cursor:pointer;
                      height:15px; width:15px; margin:0 2px;
                      background-color:#bbb;
                      border-radius:50%;
                      display:inline-block;
                      transition:background-color 0.6s ease;}
.active, .dot:hover  {background-color:#717171;}
.fade                {-webkit-animation-name:fade; -webkit-animation-duration:1.5s;
                      animation-name:fade; animation-duration:1.5s;}
@-webkit-keyframes fade {from {opacity:.4} to {opacity:1}}
@keyframes fade         {from {opacity:.4} to {opacity:1}}


/* SLOGAN */
.slogan     {font-family:sans-serif; font-weight:normal; font-size:42px;
             margin:60px 0;
             color:#333333;}
.txt_slogan {font-size:20px; font-family:sans-serif;
             text-align:center;
             color:#929292;}

/* COMuN SERVICIOS Y ANUNCIOS */
.service,            {margin-bottom:100px; margin-top:100px; margin-right:20px; margin-left:20px;}
.service-item-header,
.anuncio-header      {margin-left:-10px; padding:16px 20px 5px; 
                      font-weight:bold;
                      display:inline-block;}
.service-item,
.anuncio             {font-family:sans-serif; font-size:20px;
                      margin-bottom:10px;
                      text-align:center;}
.service-item p,
.anuncio p           {font-size:15px; 
                      text-align:justify; 
                      margin-top:5px;
                      color:#666666;}

/* TABLoN */
.anuncio        {width:400px;}
.anuncio-header {font-variant-caps:small-caps;}