/* 	RESPONSIVE */

/* 	Amaguem els divs que hem hagut dafegir de mes per a fer-lo responsive */
.logo_responsive_only{
	display: none;
}

.logo_certamen{
	display: none;
}

.responsive_nav_bar{
	display: none !important;
}

.footer_responsive{
	display: none;
}

.img_left_responsive{
	display: none;
}

@media screen and (max-width: 1280px) {
	.content_body{
		width: auto !important;
	}
}
/* De 480 a 930 */        		
@media screen and (max-width: 930px) {
	
	body{
		margin: 0px;
	}

	.body_cfn_left iframe {
		display: none;
	}

	
/* 	CAPCELERA */
	.top{
		background: #000;
		height:auto !important; 
	}
	
	.page{
		width: 100%;
	}
	
	.logo_responsive_only{
		display: block;
		float: left;
		width: 40%;;
		height: auto;
		margin-top: 48px;
	}		

	.logo_certamen{
		display: block;
		float: right;
		width: 40%;
		height: auto;
		margin-top: 37px;			
	}

	.header_page_cfn{
		background-image: none;
		width: 100%;
		height: auto;
		overflow: hidden;	
		padding-bottom: 10px;	
	}
	
	.links_header_cfn{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		background: #444;
	}
	
	.links_header_cfn a{
		margin: 0px;
	}
	
	/* 	Traiem el flash */
	.header_cfn{
		display: none;
	}
	
	/* 	Menu */
	.nav_cfn {
		width:100%; 
		margin-bottom:3px;
	}
	
	.nav_cfn1 {
		float:left; 
		width:179px; 
		margin-right:1px;
	}
	
	.nav_cfn div {
		width:19.8%;
	}
	
	.nav_cfn img {
		width:100%;
	}

	.cont_cfn_int{
		width: 100%;
		margin: 0px;
	}


	.content_body{
		background-image: none;		
	}

	.body_cfn_left {float:left; width:390px; position:relative;}
		.body_cfn_left iframe {width:100%; position:absolute; top:0; left.0; height:285px; width:330px;}
	
/*  BODY  */

	.center{
		width: 100%;
		margin: 0px;
	}
	
	.body_cfn{
		width: 100%;
		height: auto;
	}
	
	.body_cfn_left{
		width: 43% ;
		height: 100% !important;	
	}

	.body_cfn_left div{
		width: 100% !important;
		height: 100% !important;
	}

	.body_cfn_right{
		height: 100% !important;
		width: 57% !important;
	}
	
	.body_cfn_right img{
		width: 100% !important;
		height: auto !important;		
	}	

/*  BOTTOM  */
	.bottom{
		display: none;
	}
	
	.foot_cfn{
		width: 100%;
	}
	
	.foot_cfn img{
		width: 100%;
	}		
	
/* 	REGISTRO */
	.item_form_cfn select{
		width: 50%;
	}
	
/* 	Imatge responsive per ipad only */
	.body_cfn_left div{
		display: none !important;
	}

	.body_cfn_left object{
		display: none !important;
	}

	.img_left_responsive{
		display: block;
		width: 100%;
		height: auto;
	}
	
}

/* De 0 a 480 */        		
@media screen and (max-width: 480px) {
	.links_header_cfn img {
		margin-left: 4px;
		width: 23%;
	}
	
	.logo_responsive_only{
		margin-top: 10%;
	}	
	
	.logo_certamen{
		margin-top: 9%;
	}	
	
	.nav_cfn{
		display: none;	
	}
	
	.responsive_nav_bar{
		display: block !important;
	}

	.responsive_nav_bar ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	.responsive_nav_bar ul li{
		float: left;
		color: #fff;
		width: 100%;
		text-align: center;
	}
	
	.responsive_nav_bar ul li a{
		color: #fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	
/* 	BODY */
	.body_cfn_left{
		display: none;
	}

	.body_cfn_right{
		width: 100% !important;
	}
	
/* 	FOOTER */
	.body_cfn{
		margin-bottom: 0px;
	}
	
	.foot_cfn{
		display: none;
	}
	
	.footer_responsive{
		display: block;
		padding: 2%;
		background: #000;
	}
	
	.footer_responsive_text{
		color: #FFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}

	.footer_responsive_phone{
		color: #b9c3d8;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		line-height: 20px;
		margin: 2%; 
	}
}