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

<style type="text/css">

.row::after {
  content: "";
  clear: both;
  display: block;
}


/*
*{ 
	padding: 0px;
	margin: 0px;
}*/
/*
@media screen and( max-width:600px)	
{body{
	height:5000PX;
	background-color:lightblue;}
		}
*/    
/*
@media only screen and( min-width:768px)

{ 
    /* for desktops */
/*	.col-1{width:8.33%;}
	.col-2{width:16.66%;}
	.col-3{width:25%;}
	.col-4{width:33.33%;}
	.col-5{width:41.66%;}
	.col-6{width:50%;}
	.col-7{width:58.33%;}
	.col-8{width:66.66%;}
	.col-9{width:75%;}
	.col-10{width:83.33%;}
	.col-11{width:91.66%;}
	.col-12{width:100%;}
		
    }
*/
/* for mobiles*/

@media only screen and (max-width: 300px) {
  /* For mobile phones: */
  [class*="col-"] {
    
    width: 100%;
  }
    
}    

@media screen and (max-width:800px){
    
    body{
        background: #881315;
    }
}
    

*{box-sizing:border-box;}

#header {
	font-family: Tahoma, Geneva, sans-serif;
	width: 540px;
	margin: auto;
	/*color: #039f;
    */
    
	background-color: hsla(287,77%,53%,1);
	height: 1000px; /* ojo */
		}
/* listas no tengan estilo*/ 
ul,ol {
	list-style:none; 
}

/* propiedades a todos los elementos que esten dentro de la lista */ 
.nav li a{
	color:  #333; /* color de letra del menu azul bajo*/
	text-decoration:none;
	padding:10px 15px;
	display:block;
	background-color: #CCC;
}
/* para que no esten pegados uno sobre otro */ 
 /* al pasar el mouse cambia de color*/ 
.nav li a:hover {
	background-color: #2FD8EB; /*color de fondo del menu */
	border-radius :4px;
	}
	
	/* acomoda el menu */	
.nav > li { 

float: left;
}

/* desaparecen los submenus */ 
.nav li ul { 
display: none; 
position:  absolute;/* absolute*/
min-width: 170px;

}

.nav li:hover > ul{
 display:block;
}
.nav li ul li { 
position:relative; 
}
.nav li ul li ul { 
position:relative;
right:-167px;/* -167*/
top:0px;
}



.nuevo {
	color: #F39;
	background-color: #069;
}


#letrero1{
    
    display:block;
    align-content: center;
    background:#EEE3CD;
    
}



#enlaces {
	height: 450px;
	width: 95%;max-width:1366px;
	
	color: #0078D7;
	
	border-color: #CCC;
	margin-bottom: 1px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#69F;
	font-size: 36px;
	float: none;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#cabecera {
   
	background:#79BC83;
	height: 50px;
	width: 95%;
	max-width: 1366px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*color: #099; /*Color del Texto*/
    
	font-size: 40px;
	margin-right: auto;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight: bold;
	padding: 10px;
}
.textogrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color:#F90;
	font-weight: bold;
}
.textogranderojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: #F00;
}
#login1 {
	height: 100px;
	
    max-width: 1366px;
	width:95%;
        background-color: #CC3;
	position: absolute;
}

#cuentauser {
	float: right;
	height: 40px;
	width: 120px;
	border-right-style: groove;
	border-bottom-style: groove;
	background-color:  #CC9;
}

#grande {
    display: block;
	max-width: 1366px;
	width:90%;
	color: #900;
	position: relative;
	background-color: #FFF;
	height: 2000px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#grande2 {
	background-color: #606;
	max-height:2000px;
	height: 80%;
	
	max-width:1366px;
	width: 90%;
	top: 0px;
	cursor: crosshair;
	filter: Invert;
}

#para_mapa {
	height: 400px;
	width: 1300px;
	left: 200px;
}
#video {
	background-color: #FCC;
	height: 200px;
	width: 300px;
	top: 100px;
	clip: rect(50px,auto,auto,auto);
	position: relative;
}
#uno {
	background-color: #FFF;
	height: 700px;
	width: auto;
	padding-top:10px;
	padding-bottom::10px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
}
#dos {
	padding-top:10px;
	padding-bottom::10px;
	color: #36C;
	height: 600px;
	width: auto;
	background-color: #CC9;	}
}
/*
#lateral {
	background-color: #993;
	float: left;
	height: 30%;
	width: 25%;
}*/
}

