/* 
    Created on : 2014-11-25, 14:41:22
    Author     : Rygiel Design
*/

.span12 {
    width: 1200px;
}
.span11 {
    width: 1100px;
}
.span10 {
    width: 1000px;
}
.span9 {
    width: 960px;
}
.span8 {
    width: 800px;
}
.span7 {
    width: 680px;
}
.span6 {
    width: 600px;
}
.span5 {
    width: 500px;
}
.span440 {
    width: 440px;
}
.span4 {
    width: 398px;
}
.spanform4 {
    width: 300px;
}
.span3 {
    width: 300px;
}
.span2 {
    width: 240px;
}
.span1 {
    width: 100px;
}
@media only screen and ( min-width: 750px ) and ( max-width: 960px ){
.span12 {
    width: 940px;
}
.span11 {
    width: 880px;
}
.span10 {
    width: 800px;
}
.span9 {
    width: 780px;
}
.span8 {
    width: 640px;
}
.span7 {
    width: 500px;
}
.span6 {
    width: 480px;
}
.span5 {
    width: 400px;
}
.span4 {
    width: 640px;
}
.spanform4 {
    width: 300px;
}
.span3 {
    width: 280px;
}
.span2 {
    width: 200px;
}
.span1 {
    width: 80px;
}
.right {
    float: left;
}
}
@media only screen and ( min-width: 401px ) and ( max-width: 750px ){
.span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, span440, .span4, .span3, .span2, .span1 {
    width: 100%;
}
.right {
    float: left;
}
}
@media only screen and ( max-width: 480px ){
    .span12 {
        width: 310px;
    }
.span11, .span10, .span9, .span8, .span7, .span6, .span5, span440, .span4, .span3, .span2, .span1 {
    width: 100%;
}
form.span6 {
    width: 260px;
}
   
}