/* Hoja de estilo para adaptación a dispositivos */
/* Municipalidad de Berazategui */
/* Secretaría de Modernización del Estado */
/* Noviembre - 2014 */


@media (max-width: 1920px) {

		#body {
			overflow-x: hidden;
		}

		 #Header {
			position: relative;
			background-image: url(http://www.berazategui.gov.ar/images/eregulations/top.png); 
			height:70px;
			width:100%;	
			margin-bottom:-10px;
			margin-top: -11px;
			padding-top: 20px;
			padding-bottom: 20px;
			height:70px;
			margin-bottom:-10px;
			margin-top:-1px;
		}
		
		#Header .logo {
			margin-left:9%;
			margin-top:10px;
		}
		
		#Header div.search {
			float:left; 
			margin-left:6%;
		}
	
		#logo1 {
			float:left;
		}
		
		#logo2 {
			float:left;
		}
		
		#logo3 {
			float:left;
			margin-right:10px;
		}
		
		#logo4 {
			float:left;
			margin-top:-2px;
		}
		
		#Map {
			border:none;	
		}
		
		#cuadro {
			width:100%; 
		} 
		
		#cuadro_int1{
			width:50%; 
			float:left;
		} 
		
		#cuadro_int2{
			width:50%; 
			float:left;
		} 
		
		#titulo_cuadro { 
			width:100%; 
		} 
		
		#titulo_cuadro_span {
			font-size:20px; 
			color:#646464;
			margin-left:15px;
		}
		
		#iconos {
			margin-top: 15px;
		} 
		
		#boton{ 
			width: 94px; 
			height: 100px; 
			float: left; 
		} 
		
		#boton a:hover { 
			width: 80px; 
			height: 100px; 
			background-image: url('http://www.berazategui.gov.ar/municipalidad/images/iconos/ultimosiconos/titletag2.png'); 
			background-repeat: no-repeat;
			margin-left: 15px; 
		} 
		
		.tag{ 
			width: 90px; 
			height: 100px; 
			display: block; } 
				
		
		
	}
		


		/* Reglas para el menu */
	
	@media (max-width: 1260px) {
	
		#logo1 {
			display:none;
		}
		
		#logo2 {
			 margin-left:-40px; 
		}
		
		#Header div.search {
			/* margin-left: 20%; */
			float:right;
		}
	
	}
	


	
	@media (max-width: 1100px) {
	/* Esta seccion elimina la barra de tareas de admin cuando la pantalla es menor a 1100px */

	 
		#topbar	{
			display: none;
		}
		
		div.topbar_blank {
			display:none;
		}
		
		.topbar_blank {
			display:none;
		}
		
		#topbar	{
			display: none;
		}
		
		#topbar_content	{
			display: none;
		}
		
		#topbar_report_menu	{
			display: none;
		}
		
		#topbar_browse_menu	{
			display: none;
		}
		
		#errorsPane {
			display:none;
		}
	
		.container clearfix alert alert-error	{
			display: none;
		}
		
					
		#Header div.search {
			margin-left:12%;
		}
		
		#logo2 {
			margin-left:-40px;
		}
		
		#Menu {
			width:100%;
			/* padding: 0; Este valor quitaría el márgen*/
		}
		
		#Map {
			width:100%;	
		}
		
		#Diapo {
			width:100%;
		}
		
		#Diapo_nav {
			bottom:10%;
		}
		
		#Diapo_slideshow {
			width:100%
		}
		
		#Diapo_slideshow img {
			height:auto;
		}
		
		#Diapo_slideshow p {
			left: 45%;
			font-size: xx-large;
			top: 20%;
		}
		
		#MapCorner {
			display:none;
		}
		
		#map_canvas {
			display:none;
		}
		
		#subDiapo {
			display:none;
		}
		
		#Summary {
			width:100%;
		}
		
		#Pushs {
			width:100%;
		}
		
		#Bottom {
			width:100%;
		}
		
		#Bottom .box {
			width:47%;
		}



		#breadcrumb { 
			width:98.7%;
		} 		

		
			
	}



	@media (max-width: 1024px) {
		
		#Header .logo {
			margin-left: 5%;
		}

		
		#Header div.search {
			margin-right: 20px;
			margin-left: 0;
			float: right;
		}
		
		#Menu {
			width:97.5%;
		}

		#Bottom .box {
			width: 48%;
		}

		#Pushs {
			width:97%;
			margin-left:0;
		}

		#iconos {
			zoom: 0.93;
		}
		
		
		
		#ficheStep {
			width: 99.8%;	
		}
		
		#tableContent {
			width: 100%;	
		}		
		
		#listSteps {
			width:99.8%;
		}
		
		#detailsPanel {
			width:100%;
			margin-left:-5px;
		}
		
		#section-requirements .reqName {
			width:100%;
		}
		
		#stepInfo {
			width: 100%;	
		}
		
		#stepInfo .infoContent {
			width: 100%;	
		}
		
		#section-laws .reqName {
			width: 100%;
		}
		
		
		
		#menuPage {
			width:100%;
			left:0;
		}

		#menuTexts {
			width: 620px;
		}
		


	}
	
	@media (max-width: 1000px) {
	
		#Header .logo {
			margin-left:9%;
			margin-top:10px;
		}
		
		/*#listSteps {
			width:85%;
		}
		
		#detailsPanel {
			width:85%;
		}*/
	
	
	}
	
	@media (max-width: 900px) {
	
		#Map {
			height:240px;
		}
	
		#logo4 {
			display:none;
		}
		
			
		#Header div.search {
			/* float:right; */
		}
		
		#repertoires {
			display:none;
		}
		
		#iconos {
			zoom: 1;
		}
		
		#push1 {
			width:31%;
		}
		
		#push2 {
			width:31%;
		}
		
		#push3 {
			width:31%;
		}
		
		#Diapo_slideshow p {
			left: 50%;
			font-size: 30px; 
			top: 10%;
		}

		#cuadro {
			margin-left:10px;
		}
		
		#menuPage {
			width:830px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}

	
		/*#menuTexts {
			width: 65%;
		}*/
		
