@charset "utf-8";
/* CSS Document */

.navbar-right {
    float: left !important;
    margin-right: 0px !important;
}


.navbar-header {
   width: 100%;
}

	.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.slogan {
    font-size: 26px;
    color: #17365D;
    font-weight: bold;
    
	
}

.padding50 {
padding:50px;
}
.top {
    background: #fff !important;
    box-shadow: 0 2px 15px #3d4147;
}

.navbar-default .navbar-toggle {
    
    background-color: #8EB4E3;
}


/************** CAROUSEL *******************/

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;

}


.ws-title div{
    margin-top: 0.5em;
	font-size: 0.542em;}
	
.rowmenu{
	
   background-color: #3f689c;
    width: 100%;
    margin: auto;
    display: table;
}

.navbar-nav > li {
    margin-right: 6px !important;
}

.row piegris {
    background-color: #C6C4C5;
    color: #222;
    font-size: 16px;
    padding: 5px 0;
}

.rowpie2 {background-color: #AEAEAE;
    color: #222;
    font-size: 16px;
    padding: 5px 0;
	text-align: center;
}

.padding30{
padding:30px;
}

.subproductos {
    color: #fff!important;
    background-color: #3f689c !important;
}

.subproductos2 {
    color: #fff !important;
    background-color: #3f689c !important;
    display: inline-block;
}

.subproductos2 {
    padding: 10px 40px;
    background-color: #A7C0DE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 10px 0;
}



.btn-danger{
background-image: linear-gradient(to bottom, #5C96DE 0%, #8EB4E3 100%) !important;
border: solid 2px #fff !important;
box-shadow: 4px 6px 8px -4px rgba(0,0,0,0.75);
font-size: 18px !important;

}

.btn-danger:hover, .btn-danger:focus {
    background-color: #8EB4E3 !important;
    
}


.alert-success {
   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8EB4E3), to(#8EB4E3)) !important;
    border-color: #8EB4E3 !important;
}

.alert-success {
    color: #012F60;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.h1, .h2, .h3, h1, h2, h3 {
text-align:left;

}

/************** media queries *******************/
@media (max-width:767px){
.slogan {
text-align:center;
    
}
}


@media (max-width:767px){
.text-right {
    text-align: center;}

}


@media (max-width:767px){
.navbar-nav > li {
    border-right: 0;
	
}
}

@media (min-width:767px){
.slogan {
margin-top:30px;
}
}

@media (max-width:767px){
.padding30 {
    padding: 0px;
}
}