.modal-header, h4, .close {
      background-color: #5cb85c; 
      color:white !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }
.navbar {
background-color:#ffffff;
height:115px;
text-align:center;
}   
.navbar-inverse {
border-bottom: 5px solid #cda64f;
}


#contenido {
margin:0 auto;
width:90%;
overflow:auto;
}
.iniciar { padding:200px;}
.panel { margin-top: 0px;}
.panelf { margin-top: 75px;border: solid 1px #cda64f;border-radius: 8px;height:350px; width:100%;position:relative;}
.inicio-button {
font-size:1.5em;
padding:2px;
}
.inicio { 
border: solid 1px #cda64f;
width:900px;
height:;
padding:10px;
border-radius: 8px;
height:400px;
}

.formini {
border: solid 1px #cda64f;
width:900px;
height:;
padding:10px;
border-radius: 8px;
}
.ubical {
margin-left:700px;
margin-top:5px;
}

#btnini {
text-align:center;
margin-top:100px;
width:100%; 
}
.btn-group-vertical .active { background-color : #cda64f; color:#fff; font-weight:bold;}
.form-group input { background-color: #eff2e7; font-size: 21px; height:50px; }
.form-group select { background-color: #eff2e7; font-size: 21px; height:50px; }
.form-group textarea { background-color: #eff2e7; font-size: 21px; }

.dropdown-toggle.btn-default{color:#333;background-color:#eff2e7;border-color:#adadad;font-size:21px;height:50px;}
.btn-multiple { font-size:21px;height:50px; font-weight: normal;border: 1px solid #ddd; width:100%; }
.btn-multiple:before { background: #eff2e7; }
.multiselect-container>li>a>label {
    margin: 0;
    height: 40px;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px;
    width:100%;
    line-height: 30px;
}
.checkbox input { margin-top:-10px; }
.btn-lg, .btn-info, .btn-info:before {background-color:#cda64f;}
.btn-info:hover { color:#000; background-color:#f1f1f1; }
.btn-primary:before {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-block:before { background-color:#cda64f; border-color:#cda64f;}

.btn-default:hover { color:#fff; }

.tnum {
font-size:2em;
background-color:#004257;
display:inline-block;
padding:0px;
color:#fff;
height:120px;
line-height: 120px;
width:50px;
text-align:center;
}

.temas {
position:absolute;
display:inline-block;
line-height: 125px;
}

.temas {
    font-size: 21px;
    height: 50px;
}

.tema { display:inline-block; width:250px; margin-left:15px; }
.stema { display:inline-block;  width:350px;  }
.addt {  display:inline-block;  width:150px; line-height: 5px; font-size:0.7em; } 

.box {
border: solid 1px #004ea0;
margin-bottom:15px;
background-color:#f6f6f6;
height:121px;
line-height:121px;
}

.frmDronpDown {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
.demoInputBox {padding: 10px;border: #F0F0F0 1px solid;border-radius: 4px;background-color: #FFF;width: 100%;}
.row{padding-bottom:15px;}

.boxa {
border: solid 1px #004ea0;
margin-bottom:15px;
background-color:#f6f6f6;
padding:25px;
}

#add {
background-color:#064251;
float:right;
margin-bottom:-35px;
margin-right:-25px;
width:160px;
text-align:center;
color:#fff;
padding:3px;
}


#consecutivo {
margin:0 auto;
width:60%;
text-align:center;
font-weight:bold;
font-size:2em;
border: 3px dashed #b22c2c;
border-radius: 10px;
padding:15px;
}

table tbody tr:hover { background-color: #cfd8db; }

.stepbar { margin-top:50px;}
.stepbar ul { -webkit-padding-start: 0px; }

.stepNav {
	  margin: 30px 20px;
		height: 33px;
		padding-right: 20px;
		position: relative;
		z-index: 0;
		}
	
	/* z-index to make sure the buttons stack from left to right */
	
	.stepNav li {
		float: left;
		position: relative;
		z-index: 3;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
		   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.12);
				    box-shadow: 0 1px 1px rgba(0,0,0,0.12);
		}
		
	.stepNav li:first-child {
		-webkit-border-radius: 5px 0 0 5px;
		   -moz-border-radius: 5px 0 0 5px;
	   	      border-radius: 5px 0 0 5px;
		}
		
	.stepNav li:nth-child(2) { z-index: 2; }
	.stepNav li:nth-child(3) { z-index: 1; }
        .stepNav li:nth-child(4) { z-index: 0; }
	
	/* different widths */
	
	.stepNav.twoWide li { width: 50%; }
	.stepNav.threeWide li { width: 25%; }
	
	   /* step links */
	
	.stepNav a, .stepNav a:visited {
		width: 100%;
		height: 43px;
		padding: 0 0 0 25px;
		color: #717171;
		text-align: center;
		text-shadow: 0 1px 0 #fff;
		line-height: 43px;
		white-space: nowrap;
		border: 1px solid #cbcbcb;
		text-decoration: none;
		border-top-color: #dddddd;
		border-right: 0;
		background-color: #fbfbfb;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(251, 251, 251)), to(rgb(233, 233, 233)));
		background-image: -webkit-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -moz-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -o-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -ms-linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: linear-gradient(top, rgb(251, 251, 251), rgb(233, 233, 233));
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			      box-sizing: border-box;
		}
		
	.stepNav li:first-child a {
		padding-left: 12px;
		-webkit-border-radius: 5px 0 0 5px;
		   -moz-border-radius: 5px 0 0 5px;
	   	      border-radius: 5px 0 0 5px;
		}
	
	.stepNav a:before {
		content: "";
		width: 29px;
		height: 29px;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #cbcbcb;
		background-image: -webkit-gradient(linear, right top, left bottom, from(rgb(251, 251, 251)), to(rgb(233, 233, 233)));
		background-image: -webkit-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -moz-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -o-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: -ms-linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
		background-image: linear-gradient(right top, rgb(251, 251, 251), rgb(233, 233, 233));
		display: block;
		position: absolute;
		top: 6px;
		right: -16px;
		z-index: -1;
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
		     -o-transform: rotate(-45deg);
			 	    transform: rotate(-45deg);
		}
		
	.stepNav a:hover {
		color: #2e2e2e;
		background-color: #f5f5f5;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)), to(rgb(217, 217, 217)));
		background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: linear-gradient(top, rgb(242, 242, 242), rgb(217, 217, 217));
		}
		
	.stepNav a:hover:before {
		background-image: -webkit-gradient(linear, right top, left bottom, from(rgb(242, 242, 242)), to(rgb(217, 217, 217)));
		background-image: -webkit-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -moz-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -o-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: -ms-linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		background-image: linear-gradient(right top, rgb(242, 242, 242), rgb(217, 217, 217));
		}
	
	/* selected */
		
	.stepNav li.selected {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				    box-shadow: none;
		}
								
	.stepNav li.selected a, .stepNav li.selected a:before {
		background: #ebebeb;
		}
		
	.stepNav li.selected a {
		border-top-color: #bebebe;
		-webkit-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
		   -moz-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
				    box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
		}
		
	.stepNav li.selected a:before {
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #cbcbcb;
		-webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
		   -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
				    box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
		}
#actn {
margin-left:-25px;
margin-top:-25px;
width:40px;
height:40px;
background-color:#22435d;
font-size:2em;
text-align:center;
color:#fff;
}

#actn a { color:#fff; }

@media only screen and (max-width: 600px) { 
#btnini {
margin-top:10px;
}
.panelf { 
margin-top: 75px; 
height: auto;
 }
.ubical {
margin-left:10px;
 }    
}