/*body {background: #F7F7F7;}*/

body { background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM2bUUv1TfSKHVbss-gtxR_whiR8YHmR7RMiDIIiuXtwre4f6Qlw);background-size: cover; }
/*body{background:  url(https://media.giphy.com/media/5Zesu5VPNGJlm/giphy.gif)}*/
*{margin:0;padding:0;}

#arriba {position:fixed; top:0;background:#235c23; width:100%;z-index:1;height: 35px;}
#arriba p{font-size:15px;margin-top:10px;color:white;font-weight: bold;letter-spacing: 1px;float:right;}
header{top:35px;width:100%; background-color:white;position:fixed;height:75px;z-index:1;-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.08);
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.08);
}
header img{position:absolute;z-index:2;height: 75px;}
header nav{position:absolute;display: inline-block;z-index:2;margin-top:30px;left:50%;}
header nav ul li {display: inline-block;padding-left:20px;padding-right:20px;}
h2,h1{position:relative;background-color:#235c23;text-align: center;opacity:0.5;}
header nav ul li a{letter-spacing: 0.5px;font-size:14px;color:grey;font-weight: bold;}
header nav ul li a:link{color:black;text-decoration: none;color:grey;}
header nav ul li a:visited{text-decoration: none;color:grey;}
header nav ul li a:hover{text-decoration: none;color:grey;opacity:0.6;}
/*footer{position:relative;height: 30px;width:100%;background-color: #013220;z-index: 1;}
footer div{right:0px;}
footer p{color:white;font-size:15px;font-weight:bold;float:right;}
*/
h3{color:white;}
#rubros{width:22%;height:500px;display: inline-block;}
#productos{width: 70%;height:500px;float:right;}
p
.controladorasFiscales{display: inline-block;margin-top: 5px;margin-left: 25px;}
.controladorasFiscales p{line-height:10px;margin-top: 10px;}

.impresorasFiscales{display: none;margin-top: 5px;margin-left: 25px;}
.impresorasFiscales p{line-height:10px;margin-top: 10px;}

.comanderas{display: none;margin-top: 5px;margin-left: 25px;}
.comanderas p{line-height:10px;margin-top: 10px;}

.impresoraslaser{display: none;margin-top: 5px;margin-left: 25px;}
.impresoraslaser p{line-height:10px;margin-top: 10px;}

.multifuncioninkjet{display: none;margin-top: 5px;margin-left: 25px;}
.multifuncioninkjet p{line-height:10px;margin-top: 10px;}

.multifuncionlaser{display: none;margin-top: 5px;margin-left: 25px;}
.multifuncionlaser p{line-height:10px;margin-top: 10px;}

.computadoras{display: none;margin-top: 5px;margin-left: 25px;}
.computadoras p{line-height:10px;margin-top: 10px;}

.calculadoras{display: none;margin-top: 5px;margin-left: 25px;}
.calculadoras p{line-height:10px;margin-top: 10px;}

.relojes{display: none;margin-top: 5px;margin-left: 25px;}
.relojes p{line-height:10px;margin-top: 10px;}

.contadoras{display: none;margin-top: 5px;margin-left: 25px;}
.contadoras p{line-height:10px;margin-top: 10px;}

.destructoras{display: none;margin-top: 5px;margin-left: 25px;}
.destructoras p{line-height:10px;margin-top: 10px;}

.balanzas{display: none;margin-top: 5px;margin-left: 25px;}
.balanzas p{line-height:10px;margin-top: 10px;}

.accesorios{display: none;margin-top: 5px;margin-left: 25px;}
.accesorios p{line-height:10px;margin-top: 10px;}

.insumos{display: none;margin-top: 5px;margin-left: 25px;}
.insumos p{line-height:10px;margin-top: 10px;}

.sistemas{display: none;margin-top: 5px;margin-left: 25px;}
.sistemas p{line-height:10px;margin-top: 10px;}

#sectores{float:right;width:70%;}
#sectores p{font-weight:735;font-size:20px;}
#sector1{float:left;width:40%;}
#sector2{color:green;float:right;width:50%;}
#logos{float:left;width:30%;}
#logos img{display:block;margin-top:15px;}
#izq{float:left;}
.container h1{color:white;}
#actual{color:green;}
.otros{color:grey;}
#subir{position:fixed;background-color:blue;bottom:10px;right:250px;color:white;padding-left:5px;padding-right: 5px;z-index:2;}
#contenido{position:absolute;top:110px;width:100%;}
.boton_rubro{
  opacity: 0.7;
  width: 100%;
  margin-top: 10px;
  background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
.boton_rubro:hover{
  opacity: 0.8;
}
.boton_rubro a{
  color:black;
  text-decoration: none;
}
.boton_rubro a:hover{
  color:black;
  text-decoration: none;
}
.boton {
	opacity: 0.7;
	position:relative;
	margin-top:20px;
	width:40%;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px; 
}
.boton:hover{
	opacity: 1;
}
.boton a{
	color:black;
	text-decoration: none;
}
.boton a:hover{
	color:black;
	text-decoration: none;
}

/* PARA 'NOSOTROS' */

#nosotrosPresentacion p{
	font-size: 20px;	
}

/* PARA FORMULARIO */
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #235c23;;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */