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

@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* CORONAVIRUS */

.coronavirus {
	width: 100%;
	height: auto;
	background-color:#3498DB;
	padding:20px;
	overflow: hidden;
	box-sizing: border-box;
}

.coronavirust1 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#fff;	
}

.coronavirust2 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height: 1.2;
	color:gold;	
}

.coronavirust3 {
	display:block;
	width: auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.2;
	color:cornsilk;	
}


*{
    margin:0;
    padding:0;
	text-decoration:none;
}

/* #ORIGINAL */
body{
   
	background:#3a3737;
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed;
	z-index:0;
}

nav{
    width:100%;
    height:45px;
    background:#555;
    position:fixed;
}

.cabecera{
    width:960px;
    height:350px;
    margin:0 auto;
    background-color:rgba(0,0,0,.2);
	color:#FFF;

}

.encabezado{
	width:100%;
	background:#fff;
	color:#CCC;
	padding:10px;
	overflow:hidden;
	box-sizing: border-box;


}


.encabezado1{
	margin-left:140px;
	width:30%;
	height:45px;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	}
	

.menu{
	z-index:999999;
	margin-left:680px;
	width:45%;
	height:auto;
	text-align:center;
	vertical-align:center;
	float:right;
	position:absolute;
	}



.tel_encabezado3{
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 25px;
	color:#666;
	text-align:right;
}

.item-select{
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	padding:6px auto;
	font-size: 18px;
	color:#666;

	margin:15px;
}

.main{
    width:960px;
    height:100%;
    margin:0 auto;
	padding:10px;
    background-color:#fff;
	border-top-color:#38617f;
	border-top-width:10px;
	border-top-style:solid;
	-webkit-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
	
}


.mainConsultas{
    width:960px;
    height:600px;
    margin:0 auto;
	padding:10px;
    background-color:#fff;
	border-top-color:#ff8000;
	border-top-width:10px;
	border-top-style:solid;
	-webkit-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
	
}

.main3{
	width:35%;
	float:left;
	box-sizing: border-box;
	overflow:hidden;
	padding:5px;
	margin:5px;
	z-index:10;
	background-color:#FFF;
}


#mainFormulario{
	width:100%;
	color:#CCC;
	padding:5px;
	margin:0px ;
	box-sizing: border-box;
	overflow:hidden;
	background-color:#FFF;
}


#mainFormulario h1{
		color:#F60;
	z-index: 30;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	text-align:center;
	font-size: 36px;
	
	}
	
	.divBlanco{
		width:100%;
		background:#FFF;

}


h2{ text-align:left;
color:#F60;
}


#llamame{
	display:none;}



.boton_whats{
	display: none;
}


footer{
    width:100%;
    height:150px;
    background:#38617f;
	overflow:hidden;
	box-sizing: border-box;
	text-align:center;
	padding:20px;
}

.Mapa{
	width:35%;
	float:left;
	margin-left:10px;

}

#InfoFooter{
	width:50%;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	
}


#servicios{
	
	width:100%;
	background-color:#f7f7f7;
	border:dashed;
	border-color:#8b9dc3;
	border-width:thin;
	padding:8px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	}
	
#MainServicios{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
}

#RecuadroEquipamiento{
	
	width:45%;
	background-color:#f7f7f7;
	padding:8px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	}


.botonconsultas{
			padding:10px;
			font-size:24px;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			margin-bottom:0px;
			background:#38617f;
			border:none;
			color:#fff;
			text-decoration:none;
			text-align:left;}
			
			
		.botonconsultas:hover{
			background:#0093dd;
			cursor:pointer;
		}
		
.recuadroGris{
	width:100%;
	background:#f0f0f0;
	overflow:hidden;
	box-sizing:border-box;
}
/* #GRUPOS 
**********************************/

#gruporubros{
		background:#FFF;
	width:100%;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
		
	}
	.cajasrurbos {
	margin-left:20px;
	width:40%;
	height:auto;
	text-align:center;
	vertical-align:center;
	color:#FFF;
	font-size:16px;
	position:static;
	float:left;
	
	
	}
	
#grupoEquipamiento{
	
	width:100%;
	background-color:#fff;
	overflow:hidden;
	padding:10px;
	box-sizing:border-box;
	}


/*# FOTOS 
*****************************************/

.BordeRadio100 {
	border-radius:100%;
	border: solid #999 2px;
	opacity: 0.8;
}

.BordeRadio100:hover {
	border-radius:100%;
	border: solid #999 2px;
	opacity: 2;
}



.FotosServicios{
    width:100%;
    margin:0 auto;
	padding:0px;
	border-bottom-color:#38617f;
	border-bottom-width:5px;
	border-bottom-style:solid;
		
}

.FotosServicios:Hover{
border-top-color:#38617f;
	border-top-width:5px;
	border-top-style:solid;
	
	border-bottom:none;
}
  
.FotoTamanioOriginal{
	width:auto;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:5px;
	}
	
	.FotoTamanioOriginal2{
	width:auto;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	}
	
.FotoSeccionServicios{
	width:100%;
	height:auto;
	text-align:center;
	border-top-color:#ff8000;
	border-top-width:5px;
	border-top-style:solid;
	

		
}