/*  Sección de vista de item de menu -> item */	

		#breadcrumb { 
			width:98%;
		} 		

		/*#listSteps {
			width:79%;
		}
		
		#detailsPanel {
			width:79%;
		}*/
		

	}


	
	
	@media (max-width: 830px) {
	
		#body {
			overflow-y: hidden;
		}
		
		#Header div.search {
			float:right;
			margin-right:25px;
		}
		
		#menuRight {
			display:none;
		}

		.drop-pane {  
			min-width: 300px; 
		}
		
		#Map {
			height:200px;
		}
		
		#Header {
			/*background-image: url(http://www.berazategui.gov.ar/images/eregulations/top.png); */
			/*height:70px; */
			width: 100%;
		}
		
		#logo3 {
			display:none;
		}
		
		#Bottom .box {
			width:95%;
			/* margin:auto; */
		}
		
		#cuadro {
			margin-left: 5%;
		}
		
		#Diapo_slideshow p {
			left: 50%;
			font-size: 30px; 
			line-height:40px;
			top: 10%;
		}
		
		#Diapo_nav {
			bottom: 25%;
		}
		
		/*#listSteps {
			width:73%;
		}
		
		#detailsPanel {
			width:73%;
		}*/

		#menuPage {
			width:800px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}

		
	}


		
