/* COMUNES */ body {overflow-x: hidden;} .blanco {color:#ffffff;} .blanco_bg {background-color:#ffffff;} .blanco_gradient_bg {background: rgba(255, 255, 255, 0.95);} .negro_bg {background-color: #000000;} .gris {color:#666666;} .gris_bg {background-color:#666666;} .gris_gradient_bg {background: rgba(0, 0, 0, 0.2);} .gris2_gradient_bg {background: rgba(0, 0, 0, 0.05);} .gris2 {color:#999999;} .gris2_bg {background-color:#999999;} .gris3 {color:#cccccc;} .gris3_bg {background-color:#cccccc;} .gris4 {color:#e7e7e7;} .gris4_bg {background-color:#e7e7e7;} .negro {color: #000000;} .negro_bg {background-color: #000000;} .azul {color: #0A4BA0;} .azul_bg {background-color: #0A4BA0;} .verde {color: #090;} .verde_bg {background-color: #090;} .rojo {color:#FF0020;} .rojo_bg {background-color:#FF0020;} .amarillo{color: #F0BB3C} .amarillo_bg {background-color:#F0BB3C } .padding2 {padding: 2px;} .padding5 {padding: 5px;} .padding10 {padding: 10px;} .padding20 {padding: 20px;} .paddingzero {padding: 0px;} .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} /* GRID DE 5 COLUMNAS */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } /* BARRA FLOTANTE REDES SOCIALES */ .sticky-container{padding:0px; margin:0px; position:fixed; left:-170px; top:50%; width:210px; z-index: 1100;} .sticky li{ list-style-type:none; background-color:#fff; border-radius: 10px; color:#efefef; height:43px; padding:0px; margin:0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor:pointer;} .sticky li:hover{ margin-left:0px;} .sticky li img{ float:right; margin:5px 4px; margin-right:5px;} .sticky li p{ padding-top:5px; margin:0px; line-height:16px; font-size:11px;} .sticky li p a{ text-decoration:none; color:#2C3539;} .sticky li p a:hover{ text-decoration:underline;} /* FADE IN */ .fadein {-webkit-animation: fadein 2s; /* Safari and Chrome */-moz-animation: fadein 2s; /* Firefox */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera */animation: fadein 2s;} @keyframes fadein {from { opacity: 0; } to { opacity: 1; }} /* Firefox */ @-moz-keyframes fadein {from { opacity: 0; } to { opacity: 1; }} /* Safari and Chrome */ @-webkit-keyframes fadein {from { opacity: 0; } to { opacity: 1; }} /* Internet Explorer */ @-ms-keyframes fadein {from { opacity: 0; } to { opacity: 1; }} /** NAVBAR **/ .navbar {font-family: 'Roboto condensed'; font-size: 14px; } .navbar-inverse {background-color: #0A4BA0; color: #ffffff; margin-bottom: 0px; border-radius: 0px; border-bottom:thin solid red;} .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #cccccc;} .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #cccccc;} .dropdown-menu {width: 100%; font-size: 13px; background-color: #0A4BA0; color:#ffffff; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: rgba(255,255,255,0.9); color: #cccccc;} .navbar-inverse { background-image: none; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; color: #ffffff; } .navbar-inverse { border-color: #080808} .navbar-inverse .navbar-brand { color: #CCCCCC} .navbar-inverse .navbar-brand:hover { color: #ffffff;} .navbar-inverse .navbar-nav>li>a { color: #CCCCCC;} .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #fff} .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF} .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {color: #cccccc;} .navbar-nav > li > a {padding-left: 8px; padding-right: 8px;} .dropdown-menu>li>a { color: #cccccc} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #666} .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF} .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF;} .navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF} .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF} /* Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones. The Bootstrap CSS is unchanged. */ @media (min-width: 768px) {/* Use this if you wish to hide the caret .navbar-nav .caret { display: none; } */ .navbar-nav .open ul { display: none} .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #555; background: none} .navbar-default .navbar-nav > li:hover { background: #e7e7e7} .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus { color: #969696; background: none} .navbar-inverse .navbar-nav > li:hover { background: #080808} .navbar-nav .hovernav:hover > .dropdown-menu { display: block;} .telefono-navbar {float: right} @media (max-width: 768px) {.telefono-navbar {float: left}} #custom-search-input {width: 100%; height: auto; margin:0; margin-top: 10px; padding: 0;} #custom-search-input .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #custom-search-input button {border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;color:#D9230F;} .search-query:focus + button {z-index: 3;} .media {margin-top: 15px;} .media:first-child { margin-top: 0;} .media, .media-body { overflow: hidden; zoom: 1;} .media-body { width: 100%; text-align:left; font-size:70%;} .media-object {width: 70px; display: block;} .media-right, .media > .pull-right { padding-left: 5px;} .media-left, .media > .pull-left { padding-right: 10px;} .media-left, .media-right, .media-body { display: table-cell; vertical-align: top;} .media-middle { vertical-align: middle;} .media-bottom { vertical-align: bottom;} .media-heading { margin-top: 0; margin-bottom: 5px;} .media-list { padding-left: 0; list-style: none;} .carousel.carousel-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity:0;} .carousel.carousel-fade .active.item {opacity:1;} .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0);} .carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1;} .carousel.carousel-fade .carousel-control { z-index: 3; } .carousel-caption {background-color:rgba(0,0,0,0.7); color: #FFF; position: absolute; min-height: 50px; left: 0; bottom: 0; width: 100%; margin:0 auto; text-align:left; z-index: 9995; padding: 5px; } .carousel-caption .btn { margin-top: 10px;} .carousel.carousel-fade .item {-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;opacity:0;} .carousel.carousel-fade .active.item {opacity:1;} .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 9995; opacity: 0; filter: alpha(opacity=0);} .carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1;} .carousel.carousel-fade .carousel-control { z-index: 3;} .carousel-caption {background-color:rgba(0,0,0,0.6); color: #FFF; position: absolute; min-height: 50px; left: 0; bottom: 0; width: 100%; margin:0 auto; text-align:left; z-index: 9995; padding: 5px; } .carousel-caption .btn {margin-top: 10px;} .btn-vertical-slider{ margin-left:35px; cursor:pointer;} a { cursor:pointer;} .carousel.vertical .carousel-inner .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top;} .carousel.vertical .active { top: 0;} .carousel.vertical .next { top: 100%;} .carousel.vertical .prev { top: -100%;} .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0;} .carousel.vertical .active.left { top: -100%;} .carousel.vertical .active.right { top: 100%;} .carousel.vertical .item { left: 0;}​ .glyphicon { margin-right:5px; } .item.list-group-item{ float: none; width: 100%; background-color: #fff; margin-bottom: 10px;} .item.list-group-item .list-group-image { margin-right: 10px;} .item.list-group-item .thumbnail {margin-bottom: 0px;} .item.list-group-item .caption {padding: 9px 9px 0px 9px;} .item.list-group-item:before, .item.list-group-item:after {display: table; content: " ";} .item.list-group-item img { float: left;} .item.list-group-item:after { clear: both;} .list-group-item-text { margin: 0 0 11px;}