body 
	{ font-family: Arial, Helvetica, Sans-serif; }

header, section, footer, article, nav {
	padding: 10px;
	box-sizing: border-box;
}

h2 {
  font-family: "open sans condensed",sans-serif;
  color: #404040;
  font-size: 25pt;
 }

 hr {
  height: 1.5px;
  margin-left: 0%;
  margin-right: 85%;
  background-color: red;
  border-color: red;
} 

p {

  font-family: "Geneva",sans-serif;
  color: #404040;
  font-size: 14pt;
  text-align: justify;
  line-height: 1.5;
  font-weight: bold;
}

header, section, footer {
	width: 1200px; margin-right: auto; margin-left: auto; 
}
header {
	height: 200px; position: static;
	background-image: url(img/fondoheader.jpg);
}
#logo {
	width: 350px; height: 100px; background-image: url(img/logo.png); clear: both; margin-left: 425px; margin-top: 100px;
}

#inicio {
	height: 900px; background-image: url(img/fondoinicio.jpg);
}	

#img_quienessomos ul, #img_quehacemos ul, #img_nuestrosclientes ul, #img_contacto ul,{
	margin-right: 0;
	padding: 0;
	list-style-type: none;
}

#img_quienessomos ul a, #img_quehacemos ul a, #img_nuestrosclientes ul a, #img_contacto ul a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding: 75px 75px 75px 0px;
    font-size: 30px;
    text-align: center;
}

#txt_intro {
	height: 200px;
	width: 700px;
	float: left;
	margin-left: 250px;

	text-align: center;
	padding: 50px 0px;

	font-family: "open sans condensed",sans-serif;
  color: #404040;
  font-size: 17pt;
  font-weight: bold;
  line-height: 1.4;
}

#img_quienessomos, #img_nuestrosclientes, #img_quehacemos, #img_contacto {
     width: 250px; height: 250px; float: left; margin-bottom: 20px; margin-top: 20px;
   background size: cover;
	box-shadow: 7px 10px 4px rgba(0,0,0,0.2);

}

#img_quienessomos {
	margin-left: 300px;
	background-image: url(img/letteraceleste.png);
	
}

#img_quehacemos {
	margin-left: 100px;
	background-image: url(img/lettera22m.png);
}

#img_nuestrosclientes{
	margin-left: 300px;
	background-image: url(img/letteraroja.png);
}

#img_contacto {
	margin-left: 100px;
	background-image: url(img/lettera22v.png);
}

#quienes_somos {
	height: 600px;
	background-image: url(img/fondo_qs.png);
	margin-bottom: 50px;
}

#txt_qs {	
	width: 900px;
	height: 300px;
	float: left;
	padding: 100px;

}

#que_hacemos {
	height: 600px;
	background-image: url(img/fondo_qh.png);
	margin-bottom: 50px;
	background-attachment: fixed;
	background-size: cover;
}	

#txt_qh {	
    width: 900px;
	height: 300px;
	float: left;
	padding: 100px;
}	

#nuestros_clientes {
	height: 1000px;
}

#txt_nc {	
	width: 900px;
	height: 300px;
	float: left;
	padding: 100px;
	margin-bottom: 150px;
}

#img_smcp, #img_camarco, #img_acara, #img_ypf, #img_pampa, #img_edenor, #img_adecoagro, #img_transener, #img_tag {
	width: 200px; height: 130px; float: left; background size: cover;
}

#img_smcp {
	  background-image: url(img/smcp.png); margin-left: 250px; 
}
#img_camarco {
	  background-image: url(img/camarco.png); margin-left: 50px; 
}
#img_acara {
	  background-image: url(img/acara.png); margin-left: 50px; 
}
#img_ypf {
	 background-image: url(img/ypf.png); margin-left: 250px; 
}
#img_pampa {
	 background-image: url(img/pampa.png); margin-left: 50px; 
}
#img_edenor {
	 background-image: url(img/edenor.png); margin-left: 50px; 
}
#img_adecoagro {
	 background-image: url(img/adecoagro.png); margin-left: 250px; 
}
#img_transener {
	 background-image: url(img/transener.png); margin-left: 50px; 
}
#img_tag {
     background-image: url(img/tag.png); margin-left: 50px; 
}

