22/01/2015, 02:20
|
| | | Fecha de Ingreso: julio-2014
Mensajes: 53
Antigüedad: 9 años, 9 meses Puntos: 1 | |
| Respuesta: Div's se tapan unos con otros
CSS
Código:
@charset "utf-8";
/* CSS Document */
a:link {
color:#000;
text-decoration:none;
}
a:hover {
color: #000000;
text-decoration:none;
}
a:visited {
color: #000000;
text-decoration:none;
}
a:hover {
color: #475678;
text-decoration:none;
}
body {
font-size:14px;
font-family:'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
#page {width: 100%;}
#header {
z-index:9999999;
width:100%;
height:18%;
position:fixed;
background-color:white;
box-shadow: 0 0 75px #070e6b
}
@viewport { width: device-width; }
#barra_idiomas {
line-height:10px;
z-index:9999999;
position:fixed;
width: 100%;
}
#barra_idiomas ul {
background: #F4F4F4;
border: none;
list-style: none;
margin: 0;
overflow: hidden;
}
#barra_idiomas ul li {
float: right;
width: 8%;
}
#barra_idiomas ul li a {
border-left: none;
border-right: none;
color: #333;
display: block;
padding: 10%;
text-decoration: none;
font-size:0.6rem;
}
#barra_idiomas ul li a:hover {
color:#00F;
}
#barra_inicio {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.8rem;
color:#999;
text-align: center;
top:8%;
right:1.5%;
position:fixed;
z-index:99999999;
text-decoration:none;
}
#barra_inicio ul {
text-align: left;
display: inline;
color:#999;
padding: 1.5rem 0.4rem 1.5rem 0;
list-style: none;
-webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
text-decoration:none;
}
#barra_inicio ul li {
font-size:0.9rem;
color:#999;
display: inline-block;
margin-right: 0%;
position: relative;
padding: 0.95rem 1.25rem;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
text-decoration:none;
}
#barra_inicio ul li a{
text-decoration: none;
}
#barra_inicio ul li:hover {
border-bottom: 0.2rem solid #475678;
color: #ff;
text-decoration:none;
}
#barra_inicio ul li ul {
padding: 0;
position: absolute;
top: 3rem;
left: 0rem;
width: 10rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
text-decoration:none;
}
#barra_inicio ul li ul li {
display: block;
color: #475678;
text-decoration:none;
}
#barra_inicio ul li ul li:hover {
background: #FFF;
border: 0rem;
color:#475678;
text-decoration:none;
}
#barra_inicio ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
text-decoration:none;
}
#logo {
z-index:9999999;
left: 5%;
position:absolute;
top: 30%;
width: 10%;
height: 69%;
}
#servicios {
padding-bottom:0.67%;
padding-top:2.5%;
background-color:white;
top:65rem;
width:100%;
position:absolute;
box-shadow: inset 0 1.25rem 1.25rem -1.25rem #070e6b;
height:auto;
}
#servicios2 {
clear:both;
height:auto;
padding-bottom:0.67%;
padding-top:0.67%;
background-color:white;
margin-top:50rem;
width:100%;
position:absolute;
}
#traduccion {
padding-left:2.50%;
padding-right:2.50%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#imtraduccion {
height:5.63rem;
width:5.63rem;
}
#localizacion {
padding-left:2.50%;
padding-right:2.50%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#imlocalizacion {
height:5.85rem;
width:5.85rem;
}
#gestion {
padding-left:2.50%;
padding-right:2.50%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#improyecto {
height:5.85rem;
width:5.85rem;
}
#check {
padding-left:2.50%;
padding-right:2.50%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#imvalidacion {
width:5.63rem;
height:5.63rem;
}
#inglinguistica {
padding-left:19.35%;
float:left;
background-color:white;
width:15%;
color:black;
position:relative;
text-align:center;
}
#iminglinguistica {
height:6.65rem;
width:6.65rem;
}
#Autoedicion {
padding-right:8.15%;
padding-left:8.15%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#imautoedicion {
height:5.63rem;
width:5.63rem;
}
#Postediting {
padding-left:2.50%;
padding-right:2.50%;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#imediting {
width:5.85rem;
height:5.85rem;
}
#Interpretacion {
padding-right:8.15%;
float:left;
background-color:white;
float:left;
width:15%;
color:black;
position:relative;
text-align:center;
}
#iminterpretacion{
height:5.45rem;
width:5.45rem;
}
#boton1 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton2 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton3 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton4 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton5 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton10 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton11 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton12 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#soluciones {
height:100%;
background-color:white;
top:41.5rem;
width:100%;
position:absolute;
}
#cuentas {
padding-right:2.5%;
padding-left:2.5%;
background-color:white;
float:left;
width:20%;
color:black;
position:relative;
text-align:center;
}
#imcuentas {
height:90px;
width:90px;
}
#terminologia {
padding-right:2.5%;
padding-left:2.5%;
background-color:white;
float:left;
width:20%;
color:black;
position:relative;
text-align:center;
}
#imterminologia{
height:90px;
width:90px;
}
#consultoria {
padding-right:2.5%;
padding-left:2.5%;
background-color:white;
float:left;
width:20%;
color:black;
position:relative;
text-align:center;
}
#immultilingue {
height:90px;
width:90px;
}
#calidad {
padding-right:2.5%;
padding-left:2.5%;
background-color:white;
float:left;
width:20%;
color:black;
position:relative;
text-align:center;
}
#imcalidad {
height:106px;
width:106px;
}
#boton6 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton7 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#boton8 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#especializacion {
padding-top:2rem;
width:100%;
position:absolute;
margin-top:25rem;
background:#9f9d9d;
height:18rem;
color:black;
text-align:center;
line-height:3.13rem;
box-shadow: 0 0 75px #475678
}
#boton9 {
position:relative;
color: #475678;
border: #475678 1px solid;
width:35%;
padding:0.63rem;
margin: 0 auto;
}
#curriculum {
color:white;
}
#color {
color:#475678;
}
#lastpart {
padding-top:1.5rem;
width:100%;
position:absolute;
height:12rem;
background-color:#475678;
top:45rem;
box-shadow: 0 0 75px black;
}
#solucionespie {
padding-left:29.5%;
float:left;
width:20%;
color:black;
position:relative;
}
#links {
padding-left:10%;
float:left;
width:20%;
color:black;
position:relative;
}
a.color2 {
color:white; !important
}
a.color2:hover {
color:#9f9d9d; !important
}
a.color3 {
color:white; !important
}
a.color3:hover {
color:#475678; !important
}
a.blue:hover {
color:#475678; !important
}
a.green:hover {
color:green; !important
}
a.brown:hover {
color:#943e09; !important
}
a.orange:hover {
color:#FB5F00; !important
}
a.blues {
color:#475678; !important
}
h1.blues {
color:#475678; !important
}
a.greens {
color:green; !important
}
a.browns {
color:#943e09; !important
}
a.oranges {
color:#FB5F00; !important
}
.blanco {
color:#FFF; !important
}
a.negro {
color:#000; !important
}
Y ahora en otro las capturas |
