/* 
  Theme Name: JFK
  Theme URL: John F Keneddy
  Description: JFK, Web Site
  Author: Jonathan Rivera - Web Services Plus SAS
  Author URI: mailto:info@webservicesplus.co
  Version: 1.0
  Tags: three columns, fixed width, white, gray, black, red, sidebar widgets
*/


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
       url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
     url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
     url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadProBoldCondensed';
  src: url('fonts/MyriadProBoldCondensed.eot');
  src: local('MyriadProBoldCondensed'), 
       url('fonts/MyriadProBoldCondensed.woff') format('woff'), 
     url('fonts/MyriadProBoldCondensed.ttf') format('truetype');
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pts55f-webfont.eot');
    src: url('fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pts55f-webfont.woff') format('woff'),
         url('fonts/pts55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
  width: 100%;
  font-size: 16px;
  margin: 0px auto;
  padding: 0px;
  font-family: 'pt_sansregular';
}

/********************* fuentes *****************************/

* { font-weight:normal; font-family: 'pt_sansregular'; }

/********************* header *****************************/

.arriba { position: relative; height: 180px; width: 100%; float: left; }
header { width:100%; background-color: rgba(255,255,255,0.9); height:auto; position:relative; z-index:9999; }

header table td { vertical-align:top; }

.scrollable { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;  }

.scrollable:before{
  content:url('images/loguito.png');
  position: absolute; /*or absolute*/
  left:20px;
  top: 3px;
  z-index: 999;
}


a.logo {
  display: block;
  width: 390px;
  height:120px;
}

.dropdown-horizontal-container { display: block; text-align: center; }
.dropdown-horizontal-container table { margin:0 auto; display: inline-block; float: none !important; }
ul.dropdown li, ul.dropdown li a { width: auto !important; }

ul.dropdown ul li { width: 100px !important; }
ul.dropdown ul li a { width: 100% !important; }

ul.dropdown .pse a:before { content: url("images/pagos_pse.png"); display: inline-block; margin-top: -3px; padding:0 10px; }

.tab { display: table; }
#logo, .searching { width:250px; }
#logo, .social { display: table-cell; vertical-align: middle; }
.searching { text-align: center; }

.social { text-align: right; }


footer .widget_simpleimage { display: none;  }

footer .icon-set-lsi_widget-2, footer .widget_lsi_widget { text-align: center !important; }

/******menu / bscador *******/

/********************* basicos ****************************/

#wrap { width:1000px; margin:0 auto; }
#content { width:100%; float:left; }

a img { border:none; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a, .sidebar li, .open { text-decoration:none; 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

#completo { width:100%; float:left; margin:0px;}

#mas, .more a { cursor:pointer; text-transform:uppercase;  padding:3px 15px; font-family: 'MyriadProBoldCondensed'; border:none;}

h1, h2, h3, h4, h5, h5, h7, .font { font-family: 'MyriadProBoldCondensed' !important; font-weight:normal; } 

.cblanco, cblancoh:hover, #mas, .more a { color:#fff; }
.fblanco, .fblancoh:hover { background:#fff; }

.fgris, .fgrish:hover { background:#EEE; }


/********************* home ****************************/

#banner { float:left; width:100%; margin:0 auto; text-align:center; margin-top:0; position:relative; }
#banner .eps { margin:0 auto; }
.da-slide-heading-content {
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 40%;
    z-index: 1;
}
#banner .eps .da-slide h2 { position:relative; font-family: 'MyriadProBoldCondensed' !important; font-size:40px; z-index:9 !important; width:100%; text-align:center !important; left:0 !important; margin:0 !important; }

#banner .eps .da-slide div.da-slide-content {
    position: relative;
    top: 0px !important;
    font-family: 'MyriadProBoldCondensed' !important;
    font-size: 40px;
    z-index: 9 !important;
  background:rgba(200,200,200, 0.9);
    width: 70%;
    text-align: center !important;
    left: 0px !important;
    margin: 20px 15% 0px !important;
    line-height: 80px;
  color:#fff !important;
}

#destacado { display:inline-block; text-align:center; width:31%; height:240px; margin:70px 1% 50px 1%; padding-top:40px; position:relative; }
.destaca { padding-bottom: 40px; }
.destaca #destacado aside { float:left; width:96%; padding:2%; }
.destaca .simple-image img { position: absolute; top: -50px; left: 50%;  margin-left: -55px; }
.widgettitle { text-transform:uppercase; }

#flotante { width:100%; float:left; text-align:center; margin-top:-40px; }
#flotante p { margin:0; }

#descrip { text-align:center; width:90%; margin:20px 5%; float:left;}

#destacado.des_inf { padding-top:0; margin-top:0; height:auto; }
#completo table .trigger { background:#ddd; cursor:pointer; }
.calendar-events { display:none;}
#destacado .widget_my_calendar_mini_widget h2 { display:none; }

/*****************page*****************************/

/** Tables **/
#head {
  border-right:0;
  clear: both;
  margin-bottom: 10px;
  width: 100%;
}
#head td {
  border:0;
  border-bottom:2px solid #555;
  text-align:center;
  padding:4px;
}

#cart th a.asc:after {
  content: ' ⇣';
}
#cart th a.desc:after {
  content: ' ⇡';
}
#cart tr td, #total td {
  padding: 6px;
  text-align: center;
  border-bottom:1px solid #ddd;
}
#cart tr:nth-child(even) {
  background: #f9f9f9;
}
#cart td.actions {
  text-align: center;
  white-space: nowrap;
}
#cart td.actions a {
  margin: 0px 6px;
  padding:2px 5px;
}

