body {

	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	/* [disabled]color:#333333; */

	background-color: #f9f7ed;

	margin: 0px;

	

}



#wrapper {



	width:800px;

	margin:auto;

	background-color:#FFFFFF;

	

		

}



#menu {

	

	/*background-image:url(img/footer_bg.png);*/

	height:20px;

	/*padding-top:3px;*/

	text-align:center;

	background-color:#9EB847;

	



}



#menu a, #footer a{

	

	color:#FFFFFF;

	text-decoration:none;

	font-weight:bold;

	

}



#menu a:hover, #footer a:hover{

	/*text-decoration:underline;*/

}





#contenido {

	padding:0px;

}



#footer {

	

	height:25px;

	width: 100%;

	padding-top:0px;

	position:absolute;

	bottom:0;

	color:#FFFFFF;

	text-align:center;

/*background-image:url(img/footer_bg.png);*/

background-color:#9EB847;

	

}







h1 {

	

	color:#33170D;

	font-size:18px;

	border-bottom:1px solid #FF9900;

	padding-bottom:10px;

	

}



		

body, nav, ul, li, a  {margin: 0; padding: 0;}





.container {

	width: 100%;

/*	max-width: 880px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto; 

	display:block; */

}



.toggleMenu {

    display:  none;

    background: #666;

    /*padding: 10px 15px;*/

    color: #fff;

	/*ssssssssss*/



}

.nav {

    list-style: none;

     *zoom: 0;

  background:#9EB847;

  align-self: center;

  text-align: center;

  align-content: center;

  align-items: center;

  width: auto;



  



}

.nav:before,

.nav:after {

    content: " "; 

    display: table; 



}

.nav:after {

    clear: both;

}

.nav ul {

    list-style: none;

    width: 9em;

}

.nav a {

    padding: 5px 15px;

    color:#fff;

}

.nav li {

    position: relative;

}

.nav > li {

    float: left;

    border-top: 1px solid  #104336;

}

.nav > li > .parent {

    background-image: url("file:///D|/Respaldo jun 2016/Proyectos/Bodega Coigue/Codigo_04_2016_v1/images/downArrow.png");

    background-repeat: no-repeat;

    background-position: right;

}

.nav > li > a {

    display: block;

}

.nav li  ul {

    position: absolute;

    left: -9999px;

}

.nav > li.hover > ul {

    left: 0;

}

.nav li li.hover ul {

    left: 100%;

    top: 0;

}

.nav li li a {

    display: block;

        background:#9EB847;

    position: relative;

    z-index:100;

   /* border-top: 1px solid #175e4c; 

   background: #1d7a62;*/

   border-top: 1px solid #175e4c;;

}

.nav li li li a {

    background:#249578;

    z-index:200;

    border-top: 1px solid #1d7a62;

}


/*


!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!

*/

@media screen and (max-width: 768px) {

    .active {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        background-image: url("file:///D|/Respaldo jun 2016/Proyectos/Bodega Coigue/Codigo_04_2016_v1/images/downArrow.png");

        background-repeat: no-repeat;

        background-position: 95% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }



}		
/*
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
*/


.progress.active .progress-bar {

    -webkit-transition: none !important;

    transition: none !important;

}



/*

.modal-dialog {

  position:absolute;

  top:50% !important;

  transform: translate(0, -50%) !important;

  -ms-transform: translate(0, -50%) !important;

  -webkit-transform: translate(0, -50%) !important;

  margin:auto 5%;

  width:100%;

  height:80%;

}

.modal-content {

  min-height:70%;

  min-width: 80%;

  position:absolute;

  top:0;

  bottom:0;

  left:0;

  right:0; 





}

.modal-body {

  position:absolute;

  top:45px;

  bottom:45px;

  left:0;

  right:0;

  overflow-y:auto;

}

.modal-footer {

  position:absolute;

  bottom:0;

  left:0;

  right:0;

}



/*si funciona*/



.modal-body {

    position:relative; /* This avoids image to go off the container */

    height: 100%;

    /*border: 1px solid #ff0000;*/

}







.img-responsive {

    width:50px;

    height: 50px;

    position:absolute;

    left:50%;

    top:50%;

    margin-top:-25px;

    margin-left:-25px;

}



#processing{ 

    width:800px;

    height: 800px;

    /*border:1px solid #000;*/

    padding:15px;

    margin:0 auto;

}



.center_div{

    margin: 0 auto;

    width:80% /* value of your choice which suits your alignment */

}



/*


!!!!!!!!!!!!!!!!!!111111!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!222222!!!!!!!!!!!!!!!!!!!!
*/

@media (min-width: 768px){

    .navbar-nav{

        float:none;

        margin: 0 auto;

        display: table;

        table-layout: fixed;       

         background:#9EB847;    

         padding: 0px 0px 0px 0px;  

         margin: 0px 0px 0px 0px;    

    }

}



.no-padding {    

    

    padding: 0 !important;

    margin: 0 !important;



}



.background-menu{

   background:#9EB847

}



.btn-file {

    position: relative;

    overflow: hidden;

}

.btn-file input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    font-size: 100px;

    text-align: right;

    filter: alpha(opacity=0);

    opacity: 0;

    outline: none;

    background: white;

    cursor: inherit;

    display: block;

}





/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}

body {

  /* Margin bottom by footer height */

  margin-bottom: 60px;

}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  height: 60px;

  background-color: #f5f5f5;

  color:#FFFFFF;

}





/* Custom page CSS

-------------------------------------------------- */

/* Not required for template or sticky footer method. */



body > .container {

  padding: 0px 15px 0;

}

.container .text-muted {

  margin: 20px 0;

}



.footer > .container {

  padding-right: 15px;

  padding-left: 15px;

}



code {

  font-size: 80%;

}