@charset "utf-8";
/* CSS Document */

.input-group .form-control{position:relative;z-index:2;float:left;width:75%;margin-bottom:0;margin-left:0px}



@media (min-width:900px){
.modal-open{overflow:auto}

	.container{width:70%; margin-top:3%  }
/*aca modiifcar*/
.camion{
 background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(../img/camion_siogranos_v2.jpg);
 background-color: #ddd;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}

.tituloMonitor{
	margin:0px;
	margin-top:-10%;
	margin-left:-350px;	
	
	color:#000;
	font-weight: bold;

	padding-bottom:0px;

	padding-top:3%;
}



#cuadroColor{
 background-color: #ddd;
  background: rgba(255, 255, 255, 0.7);
	 margin-left:-30%;	
	margin-right:15%;

}


.margen{
	margin-left:5%;
	margin-top:-3%;
	margin-right:5%;
	text-align:justify;
	
}
.row{margin-left:-280px;
margin-top:3%;
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0%}



.modal-dialog{width:70%;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.modal-sm{width:300px}
.modal-lg{width:900px}
.modal-open{overflow:auto}
.movil{
	display:none	
	
}
.modal-body{
text-align:justify;

    
}
.btnModalTarifa{
margin-top:-5%;
}
}

}


@media(max-width:900px){

		
.container{
	width:460px;
	overflow-x: hidden;
    overflow-y: auto;
	
	margin-left:0px;
}
	
div#palProducto  {
    margin-top:-25px;
   margin-left: -30px;
width:295px;
}

div #botones{
	    margin-top: 70px;
		 margin-left: 30px;
		 padding-bottom:50px;
}

.modal-dialog{width:900px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.modal-sm{width:300px}
.modal-lg{width:900px}	

.margen{
	margin-left:-35px;
	margin-top:-60px;
		width:100%;
	
}

.escritorio{
	display:none
	
}


}

@media(max-width:700px){
	body{
				
		overflow:auto;
		}
		
		
		.titulos2{
			font-size: 18px;
			}
		
.container{
	width:700px;
	overflow: hidden;
    	
	margin-left:-120px;
}
	
div#palProducto  {
    margin-top:0px;
   margin-left: 0px;
width:295px;
	
}

div #botones{
	    margin-top: -49px;
		 margin-left: 315px;
		 
}
.modal-dialog{width:900px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5); width:1040px; position:absolute; top:-30px; left:5px;


}
.modal-sm{width:300px}
.modal-lg{width:900px}	


.escritorio{
	display:none	
	
}

.margen{	width:100%;
/*	margin-left:-35px;*/
	/*margin-top:-60px;*/
	
}




ul.normatEvento {
  column-count: 1;
  margin-left:-50px;
}




/*ver que si es aca muestre ejDeMapaCelular en vez de ejDeMapa*/

}

@media (max-width: 700px) and (min-width: 611px){
	body{
				
		overflow:auto;
		background-color:#0F0}
		
	#mapid{

	/*width: 555px; 
	height: 480px; */
	width: 1000px; 
	/*height: 580px;*/
	outline:none; 
	position:left;
	height: 250px;
	/*width: 200px; 
	 */
}
}

@media(max-width:610px){/*celulares*/
img {
    margin-left: 10px;
    margin-top: 5px;
    max-width: 250%;
    max-height: 100%;
    display: block;
}
hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    
    border-style: inset;
    border-width: 1px;

}	
	
	body{
				
		overflow:auto;
		overflow-y: scroll;
		overflow-x:hidden;
}
		
		
.container{
	width:460px;
	overflow-x: hidden;
    overflow-y: auto;
	margin-left:0px;
}
.tituloMonitor{

	/*width:300px;*/
	margin-top:-50px;
	margin-left:-190px;
	color:#000;
	font-weight: bold;

}
.margen{
	width:173%;
	margin-left:-190px;
	margin-top:-60px;
}

.txtGrano{
margin-left:55px;
padding:10px 15px;
}

span#pOrigen  {/**combo provincia*/
    margin-top:0px;
   margin-left: 190px;/*-40*/
	margin-bottom:-30px;

}
#provSeleccionadaOrigen.form-control{
	width:90%;
	margin-left:-10px;
}
span#provSeleccionadaOrigen{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
.txtGrano.ciudades{
margin-left:-195px;
margin-top:50px;
}

span#cOrigen.input-group-btn.ciudad{

    white-space: nowrap;

	display:table-row;

/*
margin-left: 0px;
     
*/
		
   width:295px;
	}

#locSeleccionadaOrigen.form-control.ciudad{
	width:142%;
	margin-left:200px;
		margin-top:-40px;
}
span#locSeleccionadaOrigen{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
span#palPDestino.input-group{
margin-top:-60px;


  
}

/*destino*/
span#pDestino  {/**combo provincia*/
    margin-top:0px;
   margin-left: 190px;/*-40*/
	margin-bottom:-30px;

}
#provSeleccionadaDestino.form-control{
	width:90%;
	margin-left:-10px;
}
span#provSeleccionadaDestino{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
.txtGrano.ciudades{
margin-left:-195px;
margin-top:50px;
}

