body {
font-family: 'Open Sans', sans-serif;
Color:gray;
font-size: 18px;
}

* {
    box-sizing: border-box;
}
#vers  {   
	width: 600px;
    margin:auto;
}

#vers caption, #vers th {
	
	padding: 0px;
    background-color: #2D397C;
    color: white;
	border: 1px solid #ddd;
    text-align:Center;
	border-collapse;		
}
#vers td,#vers tr{
    padding: 4px;
    text-align: center;
	border-bottom: 1px solid #ddd;	
}

#vers td.Titem {
	text-align: left;
}


img.vers{
width:14px}

/* Style the header */
.header {
    /*background-color: #ffffff;*/
    padding: 0px;
    text-align: center;
    font-size: 12px;
	border: 0px solid DarkCyan 	
}

div {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding:0px;
  border:0px;
}

img.vistain {
width:100%;
padding:10px;
}

/* Crea dos columnas que flotan una en seguida de la otra */
.column0{       
    float: left;
    width: 50%;
    padding: 0px;    
	text-align: left;
	border: 0px solid DarkCyan; 
}
.rojo {
color:Red;
}
 
/* Clear floats after the columns */
.row0:after {	
    content: "";
    display: table;
    clear: both;
}

img.prodlog{
	height:50px;	
}

.boton{
	display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	background-color: #2d397c;
	position: relative; top:10px;	
}

/* Stilo del pie de página */
.footer {   
	/*background-color: #ffffff;*/
	position:Relative;
	top:60px;
	font-size: 12px;
	font-family: open sans;
	border: 0px solid DarkCyan;    
    padding: 10px;
    text-align: center;
}
.prodname {
	font-family: 'Open Sans', sans-serif; 
	font-size: 50px;
	color:gray;
	text-align:left;
}

/* Responsive layout */
 /* hace que las columna se se organizen una sobre la otra cuando el tamaño de la ventana asi lo exija */
@media (max-width: 600px) {
    .column0 {	
        width: 100%;
    }
}