/* global */
html {min-height: 100%; position: relative;}

body {height: 100%; background: #FFF;color: #333;font-size: 14px;line-height: 21px;font-family: 'Open Sans', sans-serif;margin: 0 0 60px 0;}

body a {color: #221f72;}
body a:hover {color: #524eb3; text-decoration: none;}
.clear {clear: both;}
.nopadding {padding: 0 !important; margin: 0 !important;}
.center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/* global */

#bar {height: 100%; min-height: 45px;background: #221f72; padding: 5px;}
#bar .container{padding-left: 0px; padding-right: 0px;}
#bar .nav {display: inline-block; padding: 40px 0 0 0;}
#bar .nav li {display: inline-block; border-right: 1px solid #FFF;}
#bar .nav li:last-child {border-right: 0;}
#bar .nav li a {font-size: 16px;color: #FFF;font-weight: 600; }
#bar .nav li a:hover, #bar .nav li a:focus {background: none; color:#c8c7e4;}
#bar .icon-bar {color: #FFF; font-size: 25px;}
#bar .icon-bar:hover {color: #845004;}
@media (max-width: 768px) { 
	#bar .nav {display: block; padding: 0px;}
	#bar .nav li{display: block; padding: 0px; border: none;}
}
@media (max-width: 992px) {
	 #bar .nav {padding: 0px;}
}

#main {min-height: 100%; height: auto !important; height: 100%;}
#main .container{background-color: white; padding: 20px 0px 30px 0px;}
#footer { position: absolute; bottom: 0; padding: 10px 0 0px 0; background: #221f72;color: #EEE; width: 100%; min-height: 40px;}
#footer a {color: #AAA;}

.content {}
.content h1 {color: #a56406;font-size: 25px;font-weight: 700;margin: 0 0 25px 0;line-height: 30px;}
.content h2 {font-size: 22px;font-weight: 700;color: #222;margin: 20px 0 15px 0;}
.content h3 {font-size: 18px;font-weight: 700;color: #222;margin: 15px 0 5px 0;line-height: 26px;}
.content h4 {font-size: 16px;font-weight: 700;color: #222;margin: 10px 0 5px 0;}
.content a {text-decoration: underline;}
.content a:hover {text-decoration: none;}

/* reporting */
#message {background: #FFF;}
#message .fail {padding: 15px 20px;margin: 10px 0;color: #FFF;background: #D60A16;}
#message .success {padding: 15px 20px;margin: 10px 0;color: #FFF;background: #337E0C;}
#message .success a {color: #FFF;}
#message .info {border: 1px solid #F1F1F1;padding: 15px 20px;margin: 10px 0;color: #000;}
/* /reporting */

/* forms */
form .form-control {border-radius: 0;}
form .form-control:focus {border-color: #666;}
form button.submit {background: #036BAD;border-radius: 0;color: #FFF;font-weight: 700;border: 0;padding: 0 30px;text-transform: uppercase;margin: 0 12px 0 0;}
/* forms */


#homepage h1 {color: #221f72; font-size: 62px; font-weight: 600;}
#homepage h2 {color: #221f72; font-size: 36px; font-weight: 600;}
#homepage p {margin-top: 50px; color:#221f72; font-size: 17px;}
#homepage img:hover {box-shadow:  0px 0px 30px 0px #666; transition: box-shadow 300ms;}

#category img:hover {box-shadow:  0px 0px 30px 0px #666; transition: box-shadow 300ms;}
#category img {border: 2px solid #221f72; padding: 0px; border-radius: 5px;}
#category h3 {margin: 10px 0 10px; }
#category h3 a{color: #221f72;font-weight: 600; font-size: 17px;}
#category button {font-size: 20px; color: #FFF; background: #221f72; border: 1px outset #221f72; border-radius: 6px; padding: 3px 5px 3px 5px; amargin-top: 80px;}
#category button:hover{color: #524eb3;}

#product .miniatura {padding: 0 0 10px 0;}
#product .miniatura .img-thumbnail {border: 1px solid #221f72; padding: 0px; border-radius: 5px; max-width: 155px;}
#product .product_photo {border: 2px solid #221f72; padding: 0px; border-radius: 5px;}

#product h3{font-size: 21px; font-weight: 700px;}
#product .other-products { padding-top: 30px;}
#product .arrow i{color:#221f72;}
#product .arrow i:hover{color:#524eb3;}

#product .bx-wrapper .bx-viewport{border: none; box-shadow: none;}

#product h3{padding-top: 0px; margin-top: 0px;}
#product i {font-size: 150px;}
#product a.spona {text-decoration: none;}

#contact_form {margin: 0 0 30px 0;}
#contact_form .info-text{margin-top: 30px; font-size: 17px;}
#contact_form .form-group:first-child {margin-top: 20px;}
#contact_form .form-group {margin-bottom: 20px;}
#contact_form .form-group input,
#contact_form .form-group textarea {padding: 20px;}
#contact_form .form-group input.form-control {height: auto;}
#contact_form .form-group textarea.form-control {height: 226px;}
#contact_form .form-control:focus {border-color: #221f72; box-shadow: none;}
#contact_form .btn-xl {padding: 20px 40px; border-color: #221f72; border-radius: 3px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #fff; background-color: #221f72;}
#contact_form .btn-xl:hover,#contact_form .btn-xl:focus {background: #524eb3;}

#category .pagination {margin: 15px 0;}
#category .pagination li {background: none;}
#category .pagination li a {color: #D60A16;text-decoration: none;border-color: #DDD;background: none;border-radius: 0;}
#category .pagination li a:hover {color: #000;}
#category .pagination li a.active {color: #FFF;background-color: #D60A16;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  atransition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}