html {
	height: 100%;
}

body {
	    	/*background-image: url(../img/wood_pattern.png);*/
	    	background:url(../img/mochaGrunge.png);

    	}
    	
    	.navbar {
	    	padding-top:5px;
	    	background-color:green;
	    	
    	}
    	.nav-collapse > .nav > li{
    		max-width: 109px;
	    	margin: 0px;
	    	padding: 0px;
    	}
    	
    	.nav-collapse > .nav > li > a{
	    	max-width: 109px;
	    	color: white;
	    	min-height: 109px;
	    	padding-top: 0;
	    	padding-bottom: 0;
	    	text-align: center;
	    	text-shadow:1px 0px 1px black;
	    	background-color:clear;
	    	/*background-image: url(../img/background-nav-active.png);*/
    	}
    	
    	.nav-collapse > .nav > .activo > a {
    		max-width: 109px;
	    	color: #6ad563;
	    	padding-top: 0;
	    	padding-bottom: 0;
	    	text-align: center;
	    	background-color:clear;
	    	background-image: url(../img/background-nav-active.png);
	    	
	    	
    	}
    	
    	.nav-collapse > .nav > li > a:hover {
    		max-width: 109px;
	    	color: #7daed8;
	    	min-height: 109px;
	    	padding-top: 0;
	    	padding-bottom: 0;
	    	text-align: center;
	    	background-color:clear;
	    	
	    	
    	}

    	
    	.nav-collapse > .nav > li > a > [class^="icon-"]{
	    	color: white;
	    	margin-bottom:10px;

	    	/*text-shadow: 1px 1px 1px #ccc;*/
		} 
		
		.nav-collapse > .nav > li > a:hover > [class^="icon-"]{
	    	color:#7daed8;

	    	/*text-shadow: 1px 1px 1px #ccc;*/
		}
		
		.nav-collapse > .nav > .activo > a > [class^="icon-"]{
	    	color: #6ad563;

	    	/*text-shadow: 1px 1px 1px #ccc;*/
		} 
		
		.nav-collapse > .nav > li > a:hover > [class^="icon-"]
		{
			color: #7daed8;
			text-shadow: 0px 0px 2px black, 0px 0px 17px white;
		}
		
		.brand
		{
		  background: url(../img/Imagine800.png) no-repeat left center;
		  min-height: 20px;
		  min-width: 320px;
		  margin:0;
		  padding: 0;
		}

	body  {
	  padding: 0px;
	  height: 100%;
	}
	@media (max-width: 979px) {
	  body {
	    padding:0px;
	    height: 100%;
	    
	  }
	}
	
		body >.container-fluid{
			height:100%;
			padding: 0;
			margin-top: 134px;
		}

		.no-space > [class*="span"] {
		    margin-left:0;
		}
		
		.no-space {
			margin-left:0;
    	}



    	.contenido .row-fluid .menulateral {
    		/*margin-top:20px;*/
		  width: 250px;
		  *width: 250px;
			display: block;
			/*overflow: hidden;*/
			position:absolute;
			float:left;
			/*height:100%;*/
			padding-top:20px;
			padding-bottom:-100px;
			/*background:url(../img/mochaGrunge.png);*/

		}
		.contenido .row-fluid .principal {
			/*margin-top:20px;*/
			padding-left:20px;
			padding-bottom: auto;
			padding-right:20px;
			margin-left:250px;
			margin-bottom: 0px;
			
			/* Firefox */
			width: -moz-calc(100% - 250px);
			/* WebKit */
			width: -webkit-calc(100% - 250px);
			/* Opera */
			width: -o-calc(100% - 250px);
			/* Standard */
			width: calc(100% - 250px);
		  *width: calc(100% - 250px);
		  	/*position:absolute;*/
		  	/*height:100%;*/
			background-color: white;		  
		}
		
		

		.accordion-group {
			
			border-style:none;
			
		}
		
		.accordion-header {
			border-style:none;
			
		}
		.accordion-body {
		
			border-style:none;

		}
		.accordion-inner{
			border-style: none;
			margin:0;
			padding:0;
		}
		
		.nav-tabs{
			width: 100%;
			
		}
		
		
		.nav-tabs a{
			background: url(../img/subtle_white_feathers.png);
			border-style: none;
			margin-left:40px;
			color:black;
			/*background-color: red;*/

		}

		.nav-tabs li.active a{
			background: url(../img/slash_it.png);
			color:#e6e3e3;

		}
		
		
		
		.nav-tabs a .arrow-left{
			display:none;
			/*background-color: red;*/

		}
		
		
		.nav-tabs li.active a .arrow-left{
			margin-top:-20px;
			position: inherit;
			margin-left:188px;
			display:block;
			/*background-color: red;*/

		}
		
		
		.arrow-left {
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			
			border-right:10px solid white; 
		}
				
		.nav-tabs a:hover{
			background: url(../img/subtle_white_feathers.png);
			border-style: solid;
			border-color: red;
			margin-left:40px;
			color:black;
			/*background-color: red;*/

		}
		
		.nav-tabs li.active a:hover{
			background: url(../img/slash_it.png);
			border-style: solid;
			border-color: red;
			margin-left:40px;
			color:#e6e3e3;
			/*background-color: red;*/

		}

		
		.nav-tabs > li{
			
			border-radius: 41px 5px 5px 5px;
			

		}
		.nav-tabs > li:hover{
			background-color: none;
		}
		
		.nav-tabs > li > a:hover{
			background-color: none;
			margin-left:25px;
			border-style:none;
		}
		
		.nav-tabs > li > a{
			background-color: none;
			border-style:none;
		}
		
		.nav-tabs > li.active > a{
			background-color: none;
			border-style:none;
		}
		
		.nav-tabs > li.active > a:hover{
			background-color: none;
			
			border-style:none;
		}


		.menulateral .accordion-toggle li{
			font-size: 22px;
			font-style: inherit;
			text-transform: none;
			text-align: left;
			margin:0;
			margin-top:8px;
			padding:0;
			font-family: 'Sans', serif;
		}
		
		.menulateral .accordion-toggle {
			background-color: red;
			margin-left:25px;
			border-radius: 5px 0px 0px 5px;
			height: 40px;
			margin-bottom:5px;
			margin-top:5px;
			
			-webkit-transition:all 300ms ease-in-out;
			background-color:#FFFFFF;
			background-position:initial initial;
			background-repeat:initial initial;
			border-left-width:8px;
			box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 2px;
			display:block;
			
			overflow:hidden;
			font-size: 22px;
			
			-moz-box-shadow: -1px -1px 1px #888;
			-webkit-box-shadow: -1px -1px 1px #888;
			box-shadow: -1px -1px 1px #888;


			background: rgb(249,249,249); /* Old browsers */
			background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(232,232,232,1) 86%, rgba(214,214,214,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(86%,rgba(232,232,232,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(232,232,232,1) 86%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(232,232,232,1) 86%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(232,232,232,1) 86%,rgba(214,214,214,1) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(232,232,232,1) 86%,rgba(214,214,214,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 */

			border-left-style:solid;
			border-left-color:blue;
			border-left-width: 8px;
			
		}
		
		.menulateral .accordion-toggle.active {
			border-left-color:green;
		}
		
		.menulateral .accordion-toggle.seleccion li{
			color:green;
		}
		
		.hero-unit {
			padding-top:20px;
			padding-bottom:20px;
			padding-left:30px;
			padding-right:30px;
			margin-top:20px;
		}

		.well {
		  clear:both;
		  padding: 0;
		  margin-bottom:2em;
		  overflow:hidden;
		  position:relative;
		  width:auto;
		}
		
		.widget-header {
		  -webkit-background-clip:padding-box;
		  background-image:-webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
		  background-position:initial initial;
		  background-repeat:initial initial;
		  border:1px solid #D5D5D5;
		  border-top-left-radius:4px;
		  border-top-right-radius:4px;
		  height:40px;
		  line-height:40px;
		  position:relative;
		}
		
		
		form, fieldset{
			margin:0;
			padding:0;
		}
		
		fieldset{
			margin: 0px 20px 20px 20px;
		}
		
		.widget-header h3 {
		  color:#555555;
		  display:inline-block;
		  font-size:14px;
		  font-weight:800;
		  left:10px;
		  line-height:18px;
		  margin-right:3em;
		  position:relative;
		  text-shadow:rgba(255, 255, 255, 0.498039) 1px 1px 2px;
		  top:2px;
		}
		
		
		.widget-header + .widget-content {
		  border-top-left-radius:0;
		  border-top-right-radius:0;
		  border-top-style:none;
		}
		
		.widget-content {
			zoom:1;
		  background-color:#FFFFFF;
		  background-position:initial initial;
		  background-repeat:initial initial;
		  border:1px solid #D5D5D5;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
		  border-top-left-radius:5px;
		  border-top-right-radius:5px;
		  padding:20px 15px 0px;
		  padding: 0;
		  margin-bottom: 20px;
		}
		
		.widget-footer h3{
			
			color:#555555;
		  display:inline-block;
		  font-size:14px;
		  font-weight:800;
		  left:10px;
		  line-height:18px;
		  margin-right:3em;
		  position:relative;
		  text-shadow:rgba(255, 255, 255, 0.498039) 1px 1px 2px;
		  bottom: :2px;
			
		}
		
		.widget-footer {
			margin: 0;
		  -webkit-background-clip:padding-box;
		  background-image:-webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
		  background-position:initial initial;
		  background-repeat:initial initial;
		  border:1px solid #D5D5D5;
		  border-top-left-radius:4px;
		  border-top-right-radius:4px;
		  height:40px;
		  line-height:40px;
		  position:relative;
		}
		
		.widget-footer {
		  border-bottom-left-radius:0;
		  border-bottom-right-radius:0;
		  border-bottom-style:none;
		}


		label.valid {
		  width: 24px;
		  height: 24px;
		  background: url(../img/valid.png) center center no-repeat;
		  display: inline-block;
		  text-indent: -9999px;
		}
		label.error {
			font-weight: bold;
			color: red;
			
			width: 24px;
		  height: 24px;
			display: inline-block;
		  text-indent: -9999px;
		  
			padding: 2px 8px;
			margin-top: 2px;
		}
		
	#modalLogin {
    /* new custom width */
    width: 300px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -150px;
}



	.footer{
		clear:both;
		background-color:#4488EA;
		background-image:-moz-linear-gradient(top, #95B9D4, #63A0ED);
		background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#95B9D4), to(#63A0ED));
		background-image:-webkit-linear-gradient(top, #95B9D4, #63A0ED);
		background-image:-o-linear-gradient(top, #95B9D4, #63A0ED);
		background-image:linear-gradient(to bottom, #95B9D4, #63A0ED);
		background-repeat:repeat-x;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff09598e', endColorstr='#ff08548b', GradientType=0);

	}
	
	
	.popover {
	max-width: 800px;
	width: auto;
	}
	
	iframe { height:100%; }
	
	.datosCampanya {
		display: block;
		/*margin-top: 50px;*/
		bottom:0px;
		left:15px;
		max-width:220px;
		

	}

	.datosCampanya ul{
		background-color:#FAFAFA;
		background-position:initial initial;
		background-repeat:initial initial;
		border:1px solid #E5E5E5;
		border-bottom-left-radius:6px;
		border-bottom-right-radius:6px;
		border-top-left-radius:6px;
		border-top-right-radius:6px;
		font-size:11px;
		margin:0;
		padding:5px 10px;
		list-style:none;
		margin-left:0;
	}
	
	.datosCampanya ul li {
	  border-bottom-color:#CCCCCC;
	  border-bottom-style:dashed;
	  border-bottom-width:1px;
	  line-height:26px;
	  overflow:hidden;
	  vertical-align: middle;
	}

	.datosCampanya ul li:last-child {
	  border:none;
	}
	
	
	.datosCampanya .act {
	  float:right;
	  margin-top: 5px;
	  }

	.badge {
	    font-size: 0.846em;
	    padding: 0.2em 0.65em 0.2em;
	    vertical-align: middle;
	}