/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
	
	Contenido

		* 1024
		* 770
		* 450
		* otros

\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@1024
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:1024px){
	.ancho_sitio{
		width: 85%;
	}
	aside{
		width: 42%;
	}
	
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@770
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:770px){
	
	body{
		padding-left: 0;
		padding-right: 0;
	}
	.ancho_sitio{
		width: 85%;
	}
		#logo{
			float: none;
			width: auto;
			padding-bottom: 0;
			text-align: center;
		}
			#logo a{
				display: inline-block;
				max-width: 80%;
			}
			#logo img{
				width: 300px;
			}
		#headRight{
			width: 100%;
		}
			.moduletable_buscar{
				display: inline-block;
				vertical-align: top;
			}
			.moduletable_vinculo{
				display: inline-block;
				margin-left: 10px;
				vertical-align: top;
			}
	.slide-desc-in{
		width: 100%;
	}
	article{
		display: block;
		border-bottom: 1px solid #ddd;
		margin-bottom: 40px;
	}
	aside{
		display: block;
		width: 100%;
		padding-left: 0;
	}
	.custom_aliados ul li{
		margin: 10px;
	}
	#provee .ancho_sitio{
		width: 80%;
	}
	.moduletable_medium{
		display: block;
	}
	.moduletable_small{
		display: none;
	}
	#navigation89{
		margin-left: -40px !important;
		margin-right: -40px !important;
	}
	.moduletable_medium h3{
		margin-left:-3%;
	}
	footer .ancho_sitio{
		display: table;
	}
		footer .ancho_sitio > div{
			display: block;
		}
	#foot_left{
		padding-right: 0;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #bebebe;
	}
	#foot_center{
		padding: 20px 0;
		border-right: none;
		border-bottom: 1px solid #bebebe;
	}
	#foot_right{
		padding-left: 0;
		padding-top: 20px;
		text-align: center;
	}
	#foot_right > img{
		display: inline-block;
	}
		.marca{
			text-align: right;
			font-size: 0.9rem;
		}

	/*  -- @Contacto -- */
	#contact-form.well{
		margin: 0;
	}
	.celdaDir{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.dl-horizontal .celdaDir dt{
		margin-bottom: 5px;
	}
	.dl-horizontal .celdaDir dd{
		margin-bottom: 10px;
	}
	#contact-form .campo1, #contact-form .campo2, #contact-form .campo3{
		float: none;
		width: auto;
	}
	#contact-form.form-horizontal .controls input[type="text"], #contact-form.form-horizontal .controls input[type="email"]{
		width: 250px;
		max-width: 90%
	}
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@450
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:450px){
	.ancho_sitio{
		width: 90%;
	}
	#logo img{
		max-width: 100%;
		margin-left: -5%; 
	}
	#buscar{
		display: block;
		overflow: hidden;
		padding-right: 8%;
	}
	#buscar .search{
		float:right;
	}
	#regla_1{
		width: 84%;
	}
	#slider .slide-desc-text-default{
		padding: 5px 5px;
	}
		#slider .slide-desc-text-default p{
			margin-bottom: 0;
		}
	article{
		
	}
		.pull-left.item-image{
			float: none;
			max-width: 80%;
			margin: 0 auto 10px;
		}
	#provee .djslider-default .navigation-container {
		margin: 0 -30px !important;
	}
	#regla_2{
		width: 84%;
	}
	#slider_small{
		padding:0 10%;
	}
		.moduletable_small h3{
			margin-left:-3%;
		}

	/*+++++   @Contacto  ++++++*/	
	.controls input[type="text"], .controls input[type="email"], .controls textarea{
		width: 250px;
	}
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
										@Otros
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:0px){
	.ancho_sitio{
		width: 100%;
	}
	#logo{
		margin:20px 0 15px;
	}
	#logo img{
		width: 80%;
	}
	#buscar{
		display: none;
	}
	#regla_1{
		width:0;
	}
	article{
		padding-left: 5%;
		padding-right: 5%; 
	}
		.items-row{
			margin-bottom: 30px;
			border-bottom: 1px solid #ddd;
			padding-bottom: 20px;
		}
		.items-row:last-child{
			border-bottom: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
	#regla_2{
		width:90%;
	}
	#slider_small{
		padding:0 15%;
	}
		.moduletable_small h3{
			margin-left:-14%;
		}
		.moduletable_medium{
			display: none;
		}
	#foot_left{
		padding:0 10%;
		margin-bottom: 20px;
	}
	#foot_right{
		padding:0 10%;
		padding-bottom: 30px;
		border-bottom: 10px solid #4c4c4c;
	}
	#foot_right > img{
		display: none;
	}
	.nivo-arrows12 .nivo-directionNav a{
		width: 30px !important;
		height: 30px !important;
		background-size: 30px 60px !important;
	}
	a.nivo-prevNav{
		background-position: 0 -30px !important;
	}
	#navigation90{
		margin-left: -35px !important;
		margin-right: -35px !important;
	}

	/*+++++   @Contacto  ++++++*/	
	.contact .thumbnail{
		float: none;
		display: table;
		margin: 0 auto 20px;
	}
	.dl-horizontal dt{
		width: 30px;
		float: left;
		text-align: right;
		margin-bottom: 4px;
	}
	.dl-horizontal dd{
		margin-left: 50px;
		margin-bottom: 4px;
	}
	.form-horizontal .control-label{
		width: auto;
		float: none;
		text-align: left;	
	}
	.form-horizontal .controls{
		margin-left: 0;
	}
	.controls input[type="text"], .controls input[type="email"], .controls textarea{
		width: 80%;
	}
}