@media (max-width: 780px) {

	/*#detailsPanel {
		width:60%;
	}*/
	
	#push1 {
		display:none;
	}
	
	#push2 {
		display:none;
	}

	#push3 {
		display:none;
	}
	
	#cuadro_int1 {
		width:100%;
	}
	
	#cuadro_int2 {
		display:none;
	}
	
	/*#listSteps {
			width:70%;
	}
		
	#detailsPanel {
			width:70%;
	}*/
	
	

	/*Para sacar las fotos del quienes somos.*/
	
	#menuPicture {
		display:none;
	}

	#menuPage {
		width:730px;
		left:0;
	}

	#menuTexts {
		width: 100%
	}	
	
}

	@media (max-width: 768px) {	

		#Header div.search {
			margin-top: 23px;	
		}
		
		#Menu {
			width:97%;
		}

		#Bottom .box {
			width: 98%;
			margin-left: 0;
		}

		#Pushs {
			width:97%;
			margin-left:0;
		}
		
		#menuPage {
			width:668px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
		
		/*#listSteps {
			width:69%;
		}
		
		#detailsPanel {
			width:69%;
		}*/
	

	}
	
	
		
	@media (max-width: 730px) {		
		
		/*#listSteps {
			width:65%;
		}
		
		#detailsPanel {
			width:65%;
		}*/
		
		#stepInfo {
			width: 100%;	
		}
		
		#stepInfo .infoContent {
			width: 100%;	
		}
		
		#menuPage {
			width:620px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
	}

@media (max-width: 680px) {

		/*#listSteps {
			width:61%;
		}
		
		#detailsPanel {
			width:61%;
		} */
		
		#menuPage {
			width:610px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
}
			
		
@media (max-width: 667px) {
	
		#Diapo_nav #Situ {
			bottom:50px;
		}

	/*	#listSteps {
			width:59%;
		}
		
		#detailsPanel {
			width:59%;
		}  */
		
		#menuPage {
			width:600px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
}				
	


	
@media (max-width: 640px) {

		#Map {
			height:180px;
		}
		
	
		#Diapo_slideshow p {
			left: 50%;
			font-size: 20px; 
			line-height:30px;
			top: 10%;
		}
		
		#Diapo_nav {
			bottom: 45%;
			left:0;
		}
		
		#titulo_cuadro_span {
			font-size:15px; 
			color:#646464; 
			margin-left:15px;
		}

		.search .search-input {
		width:120px;
		}


	#Diapo_nav {
		bottom: 52%
	}

	#cuadro {
		margin-left:6%;
		margin-top:-30px;
	}

	#titulo_cuadro_span {
		margin-left:0px;
	}

	#Footer a.logos img {
		max-width:30%;
	}
	
	/* #listSteps {
			width:57%;
		}
		
		#detailsPanel {
			width:57%;
		} */

		#menuPage {
			width:570px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	

}



@media (max-width: 610px) {

	#Diapo_nav #Situ {
			bottom: 0px;
	}
	
	/*#detailsPanel {
			width:54%;
		}*/

		#menuPage {
			width:540px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
}
			
		
		@media (max-width: 569px) {

		/*#detailsPanel {
			width:51%;
		}*/

			#menuPage {
			width:519px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
}


@media (max-width: 550px) {

		#section-recourse {
			zoom:0.9;	
		}
		
		#section-contacts {
			zoom:0.9;	
		}

}


@media (max-width: 500px) {

	/*#detailsPanel {
			width:40%;
	}*/
	
			#menuPage {
			width:460px;
			left:0;
		}

		#menuTexts {
			width: 100%
		}	
	
}
			
		
	
	
	@media (max-width: 480px) {			
		#section-recourse {
			zoom:0.8;	
		}
		
		#section-contacts {
			zoom:0.8;	
		}
	}
	
	


@media (max-width: 430px) {


	#Header div.search {
			display:none;
		}
	#logo4 {
		display:block;
	}


	#Menu a.menu.highslide {
		display:none;
	}

	#Diapo_nav {
		display:none;
	}

	#cuadro {
		margin-left:0;
		margin-top:-60px;
	}	

	#menuContent .title {
		line-height:30px;
	}

	#Bottom .box {
		height:auto;
	}

	.box .box_more {
		bottom:5px;
	}

		#menuPage {
			width:400px;
			left:0;
		}
		
		#section-recourse {
			zoom:0.7;	
		}
		
		#section-contacts {
			zoom:0.7;	
		}

	/*#detailsPanel {
			width:35%;
	}*/
	
}



