@charset "UTF-8";

.container
{
		padding: 0px;
        margin: 0px;
        width: 100%;
        height: 100%;
        ##position: relative;
}

 aside, section, table{
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
}

table#mainTable {
margin-bottom: 0.1em;
}

table.asideTable td.barra {
padding:4px 5px 4px 12px;
margin-top: 2em;
margin-left: 4em;
}

table.asideTable td#barra1 {
padding:4px 5px 4px 16px;
}

th, td, caption {padding:0.5px 10px 0.5px 0.7px;} ##arriba-derecha-abajo-izquierda


  
div.form div#row1 .row {
    margin: 0px 0;
}



div.form input,
div.form textarea,
div.form select
{
	margin: 0.1em 0 0.1em 0;
}


div.form .row {
    margin: 0px 0;
}

fieldset
{
	background: white;
    border: 1px solid #E1E1E1;
    padding: 3px 10px 3px 10px;
    box-shadow: 0 0 10px #DADADA;
    border-radius:5px 5px 5px 5px;
}

aside, section{
	**display: block;
}

section#mainSection {
	**float: left;
	**width: 85%;
	padding: 0 1px 0 1px;
	margin-bottom: 2em;
}

section#mainSection { 
				##	border-left: 1px solid #7f7f7f; ###coloca linea al lado izquierdo
					}

section#mainSection div#content .grid-view {
  padding: 2px 0; 
  }

aside#sideInfo {
	**float: left;
	**width: 180px;
	height: 485px;
	background:#CCF;
	**margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	padding: 0 0.5px 0 0.5px;
	
	##background: white; 
 	## padding: 5px;
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 10px #DADADA;
    border-radius:5px 5px 5px 5px;
	
}

aside#sideInfo {
	font-size: 90%;
}

aside#sideInfofree {
	**float: right;
	**width: 180px;
	height: 485px;
	background:#CCF;
	**margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	padding: 0 0.5px 0 0.5px;
	
	##background: white; 
 	## padding: 5px;
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 10px #DADADA;
    border-radius:5px 5px 5px 5px;
	
}

aside#sideInfofree {
	font-size: 90%;
}



div.form .searchform {

display: inline-block;

zoom: 1; /* ie7 hack para display:inline-block */

*display: inline;

border: solid 1px #d2d2d2;

padding: 3px 5px;

height: 30px;

-webkit-border-radius: 5em;

-moz-border-radius: 5em;

border-radius: 5em;

-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);

-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);

box-shadow: 0 1px 0px rgba(0,0,0,.1);

background: #f1f1f1;

background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));

background: -moz-linear-gradient(top,  #fff,  #ededed);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */

-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */

}

div.searchform input {

font: normal 14px/100% Arial, Helvetica, sans-serif;
margin: 0 0 1em 0;

}


div.form .searchform .searchfield {

background: #fff;

padding: 6px 6px 6px 8px;

width: 502px;

border: solid 1px #bcbbbb;

outline: none;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius: 2em;

-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

}

div.form .searchform .searchbutton {

color: #fff;

border: solid 1px #494949;

font-size: 11px;

height: 27px;

width: 27px;

text-shadow: 0 1px 1px rgba(0,0,0,.6);

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius: 2em;

background: #5f5f5f;

background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));

background: -moz-linear-gradient(top,  #9e9e9e,  #454545);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */

-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */

}