@charset "iso-8859-2";
/* CSS Document */
body {font-family: 'Montserrat', sans-serif; color:rgb(1,171,248); font-size: 14px; background: rgb(237,237,237)}

header {background: rgb(155,230,253); padding-top:15px;}
.right {text-align: right}
.navbar {margin: 0px; border:0px; border-radius:0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px;
border-top-right-radius:10px}
.navbar-default { background: white; padding: 20px 5px;}
.navbar-nav>li>a {padding-top: 5px; padding-bottom: 5px; margin-top: 10px}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: rgb(245,243,239);}
.navbar-brand img {position:absolute; top:13px; left:15px}
.navbar-brand p {padding-left:80px; font-size:18px; line-height: 20px; font-weight:bold; position: relative; top:-16px; color:black}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top:15px; border-color: #e7e7e7;}
.white {background: white;}
h1.phome {font-size: 1.2em; padding: 5px; font-weight: normal; line-height: 25px}
.listado, .blanco {background:rgb(1,171,248); color:white; padding:20px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-size: 1.1em; position: relative}
.blanco {background:white; color:rgb(1,171,248); margin-bottom:15px}
.listado h2 {margin:0px 0px 20px;}
.listado h2 i {font-size:2.3em; margin-right: 12px}
.ver {margin-top: 20px;}
.ver a {background: white; padding:5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: black}
.blanco .ver a, .novedades .ver a, .public .ver a { background: gray; color: white}

.smart {display:none;}
.novedades {border-top:1px solid black; margin: 20px auto; position: relative;}
.novedades h3 {font-weight: bold;}
.novedades .nov p:first-child {font-size: 1.2em; font-weight: bold; margin:15px 0px 0px; }
.novedades .nov p:nth-child(2) {color:#333;}
.novedades .ver {margin-top: 0px; margin-bottom:25px;}
.novedades .mas {position:absolute; top:13px; right:30px; width:30px; height:32px; color:#fff; text-align:center;}
.mas.left, .mas.right {background:rgb(1,171,248)}
.mas.left {-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.mas.right {right:0px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-left:1px solid white;}
.mas.left span, .mas.right span { margin-top:5px; font-size:20px}
.mas.not-active {
  pointer-events: none;
  cursor: default;
  background:rgb(125,125,125)
}

.shadow {-webkit-box-shadow: 0px -2px 5px 0px rgba(199,199,199,1); -moz-box-shadow: 0px -2px 5px 0px rgba(199,199,199,1); box-shadow: 0px -2px 5px 0px rgba(199,199,199,1);}
.contacto, .navegacion {color:#333}
.contacto p:first-child, .navegacion > p:first-child { font-weight: bold; margin-top: 15px}
.navegacion div p {margin:4px 0px 7px;}
.navegacion a {color:#333}
.navegacion {padding-bottom:8px;}
.contacto p:last-child {margin-bottom:20px}
.contacto span {background:rgb(1,171,248); color: white; width:20px; height:20px; padding:3px 2px 0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; text-align: center; font-size: 0.7em; margin-right:3px;}
.contacto a {color:#333; text-decoration: none}
.copy {background:#666; color: white; text-align: center;}
.redes {background:rgb(1,171,248); font-size:2em; text-align: center;}
.redes p, .copy p {padding: 10px 10px 0px;}
.redes p a {color: white; display: inline-block; margin: 0px 10px}

a, a:hover {text-decoration: none; color:rgb(1,171,248)}
.blanco .ver a:hover, .novedades .ver a:hover {color:black}

.nav>li.pcnav {display:none;}

@media only screen and (max-width:1400px){
}

@media only screen and (max-width:1199px){
  .listado h2 {font-size:1.2em; margin-bottom:10px }
  .listado h2 i {margin-right:10px}
}

@media only screen and (max-width:991px){
  body, .dropdown-menu {font-size: 12px;}
  .navbar-brand img {width:50px; top:20px;  left:10px}
  .navbar-brand p {padding-left:45px; font-size:13px; line-height:18px; top:-13px;}
  .navbar-toggle {
    padding: 5px 10px;
    background-color:rgb(1,171,248);
    border-radius: 4px;
    color: white;
    border: 0px;
  }
  .navbar-default .navbar-toggle .icon-bar {
      background-color: white;
  }
  .shadow {font-size: 0.9em}
  .shadow {font-size: 0.9em}
  .shadow .contacto p:first-child, .shadow .navegacion > p:first-child {font-size: 1.1em}
  .contacto span {width:16px; height:16px; padding:3px 2px 0px;}
}
@media only screen and (max-width:768px){
  .navbar {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }
  .row {
      margin-right: -5px;
      margin-left: -5px;
  }
  .pc {display: none;}
  .smart {display: block;}
  .listado h2 {font-size:1.3em;}
  .listado p {font-size:1.1em}
  .listado p.ing {padding-right:120px;}
  .listado .ver, .blanco .ver {position: absolute; bottom:40px; right:20px}
  .psmart {margin-left:-15px; margin-right: -15px; }
  .novedades {margin:0px auto; position: relative;}
  .novedades h3 {font-size:1.6em}
  .novedades .nov p:first-child {font-size: 1em; }
  .novedades .mas {top:18px; right:20px; width:20px; height:22px;}
  .mas.left { border-bottom-left-radius:5px;}
  .mas.right {right:0px;}
  .mas.left span, .mas.right span {font-size:12px}
.nav>li.pcnav {display:block;}
}
@media only screen and (max-width:767px){
}

@media only screen and (max-width:600px){
  .navbar-toggle {
      margin-right: 5px;
  }
  header {padding-top:5px;}
  .top p {margin:0px 0px 2px;}
  h1.phome {font-size: 1.1em; padding:0px; margin:10px 0px; line-height: 20px; text-align: center;}
  .listado {padding:10px;}
  .blanco {padding:15px 10px 10px;}
  .listado h2 {font-size:1em;}
  .listado h2 i {font-size:1.6em; margin-right: 5px;}
  .listado p {font-size:0.9em}
  .listado p.ing {padding-right:80px; padding-bottom: 0px; margin-bottom: 0px}
  .listado .ver, .blanco .ver {position: absolute; bottom:10px; right:10px}
}