#ayudarem {
	background-color: #F9C;/*rosado 069*/

	min-height:100px; height:100%; max-height:170px;

	min-width:100px; width:40%; max-width:1366px; 
	
	float:left;
}
/*
#menuprod {
	background-color: #06F;
	height: 100px;
	width: 150px;
}*/

bodysitos {
	/*background-image: url(url());*/
    background:#2EDC21; /* :#fffff;*/
	max-width:1366px; /*1366*/
    width:50%;
    border: thick 
        rgba(255,0,0,1.00);
    border-right-color: green;
    border: dotted #240DED thin;
	
    /*min-width: 100px;*/
	/*background-color: #F00;*/
	padding: 50px;
    padding-top: 150px;
/*border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;*/
}


#ayudaremotacarrusel{
	background-color:#CCC;
	height:	auto px;
	max-width:1366px;
	width: 80%;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-left:thin #F39;
	border-right:#06C;
}

/*
#lateral1 {
	background-color: #06C; 
	height: 350px;
	width:220px;
	max-width:220px;
	float: left;
	padding: 0px;
}*/
/*
#lateral2 {
	background-color: #D9CBD7;
	height: 62%;
	width: 50%;
	float: left;
	padding: 0px;
}*/
/*
#lateral3 {
	background-color:#F30 ;
	height: 350px;
	width:40%;
	max-width:200px;
	float: left;
	position: relative;
	padding: 5px;
	color: #09C;
}
*/
.ordena{
	background-color: #202220;
	height: 90px;
	width: 90px;
	float: right;
	border-style: none groove groove none;

	position: relative;
	}


#impre1azul06c {
	background-color:#09F;/*azulito*/
	height:250px;/*200px*/
	max-width:1366px;
	width:45%;
	color: #0FF;
	float: left;
	padding-top: 30px;
	/*padding-right: 10px;*/
	
	padding-left: 70px;
}



#menu_login {
	height: 30px;
    ;max-width:1366px;
	width: 50%
	
	background-color: #CCC;
	padding: 2px;
}

#pieinfo {
    float: none;
	height: auto;
	max-width: 1366px;
    width:98%;
	
	background-color:azure;/*Separacion del texto desde arriba*/
	/*color:whitesmoke;*/
	font-size: 28px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    border-radius:10px;
}

#micolor{
    background-color:tomato;
    
    border: dashed #240DED thin;
	
	}    
#para_imagen_carrusel{
	width:95%; 
	height:80px;
	float:left;
	}
#control_tabla_login{
	width:90%; 
	height:90%; 
	float:left;}	
#texto_seguridad{
    justify-content: center;
    /*display-wrap: wrap;*/
    /*align-content: flex-start;*/
	width:85%;
	/*max-width:1000px;*/
	/*height:auto;*/
	text-align:center;
    align-items:center;
    /*color:snow;*/
	/*float:right;*/
	/*position:fixed;*/
    /*top:340px;*/
	border-radius:10px;
	/*border-left-color: #06F;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: none;
	border-right-color: #06F;
	border-bottom-color: #666;**/
    border:groove;
	/*padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px; */
    padding: 10px;
    background:#E59C54;
    /*background-color:rgba(50, 155,50, .5);*/
    /*background-color:#83B4D0 90%;*/
	}
    
#grafico_seguridad{
	width:90%;
	max-width:1366px;
	height:600px;
	text-align:center;
	float:left;
	/*background-color: #F9C;*/
}
	
}	

#principal{
	background:
        rgba(61,129,132,1.00); /*333*/
   
	width:1366px;  /* 1366*/
	max-height:auto;
	
	
	
	}
#misproductos{
	background:#333;
	background-image:url(arqsys2015/imagenes/logo/logo_as.jpg);
	max-width:1366px; 
    width:95%;
	max-height:1200px;
	}	
	
#nuevos_productos{
	border-radius:5px;
	padding:10px;
	font-size:24px;
	background:#6F3;
	width:300px;
	height:50px;}	
	

.fondito{ background:#06F; 
	}

.appWhatsapp{
	position:fixed;
	left:50px;
	top:125px;
	width:60px;
	z-index:1000;
	
	
	}
	
	.appwhatsapp img{
		width:100%;
		
		height:auto;}td img {display: block;}td img {display: block;}



</style>