/*******************categorias************************/

#noticias { float:left; width:48%; margin:1%; }
#noticias #img { float:left; width:100%; height:200px; position:relative; overflow:hidden; margin-bottom:12px;  }
#noticias img { float:left; width:100%; height:auto; }

#noticias.archive { width:30%; }
#fecha { float:left; font-family: 'pt_sansregular'; font-size:16px; }

/*******************interna************************/

#texto { text-align:justify; }
#texto .eps { float:right !important; margin:0 0 15px 15px !important; width:450px !important; }
/*******************contacto************************/

#contacto { float:left; width:80%; margin:15px 10%; }
#contacto input, textarea { float:left; width:96%; padding:5px 2%; }
#contacto textarea { height:200px; }
#contacto input[type="submit"] { width:auto; padding:5px 15px;  }

#mensaje {
    margin: 0px;
    text-align: center;
    color: #FFF;
    padding: 6px 0px;
    position: absolute;
    z-index: 9999999;
    width: 100%;
}


/*****sidebar **********/

      .sidebar { display:block; width: 100%; list-style: none; margin:20px 0 40px; }
      .sidebar li, .publicidad { display: block; position: relative; margin:0 0 10px 0;  font-family: 'Lato', sans-serif; }
      .sidebar span, .publicidad h2 { display: table; padding:0; background-color: #eee; text-transform: uppercase; font-weight: bold;  width: 100%; border: 1px solid #efefef; font-size: 17px; }

        .open { padding:5px 10px 1px; vertical-align: top; display: table-cell; width: 100%; cursor: pointer; position: relative; }

            .open::after {
                font-family: FontAwesome;
                font-size: 19px;
                text-align: center;
                content: "\f055";
                position: absolute;
                right: 9px;
                top: 3px;
            }

            .open.sidebar-open::after { content: "\f056"; }
            
            .publicidad { text-align: center; }
            .publicidad h2 { margin: 0px; padding: 5px 10px; box-sizing: border-box; text-align: left; font-size: 17px; }
            .publicidad p { font-family: 'Pathway Gothic One', sans-serif; text-align: justify; line-height: 15px; font-size: 15px; }

        .sidebar-item_content { display:block; padding:0; display: none; width: 100%; box-sizing:border-box; }
        .sidebar li.sidebar-item_list { list-style: none; display: block; border: none; border-bottom:1px solid #efefef; width: 100%; margin:5px 0;  }
        .sidebar li.sidebar-item_list:last-child { border: none; }
        .sidebar-item_list a { padding: 5px 0; display: block; font-family: 'Pathway Gothic One', sans-serif; font-weight: 300 }

        .sidebar-item_content table { width: 100%; box-sizing:border-box; margin:10px 0; }
        .sidebar-item_content table td { width: auto; padding:5px; vertical-align: top; box-sizing:border-box; }

        .sidebar-item_content table tr:nth-child(2n) {
            background: none repeat scroll 0% 0% #F9F9F9;
        }


/********************* admin *****************************/

/********************* footer *****************************/

footer table { margin:15px 0; float:left; width:100%; text-align:center; }
footer .lsi-social-icons li { margin:10px 4px 0 !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* #banner .eps .da-slide h2 { width: 80%; }
  #banner .eps .da-slide div.da-slide-content { margin:20px 0% 0px 5% !important } */
  .eps-custom-5 .da-slide-fromleft #da-slide-heading-61 .da-slide-content { -webkit-animation: none !important; }
  .eps-custom-5 .da-slide-content.animated, .da-slide-heading-content h2, .da-slide-heading-content h2.animated { -webkit-animation: none !important; }
}

@media screen and (max-width: 1280px){
  .scrollable:before{ display: none; }
}

.menu_complete i {
  display: none;
}

@media screen and (max-width: 980px){
    
    * {
      box-sizing: border-box;
    }

    img {
      height: auto;
      max-width: 100%;
    }

    .shailan-dropdown-menu-widget, header .social, .da-link {
      display: none;
    }

    .shailan-dropdown-menu-widget.open {
      display: block;
      margin:0;
    }

    .shailan-dropdown-menu-widget.open:after {
      content: none;
    }
  
    .shailan-dropdown-menu-widget table, .shailan-dropdown-menu-widget tbody, .shailan-dropdown-menu-widget tr, .shailan-dropdown-menu-widget td, .shailan-dropdown-menu-widget > ul, .shailan-dropdown-menu-widget ul > li {
      display: block !important;
      width: 100% !important;
      float: none !important;
    }

    header ul.dropdown li ul {
      width:100% !important;
      position: relative;
    }

    header .menu_complete ul.dropdown li a {
      height: auto;
      font-size: 16px;
      padding:10px 0;
      border:none;
      height: auto;
    }
    
    ul.dropdown .sub-menu {
      left: 0 !important;
    }

    .shailan-dropdown-menu .dropdown-horizontal-container, .shailan-dropdown-menu ul.dropdown-vertical > li {
        background:none !important;
    }

    .menu_complete {
      text-align:right;
    }
    .menu_complete i {
      padding: 10px;
      font-size: 22px;
      color:#FFF;
      cursor: pointer;
      display: inline-block;
    }
  
    .menu_complete i:before {
      float:right;
    }

    .menu_complete i:after {
        content: "Menú";
        display: inline-block;
        margin:0 10px;
    }

    .wrap, #wrap, .completo, #completo, #destacado, header, footer, section, nav, .tab, .table-cell, #logo, .social, #descrip, .destaca #destacado aside, #banner, footer table, #texto .eps, #noticias, #contacto, #contacto input[type="submit"] {
          
          display:block;
          width:100%;
          float:none !important;
          margin:0 auto;

    }

    #banner {
      margin-bottom:80px;
    }
    
    #banner .da-slider {
      height: 300px;
    }

    #banner .eps .da-img {
      width:100%;
      height: 300px;
      background-position: center !important;
      background-size: cover !important;
    }

    #banner .eps .da-slide div.da-slide-content {     
      font-size: 18px;
      margin-top: 0 !important;
      height: auto !important;
      line-height: inherit !important;
    }

    #completo, .destaca #destacado aside {
      padding:0 20px;
    }

    #completo.banner-completo, #wrap #completo {
      padding:0;
    }

    #completo.fgris.destaca {
      padding: 20px;
    }

    #destacado {
      min-height: 350px;
      margin-bottom: 80px;
    }

    #flotante { position: relative; z-index: 1; }

    #destacado.des_inf {
      min-height: inherit;
      height: auto;
    }

    footer table {
      padding:20px;
      margin:0;
    }

    #suscribir {
      padding:20px 0;
    }
  
    #suscribir label { width:100%; display:block; }

    footer a img {
      position: inherit !important;
      display: block;
      margin:10px auto;
    }

    #texto .eps {
      margin:0 !important;
      width: 100% !important;
    }

    #texto iframe {
      height: 250px;
      margin:0 0 20px;
    }

    #noticias {
      margin:15px 0;
      padding:10px;
    }

    #contacto, #contacto table, #contacto td, #contacto tbody, #contacto tr, input, #contacto input, select, textarea {
      width:100%;
      display:block;
    }

    #contacto table td {
      padding:8px 0;
      display:inline-block;
    }

    input, select, textarea, #mas {
      font-size: 16px;
      padding:6px;
    }

    .bx-wrapper ul li {
      text-align: center;
    }

    .bx-wrapper ul div {
      margin:0 auto;
      display: inline-block !important;
    }

    .widget_my_calendar_mini_widget {
      position: relative;
      overflow: hidden;
    }

    button, input {
      -webkit-appearance: none;
    }

    .completo p, #texto {
      width:100%;
      position: relative;
      overflow: hidden;
    }

}