﻿.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	EVENTS HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#eventsHeader
{
    float:left;
  	margin:1px 0 0 0; 
	width:950px;
 	height:170px;
 	padding: 3px 4px 4px 4px;
 	border:1px solid #d8d5d5;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	EVENTS CONTENT (BASE)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#eventsContent
{
    margin-top:20px;
}

.eventsContentColumnOne
{
    float:left;
    width:450px;
}

.eventsContentColumnTwo
{
    float:right;
    width:450px;
    margin-right:0;
    margin-top:40px;
}


#eventsContent .item
{
    float:left;
    width:100%;
    margin-bottom:15px;
}

#eventsContent .imageGastronomy,
#eventsContent .imageLeisure,
#eventsContent .imageTechnology,
#eventsContent .imageSound,
#eventsContent .imageStore,
#eventsContent .imageAccommodation
{
    float:left;
    width:70px;
    height:70px;
    margin-right:15px;
}

#eventsContent .description
{
    float:left;
    width:360px;    
}

#eventsContent .title
{
    font-size:22px;
    font-weight:bold;
}

#eventsContent .subtitle
{
    font-size:18px;
    font-weight:bold;
}

#eventsContent .imageGastronomy
{
    background-image:url('Imagens/Events/icon-gastronomy.jpg');
}

#eventsContent .imageLeisure
{
    background-image:url('Imagens/Events/icon-leisure.jpg');
}

#eventsContent .imageTechnology
{
    background-image:url('Imagens/Events/icon-technology.jpg');
}
#eventsContent .imageAccommodation
{
    background-image:url('Imagens/Events/icon-accommodation.jpg');
}
