css/style.css

@@ -12,16 +12,110 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: 500;
   line-height: 1.1;
 }
+#toc{
+  font-size: 1em;
+  padding-top: 50px;
+  max-height:95% !important;
+  overflow:auto !important;
 
-#cabecera{
+}
-  margin-left: 20px;
+
-  margin-right: 20px;
+.top {
+  opacity: 1;
+}
+.navbar-inverse {
+    background-color: #222;
+    border-color: #090909;
+}
+.navbar-inverse .navbar-nav > li > a {
+    color: #9d9d9d;
+}
+.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
+    background: #fb4f59;
+}
+
+#titulo_cabecera a{
+  color: lightgrey !important;
+  text-transform: uppercase;
+}
+#menu_tupale {
+    height: 500px;
+    overflow: auto;
 }
 
 #cabecera-botonera-admin {
     background-color: #777677;
 }
+#ingreso_usuario{
+  color: white !important;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  white-space:normal !important;
+  word-wrap: break-word;
+}
 
+/*NAVBAR BRAND*/
+.navbar-brand {
+  transform: translateX(-50%);
+  left: 50%;
+  position: absolute;
+}
+
+.image_full {
+  display: block;
+}
+
+.image_mobile{
+  display: none !important;
+}
+
+/*logo barra navegacion*/
+.navbar-brand img{
+width: 15em;
+height: auto;
+margin-top: 100px;
+transition: all 1.3s ease;
+
+}
+
+/* textos menú*/
+
+.navbar a {
+    font-size: 18px;
+    padding-bottom: 40px !important;
+    padding-top: 40px !important;
+    transition: all 0.3s ease;
+  }
+
+
+.navbar.shrink {
+  min-height: 35px;
+}
+
+
+.navbar.shrink  a {
+    font-size: 18px;
+    padding-bottom: 18px !important;
+    padding-top: 20px !important;
+  }
+
+  .navbar.shrink  img {
+   width: 5em;
+   height: auto;
+   transition: all 1.3s ease;
+   margin: 0px;
+  }
+
+.navbar.shrink .navbar-toggle {
+    margin: 8px 15px 8px 0;
+    padding: 7px 8px;
+  }
+
+.navbar-toggle {
+  margin: 13px 15px 13px 0;
+  padding: 4px 5px;
+
+}
 
 .btn-botonera-admin {
     margin-left: 20px;
@@ -89,21 +183,25 @@ h1, h2, h3, h4, h5, h6 {
   margin: 10px;
   float: left;
   background-color: grey;
-  height: 200px;
+  height: 14em;
-  width: 200px;
+  width: 14em;
 }
 
 .img-gris{
+  position: absolute;
+  top: 50%;
+   left: 50%;
+   transform: translate(-50%, -50%);
   -webkit-filter: grayscale(100%) blur(3px) ;
-  height: 200px;
+  max-height: 14em;
-  width: 200px;
+  max-width: 14em;
   z-index:10;
   transition:filter 0.2s;
    -webkit-transition:-webkit-filter 1s;
 }
 .img-gris:hover{
 filter: grayscale(0);
- z-index: 500;
+ z-index: 11;
 -webkit-filter: grayscale(0);
 }
 
@@ -387,3 +485,21 @@ RESPONSIVE */
     display: table !important;
 }
 }
+
+@media (min-width: 767px){
+#slogan_cabecera{
+  font-size: 2em;
+  text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
+  margin-left: 5em;
+  margin-right: 5em;
+}
+#contenedor_cabecera{
+  padding-top: 15em;
+  padding-bottom: 3em;
+}
+
+#cabecera{
+  margin-left: 20px;
+  margin-right: 20px;
+}
+}

funciones/funciones.php

@@ -5799,14 +5799,12 @@ while( $row = mysqli_fetch_array( $sql ) ) {
 	}
 		$i++;
 		if($row['imagen'] !="") {
-	$logo="<img  class='lazy img-gris  img-responsive img-rounded' alt='$row[razon_social]' src='milfs/images/loading.gif'  data-src='milfs/images/secure/?file=300/$row[imagen]' style='width:300px; display:block; background-image: url(\"\");
+	$logo="<img  class='lazy img-gris  img-responsive ' alt='$row[razon_social]' src='milfs/images/loading.gif'  data-src='milfs/images/secure/?file=300/$row[imagen]' >";
-        background-repeat: no-repeat;
-        background-position: 50% 50%;'  >";
 									}
 	 else {
 	 		  		$logo_empresa =  remplacetas('empresa','id',"1",'imagen','');
 	 		//$logo="<img class=' lazy img img-responsive'     data-src='milfs/images/sinimagen.jpg'  alt='$row[razon_social]'>";
-	 		$logo="<img class=' lazy img img-responsive'  style='width:300px; display:block;'   data-src='milfs/images/sinimagen.jpg'  alt='$row[razon_social]'>";
+	 		$logo="<img class=' lazy img img-responsive'  data-src='milfs/images/sinimagen.jpg'  alt='$row[razon_social]'>";
 	 }
 	// $slogan= substr($row[slogan],0, $length = 100)."";
 	$slogan = $row['slogan'];