/*
Theme Name: Hazel
Theme URI: http://demo.select-themes.com/hazel
Description: Hazel Theme
Tags: portfolio, clean, retina, photography, art, video, ajax, agency, blog, shop, business, elegant, hipster, multi-purpose, fullscreen
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 2.4
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.
*/
.left {
    float: left;
    width: 48%;
}
.right {
    float: right;
    width: 48%;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
.leftIco1 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-01.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 100px;
	z-index:999;	
}
.leftIco2 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-02.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 99px;
	z-index:999;	
}

.leftIco3 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-03.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 100px;
	z-index:999;	
}
.leftIco4 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-04.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 99px;
	z-index:999;	
}
.leftIco5 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-05.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 100px;
	z-index:999;	
}
.leftIco6 {
    float: left;
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Simbolos-06.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width:  100px;
	height: 99px;
	z-index:999;	
}

.rightIco {
	min-width:100px;
		margin-left:120px;
 }
 .middleIco {
	float: left;
	width:  20px;
	height: 100px;
	z-index:999;	
 }
 


img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}

#botonNoticia1
{
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Prensa-01.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width: 279px;
	height: 279px;
	z-index:999;
}

#botonNoticia1:hover
{ 
  background-position: 0 -278px;
}
#botonNoticia1 span
{
  position: absolute;
  top: -999em;
}

#botonNoticia2
{
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Prensa-02.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width: 279px;
	height: 279px;
	z-index:999;
}

#botonNoticia2:hover
{ 
  background-position: 0 -279px;
}
#botonNoticia2 span
{
  position: absolute;
  top: -999em;
}


#botonNoticia3
{
	background:url(http://www.guadalupanas.co/wp-content/uploads/2015/07/Prensa-03.png);
	-webkit-background-size: cover; 
	-moz-background-size: cover; -o-background-size: cover;  
	background-size: cover; 
	width: 279px;
	height: 279px;
	z-index:999;
}

#botonNoticia3:hover
{ 
  background-position: 0 -279px;
}
#botonNoticia3 span
{
  position: absolute;
  top: -999em;
}


#leftIco1:hover
{ 
  background-position: 0 -100px;
}
#leftIco1 span
{
  position: absolute;
  top: -999em;
}

#leftIco2:hover
{ 
  background-position: 0 -99px;
}
#leftIco2 span
{
  position: absolute;
  top: -999em;
}

#leftIco3:hover
{ 
  background-position: 0 -100px;
}
#leftIco3 span
{
  position: absolute;
  top: -999em;
}

#leftIco4:hover
{ 
  background-position: 0 -99px;
}
#leftIco4 span
{
  position: absolute;
  top: -999em;
}

#leftIco5:hover
{ 
  background-position: 0 -100px;
}
#leftIco5 span
{
  position: absolute;
  top: -999em;
}
#leftIco6:hover
{ 
  background-position: 0 -99px;
}
#leftIco6 span
{
  position: absolute;
  top: -999em;
}