@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,regular,italic,700,700italic); 
/*
 * 
 * actual project styles & overwrite bootstrap.min.css
 * 
 */


/*
 * overwrite
 */

body{
    color: #646464;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

/* https://blog.mariusschulz.com/2016/03/20/how-to-remove-webkits-banana-yellow-autofill-background */
input {
    background: white;
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
/* / */

h1, h2, h3, h4{color: #033d69; letter-spacing: 1px; }

h1, h2{
    font-size: 40px;
    font-weight: 600;
}

h3{    
    font-size: 48px;
    margin-top: -4px;
}

h4{
    font-size: 24px;
    text-align: center;  
}

h5{
    color: #033d69;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

h6{
    color: #033d69;
    font-size: 18px;
    margin-bottom: 0;
}

thead{color: #fff; background-color: #0065AD;}

.to-remove {
    color: #fff;
    background-color: rgba(171,13, 22, 0.8) !important;
}

.navbar-nav {
    float: right;
    margin: 0;
    padding-top: 40px;
    text-transform: uppercase;    
}

.navbar-default {
    background-color: #0065AD;
    border-bottom: #C9CAC9 solid 3px;
    height: 180px;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
    float: right;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00384f;
}
.navbar-nav > li  {
font-family: "Roboto Condensed";
font-size: 18px;
line-height: 1;
letter-spacing: 0px;
font-weight: 300;
font-style: normal;
text-transform: uppercase;
}
.navbar-nav > li > a {color: #fff !important;}
.navbar-nav > li > a:hover {border-bottom: 2px solid #79b3e2;}
.navbar-nav > li {margin-left: 30px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #fff;
    border-bottom: 2px solid #79b3e2;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {padding: 0;}
}

.container {
    padding-right: 9px;
    padding-left: 9px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    width: 100%;    
    z-index: 1030;
}

.btn-default {
    background-color: #033d69;
    border-color: #033d69;
    border-radius: 3px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3.2px;
    padding: 14px;
}
.btn-default:hover {background-color: #fff; color: #033d69;}


.label-default a{
    color: #fff;
}

/*
 *
 * app
 *
 */

.presentacion {
     padding-top: 20px; 
     padding-bottom: 20px;     
     font-size: 18px;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}



.anchor {padding-top: 40px; margin-top: -40px;}


footer {background-color: #fff; padding-bottom: 60px;}
footer img{height: 20px; margin-left: -12px;}
footer .submenu{color: #888;}
footer .copyright{font-size: 16px; padding-top: 6px; padding-right: 0; text-align: right;}
.band{
    border-bottom: #0065AD solid 2px;
    padding-top: 20px;
    color: #0065AD;
    font-size: 28px;
    text-align: right;
}

.modal-header {background-color: #033d69; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; line-height: 1;}
.modal-body a:hover{text-decoration: none;}
.modal-body p{color: #888;}
.modal-body{background: rgba(200,192,164, 0.2);}

.copyright img{height: 22px;}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    filter: alpha(opacity=100);
}


/*
 *
 * catalog
 *
 */


img { border: none; }

blockquote { font-size: 34px; line-height: 40px; font-weight: 200; color: #0065AD; background: url(../images/ico-quotes-1.png) 0 0 no-repeat; margin: 34px 0 34px 75px; padding: 5px 0 0 55px; }

.caps:first-letter { margin: 9px 7px 0 0; font-size: 46px; line-height: 26px; font-weight: bold; float: left; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }


/* Default elements */

.item-block-1 { position: relative; margin: 0 25px 0 0; background-color: #fff; float: left; padding: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.item-block-1:hover { box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; }
		/*.item-block-1 .image img { position: absolute; }*/
		
	.item-block-1 .overlay { text-align: center; background-color: rgba(0, 101, 173, 0.6); position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; display: table; }
	.item-block-1:hover .overlay { opacity: 1; transition-delay: 0s; }
		.item-block-1 .overlay .position { display: table-cell; vertical-align: middle; }
	
		.item-block-1 .overlay p { border-bottom: rgba(255, 255, 255, 0.5) 1px dotted; color: #fff; line-height: 18px; margin: 0 20px 15px 20px; padding: 0 0 13px 0; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; }
		.item-block-1:hover .overlay p { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }
		
		.item-block-1 .overlay .quickshop { background: url(../images/ico-cart-2.png) 0 3px no-repeat; padding: 0 0 0 24px; font-size: 14px; font-weight: bold; color: #fff; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; display: inline-block; }
		.item-block-1:hover .overlay .quickshop { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }
		.item-block-1 .overlay .view { background: url(../images/ico-view-2.png) 0 5px no-repeat; padding: 0 0 0 22px; font-size: 14px; font-weight: bold; color: #fff; opacity: 0; -moz-transform: scale(10); -moz-transition: all 0.3s ease-in-out 0.1s; -webkit-transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s; -o-transform: scale(10); -o-transition: all 0.3s ease-in-out 0.1s; display: inline-block; }
		.item-block-1:hover .overlay .view { opacity: 1; -moz-transform: scale(1); -moz-transition-delay: 0.1s; -webkit-transform: scale(1); -webkit-transition-delay: 0.1s; -o-transform: scale(1); -o-transition-delay: 0.1s; }
	

/* Catalog */

/*.catalog { padding: 0 0 52px 0; }*/
	.catalog .items { width: 100%; margin: 0 0 -25px 0; }
	.catalog .item-block-1 { width: 300px; margin: 0 25px 25px 0; height: 470px; }
		.catalog .item-block-1 .image-wrapper { width: 260px; height: 260px; overflow: hidden; position: relative; margin: 0 auto; }
		.catalog .item-block-1 .image img { width: 180px; margin-top: 4px; margin-left: 40px;}
		.catalog .item-block-1 h2 { padding: 12px; font-size: 18px; line-height: 22px; font-weight: 200; }
                .catalog .item-block-1 .details { padding: 0 6px 0 12px; font-size: 16px; line-height: 22px; }
		.catalog .item-block-1 .price { padding: 6px; font-size: 18px; line-height: 20px; text-align: center; color: #0065AD; }
			.catalog .item-block-1 .price s { color: #9f9f9f; font-size: 16px; line-height: 16px; margin: 0 0 0 10px; }


/* iPad layout */

@media only screen and (min-width: 768px) and (max-width: 959px) {


/* Reset */

blockquote { margin: 34px 0 34px 25px; }


/* Default elements */

.item-block-1 { margin: 0 20px 0 0; }
	.item-block-1 .overlay { display: none; }


/* Catalog */

	.catalog .items { width: 738px; margin: 0 0 -20px 0; }
	/*.catalog .item-block-1 { width: 210px; margin: 0 20px 20px 0; }*/

}


/* iPhone layout */

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


/* Reset */

blockquote { margin: 34px 0 34px 25px; }


/* Catalog */

	.catalog .items { width: 310px; margin: 0 0 -20px 0; }

}