html,
body {
   margin:0;
   padding:0;
   height:100%;
}
@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('LANENAR_-webfont.eot');
    src: url('LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('LANENAR_-webfont.woff') format('woff'),
         url('LANENAR_-webfont.ttf') format('truetype'),
         url('LANENAR_-webfont.svg#LaneNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('DejaVuSansCondensed-webfont.eot');
    src: url('DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('DejaVuSansCondensed-webfont.woff') format('woff'),
         url('DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container {
   min-height:100%;
   position:relative;
}

h1
{
font-size:22px;
padding-left:30px;
text-transform:uppercase;
color:#00AADE;
font-family: 'LaneNarrowRegular';
font-weight:bold;
text-align:left;
letter-spacing:0.5px;
background-image:url('florcita.png');
background-repeat: no-repeat;
background-position:top-left; 
}

h2
{display:none;}

p
{letter-spacing:1.5px;
text-transform:uppercase;
padding-left:10px;
padding-right:10px;
text-align:center;
font-family:'DejaVuSansCondensed';}

#body {
   padding:10px;
   padding-bottom:70px;   /* Height of the footer */
   margin:0px;
   text-align:center;
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:70px;   /* Height of the footer */
   line-height:60px;
   padding-top:15px;
   color:#fff;
   text-align:center;
   font-family:'DejaVuSansCondensed';
}
.foot
{margin-right:20px;}

.foot img
{border:0px;}

#columnas
{
width:100%;
min-height:300px;
top:50%;
padding-top:15px;
position:relative;}

.derecha{
width:30%;
float:right;
text-align:left;
min-width:150px;
min-height:250px;
padding-right: 5px;}

.centro{
width:30%;
float:left;
text-align:left;
min-width:150px;
min-height:250px;
margin-left:20px;}

.izquierda
{
width:30%;
float:left;
text-align:left;
min-width:150px;
min-height:250px;
padding-right: 5px;}

.leftblock
{
width:45%;
min-height:150px;
float:left;
text-align:left;
min-width:200px;
padding-right: 5px;
position:relative;}

.rightblock
{background-image:url('molino.jpg');
background-repeat:no-repeat;
background-size:100%;
float:right;
text-align:left;
min-width:300px;
min-height:150px;
margin-left: 5px;
position:relative;
border:6px solid #FD9A52;}

#doscolumnas
{width:100%;}

.clear
{height:0px;
clear:both;}

.especial
{
font-size:22px;
line-height:70px;
height:75px;
padding-left:80px;
text-transform:uppercase;
color:#00AADE;
font-family: 'LaneNarrowRegular';
font-weight:bold;
text-align:left;
letter-spacing:0.5px;
background-image:url('1.png');
background-repeat: no-repeat;
background-position:top-left; 
vertical-align:middle;
}

.uniblock
{width:45%;
background-image:url('uni.jpg');
background-repeat:no-repeat;
background-size:100%;
min-height:150px;
float:left;
min-width:200px;
padding-left: 5px;
position:relative;
border:6px solid #FD9A52;}

.firstblock
{
width:45%;
min-height:150px;
float:right;
text-align:left;
min-width:200px;
padding-right: 5px;
position:relative;}

#phones
{
font-family:'DejaVuSansCondensed';
text-align:center;
margin:10% auto;
height:auto;
width:35%;
background-color:#E3E4E5;
border:1px solid grey;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
#phones img
{border:0;}

.logo{
background-image:url('LOGO.svg') format('svg');
background-position:center; 
background-repeat:no-repeat;
position:relative;
float:left;
width:99%;
margin-top:16%;
height: 87px;
}

.logo{
background-image:url('LOGO.svg');

}