The CSS is not attaching to the div class.

 Hello! I'm theming a node according to your lesson, but I can't seem to attach the necessary CSS class. I'm looking at the divs with Firebug, and everything that needs to be wrapped is there:

<div class="column-1">
<?php
  print render($content['product:title']);  
  print render($content['product:field_imgsclad']);  
  print render($content['product:commerce_price']);  
?>
</div>
<div class="column-2">
<?php
print render($content['field_taxonomy']);
print render($content['field_linksclad']); //add to cart
print render($content['body']); // product description
?>
</div>

But in CSS, I'm writing this and it has no effect:

.node-vitrina.view-mode-full.column-1.
float: left;
width: 555px;
}
.node-vitrina.view-mode-full.column-2{
float: right;
text-align: right;
}

But there's no effect....

Could there be an error in my PHP template? I don't really know PHP, and in the lesson, it's not clear what sign you use } or )

Here's a snippet of code, please take a look: 

  if($page) { //full node ?>

...

...

<?php
}else{ //teaser
?>

 Or could it be something else that's preventing the CSS from being applied? Please advise, thank you in advance!