@font-face { 

  font-family: News Cycle; 

    src: url('../fonts/NewsCycle-Regular.eot'); 

    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 

} 



html

{ height: 100%;}



*

{ margin: 0;

  padding: 0;}



/* tell the browser to render HTML 5 elements as block */

article, aside, figure, footer, header, hgroup, nav, section { 

  display:block;

}



html body {

  -webkit-background-size: cover;

  -moz-background-size: cover;

   -o-background-size: cover;

   background-size: cover;

   opacity: 1;

   filter: alpha(opacity=100);
  
}



p

{ padding: 0 0 10px 0;

  line-height: 1.7em;}



img

{ border: 0;}







h1, h2, h3, h4, h5, h6 

{ font: normal 250% 'News Cycle', Arial, sans-serif;

  color: #FFF;

  letter-spacing: -1px;

  margin: 0 0 10px 0;}



h2

{ font-size: 165%;}



h3

{ font-size: 130%;}



h4, h5, h6

{ margin: 0;

  padding: 0 0 0px 0;

  font-size: 150%;

  line-height: 1.5em;}



#main, header, #banner, #menubar, #site_content, footer, #content_grey, nav

{

  margin-left: auto;

  margin-right: auto;

}



#main

{

  background:rgba(128,128,128,0.9);

  width: 100%;

  height:1080px;

  margin-top:-20px;

}



header

{

  position:relative;

  background:rgb(255,255,255);

  width: 930px;

  height: 140px;

  margin-top:30px;

}


article

{

  position:relative;
  background-color:#fff;
  width: 100%;

  height: 400px;

}

section

{

  position:relative;

  width: 100%;

  height: 380px;

  background: #ffffff;

  margin:15px 15px 15px 15px;

}



footer

{

  position:relative;

  width: 100%;

  height:40px;

  background: #0489B1;

  margin:15px 5px 5px 15px;

  color:#fff;

  font-size:0.8em;

  padding:10px 1%  1% 40px;

}





#imgt {

    opacity: 0.5;

    filter: alpha(opacity=50); /* For IE8 and earlier */

}



#site_content

{

  width: 100%;

  height:100%;

  overflow: hidden;

  margin-bottom: 30px;

  background:red ;

  border-radius: 0px 0px 7px 7px;

  -moz-border-radius: 0px 0px 7px 7px;

  -webkit-border: 0px 0px 7px 7px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;

  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;

  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;

}



#content

{ width: 900px;

  margin: 0 0 20px 20px;

  float: left;}



.content_item

{ width: 900px;

  margin-bottom: 20px;}

 

.content_imagetext

{ width: 890px;

  padding: 5px;

  margin: 20px 0 0 0;

  float: left;}

 

.content_image

{ float: left; 

  width: 300px;

  height: 150px;

  margin: 0 20px 10px 0;

  padding: 10px;

  -moz-box-shadow:    inset 0 0 20px #ADADAD;

  -webkit-box-shadow: inset 0 0 20px #ADADAD;

  box-shadow:         inset 0 0 20px #ADADAD;}

  

.content_container

{ width: 275px;

  padding: 5px;

  margin: 10px 10px 20px 0;

  float: left;

  text-align:justify;

  background-color:#FFFF00;

  border-radius:20px;

  }

  

.button_small

{ font: normal 110% Arial, Helvetica, sans-serif;

  width: 80px;

  padding: 5px 2px 7px 2px;

  background: #CCC;

  background: -moz-linear-gradient(#FFF, #BBB);

  background: -o-linear-gradient(#FFF, #BBB);

  background: -webkit-linear-gradient(#FFF, #BBB); 

  border-radius: 7px 7px 7px 7px;

  -moz-border-radius: 7px 7px 7px 7px;

  -webkit-border: 7px 7px 7px 7px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;

  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;

  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}

  

.button_small a

{ color: #000;

  text-shadow: 1px 1px #FFF;

  padding-left: 5px;}



.form_settings

{ margin: 15px 0 0 0;}



.form_settings p

{ padding: 0 0 4px 0;}



.form_settings span

{ float: left; 

  width: 280px; 

  text-align: left;

  text-shadow: none;

  color: #FFF;

  text-shadow: 1px 1px #000;}

  

.form_settings input, .form_settings textarea

{ padding: 2px; 

  width: 299px; 

  font: 100% arial; 

  border: 0px solid #E5E5DB;

  background: #FFF; 

  color: #47433F;}

  

.form_settings input[type="checkbox"]

{ padding: 2px 0; 

  width: 15px; 

  font: 100% arial; 

  border: 0; 

  background: #FFF; 

  color: #47433F;

  margin: 28px 0;}



.form_settings .submit

{ font: 100% arial; 

  border: none; 

  width: 99px; 

  margin: 0 0 0 206px; 

  height: 26px;

  padding: 2px 0 3px 0;

  cursor: pointer; 

  background: #CCC;

  background: -moz-linear-gradient(#FFF, #BBB);

  background: -o-linear-gradient(#FFF, #BBB);

  background: -webkit-linear-gradient(#FFF, #BBB); 

  color: #000;

  text-shadow: 1px 1px #FFF;

  border-radius: 7px 7px 7px 7px;

  -moz-border-radius: 7px 7px 7px 7px;

  -webkit-border: 7px 7px 7px 7px;}


/*SERVICIOS*/
.services{
  padding: 1rem 0;
}
.subServices{
  text-align: center;
    padding-bottom: 2rem;
    color: #4c4c4c;
}
.containerS{
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));
  grid-gap: 1.2rem;
}
.boxS{
  padding: 2rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 55px 5px rgb(0 0 0 / 6%);
}
.boxS img{ 
  width: 100px;
}
h3{
  color: #4c4c4c;
  margin: 2px 0;
}
.boxS p{
  text-align: center;
}