@CHARSET "UTF-8";

	.news_clipping{
		background-color: #EBEBEB;
		width: 100%;
	}

	.news_clipping .titulo{
		padding-top: 70px;
		color: black;
		width: 100%;
		text-align: left;
		margin-bottom: 60px;	
	}
	
	.news_clipping .clipping_container{
		width: 100%;
		text-align: center;
	}
	
	.news_clipping .clipping_new{
		vertical-align: top;
		display: inline-block;
		
	}
        
        .news_clipping .clipping_new_big{
		vertical-align: top;
		display: inline-block;
		position: relative;                                
	}
        
        .news_clipping .clip_box{
            background-color: white;
            width: 100%;
        }
        
        .news_clipping .titulo_new {
		padding: 20px;
		text-align: left;
		width: 90%;
	}
	
	.clipping_new .titulo_new > span {
		font-size: 16px;
		line-height: 119%;		
		text-align: left;		
		color:black;
	}
        
        .clipping_new_big .titulo_new > span {
		font-size: 20px;
		line-height: 130%;		
		text-align: left;		
		color:black;
	}
	
	.news_clipping .titulo_new > span a{
		color: white;
	}
	
	.news_clipping .imagen{
		width: 100%;
		height: 100px;
		overflow: hidden;
		/* Borders */
		border-top-left-radius: 10px;
		webkit-border-top-left-radius: 10px;
		moz-border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		webkit-border-top-right-radius: 10px;
		moz-border-top-right-radius: 10px;
	}
        
        .news_clipping img{
		width: 100%;
	}
        
        
        .clip_source{
            display: block;
            float: left;
            width: 100%;
            height: 100%;
            background: url('../img/clip_corner.png') no-repeat bottom right white;
        }
        
        .clip_source_image{            
            float: left;
            display: block;
        }
        
        .clipping_new_big .clip_source_image img{
            border: #E0E0E0 solid 1px;
            margin: 0 0 10px 10px;
            width: 120px;
            height: 40px;
        }
        
        .clipping_new .clip_source_image img{
            border: #E0E0E0 solid 1px;
            margin: 0 0 10px 10px;
            width: 90px;
            height: 30px;
        }
        
        .clipping_new_big .clip_infoAndDate{
            font-size: 14px;
            color: #ABABAB;
            float: left;
        }
        
        .clipping_new .clip_infoAndDate{
            font-size: 10px;
            color: #ABABAB;
            float: left;
        }
        
        .clipping_new .clip_infoAndDate .clip_source_name{
            margin: 3px 0 0 10px;
            text-align: left;    
            color: #ABA8A8;            
        }
        
        .clipping_new .clip_infoAndDate .clip_fecha{
            margin: 0 0 0 10px;
            text-align: left;    
            color: #C4C4C4;
        }
        
        .clipping_new_big .clip_infoAndDate .clip_source_name{
            margin: 1px 0 0 10px;
            text-align: left;    
            color: #ABA8A8;            
        }
        
        .clipping_new_big .clip_infoAndDate .clip_fecha{
            margin: 0 0 0 10px;
            text-align: left;    
            color: #C4C4C4;
        }
        
	.news_clipping .paginator{
		width: 100%;
		height: 100px;
	}
	
		
	.news_clipping .paginator .previous a{
		float: right;	
		color: white;
		background-color: #afafaf;
		font-size: 12px;
		line-height: 33px;
		padding: 4px 12px 4px 12px;
		margin-bottom: 30px;	
	}
	
	.news_clipping .paginator .next a{
		float: left;	
		color: white;
		background-color: #afafaf;
		font-size: 12px;
		line-height: 33px;
		padding: 4px 12px 4px 12px;
		margin-bottom: 30px;	
	}
	
	
	.fondo_linea_negra{
		position: relative;
		height: 22px;
		background-color: black;
		top: 122px;
	}
        
        .clipping_search_block{
            height: 90px;
        }
        
        .search_box_input{
    	    display: block;
            height: 50px;
            margin: 0;
            color: #d1d0d0;
            padding-left: 20px;
            font-size: 20px;
            border: 0;
            appearance: none;
            box-shadow: none;
            border-radius: none;
            float: left;
    	}
    	
    	.clipping_search_block > .submit > input{
            cursor: pointer;
            display: block;
            float: left;
            height: 50px;
            margin: 0;
            
            border: 0;
            color: #fffffE;
            font-size: 20px;
            background: #03A2DF;
            padding: 10px 20px 10px 20px;
            text-decoration: none;
        }
        

@media ( min-width : 981px) {

        .search_box_input{
            width: 712px;
        }
        
        
        .clipping_search_block > .submit > input{
            width: 224px;
        }
    
        .news_clipping .titulo{
		font-size: 90px;
		line-height: 69px;		
	}
	
	
	.news_clipping > .container{
		width: 960px;
		margin: 0 auto;
	}
	
        .news_clipping .clipping_new.left{
            margin-right: 2%;	
        }
        
        .news_clipping .clipping_new.right{
            margin-left: 2%;	
        }
        
        .news_clipping .clipping_new_big.left{
            margin-right: 1.5%;	
        }
        
        .news_clipping .clipping_new_big.right{
            margin-left: 1.5%;	
        }
        
        .news_clipping .clipping_new_big{
		width: 48.5%;                
		margin-bottom: 3%;
	}
        
        .news_clipping .clipping_new_big .imagen{
		width: 100%;
		height: 260px;
		overflow: hidden;		
	}
        
	.news_clipping .clipping_new, .clipping_new_big{
		width: 32%;
		margin-bottom: 3%;
	}
        
        
	
	
}

@media ( min-width: 720px) and (max-width : 980px) {
    
        .clipping_search_block{
            margin: 0 20px 0 20px;            
        }
    
        .search_box_input{
            width: 65%;              
        }        
        
        .clipping_search_block > .submit > input{
            width: 30%;            
        }
        
}

@media ( min-width: 360px) and (max-width : 719px) {

        .search_box{
            width: 100%;            
        }
    
        .clipping_search_block{
            height: 130px;
            width: 100%;
        }
    
        .search_box_input{
            width: 100%;    
            font-size: 16px;
        }        
        
        .clipping_search_block > .submit > input{
            width: 224px;
            margin: 30px auto;     
            float: none;
            font-size: 16px;
        }
}

@media ( min-width: 361px) and (max-width : 980px) {

        
        
	.news_clipping .titulo{
		font-size: 70px;
		line-height: 58px;		
	}
	
	.news_clipping > .container{
		width: 100%;
		margin: 0 auto;
	}
	
	.news_clipping .clipping_new, .news_clipping .clipping_new_big{
		width: 300px;
		margin-bottom: 30px;
	}
        
        .clipping_new{
            margin: 0 0.5% 0 0.5%;
        }
        
        .clipping_new_big{
            margin: 0 0.5% 0 0.5%;
        }
	
}

@media ( max-width : 360px) {

	.news_clipping .titulo{
		font-size: 50px;
		line-height: 3	8px;		
	}
	
	.news_clipping > .container{
		width: 100%;
		margin: 0 auto;
	}
	
	.news_clipping .clipping_new , .clipping_new_big{
		width: 240px;
		margin-bottom: 15px;
	}
        
        .search_box{
            width: 100%;            
        }
    
        .clipping_search_block{
            height: 130px;
            width: 100%;
        }
    
        .search_box_input{
            width: 100%; 
            font-size: 12px;
        }        
        
        .clipping_search_block > .submit > input{
            width: 224px;
            margin: 30px auto;     
            float: none;
            font-size: 12px;
        }
	
}