.FotoSeccionEquipamiento{
	width:50%;
	height:auto;
	text-align:center;
	border-top-color:#ff8000;
	border-top-width:5px;
	border-top-style:solid;
	float:left;
	margin-right:10px;
	
		
}




	
	

/* # TEXTOS
*****************************************/

.TitulosServicios, h1 {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.5em;
  font-style:normal;
  line-height: 1.4;
  color:#447192;
}

.infoServicios {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#666;

}

.datos-obligatorios {
 
	padding: 6px 6px 6px 6px;
	background-color: cadetblue;
	margin: 3px auto;
  font-family: "Raleway", sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.4;
  color:#fff;

}

.infoServiciosRojo {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1em;
  font-style:normal;
  line-height: 1.7;
  color:#F00;
  font-weight:bold;

}

.TitulosInformacion{
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.5em;
  font-style:normal;
  line-height: 1.4;
  color:#447192;
}

.TitulosInformacion2{
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:2.0em;
  font-style:normal;
  line-height: 1.4;
  color:#447192;
}
.SubtituloNegro{
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:1.2em;
  font-style:normal;
  font-weight:bold;
  line-height: 1.4;
  color:#000;
}


.TextoFooter {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:1.1em;
  font-style:normal;
  line-height: 1.4;
  color:#fff;
  text-align:right;
}


.TextoInfo {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
  color:#000;
}

.engranaje {
  width: auto;
  font-family: "Raleway", sans-serif;
  font-size:5em;
  font-style:normal;

  color:#3b5998;
  float:left;
  padding:5px;
}







.corte{
    width:auto;
    height:auto;
	margin:0px;	
	box-sizing: border-box;
	overflow:hidden;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
		
}

.mercado{
    width:60%;
    height:auto;
	margin:0px;	
	box-sizing: border-box;
	overflow:hidden;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
		
}


/* # PARA CELULARES 400
*****************************************/
@media screen and (max-width: 800px){


Body {width:100%;}
	
.main{
    width:100%;
    height:100%;
	margin:0px;	
	box-sizing: border-box;
	overflow:hidden;
		
}

.mainConsultas{
    width:93%;
	max-width:400px;
    height:100%;
	margin:0px;		
}

.cabecera{
    width:100%;
    height:350px;

}

.encabezado1{
	margin-left:0px;
}

	.cajasrurbos {
	width:100%;
	margin-left:0px;

	}
	
	
	
	.encabezado1{
	width:80%;
	}
	

.menu{
	z-index:999999;
	margin-left:-10px;
	margin-top:40px;
	width:100%;
	padding:0px;
	height:auto;
	text-align:center;
	vertical-align:center;

	}


.FotosServicios{
    width:80%;
	border-bottom-color:#38617f;
	border-bottom-width:5px;
	border-bottom-style:solid;
	}


 .tel_encabezado3{
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	color:#666;
	text-align:center;
}	


.Mapa{
	display:none;
}	

footer{
    width:100%;
    height:auto;
	
	}
	
	#InfoFooter{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	
}

.main3{
	display:none;
}

#mainFormulario{
	width:100%;
	color:#CCC;
	padding:0px;
	margin:0px ;
	float:none;
	box-sizing: border-box;
	background-color:#FFF;

	
}
	
	.TextoFooter {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.4;
  color:#fff;
  text-align:right;
}

#grupoEquipamiento{
	
	width:100%;
	background-color:#fff;
	overflow:hidden;
	padding:0px;
	box-sizing:border-box;
	}

#RecuadroEquipamiento{
	
	width:100%;
	background-color:#f7f7f7;
	padding:0px;
	text-align:left;
	overflow:hidden;
	box-sizing:border-box;
	}
	
	.FotoSeccionEquipamiento{
	width:100%;
	height:auto;
	text-align:center;
	border-top-color:#ff8000;
	border-top-width:5px;
	border-top-style:solid;
	float:none;
	margin:0px;
	

		
}

.FotoTamanioOriginal{
	width:100%;
	height:auto;
	float:none;
	margin-right:0px;
	margin-top:0px;
	}
	
	.FotoTamanioOriginal2{
	width:100%;
	height:auto;
	margin-right:0px;
	margin-top:0px;
	}
	
	
.Boton01_cotizar{
	width:100%;
	height:auto;
	overflow: hidden;
	box-sizing: border-box;
	float:none;
	margin-top:0px;


	}
	

#llamame{
	display:block;}
	
	
.botonconsultas{
	display:block;
	width:90%;
			font-size:22px;
			line-height:1.4;
			font-family: Arial, Verdana;
			padding-left: 7px;
 			padding-right: 7px;
 			padding-top: 10px;
  			padding-bottom: 10px;
			margin-bottom:10px;
			background:#fe5a01;
			border:none;
			color:#fff;
			border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  text-align:center;
}		
	
	
	
.boton_whats{
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 15px;
	bottom: 45px;
	
}	
	
	
	
	.mercado{
    width:100%;
    height:auto;
	margin:0px;	
	box-sizing: border-box;
	overflow:hidden;
	margin-top: 5px;
	margin-bottom: 10px;
		
}
	
	
	
	}