#contacto {
	height: 300px;
	
	margin-bottom: 50px;
	margin-top: 100px;
   
    background: linear-gradient(#91B3B5, #D4D2D3);  
}

#correo {	

   width: 900px;
	height: 300px;
	float: left;
	padding:  50px 100px 0px 100px;
}	
ul {
color:  #000000;
font-weight: bold;
font-size: 20px;
}


footer {
	height: 100px;
	background-color: #ff0000;

}

#pie {
	height: 50px;
	
	text-align: center;
	color:  #ffffff;
}

@media all and (min-width: 600px) and (max-width: 1023px) {

h2 {
  font-size: 25pt;
 }

p {
  font-size: 12pt;
}

header, section, footer {
	width: 580px; 
}
header {
	background-image: url(img/fondoheader_rps.jpg);
}
 
 hr {
  height: 1.5px;
  margin-left: 0%;
  margin-right: 85%;
  background-color: red;
  border-color: red;
} 

#logo {
	width: 175px; height: 50px; background-image: url(img/logo_rps.png); clear: both; margin-left: 202px; margin-top: 50px;
}

#inicio {
	background-image: url(img/fondoinicio_rps.jpg);
}	

    

#txt_intro {
	height: 200px;
	width: 550px;
	float: left;
	margin-left: 15px;

	padding: 5px 0px;
    font-size: 14pt;
}

#img_quienessomos ul, #img_quehacemos ul, #img_nuestrosclientes ul, #img_contacto ul,{
	margin-right: 0;
	padding: 0;
	list-style-type: none;
}

#img_quienessomos ul a, #img_quehacemos ul a, #img_nuestrosclientes ul a, #img_contacto ul a {
    display: inline-block;
    padding: 30px 50px 0px 0px;
    font-size: 15px;
    text-align: center;
}

#img_quienessomos, #img_nuestrosclientes, #img_quehacemos, #img_contacto {
     width: 150px; height: 150px; float: left; margin-bottom: 20px; margin-top: 20px;
}

#img_quienessomos {
	margin-left: 115px;
	background-image: url(img/letteraceleste_rps.png);
	
}

#img_quehacemos {
	margin-left: 40px;
	background-image: url(img/lettera22m_rps.png);
}

#img_nuestrosclientes{
	margin-left: 115px;
	background-image: url(img/letteraroja_rps.png);
}

#img_contacto {
	margin-left: 40px;
	background-image: url(img/lettera22v_rps.png);
}

#quienes_somos {
	background-image: url(img/fondo_qs_rps.png);
}
#txt_qs {	
	width: 450px;
	padding: 20px;
}

#que_hacemos {
	background-image: url(img/fondo_qh_rps.png);
}	

#txt_qh {	
    width: 450px;
	padding: 20px;
}	

#nuestros_clientes {
	height: 1000px;
}

#txt_nc {	
	width: 450px;
	height: 300px;
	float: left;
	padding: 50px;
	margin-bottom: 150px;
}

#img_smcp, #img_camarco, #img_acara, #img_ypf, #img_pampa, #img_edenor, #img_adecoagro, #img_transener, #img_tag {
	width: 150px; height: 98px; float: left; background size: cover;
}

#img_smcp {
	  background-image: url(img/smcp_rps.png); 
}
#img_camarco {
	  background-image: url(img/camarco_rps.png);
}
#img_acara {
	  background-image: url(img/acara_rps.png); float: right; 
}
#img_ypf {
	 background-image: url(img/ypf_rps.png); 
}
#img_pampa {
	 background-image: url(img/pampa_rps.png); 
}
#img_edenor {
	 background-image: url(img/edenor_rps.png); float: right;
}
#img_adecoagro {
	 background-image: url(img/adecoagro_rps.png); 
}
#img_transener {
	 background-image: url(img/transener_rps.png); 
}
#img_tag {
     background-image: url(img/tag_rps.png); float: right;
}

#correo {	
width: 450px;
padding:  50px 100px 0px 100px;
}	


} /fin @mediA 1023