/**
 * Main style file, contains all page styles, on top of the bootstrap css
 *
 * @author D. Tiems (dennis-at-bigbase-dot-nl)
 * @version 1.0.0 - September 9th 2012
 */

/* Specific fonts */

h1,h2,h3,h4 {
    font-family:'Ubuntu', sans-serif;
}
h5,h6 {
    font-family:'McLaren', cursive;
    color:#000;
}
p{
    text-align: justify;
}

/* Always use nice dots for password fields */
input[type=password] {
    font-family:verdana !important;
}

/* Fix for fluid input height in bootstrap 2.1.0 */
.row-fluid input[class*='span'] {
    min-height:20px;
}


.social-fb{
    border-radius: 5px;
    float: right;
    margin-right: 10px;
    height:32px; 
}
.img-head img{
    width: 100%;
    height: 450px;
}

/* Print adjustments */
@media screen {
    .print-show {
        display:none !important;
    }
}
@media print {
    * {
        font-family:Arial !important;
    }
    .print-hide {
        display:none !important;
    }
}

/* Message overlay background */
.modal-backdrop {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/* Different icons */
[class^="icon-"],
[class*=" icon-"] {
    background-image: url("/img/glyphicons-halflings-gray.png"); 
}
.icon-white,
.main-nav.navbar .nav > li > a:hover i,
.main-nav.navbar .nav > .active > a i,
.main-nav.navbar .nav > .active > a:hover i,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
    background-image: url("/img/glyphicons-halflings-gray.png");
}


@media (min-width: 320px) and (max-width: 595px) and (orientation:landscape){
    .nav-collapse {
        clear: both;
    }
    .nav-collapse {
        -webkit-transform: translate3d(0,0,0);
    }
    .nav-collapse .nav>li {
        float: none;
        width: 280%;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .nav-collapse, .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
        width: 60%;
        margin-left: 40%;
    }
}

.header-action {
    margin:10px 0 0 10px;
}
.header-search {
    margin:auto;
}
.navbar .nav>li>.dropdown-menu:after, 
.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu {
    content: none !important;
}
.navbar .nav>li>.dropdown-menu {
    margin:-5px 0 0 10px;
    border:none;
    padding:0;
}
.navbar .nav>li>.dropdown-menu li {
    margin-top:5px;
    margin-bottom:5px;
}
.header-nav .nav li {
    font-size:12px;
}
.header-nav.navbar .nav > .active > a, 
.header-nav.navbar .nav > .active > a:hover, 
.header-nav.navbar .nav > .active > a:focus {
    background-color:transparent;
    color:#000;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.header-search-nav .nav li {
    font-size:12px;
}
.header-search-nav.navbar .nav > .active > a, 
.header-search-nav.navbar .nav > .active > a:hover, 
.header-search-nav.navbar .nav > .active > a:focus {
    background-color:transparent;
    color:#000;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.main-nav.navbar .nav > li > a {
    text-shadow:none;
}
.main-nav.navbar > .navbar-inner > .container > a.btn-navbar {
    background-image:none;
    background-color:#3a87ad;
    padding:4px 13px 4px 13px;
    margin-bottom:5px;
}
.main-nav.navbar .nav > .active > a,
.main-nav.navbar .nav > li > a:hover,
.main-nav.navbar .nav > .active > a:hover {
    background-color:#3a87ad;
    color:#fff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.main-nav.navbar .nav > .active > a > .caret,
.main-nav.navbar .nav > li > a:hover > .caret,
.main-nav.navbar .nav > .active > a:hover > .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}
.dropdown-content {
    /* For using a div in a dropdown to show some info */
    padding:5px 5px 5px 20px;
    width:200px;
}
.dropdown-content-wide {
    width:300px;
}
.dropdown-content form,
.dropdown-content address {
    padding:0;
    margin:0;
}
.social-icons {
    padding:20px 0 0 10px;
    width:120px
}
.input-micro {
    width:20px;
    text-align:center;
}
td[align="right"] {
    /* Reset to correct value */
    text-align:right;
}
td[align="center"] {
    /* Reset to correct value */
    text-align:center;
}
.dropdown-menu small.label {
}

/* Article style */
.article img {
    float:right;
    width:40%;
}

.thumbnail {
    box-shadow: none !important;
}
/* Product lists */
.product-list-inline-small {
}
.product-list-inline-small .price {
    font-size:125%;
    padding:5px 10px 5px 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* Use for rotating price (IE9+) */
    -webkit-transform:rotate(355deg);
    -moz-transform:rotate(355deg);
    -o-transform:rotate(355deg);
    -ms-transform:rotate(355deg);
}
.product-list-inline-large {
}
.product-list-inline-large .thumbnail {
    padding:10px;
    border:none;
}

