31 lines
2.0 KiB
CSS
Executable File
31 lines
2.0 KiB
CSS
Executable File
* { margin: 0; padding: 0; }
|
|
body { background: url(../img/fondo.jpg) no-repeat top center;
|
|
font-family: arial, helvetica, sans-serif;}
|
|
#contenedor { width: 960px; margin: 0 auto; /*border: 1px solid;*/ }
|
|
#redes { position: fixed; right: 0; top: 420px; width: 36px;}
|
|
#cabecera { position: relative; padding-top: 20px; }
|
|
#logo { width: 21%; float: left; color: #FFF; font-size: 34px;
|
|
background: url(../img/nube.png) no-repeat left center; padding-left: 4%;}
|
|
#menu { width: 75%; float: right; text-align: right; padding-top: 15px;}
|
|
#menu ul { list-style: none; }
|
|
#menu ul li { display: inline-block; }
|
|
#menu ul li a { color: #FFF; text-decoration: none; padding: 5px 20px; font-size: 14px; }
|
|
#menu ul li a:hover, #menu ul li a#activo:hover { border-bottom: 2px solid #FFF; }
|
|
#menu ul li a#activo { border-bottom: 1px solid #FFF; }
|
|
#mensaje { clear: both; height: 340px; position: relative; text-align: center;
|
|
color: #FFF; background: url(../img/nube-mensaje.png) no-repeat center 90px; }
|
|
#mensaje h2 { position: relative; font-size: 32px; text-transform: uppercase; font-weight: normal;
|
|
top: 160px; }
|
|
#mensaje p { position: relative; font-size: 18px; top: 170px; letter-spacing: 4px;}
|
|
#mensaje a { position: relative; color: #FFF; text-decoration: none; top: 210px;
|
|
border: 2px solid #FFF; padding: 10px 30px; font-size: 14px; }
|
|
#principal, #footer { padding: 20px 0; }
|
|
#principal img { width: 50%; float: right; margin-left: 20px; }
|
|
#principal h1 { color: #F60; background: url(../img/nube-naranja.png) no-repeat left center;
|
|
padding-left: 30px; margin-bottom: 15px;}
|
|
#principal p { font-size: 12px; color: #555; letter-spacing: 1px; line-height: 1.9;}
|
|
#principal hr { border: none; border-top: 1px solid #CCC; margin: 25px 0; }
|
|
#principal iframe { width: 100%; height: 250px; }
|
|
#footer { background: #CCC; text-align: center; position: relative;}
|
|
#footer p { color: #555; font-size: 12px; }
|
|
#footer img { position: absolute; right: 5px; top: 50%; margin-top: -7.5px;} |