.round-corners{
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;	
}

.red-box {
	cursor:pointer;
    color:white;
	background-image: #ff3333; /* Old browsers */
    background-image: -moz-linear-gradient(top,  red 0%, darkred 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,red), color-stop(100%,darkred)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  red 0%, darkred 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  red 0%, darkred 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  red 0%, darkred 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  red 0%, darkred 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#b30000',GradientType=0 ); /* IE6-9 */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
    /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
}

.blue-box {
	background: rgba(15,45,60,0.97);
    color:white;
	background: -moz-linear-gradient(left, rgba(15,45,60,0.97) 0%, rgba(73,155,234,0.97) 0%, rgba(15,45,60,0.97) 0%, rgba(15,45,60,0.97) 53%, rgba(15,45,60,0.7) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,45,60,0.97)), color-stop(0%, rgba(73,155,234,0.97)), color-stop(0%, rgba(15,45,60,0.97)), color-stop(53%, rgba(15,45,60,0.97)), color-stop(100%, rgba(15,45,60,0.7)));
	background: -webkit-linear-gradient(left, rgba(15,45,60,0.97) 0%, rgba(73,155,234,0.97) 0%, rgba(15,45,60,0.97) 0%, rgba(15,45,60,0.97) 53%, rgba(15,45,60,0.7) 100%);
	background: -o-linear-gradient(left, rgba(15,45,60,0.97) 0%, rgba(73,155,234,0.97) 0%, rgba(15,45,60,0.97) 0%, rgba(15,45,60,0.97) 53%, rgba(15,45,60,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(15,45,60,0.97) 0%, rgba(73,155,234,0.97) 0%, rgba(15,45,60,0.97) 0%, rgba(15,45,60,0.97) 53%, rgba(15,45,60,0.7) 100%);
	background: linear-gradient(to right, rgba(15,45,60,0.97) 0%, rgba(73,155,234,0.97) 0%, rgba(15,45,60,0.97) 0%, rgba(15,45,60,0.97) 53%, rgba(15,45,60,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2d3c', endColorstr='#0f2d3c', GradientType=1 );

	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
}

.blue2-box {
	cursor:pointer;
    color:white;
	background-image: rgba(13,65,114,1);
	background-image: -moz-linear-gradient(left, rgba(13,65,114,1) 0%, rgba(13,65,114,1) 1%, rgba(12,19,24,1) 99%, rgba(12,19,24,1) 100%);
	background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,65,114,1)), color-stop(1%, rgba(13,65,114,1)), color-stop(99%, rgba(12,19,24,1)), color-stop(100%, rgba(12,19,24,1)));
	background-image: -webkit-linear-gradient(left, rgba(13,65,114,1) 0%, rgba(13,65,114,1) 1%, rgba(12,19,24,1) 99%, rgba(12,19,24,1) 100%);
	background-image: -o-linear-gradient(left, rgba(13,65,114,1) 0%, rgba(13,65,114,1) 1%, rgba(12,19,24,1) 99%, rgba(12,19,24,1) 100%);
	background-image: -ms-linear-gradient(left, rgba(13,65,114,1) 0%, rgba(13,65,114,1) 1%, rgba(12,19,24,1) 99%, rgba(12,19,24,1) 100%);
	background-image: linear-gradient(to right, rgba(13,65,114,1) 0%, rgba(13,65,114,1) 1%, rgba(12,19,24,1) 99%, rgba(12,19,24,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4172', endColorstr='#0c1318', GradientType=1 );
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s; 
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
}

.black-box {
	cursor:pointer;
    color:white;
	background-image: #9BA7DB; /* Old browsers */
    background-image: -moz-linear-gradient(top,  grey 0%, black 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,grey), color-stop(100%,black)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  grey 0%,black 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  grey 0%, black 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  grey 0%, black 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  grey 0%, black 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
    /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
}
.grey-box {
    cursor:pointer;
    color:black;
	background-image: #e2e2e2; /* Old browsers */ /*#b3bce2 azul up */
    background-image: -moz-linear-gradient(top,  lightgrey 0%, darkgrey 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,darkgrey), color-stop(100%,darkgrey)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  lightgrey 0%,darkgrey 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  lightgrey 0%, darkgrey 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  lightgrey 0%, darkgrey 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  lightgrey 0%, darkgrey 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    -webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
    /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
	
}
.green-box {
	background-image: #026302; /* Old browsers */
    background-image: -moz-linear-gradient(top,  green 0%, darkgreen 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026302), color-stop(100%,#086302)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  green 0%,darkgreen 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  green 0%, darkgreen 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  green 0%, darkgreen 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  green 0%, darkgreen 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b300', endColorstr='#006300',GradientType=0 ); /* IE6-9 */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
    /* CSS3 Box Shadow */
	-moz-box-shadow:0 0 4px #999;
    -webkit-box-shadow:0 0 4px #999;	
}

.text-purple {
    color:purple;
}
.menu-item {
    color:black;
    background-color: white;
    margin-right:40px;
    margin-top:20px;
    width:105%;
    text-align:center;
    font-weight: 600;
}
.menu-item:hover,
.menu-item:active,
.menu-item:focus {
    background-color:black;
    color: white;
}

.menu-icon {
    color:black;
    background-color: white;
    margin-right:7px;
    margin-top:20px;
}
.menu-icon:hover,
.menu-icon:active,
.menu-icon:focus {
    background-color:black;
    color: white;
}
.caja-menu {
    position:absolute;
    top:60%;width:60%;
    left:20%;
    height:125px
}

.section {
	
	margin-top:50px;
	
    display:none;
    width:100%;
}

/* 3D Buttons */
.container {margin-top:40px;}
body {text-rendering:optimizespeed;}
.btn:not(a) {border:0;border-bottom:0;border-left:0;font-weight:'900';font-family:'Ubuntu', sans-serif;box-shadow: inset 0 -3.2px rgba(0, 0, 0, 0.12),inset 2px 0 rgba(0, 0, 0, 0.1);outline:none;-webkit-outline:none;-o-outline:none;-moz-outline:none;}
.btn:active:not(a), .btn.active {outline:none;-moz-outline:none;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;position: relative;box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;top: 1px;left:-1px;}
.btn:focus:not(a) {outline:none;-webkit-outline:none;-moz-outline:none;}
.btn-sm {padding-top:1.5px;}

.navbar-blue-banpay {
    background-color:#143350;
    color:white;
 }
 .texto-dorado, .texto-blanco {
    line-height: 1.4;
    font-size: 22px;
    font-family: Open Sans,sans-serif;
 }
 .texto-dorado {
    color: #c6b784;
    font-weight:600;
 }
 .texto-blanco {
    color: white;
    font-weight:100;
 }
 .menu-item {
    color: white;
    background-color: #16354c;
    margin-right: 40px;
    margin-top: 20px;
    width: 105%;
    text-align: center;
    font-weight: 200;
    font-size:larger;
 }
 .menu-item:hover{
    border-color: #16354c;

 }
 .menu-item:hover:hover{
    font-weight: 600;
    background-color: #16354c;
    border-bottom: 3px solid rgb(0,0,0,0);
    margin-bottom: -1px;
            
    transition: border-color 1s linear;
    -moz-transition: border-color 1s linear;    /* FF3.7+ */
    -o-transition: border-color 1s linear;      /* Opera 10.5 */
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */

        
}
.button-white {
    background-color:white;
    color:black;
    font-weight:600;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
.button-white:hover:hover{
    background-color:#c6b784;
    color:white;
}

.Linea-Dorada {
    border-top: 1px solid #c6b784; 
    border-radius: 10px;
 }
 .navbar-white-banpay{
     background-color:white;
     font-weight:bold;
     color:#c6b784;
     opacity:0.90;
 }

 .button-blue {
    background-color: #16354c;
    color:white;
    font-weight:300;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
.button-blue:hover:hover{
    background-color:#c6b784;
    color:white;
}

.box-report {
    float:left;width:350px;height:130px;margin-right:5px;margin-top:5px;
}
.box-report-content {
    text-align:justify;font-size:smaller;margin-top:-5px;font-family:Sans Serif;
}

/* SHAPE -  OFFER */
.shape{    
    border-style: solid; border-width: 0 40px 40px 0; float:right; height: 0px; width: 0px;
    -webkit-transform: rotate(360deg);  
    -moz-transform: rotate(360deg);  
    -o-transform: rotate(360deg);  
    transform: rotate(360deg); 
}
.shape-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-22px; top:-3px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(46deg); /* Safari and Chrome */
	transform:rotate(46deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 10px 0; overflow:hidden;
}
.shape {
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
	border-radius:7px;
}
.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{
	border-color: transparent #d9534f transparent transparent;
}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{
	border-color: transparent #5cb85c transparent transparent;
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
}
.offer-primary {	border-color: #428bca; }
.offer-primary .shape{
	border-color: transparent #428bca transparent transparent;
}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
}

.offer-content{
	padding:0 10px 5px;
}