@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* CSS Document */
form{
	margin:0;
	padding:0;
	}
body{
	font-family: 'Open Sans', sans-serif;
	margin:0 0 15px 0;
	padding:0px;
	font-size:10pt
}
/*SECCIONES*/

@media print{
	body{
		margin: 0;
		padding:0;
		font-family: 'Open Sans', sans-serif;
		font-size:0.6em;	
		}	
	th{
		border-bottom:1px solid;
		}
	h1{
		height:2em;

		}
	td.listado{
		height:15px;
		}
	table{
		border-collapse:collapse;
		}
	input, select{
		display:none;
		border:0;
		font-family: 'Open Sans', sans-serif;
		}
	a{
		text-decoration:none;
		color:none;
		}
	label:after{
		content: ": ";
		}
	#header{
		display:none;
	}
	#menu{
		display:none;
	}
	.contenedor_formulario{
		display:none;
	}
	.titulo_formulario{
		font-weight:700;
		}
	.noprint, .message, .error{
		display:none;
		}
	.print{
		display:inherit;
	}
}
	
@media screen{
		
	#header{
		margin:5px;
		background-color:#DDDBB1;
		height:60px;
		}
	#wrapper{
		float:left;
		width:100%
		}
	#content{
		margin: 0;
		padding: 0 5px 0 15px;
	}
	#info{
		float:right;
		text-align:right;
		height:60px;
	}	
	
	#message{
		clear:both;
		background:#99D6AD;
		color: #009933; 
		border-top: 2px solid #009933;
		border-bottom: 2px solid #009933; 
		font-weight: 700;
		padding: 5px;
		margin:0 5px;
		}
	#message:empty{
		display:none;
		}
		
	#error{
		clear:both;
		background: #e6c0c0;
		color: #c00; 
		border-top: 2px solid #DE7A7B;
		border-bottom: 2px solid #DE7A7B; 
		font-weight: 700;
		padding: 5px;
		margin:0 5px;
		}	
	#error:empty{
		display:none;
		}
	
	/*ITEMS*/
	
	p, td, select, input, textarea,th{
		font-family: 'Open Sans', sans-serif;
		color: #545454;
		margin:0;
		padding:0;
	}
	input {
		border: solid 1px;
		height:1.6em;
		-webkit-border-radius:0;
		}
		
	input[type="file"]{
		height:2.2em;
		font-size:1em;
		margin:2px;
		padding:5px 10px;
		font-family:"Open Sans", sans-serif;
		-webkit-appearance: none;
		background:none;
		border:0;
		border-radius: 0;
	}
	
	input[type="button"], input[type="submit"]{
		height:2.2em;
		font-size:1em;
		margin:2px;
		padding:5px 10px;
		font-family:"Open Sans", sans-serif;
		-webkit-appearance: none;
		background:#f0f0f0;
		border-radius: 0;
	}
	/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
	
	a, img{
		color: #666666;
		text-decoration: underline;
		border:0;
	}
	
	a:hover {
		color: #E2144A;
		text-decoration: underline;
	}
	
	h1{ 
		color:#663333;
		margin:0;
		padding:0;
		font-size:16pt;;
		text-transform:uppercase;
		}
	h2{ 
		color:#663333;
		margin:10px 0 3px 0;
		padding:0;
		font-size:9pt;
		text-transform:uppercase;
		font-weight:bold;
		}	
	
	
	/*CLASSES*/
	
	.articulos{
		border-spacing:0;
		border-width: 1px;
		border-style: solid;
		border-collapse: collapse;
		border-color:#E3E3C0;
		text-align:center;
		background-color:#FFFCEC;
	}
	.articulos tr:hover{
		background-color:#FFFFCC;
		}
		
	.bloqueado{
		color:#FF0000;
	}	
	.campo_formulario{
		position:relative;
		margin:15px 15px 5px 10px;
		float:left;
		min-width:80px;
		min-height:25px;
		}
			
	.campo_formulario input[type="button"],  .campo_formulario input[type="submit"]{
		position:relative;
		bottom:5px;
	}
	.clear{
		width: 100%;
		height: 1px;
		margin: 0 0 -1px;
		clear: both;
		}		
	.contenedor_formulario{
		margin:3px;
		overflow:hidden;
		width:100%;
	}
	
	.floatright{
		float:right;
		}
	
	.header{
		padding:3px;
		background-color:#E3E3C0;
		font-weight:normal;
	}
	
	.header a{
		color:#333333;
		}
		
	.inactivo{
		color:#AAAAAA;
	}
	
	.lineas{
		padding:1px 3px;
		border:solid 1px #E3E3C0;
	}
	
	.login{
		padding-left:35%;
		}
		
	.minwidth150{
		min-width:150px;
	}
	.minwidth200{
		min-width:200px;
	}
	
	.titulo_formulario{
		position:absolute;
		font-weight:700;
		top:-16px;
		left:-10px;
		white-space:nowrap;
		font-size:0.85em;
		}
	
		
	/* FORMATO DEL MENU */	
		#menu {
			width:100%;
			background:#FFFCEC;
			float:left;
			margin:0;	
		}
		
		#menu ul{
			padding:0px;
			margin:0px;
			
			}
			
		#menu li{
			display:inline;
			position:relative;
			z-index:100;
		}
		#menu li {
			text-decoration: none;
			float:left;
			padding:7px 15px;
			background-color: #FFFCEC;
			cursor:pointer;
			}
		
		#menu li:hover {
			background-color: #DDDBB1;
		}
		
		#menu ul ul{
			display:none;
			position:absolute;
			border-radius: 0px;
			padding: 0;
			top:100%;
			left:0;
			white-space:nowrap;
			width:150px;
		
			}
		#menu ul ul li{
			background:#FFFCEC;
			width:100%;
			border-bottom:1px solid #FFFFFF;
		
			}
		#menu ul li:hover > ul {
			display: block;
		}
		#menu ul li ul li a {
			display: block;
			text-decoration: none;
		}
		
		#menu ul li a {
			display: block;
			text-decoration: none;
		}
	
}