span#cDestino.input-group-btn.ciudad{

    white-space: nowrap;

	display:table-row;

		
   width:295px;
	}

#locSeleccionadaDestino.form-control.ciudad{
	width:142%;
	margin-left:200px;
		margin-top:-40px;
}
span#locSeleccionadaDestino{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}

div #botones{
	    margin-top: 50px;
		 margin-left: 0px;
		 padding-bottom:25px;
		 
}


/*MAPA**/
.modal-title {
    margin: 0;
    line-height: 1;
}
.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error{

padding: 6px;
    margin-top: 0px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    max-height: 190px;
    overflow-y: auto;
    transition: all 0.2s ease;
    width: 300px;
}
.leaflet-routing-alt-minimized {
    color: #fff;
    max-height: 130px;
    overflow: hidden;
    cursor: pointer;
    background-color: red;
}
.modal-body {
    position: relative;
    padding: 0px;
	padding-bottom:10px;
	padding-left:10px;
	
}

.txtGrano.textoCiudad {
	
    margin-top: -150px;
    margin-left: -472px;
}

.escritorio{
	display:none	
	
}
/*
.modal-dialog{width:300px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
.modal-sm{width:30px}
.modal-lg{width:100px}	



.input-group .form-control{position:relative;z-index:2;float:left;width:99%;margin-bottom:0;margin-left:-10px;}
/*ver que si es aca muestre ejDeMapaCelular en vez de ejDeMapa*/

}

@media(max-width:320px){/*celulares - mio*/
/*ang*/
img {
    margin-left: 10px;
    margin-top: 5px;
    max-width: 250%;
    max-height: 100%;
    display: block;
}
hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    
/* diferencia con media2
width:155%;
	color:#F00;
	margin-left:-10px;
	*/


    border-style: inset;
    border-width: 1px;

}	

/* diferencia con media2

td {
    display: table-cell;
    vertical-align: inherit;
	width:70px;
}
a {
    text-decoration: none;
    color: #0695d6;
	margin-left:225px;
	font-size:20px;

}*/












	
	body{
				
		overflow:auto;
		overflow-y: scroll;
		overflow-x:hidden;
}
		
		
.container{
	width:460px; /*media2: 300%;*/
	overflow-x: hidden;
    overflow-y: auto;
	margin-left:0px;
}
.tituloMonitor{

	/*width:300px;*/
	margin-top:-50px;
	margin-left:-190px;
	color:#000;
	font-weight: bold;

}
.margen{
	margin-left:-190px;/*media2: -150px*/
	margin-top:-60px;


}

.txtGrano{
margin-left:55px;
padding:10px 15px;
}

span#pOrigen  {/**combo provincia*/
    margin-top:0px;
   margin-left: 190px;/*-40*/
	margin-bottom:-30px;

}
#provSeleccionadaOrigen.form-control{
	width:90%;
	margin-left:-10px;
}
span#provSeleccionadaOrigen{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
.txtGrano.ciudades{
margin-left:-195px;
margin-top:50px;
}

span#cOrigen.input-group-btn.ciudad{

    white-space: nowrap;

	display:table-row;


		
   width:295px;
	}

#locSeleccionadaOrigen.form-control.ciudad{
	width:142%;
	margin-left:200px;
		margin-top:-40px;
}
span#locSeleccionadaOrigen{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
span#palPDestino.input-group{
margin-top:-60px;


  
}

/*destino*/
span#pDestino  {/**combo provincia*/
    margin-top:0px;
   margin-left: 190px;/*-40*/
	margin-bottom:-30px;

}
#provSeleccionadaDestino.form-control{
	width:90%;
	margin-left:-10px;
}
span#provSeleccionadaDestino{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}
.txtGrano.ciudades{
margin-left:-195px;
margin-top:50px;
}

span#cDestino.input-group-btn.ciudad{

    white-space: nowrap;

	display:table-row;

		
   width:295px;
	}

#locSeleccionadaDestino.form-control.ciudad{
	width:142%;
	margin-left:200px;
		margin-top:-40px;
}
span#locSeleccionadaDestino{
 margin-top:0px;
   margin-left: -50px;
width:295px;
	margin-bottom:-30px;
}

div #botones{
	    margin-top: 50px;
		 margin-left: 0px;
		 padding-bottom:25px;
		 
}


/*MAPA**/
.modal-title {
    margin: 0;
    line-height: 1;
}
.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error{

padding: 6px;
    margin-top: 0px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    max-height: 190px;
    overflow-y: auto;
    transition: all 0.2s ease;
    width: 300px;
}
.leaflet-routing-alt-minimized {
    color: #fff;
    max-height: 100px;
    overflow: hidden;
    cursor: pointer;
    background-color: red;
}
.modal-body {
    position: relative;
    padding: 0px;
	padding-bottom:10px;
	padding-left:10px;
	
}

.txtGrano.textoCiudad {
	
    margin-top: -150px;
    margin-left: -472px;
}

.escritorio{
	display:none	
	
}
}