.product-list-inline-large .thumbnail .price {
    font-size:200%;
    line-height:150%;
    position:absolute;
    z-index:10;
    margin-left:-15px;
    margin-top:-10px;
    width:115px;
    text-align:center;
    padding-left:5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* Use for rotating price (IE9+) */
    -webkit-transform:rotate(350deg);
    -moz-transform:rotate(350deg);
    -o-transform:rotate(350deg);
    -ms-transform:rotate(350deg);
}
.product-list-inline-large .thumbnail .price.price-over {
    /* Use for rotating price (IE9+) */
    -webkit-transform:rotate(355deg);
    -moz-transform:rotate(355deg);
    -o-transform:rotate(355deg);
    -ms-transform:rotate(355deg);
}
.product-list-inline-large .thumbnail .price sup {
    font-size:60%;
}
.product-list-inline-large .thumbnail .caption {
    text-align:center;
}
.product-list-inline-large .thumbnail .btn-block {
    margin:0 0 -20px 0;
}

/* Product detail */
.product-detail .price {
    font-size:400%;
    line-height:150%;
    position:absolute;
    z-index:10;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* Use for rotating price (IE9+) */
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
}

/* Order process */
#comments {
    width:90%;
}

/* Footer links */
.footer ul.unstyled {
    font-size:80%;
}
.footer .footer-title {
    font-weight:bold;
}

/* Google Maps */
.googlemap {
    height:300px;
    width:100%;
}

/* Forms */
.help-block {
    font-style:italic;
    color:#999;
}

/*GROW*/
.grow img {
    height: 200px;
    width: auto;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.grow img:hover {
    width: auto;
    height: 250px;
}
.product-list-inline-large .thumbnail .price {
    font-size: 100%;
    margin-left: 35px;
    margin-top: -10px;
}
/*
http://designshack.net/tutorialexamples/imagehovers/
*/


.list-3 {
    float:right;
    list-style: none;
}
.list-3 li {float:right; margin-right:20px;}
.list-3 a {
    display:block;
    width:32px;
    height:20px;
}
.link-footer{
    color: #ccc;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    text-decoration:none;
}
.link-footer a:hover{
    color:#fff;
    text-decoration: none;
}
.unstyled a:hover{
    color: #fff;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    text-decoration:none;
}
.img-rsocial{
    box-shadow: 1px 1px #ccc;
    margin: 0px 10px 0px 0px;
}
.main-search{
    left:79%; 
    top:2%;  
    position:absolute; 
    z-index: 1000;
}

.main-search .leyenda{ 
    color:#bbb; 
    float: right;
    margin-top: -32px;
    position: relative;
    margin-right: 40%; 
}

.main-search .icon-search{
    margin-top: -30px;
    margin-left: 5px;
}   
.main-search .results{
    background-color: #ffffff;
    border: 1px solid #D8D8D8;
    visibility: hidden;
    overflow: hidden;
    right:0px;
    width: 270px;
}
.main-search .results .search-item{
    height: 70px;
    width: 110%;
    list-style: none;
    margin-left: -25px;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    padding: 5px;
    font-size: 10px;
}
.main-search .results .search-item:hover{
    background-color: #EFEFEF;
}
.main-search .results .search-item a{
    text-decoration: none;
    color:#666666;
}
.main-search .results .search-item a .nombre{ font-size: 12px;color:#555555; }
.main-search .results .search-item img{
    width: 20%;
    float: left;
    padding-right: 5px;
}

.cve{
    display: none;
}
.thumbnail {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.products-catalogo:hover {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.social-fb:hover {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.clientes {
    height: 250px;
    display: block;
    padding: 4px;
    line-height: 20px;
    margin:10px;
}
.clientes img {
    height: 180px;
    width: auto;
}
.visible-lg {
    display: none;
    margin-top:5px;
    
}

@media (min-width: 992px){
.visible-lg {
    display: block !important;
}
}


.img-blog{
    text-align: center;
    margin-bottom: 30px;
    margin-left: 10px !important;
}
.img-blog > img{
    height: 120px;
    width: 170px;
}
.img-blog > p{
    text-align: justify;
    padding: 10px;
}
.art-link{
    text-decoration: none  !important;
}
.art-border{
    box-shadow: 2px 2px 10px  #9b9b9b;
    min-height: 340px !important;
}