solo faltan las tablas de despliegue de informacion

2019-01-16 15:13:23 -06:00
parent 58d69218c6
commit 2ee2d2d9dc
7 changed files with 406 additions and 85 deletions
@@ -40,4 +40,77 @@
 *{
 margin: 0px;
  padding: 0px;
+}
+
+
+
+.wrap{
+  width: 1000px;
+  max-width: 90%;
+  margin: 30px auto;
+}
+
+ul.tabs{
+  width: 100%;
+  background: #363636;
+  list-style: none;
+  display: flex;
+}
+
+ul.tabs li{
+  width: 18%;
+}
+
+ul.tabs li a{
+  color: #fff;
+  text-decoration: none;
+  font-size: 16px;
+  text-align: center;
+
+  display: block;
+  padding: 20px 0px;
+}
+
+.active{
+  background: #0984CC;
+}
+
+ul.tabs li a .tab-text{
+  margin-left: 8px;
+}
+
+.secciones{
+  width: 100%;
+  background: #fff;
+}
+
+.secciones article{
+  padding: 30px;
+}
+
+.secciones article p{
+  text-align: justify;
+}
+
+
+@media screen and (max-width: 700px){
+  ul.tabs li{
+    width: none;
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+}
+
+@media screen and (max-width: 450px){
+  ul.tabs li a{
+    padding: 15px 0px;
+  }
+
+  ul.tabs li a .tab-text{
+    display: none;
+  }
+
+  .secciones article{
+    padding: 20px;
+  }
 }