@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.container {
    background-color: #fff solid;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

/* columnas */
.columnsContainer {
    margin-left: auto;
    margin-right: auto;
	    width: 90%;

}

.leftColumn { padding: 4px; margin-bottom: 8px;}
.leftColumnInt { padding: 4px; margin-bottom: 8px;}

.rightColumn { padding: 4px; height: 100%}
.rightColumnInt { padding: 4px; height: 100%}
.ContenedorArticuloFlotante {	float: left; }

/* common and top level styles */
@media screen and (min-width: 900px ) {
  .leftColumn { margin-right: 370px; }
  .leftColumnInt { margin-right: 60%;}

  .rightColumn {
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
}
  .rightColumnInt {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
}
 .ContenedorArticuloFlotante {	float: left; width: 33%;}
  
.columnsContainer {
		position: center;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
  
  
}
@media screen and (max-width: 900px ) {
  .leftColumn { margin-right: 0px;	width: 100% ;}
  .leftColumnInt { margin-right: 0px;	width: 100% ;}

  .rightColumn {width: 100%;}
  .rightColumnInt {width: 100%;}
  .ContenedorArticuloFlotante {	float: left; width: 100%;}
.columnsContainer {
		position: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

}