@media (max-width: 414px) {

	#logo2 {
		margin-left: -25px;
	}
	
	#Menu {
		width: 94.4%;	
	}
	
	#Map {
		height: 160px;
	}

	#Diapo_slideshow {
		height: 120px;
	}
	
	#titulo_cuadro {
		width:90%;
		padding-left: 20px;
	}
	
	#iconos {
		zoom: 0.8;	
	}
	
	#Bottom .home-box-title h3 {
		font-size:14px;
	}
	
	#Footer a.logos img {
		margin-left: -10px;	
	}
	
		#menuPage {
			width:364px;
			left:0;
		}
	
	#section-recourse {
			zoom:0.65;	
		}
		
		#section-contacts {
			zoom:0.65;	
		}
}



@media (max-width: 384px) {
	#Header .logo {
		zoom: 0.98;	
	}
	
		#menuPage {
			width:344px;
			left:0;
		}
		
		#section-recourse {
			zoom:0.6;	
		}
		
		#section-contacts {
			zoom:0.6;	
		}


}



@media (max-width: 376px) {


	
	#logo4 {
		display:none;
	}


	#cuadro {
		margin-left:4%;
		margin-top:-50px;
		text-align:left;
	}	
	
	#cuadro_int1 {
		width: 95%;	
	}

	#titulo_cuadro {
		margin-left: -10px;	
	}
	
		#menuPage {
			width:340px;
			left:0;
		}

	
	/*#detailsPanel {
			width:30%;
	}*/
	
	
}




@media (max-width: 350px) {

	#headerDetails .resumeTitle {
		background: #D5BC03;
		font-size: 10px;
	}

		#menuPage {
			width:320px;
			left:0;
		}
		
		#headerDetails .fiche-nav.resume {
			width:0;	
		}
		
		
}




@media (max-width: 321px) {

	#Header {
		height:40px;
		
	}

	#Menu {
		width:92.6%;
	}

	#logo2 {
		margin-top: -10px;
		zoom:0.8;
		margin-left: -28px;
	}

	#logo3 {
		display:block;
		margin-top: -10px;
		zoom:0.8;
	}

	#Map {
		border:none;
		height: 130px;
	}

	#cuadro {
		margin-left: 8px;
		width:100%;
	}

	#titulo_cuadro {
		margin-left: -20px;
	}

	#boton{
		zoom: 0.7;
	}

	#Bottom .box {
		width: 100%;
	}

	#titulo_cuadro_span {
		margin-left:10px;
	}

	#Bottom .home-box-title h3 {
		font-size:14px;
	}

	#Bottom .box_content {
		margin:5px 5px 10px 25px;
	}

	#Bottom .box_content ul{
		margin:0;
		list-style-type: square;
		color: #0E70A7;
	}	

	#Bottom .box_content li{
		
		list-style: square;
		color: #0E70A7;
	}
	
	#iconos {
		zoom: 0.84;	
	}

	#Footer a.logos img {
		zoom:0.4;
	}		
	
		#menuPage {
			width:290px;
			left:0;
		}
		
		#section-recourse {
			zoom:0.55;	
		}
		
		#section-contacts {
			zoom:0.55;	
		}

}



@media (max-width: 318px) {



	#logo3 {
		display:none;
		
	}

	#Menu {
		width:100%;
	}
	
		#menuPage {
			width:248px;
			left:0;
		}



}




@media (max-width: 290px) {

	#Menu .menu {
		margin-left:5px;
	}
	
		#menuPage {
			width:220px;
			left:0;
		}

	
	/*#detailsPanel {
			width:25%;
	}*/

}

@media (max-width: 240px) {
	
	#body {
		zoom:0.8;
	}
	
	#Menu {
		width: 93%;
	}
	
	#Map {
		height: 100px;	
	}
	
	#proceduresMenu {
			zoom: 0.7;
	}
	
	#Header .logo {
		margin-left: 10%;
		
	}

	#Menu .menu {
		Font-size: 9px;
	}
	
	#menuPage {
		width:210px;
		left:0;
	}
	
	#headerDetails .resumeTitle {
		font-size: 7px;	
	}


}