/* LINK */

a{
	text-decoration: none;
	color: grey;
	margin-right: 10px;
}

a:hover{
	color: #FF8600;
	text-decoration: underline
}


/* PARTE IZQUIERDA */

.div-izquierda{
	-webkit-box-shadow: 2px 2px 5px #999;
 	-moz-box-shadow: 2px 2px 5px #999;
}










/* MENÚ */


/* Style The Dropdown Button */
.dropbtn {
    background-color: #FF8600;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	border-radius: 10px 10px 10px 10px !important;
  	-moz-border-radius: 10px 10px 10px 10px !important;
  	-webkit-border-radius: 10px 10px 10px 10px !important;
	-webkit-box-shadow: 2px 2px 5px #999;
 	-moz-box-shadow: 2px 2px 5px #999;
	
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius: 10px 10px 10px 10px !important;
  	-moz-border-radius: 10px 10px 10px 10px !important;
  	-webkit-border-radius: 10px 10px 10px 10px !important;
	-webkit-box-shadow: 2px 2px 5px #999;
 	-moz-box-shadow: 2px 2px 5px #999;
	
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #FFAA4D;
}














 /* SELECT DE ENTRADA */


.select-css {
  display: block;
  font-size: 16px;
  font-family: 'Verdana', sans-serif;
  font-weight: 400;
  color: #444;
  line-height: 1.3;
  padding: .4em 1.4em .3em .8em;
  /*width: 400px;*/
  max-width: 100%; 
  box-sizing: border-box;
  margin: 5px auto;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  border-radius: .3em;
  -moz-appearance: none;
  -webkit-appearance: none; 
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #FF8600;
}
.select-css:focus {
  border-color: #FF8600;
  box-shadow: 0 0 1px 3px rgba(255,134,0, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
.select-css option {
  font-weight:normal;
}




/*INPUT ANIMADO*/


.group        { 
	
  position:relative; 
  display: inline-block;
  margin-bottom:45px; 
  padding-bottom: 25px;
  margin: 0 auto;
}
input         {
  font-size:18px;
  padding:10px 10px 10px 5px;
  /*display:block;*/
  width:200px;
  border:none;
  border-bottom:1px solid #FF8600;
}
input:focus     { outline:none; }

/* LABEL ======================================= */
label          {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label    {
  top:-20px;
  font-size:14px;
  color:#FF8600;
}

/* BOTTOM BARS ================================= */
.bar  { position:relative; display:block; width:200px; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#FF8600; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#FF8600; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#FF8600E; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#FF8600; }
  to  { width:0; background:transparent; }
}





/* LISTA DEL NAV */ 


.menu{
	list-style: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
	padding-bottom:  10px;
}



/* BOTONES */

.boton{
    text-decoration: none;
    padding: 8px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    background-color: #FF8600;
    border-radius: 4px;
    border: 1px solid #D36F00;
  }
.boton:hover{
    color: #FF8600;
    background-color: #FFFFFF;
	cursor: pointer
  }


/* VARIOS */

hr{
	color: #FF8600;
}

.dir-fact{
	display: none;
}

textarea{
	border: solid;
	border-color: #FF8600;
	border-width: 1px;
	width: 600px;
	height: 200px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
}



/* TABLA */


.tabla{
	width: 100%;
	border: solid 0px;
	padding: 5px;
	border-radius: 10px 10px 10px 10px !important;
  	-moz-border-radius: 10px 10px 10px 10px !important;
  	-webkit-border-radius: 10px 10px 10px 10px !important;
	-webkit-box-shadow: 2px 2px 5px #999;
 	-moz-box-shadow: 2px 2px 5px #999;
}

.tabla thead td{
	background-color: #FF8600;
	color: white;
	padding: 5px;
	font-weight: bold;
}

.tabla tr td{
	padding: 7px 0px 7px 7px;
}

.tabla .defecto{
	background-color: #FFDEB5 ;
}


/* DIV FILTROS */

.filtros{
	width: 98%;
	border: solid 0px;
	padding: 5px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px !important;
  	-moz-border-radius: 10px 10px 10px 10px !important;
  	-webkit-border-radius: 10px 10px 10px 10px !important;
	-webkit-box-shadow: 2px 2px 5px #999;
 	-moz-box-shadow: 2px 2px 5px #999;
	
	text-align: center;

}

.div_derecha{
	text-align: left;
}

.div_izquierda{
	
}

.detalle_filtros{
	
}



@media only screen and (min-width: 1200px) {
	.nav_oculto{ 
		display: none;
	}
	
}


@media only screen and (max-width: 1199px) {
   	
	.nav_oculto{ display: block }
	.nav{ display: none }
	.div-central{ width:  95% }
	
	body{font-size: 14px;}
	
}

@media print{
	
	header{
		display: none;
	}
	
	nav{
		display: none;
	}
	
	footer{
		display: none;
	}
	
	.nav{
		display: none;
	}
	
	.boton{
		display: none;
	}
	
	.div_central{ width: 100%; padding: 0px; margin: 0px}
	.div_inline{ width: 100%; padding: 0px; margin: 0px}
	.div_completo{ border: 0px; font-size: 12px;}
	.centrado{ border: 0px;}
	.main{ width: 100%; padding: 0px; margin: 0px}
	table{ width: 95%; border: 0px; font-size: 12px;}

	
	body{
		font-size: 12px;
	}
	
	input{display: none}
	
}