/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/


/*	Resets
	------	*/

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}




/* Selection colours (easy to forget) */

::selection 	 	{background: #00CC99; color:#FFF;}
::-moz-selection 	{background: #00CC99; color:#FFF;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
.web {-webkit-tap-highlight-color: #00CC99; color:#FFF;}






/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */




/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */


@media only screen  and (max-width: 767px) {
	
		div.web {
		width:100%;
	}
	
	div.menu{
	display:block;
	padding:none;
	margin:0;
	padding-left:0px;
	background-image:none;
	height:auto;
	width:100%;}
	
    div.menu-inner{ background-image:none!important;
	padding-right:0px;
	height:auto;}
	div.brcm-navigation { display:block;
            height:auto!Important;;
    }
	div.brcm-navigation ul li { display:block;
	float:none;
	width:100%;
    display: block;
    height: 52px;
	padding:0px;}
	
	div.brcm-navigation ul {
		margin:0px;
		background-image:none!Important;
		padding:0px;
		height:auto;width:100%;
		float:none;
}
div.brcm-navigation ul li.brcm-active-node { background-image:none;}
div.brcm-navigation ul li.brcm-active-node a{ background: url("../img/menu-background-active.jpg") repeat-x scroll 0 0 transparent;}

	div.brcm-navigation ul a {
		-moz-transition: all 0.4s ease 0s;
		color: #FFFFFF;
		display:block;
		height: 52px;
		background: url("../img/menu-background.jpg") repeat-x scroll 0 0 transparent;
		width:97%;
		float:none;
		text-decoration: none;
		text-shadow: 0 -1px 0 #4B890E;
		cursor:pointer;
		padding-left:3%;
	}
	div.logo{ width:100%;
	margin-bottom:20px;}
	
		div.logo img{
		height:auto;}

	div.brcm-language-selection { font-size:13px;
    padding-top:10px;}
    
    .top-links{ width:100%;
    float:left;
    position:relative;
    left:0;
    top:0;
    padding-bottom:5px;
    font-size:14px;}
	
	
	
	div.inner {
    margin: auto;
    width:100%;
}
	
	div.content-box1 {
	
		padding: 2%;
	}
	div.title-cont{ width:96%;
	padding:2%;
	}
		
	div.brcm-image { width:100%;
	float:none;}
	div.inner-interior .brcm-image img{ width:99%;
	height:auto;}
	
	.brcm-generic-element-with-images-on-the-right .brcm-image img, .brcm-generic-element-with-images-on-the-left .brcm-image img{ max-width:270px; height:auto;}
	.brcm-generic-element-with-big-images .brcm-image img{max-width:850px; height:auto;}
	.brcm-gallery-of-images .brcm-image img, .brcm-list-of-news .brcm-image img, .brcm-list-of-events .brcm-image img{max-width:135px; height:auto;}
	

    
	div.brcm-generic-element-with-images-on-the-right div.brcm-group-of-images,
    div.brcm-generic-element-with-images-on-the-left div.brcm-group-of-images,
    div.brcm-news-module div.brcm-news-detail div.brcm-group-of-images, 
    div.brcm-calendar-module div.brcm-event-detail div.brcm-group-of-images *,
    div.brcm-generic-element-with-images-on-the-right div.brcm-group-of-images *, 
    div.brcm-generic-element-with-images-on-the-left div.brcm-group-of-images *,
    div.brcm-news-module div.brcm-news-detail div.brcm-group-of-images *, 
    div.brcm-calendar-module div.brcm-event-detail div.brcm-group-of-images * { float:none !important;margin:0 !important;}
    
    div.brcm-caption {width:auto !important}
	
    div.contenidos .valor input[type=text], 
    div.contenidos .valor textarea,
	div.contenidos .brcm-value input[type=text], 
    div.contenidos .brcm-value textarea{ width:94%;}
	
	div.content-box1 .inner2 {
    background-color: #FFFFFF;
    float:none;
    height:auto;
    width:100%;
	font-size:1.2em;
}

div.content-box1 .inner1 {

    float:none;
	margin:0px;
    overflow: hidden;
    position: relative;
    width:auto;
}
div.content-box1 .inner1 img{ width:100%; height:auto;}
div.content-big-box{ font-size:1.2em;}
div.brcm-list-of-news ol li {
    width:90%;
	overflow:visible;
	
}

div.brcm-list-of-news ol li div.brcm-image-and-caption { float:none;}
.div.brcm-list-of-news .brcm-image img, .div.brcm-list-of-events .brcm-image img{
	width:auto;
	height:auto;}
	
div.brcm-list-of-events .brcm-date {
    background-color: #00AAD8;
    color: #FFFFFF;
    float:none;
    font-size: 1em;
    line-height: 1.2em;
	margin:0px;
    padding: 1px;
	padding-top:4px;
    width:auto;
	margin-bottom:5px;
}	

div.brcm-list-of-events {
    width:100%;
}
	
div.cont-1-home {
    float:none;
	 width:auto;
}	
	

div.inner-bottom {
    background:none;
    height:auto;
}
	div.inner-bottom2 {
		background:none;
		height:auto;
	}
	div.bottom {
		background-image:none;
		background-color:#CCCCCC;
		padding:3%;
		font-size: 12px;
		height:auto;
		line-height: 2em;
		width:92%;
}
div.cont-2-home {
    float:none;
    margin:0px;
	padding:5%;
    width:90%;
}
div.brcm-list-of-events ol li{ width:auto;}

.column1{ float:none; width:100%;}
.column2{ float:none;; width:100%;}
	

	
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
div.logo img{
	width:auto;
	height:auto;}
		
		
		
		}




/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	
	
}