/* PROPIEDADES GENERALES*/

/*Colores:
	#084c8d Azul Oscuro
	#6682b5	Azul
	#d5d5e5	Azul Claro
	#b38471 Marron
	#ff6d00 naranja*/
	
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Open Sans'), local('OpenSans'), url(Open400.woff) format('woff');
	}
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 700;
	  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(Open700.woff) format('woff');
	}
 
 @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,a{
			display:none;
			border:0;
			font-family: 'Open Sans', sans-serif;
			}
		label:after{
			content: ": ";
			}
		#topsection{
			display:none;
		}
		#menu{
			display:none;
		}
		.titulo_formulario{
			font-weight:700;
			}
		.noprint, .message, .error{
			display:none;
			}
		.print{
			display:inherit;
		}
	}
	
	
 @media screen{
 
		select, input[type=file] {
			border: 1px solid #CCCCCC;
			font-size:1em;
			height:2.1em;
			margin:2px;
			font-family:"Open Sans", sans-serif;
			border-radius:0;
			}
		input[type=text], input[type=number], input[type=password]{
			border: 1px solid #CCCCCC;
			font-size:1em;
			height:1.7em;
			margin:2px;
			font-family:"Open Sans", sans-serif;
			-webkit-appearance: none;
			border-radius: 0;
			}
		input[type=button], input[type=submit]{
			border: 1px solid #999999;
			background-color:#CCCCCC;
			height:2.2em;
			font-size:1em;
			margin:2px;
			font-family:"Open Sans", sans-serif;
			-webkit-appearance: none;
			border-radius: 0;
			}
		input[type=checkbox]{
			border-style:solid;
			border-width:1px;
			height:2.1em;
			font-size:1em;
			margin:2px;
			font-family:"Open Sans", sans-serif;
			border-radius: 0;
			}
		textarea{
			border: 1px solid #d5d5e5;
			font-size:1em;
			font-family:"Open Sans", sans-serif;
			-webkit-appearance: none;
			border-radius: 0;
			}

		td input[type=submit]{
			height:1.8em;
		}
		body{
			font-family: 'Open Sans', sans-serif;	
			font-size:0.8em;
			margin:0;
			padding:0;
			color:#084c8d;
			}	
		h1{
			font-family: 'Open Sans', serif;
			font-weight:700;
			font-size:1.6em;
			margin:0;
			padding:0;
			}
		h2{
			font-family: 'Open Sans', serif;
			font-weight:700;
			font-size:1.4em;
			}
		h3{
			font-family: 'Open Sans', serif;
			font-weight:700;
			font-size:1.2em;
			margin:0.5em 0;
			}
		a ,a:visited, a:hover{
			color:#ff6d00;
			}
		a, a:visited{
			text-decoration:none;
			}
		a:hover{
			text-decoration:underline;
			}	
		img{ 
			border:0;
			}
		table{
			border-collapse:collapse;
			margin:3px 0;
			}
		th{
			font-weight:400;
			}

		.contenedor_formulario{
			border-bottom:1px solid #eeeeee;
			margin:3px;
			overflow:hidden;
			width:100%;
			}
		
		.titulo_formulario{
			position:absolute;
			font-weight:700;
			top:-16px;
			left:-10px;
			white-space:nowrap;
			font-size:0.85em;
			}
	
		.campo_formulario{
			position:relative;
			margin:15px 15px 5px 10px;
			float:left;
			min-width:50px;
			min-height:25px;
			}
		
		.clear{
			width: 100%;
			height: 1px;
			margin: 0 0 -1px;
			clear: both;
			}		
		.minwidth_50px{
			min-width:50px;
			}
		.minwidth_75px{
			min-width:75px;
			}
		.float_right{
			float:right;
			}
		.comentarios_autor{
			font-size:0.9em;
			color:#999999;
			}
		
		.comentarios_listado{
			border-bottom:1px solid #eeeeee;
			margin:3px 0;
			}		
		
		.resultado{
			font-size:0.9em;
			color:#999999;
			margin:3px 0;
			}
	
		.tabla_detalle{
			min-width:650px;
			margin-bottom:5px;
			}
			
		table.table_detalle th{
			background-color:#6682b5;
			color:#ffffff;
			padding: 1px; ;
			font-weight:bold;
			}
		
		table.tabla_detalle td{
			border-bottom:1px solid #eeeeee;
			}

		.paginacion{
			text-align:center;
			margin:5px 0;
			}
		
		.nuevo_registro{
			margin:5px 0;
			}
		
		.titulo{
			background-color:#6682b5;
			font-weight:700;
			color:#ffffff;
			padding: 3px; ;
			font-size:0.85em;
			}
		
		th.titulo a, th.titulo a:hover, th.titulo a:visited{
			color:#FFFFFF;
			}

		.formulario {
			padding: 2px 5px 2px 10px;
			}
			
		.text, select{
			border:1px solid #D0D7E7;
			} 
		
		a.menuopt, a.menuopt:visited{
			color:#21529E;
			text-decoration:none;
			}
		
		a.menuopt:hover{
			text-decoration:underline;
			color: #084c8d;
			}
		.align_right{
			text-align:right}
			}
		.listado{
			padding: 1px 3px;
			border-bottom:1px solid #eeeeee;
			vertical-align:middle;
			height:25px;
			}

		.titulo a, .titulo a:visited, .titulo a:hover{
			color:#616FA0;
			}
			
		.inline{
			display:inline;
			margin:0;
			padding:0;
			}
		#message{
			clear:both;
			padding:5px;
			background:#99D6AD;
			color: #009933; 
			border-top: 2px solid #009933;
			border-bottom: 2px solid #009933; 
			font-weight: 700;
		}
		#message:empty{
			display:none;
			}
		
		#warning{
			clear:both;
			padding:5px;
			background: #e6c0c0;
			color: #c00; 
			border-top: 2px solid #DE7A7B;
			border-bottom: 2px solid #DE7A7B; 
			font-weight: 700;
		}	
		#warning:empty{
			display:none;
			}

		
	/* CLASES PARA EL LIVESEARCH */

		#livesearch_container{
		
			}
			
		.livesearch{ 
		  position:absolute;
		  background:#FFFFFF;
		  border: 1px solid #084c8d;
		  padding:3px;
		  margin:0px;
		  width:600px;
		  z-index:100;
		  overflow:auto;
		  max-height:150px;
		}
		
		.livesearch li{
			list-style-type:none;
			cursor: hand; 
			cursor: pointer;
		}
		.livesearch li:hover{
			text-decoration:underline;
			}
		#searchResults{
			visibility:hidden;
		}
		

		/* IDs */
		
		#maincontainer{
			padding:5px;
			}
		#usuario{
			position:absolute;
			top:10px;
			right:10px;;
		}
		
		#topsection{
			background:#084c8d;
			color:#FFFFFF;
			padding: 5px 10px;
			height:45px;
			}
		
		#contentwrapper{
			float: left;
			width: 100%;
		}
		
		#contentcolumn{
			padding-left:10px;
		}
		
		#contentcolumn h1{
			color: #084c8d;
			font-weight:bold;
			padding:0;
			margin:0;
		}
		#contentcolumn form{
			margin:5px;
			padding:0;
			}
		
		#footer{
			clear: left;
			width: 100%;
			border-top:solid 3px #084c8d;
			padding: 4px 0;
			margin-top:15px;
		}
		
		/* FORMATO DEL MENU */	
		#menu {
			width:100%;
			background:#d5d5e5;
			float:left;
			margin-bottom:3px;
		}
		
		#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: #d5d5e5;
			color: #084c8d;
			cursor:pointer;
			}
		
		#menu li:hover {
			background-color: #6682b5;

		}

		#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:#084c8d;
			width:100%;
			border-bottom:1px solid #FFFFFF;

			}
		#menu ul li:hover > ul {
			display: block;
		}
		#menu ul li ul li a {
			display: block;
			color:#FFFFFF;
			text-decoration: none;
		}
		
		#menu ul li a {
			display: block;
			color:#084c8d;
			text-decoration: none;
		}
		
			
				
}