@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&subset=latin-ext');

*{padding:0;margin:0;box-sizing:border-box;border:0;}

body
{
  font-family: 'Raleway', sans-serif;
  font-size:15px;
  text-align:left;
  color: #000;
  background:url('img/bg.png') #AAAAAA repeat-x left top;
  text-align:center;
  line-height:18px;
}

.ram
{
  max-width:100%;
  width:996px;
  border-top:10px solid #154194;
  padding-top:35px;
  margin:0 auto 20px auto;
}

@media(max-width:1000px)
{
  .ram
  {
    width:550px;
  }
}

h1
{
  text-transform:uppercase;
  font-size:40px;
  line-height:60px;
  font-weight:700;
  margin:0 15px 15px 15px;
}

#text-box
{
  background-color:white;
  padding:45px;
  text-align:left;
  margin-bottom:20px;
}

.image-box
{
  width:136px;
  float:left;
  text-align:center;
  font-weight:700;
  
}

.image-box img
{
  margin-bottom:10px;
}

.text-box
{
  padding-left:188px;
}

#boxy 
{
  margin:0 -12px;
  padding-top:40px;
}

#boxy .box-wrapper
{
  width:20%;
  padding:12px;
  float:left;
  margin-bottom:48px;
  position:relative;
}

@media(max-width:1000px)
{
  #boxy .box-wrapper
  {
    width:33.33%;
  }
  
  #boxy .box-wrapper:nth-child(4)
  {
    margin-left:16.77%;
  }
}

#boxy .box
{
  color:white;
  padding:20px 0;
  position:relative;
}

.box:after
{
  content:" ";
  display:block;
  width:100%;
  bottom:-28px;
  left:0;
  right:0;
  height:28px;
  background:url('img/shadow.png') no-repeat center center;
  background-size:100% 100%;
  position:absolute;
}

.box h2
{
  font-size:14px;
  line-height:18px;
  font-weight:700;
}

.box h2 span
{
  font-size:21px;
  line-height:25px;
  display:block;
  padding:20px 0 20px 0;
  text-transform:uppercase;
}

.box a
{ 
  display:inline-block;
  height:29px;
  width:135px;
  margin: 0 auto;
  line-height:29px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  text-transform:uppercase;
  color:#154194;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,234,234,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );
}

.box a:hover
{
  background:white;
}

#box-1
{
  background: rgba(255,166,77,1);
  background: -moz-linear-gradient(top, rgba(255,166,77,1) 0%, rgba(178,45,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,166,77,1)), color-stop(100%, rgba(178,45,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,166,77,1) 0%, rgba(178,45,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,166,77,1) 0%, rgba(178,45,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,166,77,1) 0%, rgba(178,45,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,166,77,1) 0%, rgba(178,45,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa64d', endColorstr='#b22d00', GradientType=0 );
}

#box-2
{
  background: rgba(38,169,211,1);
  background: -moz-linear-gradient(top, rgba(38,169,211,1) 0%, rgba(35,49,58,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,169,211,1)), color-stop(100%, rgba(35,49,58,1)));
  background: -webkit-linear-gradient(top, rgba(38,169,211,1) 0%, rgba(35,49,58,1) 100%);
  background: -o-linear-gradient(top, rgba(38,169,211,1) 0%, rgba(35,49,58,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,169,211,1) 0%, rgba(35,49,58,1) 100%);
  background: linear-gradient(to bottom, rgba(38,169,211,1) 0%, rgba(35,49,58,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a9d3', endColorstr='#23313a', GradientType=0 );
}

#box-3
{
  background: rgba(255,64,0,1);
  background: -moz-linear-gradient(top, rgba(255,64,0,1) 0%, rgba(178,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,64,0,1)), color-stop(100%, rgba(178,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,64,0,1) 0%, rgba(178,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,64,0,1) 0%, rgba(178,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,64,0,1) 0%, rgba(178,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,64,0,1) 0%, rgba(178,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4000', endColorstr='#b20000', GradientType=0 );
}

#box-4
{
  background: rgba(0,109,217,1);
  background: -moz-linear-gradient(top, rgba(0,109,217,1) 0%, rgba(21,65,148,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,109,217,1)), color-stop(100%, rgba(21,65,148,1)));
  background: -webkit-linear-gradient(top, rgba(0,109,217,1) 0%, rgba(21,65,148,1) 100%);
  background: -o-linear-gradient(top, rgba(0,109,217,1) 0%, rgba(21,65,148,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,109,217,1) 0%, rgba(21,65,148,1) 100%);
  background: linear-gradient(to bottom, rgba(0,109,217,1) 0%, rgba(21,65,148,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dd9', endColorstr='#154194', GradientType=0 );
}

#box-5
{
  background: rgba(0,217,109,1);
  background: -moz-linear-gradient(top, rgba(0,217,109,1) 0%, rgba(0,140,70,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,217,109,1)), color-stop(100%, rgba(0,140,70,1)));
  background: -webkit-linear-gradient(top, rgba(0,217,109,1) 0%, rgba(0,140,70,1) 100%);
  background: -o-linear-gradient(top, rgba(0,217,109,1) 0%, rgba(0,140,70,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,217,109,1) 0%, rgba(0,140,70,1) 100%);
  background: linear-gradient(to bottom, rgba(0,217,109,1) 0%, rgba(0,140,70,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d96d', endColorstr='#008c46', GradientType=0 );
}

#pata a
{
  color:black;
  text-decoration:none;
  
}


.clear
{
  clear:both;
}