/******************************************************************************************************************
Ckm!
Web, Apps & Multimedia
www.ckm.co
2015
******************************************************************************************************************/

/******************************************************************************************************************
1100px
/******************************************************************************************************************/
@media all and (max-width: 1100px){
	.medio{
		margin: 0 2% !important;
		width: 96% !important;
	}

	.cuadros .actual, .cuadros .actual a{
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#cuboFt, #cuboFt5{ clear: both; }

	.cubosCentro{
		margin: 0 auto;
		width: 720px;
		border: 1px solid red
	}
	
	.interna{
		background: none;
		border-top: 3px solid #F7F7F7;
	}
	
	.sombra{
		margin: 0 auto !important;
		max-width: 720px;
	}

	#mapHome{
		margin-left: 5%;
		width: 90%;
		height: 320px;
	}
	.mapaIn .now{
		clear: both;
		float: none;
		display: block;
		margin: 0 auto;
		padding: 20px 4%;
		width: 82%;
		height: auto;
		background: #E11D27  !important;
	}
	.mapaIn .now img{ max-width: inherit; }

	.deslizador .medio{
		margin: 0 auto !important;
		width: 100%;
		max-width: 670px !important;
	}
	.twitter-widget{
		margin: 0 auto;
		width: 100%;
	}
	
	.customNavigation{
		display: none;
		background: blue
	}
	
	.interna .medio{ padding: 10px 0; }
}

/******************************************************************************************************************
960px
/******************************************************************************************************************/
@media all and (max-width: 960px){
/*	body{ background: orange }*/

	#menuEx{
		margin: 0 !important;
		width: 100% !important;
	}
	#menuEx ul li a{ margin: 0 6px; }
}

/******************************************************************************************************************
770px
/******************************************************************************************************************/
@media all and (max-width: 770px){
/*	body{ background: blue }*/
	
	.cubosCentro{ width: 580px; }
	.cubo{
		width: 145px;
		height: 145px;
	}

	.alIzq, .alDr{
		clear: both;
		float: left;
		margin: 0;
		width: 100%;
	}
	.alIzq{ text-align: center; }
}

/******************************************************************************************************************
580px
/******************************************************************************************************************/
@media all and (max-width: 580px){
/*	body{ background: gray }*/

	#verM{ display: block; }
	
	.conteMenu{
		display: none;
		position: fixed;
		z-index: 1000;
		display: block;
		float: left;
		width: 100%;
		top: 0;
		left: 0;
	}

	#menuEx{
		position: static;
		float:left;
		margin: 0;
		width: 100%;
		padding: 0;
	}
	#menuEx ul{
		display: none;
		clear:left;
		float:left;
		position: inherit;
		margin:0;
		padding: 0;
		width: 100%;
		left: inherit;
		text-align: left;
		background: #F3F3F3;
	}
	#menuEx ul li{
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		width: 100%;
		position:inherit;
		right: inherit;
		border-bottom: 1px solid #CCC;
	}
	#menuEx ul li a{
		margin: 0;
		padding: 5px;
		color: #211452;
		text-decoration:none;
	}
	
	#menuEx ul li a.inicio{
		width: 100%;
		height: auto;
		overflow: inherit;
		text-indent: inherit;
		line-height:  inherit;
		text-transform: inherit;
		background: none;
	}
	
	#menuEx ul li a.contacto{
		padding-left: 20px;
		background: url(../_interfAz_CK!/ico_contacto.png) 5px center no-repeat;
	}
	#menuEx ul li a:hover{
		color: #FFF;
		background-color: #EE3F35;
	}

	.cubosCentro{ width: 400px; }
	.cubo{
		width: 100px;
		height: 100px;
	}

	ul.aliados li{
		margin: 8px 1%;
		width: 45%;
	}

	.twitter-widget li{
		width: 100%
	}
	.twitter-widget li .tweets_txt{
		margin: 10px;
	}
}


/******************************************************************************************************************
420px
/******************************************************************************************************************/
@media all and (max-width: 420px){
	.cubosCentro{ display: none; }

	.solicita form label span{
		margin-bottom: 5px;
	}
	.solicita form label input, .solicita form label textarea{
		width: 96%;
	}

	ul.aliados li{
		margin: 8px 0;
		width: 100%;
	}
}