

	::selection{ background-color: #EF3636; color: white; }
	::moz-selection{ background-color: #EF3636; color: white; }
	::webkit-selection{ background-color: #EF3636; color: white; }
	
	.contenedor{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
	}
	.contenedor td, .contenedor th {
    font-size: 1em;
    border: 1px solid #55D4FF;
    padding: 3px 7px 2px 7px;
	}
	.contenedor th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #55AAFF;
    color: #ffffff;
	}

	.contenedor tr.alt td {
		color: #000000;
		background-color: #EAF2D3;
	}
	
	body {
		background-color: #fff;
		margin: 10px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
			
		list-style:none;
		text-decoration:none;
		padding:0;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 15px 0 15px;
	}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	
	#container{
		width: auto;
		margin: 10px auto;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
	}

	#footer {
	text-align: center;
	}
	
	/* Estilo Cuadro Compras */
	
	#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
margin:70px 200px 80px 0px;
}
.myform{
margin:0 auto;
width:750px;
padding:14px;
}

#stylized div{

}

#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:130px;
margin:2px 100px 20px 10px;
}

#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;

margin:2px 0px 20px 10px;
}
#stylized  .bt_plus{
float:none;
font-size:12px;
padding:2px;

width:20px;
margin:5px 0 11px 3px ;

}

#stylized .boton{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/* Tabla Organizar */

#keywords {
  margin: 0 auto;
  font-size: 1.1em;
  margin-bottom: 15px;
}


#keywords thead {
  cursor: pointer;
  background: #F0CACA;
}
#keywords thead tr th { 
  font-weight: bold;
  padding: 10px 10px;
  /* padding-left: 42px; */
}
#keywords thead tr th span { 
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
  background: #DFAEAE;
}

#keywords thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}


#keywords tbody tr { 
  color: #555;
}
#keywords tbody tr td {
  text-align: center;
  padding: 10px 5px;
}
#keywords tbody tr td.lalign {
  text-align: left;
}