/* Description: Diseño del sitio web dianagutierrez.es Version: 1 Author: Diana Gutierrez Valerio Author URI: http://www.dianagutierrez.es */ /*-------------------------------------- REGLAS GENERALES ----------------------------------------*/ @import ("reset.css"); body {background:#3c3b39 url(../img/bg_body.jpg) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #3c3b39;} #pagewrap {background:#efebe5; width: 100%; margin-top: 106px;/*-- -moz-box-shadow: 0px 0px 16px #444 inset;--*/} #main {width: 900px; margin: 0px auto; position:relative; padding: 0px 50px;} #header {height:106px; width:900px; top:-106px; left:0px; position:absolute; color:#fff; overflow:hidden; padding: 0px 50px 0px 50px; background: url(../img/bg_header.jpg) no-repeat bottom left;} #contents {overflow: hidden; background: url(../img/bg_sidebar.jpg) repeat-y right; padding-bottom: 40px;} #footer {bottom:-52px; left:0px; position:absolute; color:#bcbcbc; padding: 0px 50px; font-weight: bold; font-size: 11px; width: 900px; overflow: hidden;} /*-------------------------------------- CABECERA ----------------------------------------*/ h1 {float: left;} h1 a {font-size: 20px; border: #d9810f 2px solid; border-top: none; height: 48px; font-weight: bold; line-height: 16px; background-image:url(../img/sprite.jpg); padding: 16px 27px 6px 110px; background-position:0px 0px; display: block; color: #d17e25; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 2px -2px 14px #444; -webkit-box-shadow: 2px -2px 14px #444; /*--IE6--*/_padding: 11px 27px 11px 110px; _line-height: 12px; _width:132px; /*--IE7--*/.padding: 11px 27px 11px 110px; .line-height: 12px; .width:132px;} h1 a span {text-transform:uppercase; font-size: 16px; color: #bcbcbc;} #mainMenu {float:right; padding: 6px 1px 0px 1px; background: url(../img/bg_sepMainMenu.jpg) repeat-x bottom; height: 43px; overflow:hidden;} #mainMenu li {float:left; height: 43px; padding: 0px 1px;} #mainMenu li a {display: block; height:43px; font-weight: bold; background-image: url(../img/sprite.jpg); text-indent:-9999px;} #mainMenu li p {height:43px; font-weight: bold; background-image: url(../img/sprite.jpg); text-indent:-9999px; padding: 0px;} #mm1 a {background-position:-313px 0px; width:140px;} #mm2 a {background-position:-563px 0px; width:140px;} #mm1 a:hover {background-position:-313px -43px; width:140px;} #mm2 a:hover {background-position:-563px -43px; width:140px;} #mm1 p {background-position:-313px -43px; width:140px;} #mm2 p {background-position:-563px -43px; width:140px;} h2 {height:58px; color: #d17e25; line-height: 58px; font-size: 40px; font-weight:normal; top:-58px; right: 50px; position: absolute; line-height: 50px; /*--IE6--*/_top:-52px; /*--IE7--*/.top:-52px;} p {padding: 6px 0px;} #contents a {color:#d17e25;} #contents a:hover {text-decoration: underline;} /*-------------------------------------- CONTENIDOS GENERALES ----------------------------------------*/ #central {float: left; width: 650px; padding-top: 30px;} #central h3 {color:#d17e25; font-size: 12px; font-weight: bold; padding: 3px 0px;} #central h4 {font-weight: bold; padding-bottom: 5px; font-size: 12px;} #text {width: 542px; border: #ccc 1px solid; padding: 16px 22px; line-height: 26px; background: #fffefe; -moz-box-shadow: 2px 2px 6px #ccc; -webkit-box-shadow: 2px 2px 6px #ccc;} #sidebar {float: right; width: 245px; padding: 30px 0px 0px 0px;} #sidebar h3 {font-size: 22px; line-height: 22px; border-bottom:#dad8d5 1px solid; padding: 0px; margin: 0px 10px;} #sidebar .sideBlock {padding: 20px 0px;} #sidebar .sideBlock li {padding: 8px 0px;} #sidebar .sideBlock li a {display: block; width: 217px; height: 48px; line-height: 48px; text-transform: uppercase; padding: 10px 14px;} #sidebar .sideBlock li a img {float: left; border:#7c858d 2px solid; margin-right: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #sidebar .sideBlock li a:hover {background: #f3e7d8; border:#dad8d5 1px solid; padding: 9px 13px; text-decoration: none;} #sidebar .sideBlock li a .currentThumb {border:#d17e25 2px solid;} /*-------------------------------------- HOME ----------------------------------------*/ #mainWorks {overflow: hidden; width: 100%; padding: 80px 0px 35px 0px; /*-- CON 2 FILAS: padding: 55px 0px 0px 0px; --*/} #mainWorks li {float: left; padding: 0px 61px 60px 0px; width: 257px; height: 236px;} #mainWorks .lastInRow {padding: 0px 0px 60px 0px;} #mainWorks li a {width:199px; height:171px; display: block; padding: 33px 32px 37px 26px; background-image: url(../img/sprite.jpg); background-position:-257px -86px; position:relative;} #mainWorks li a:hover {background-position:0px -86px;} #mainWorks li a img {border:#d6d6d6 1px solid;} #mainWorks li a .mask_wName {width:199px; height:171px; display:block; overflow:hidden; position:absolute; top:34px; left:27px;} #mainWorks li a span .wName {border-top:#d17e25 1px solid; background:#3c3b39; height:30px; color:#fff; width:189px; display:block; padding:5px 5px 0px 5px; font-weight:bold; font-size:12px; opacity:0.9; filter: alpha(opacity=90); margin-top:171px;} /*-------------------------------------- TRABAJOS ----------------------------------------*/ .trabajos #contents #central {padding-top: 0px;} .trabajos #central h3 {color: #3c3b39; font-size: 32px; font-weight: normal; text-transform: uppercase; height: 62px; line-height: 60px;} .trabajos #text h4 span {font-size: 11px; font-weight: normal;} .trabajos #text ul {padding-bottom: 16px;} .trabajos #text ul li {line-height: 18px; padding-bottom: 4px;} #wSlideshow {width: 542px; border: #ccc 1px solid; padding: 22px 22px 0px 22px; background: #fffefe; height:377px; -moz-box-shadow: 2px 2px 6px #ccc; -webkit-box-shadow: 2px 2px 6px #ccc; position:relative; margin-bottom:26px;} #wSlideshow #picMask {width:542px; height:337px; overflow:hidden;} #wSlideshow #picNum {text-align:right; bottom:0px; right:0px; position:absolute; padding:9px 21px 9px 0px;} #wSlideshow #picNum a {width:18px; height:18px; display:inline-block; margin-left:5px; border:#ccc 1px solid; color:#3c3b39; background:#fff; line-height:18px; text-align:center; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer;} /*--#wSlideshow #picNum a:hover {text-decoration:none; color:#d17e25; border:#d17e25 1px solid;}--*/ #wSlideshow .wUrl {margin-top:12px; display: inline-block; font-size: 11px;} #descargaCv {padding: 40px 15px 0px 15px;} #descargaCv a {font-weight: bold; font-size: 10px; line-height: 17px; background: url(../img/icn_pdf.gif) no-repeat top left; padding: 2px 0px 0px 22px; height: 17px; display: inline-block;} #descargaCv a:hover {text-decoration: underline;} /*-------------------------------------- PERFIL ----------------------------------------*/ #perfil #sidebar img {padding-left: 1px;} #perfil #descargaCv {text-align: right; padding: 20px 5px;} #perfil #descargaCv a {font-weight: bold; font-size: 10px;} #perfil #descargaCv a:hover {text-decoration: underline;} #perfil #sidebar {padding: 30px 0px 0px 0px; width: 245px;} #perfil #contents #sidebar h3 {border-bottom: none;} /*-------------------------------------- CONTACTO ----------------------------------------*/ #contacto #text {padding: 25px 22px 16px 22px;} #contactForm {padding: 24px 90px;} #contactForm label {display: block; font-size: 17px; padding-bottom: 2px; color: #d17e25;} #contactForm label span {font-size: 13px;} #contactForm label.error {font-size: 11px; color: #bc0000; line-height: 14px; font-style: italic; margin-top: -5px;} #contactForm input {display: block; font-weight: normal; margin-bottom: 10px; color: #3c3b39; font-size: 11px; border: #ccc 1px solid; width: 300px; height: 12px; padding:4px 2px;} #contactForm textarea {display: block; font-weight: normal; margin-top: 2px; width: 300px; height: 100px; border: #ccc 1px solid; padding:4px 2px; font-size: 11px; color: #3c3b39; font-family:Verdana, Arial, Helvetica, sans-serif;} #contactForm input:focus {border: #d17e25 1px solid; -moz-box-shadow: 0px 0px 8px #d17e25; -webkit-box-shadow: 0px 0px 8px #d17e25;} #contactForm textarea:focus {border: #d17e25 1px solid; -moz-box-shadow: 0px 0px 8px #d17e25; -webkit-box-shadow: 0px 0px 8px #d17e25;} #contactForm .btnEnvio {margin-top: 20px; width: 72px; height: 28px; border: #ccc 2px solid; font-size: 13px; color: #fff; letter-spacing: 0.8px; background: #3c3b39; -moz-border-radius: 8px; -webkit-border-radius: 8px;} #contactForm .btnEnvio:hover {cursor: pointer; border: #d17e25 2px solid;} #contactForm .currentInput {border: #d17e25 1px solid;} #contacto #sidebar .sideBlock a {text-transform: none;} /*-------------------------------------- PIE DE PAGINA ----------------------------------------*/ #fMenu_web {float: left;} #fMenu_redes {float: right;} #footer ul {height: 16px; padding: 18px 0px; line-height: 16px; overflow: hidden;} #footer ul li {float: left; padding:0px 12px 0px 12px; border-left: #565656 1px solid;} #footer ul .noborder {border-left: none;} #footer a {color:#d17e25; font-weight: normal; font-size: 12px;} #footer a:hover {color:#f1eeeb;} #footer #fMenu_redes li {padding:0px 12px 0px 5px; border-left: none;} #footer #fMenu_redes li a {display:block; width:16px; height:16px; background-image:url(../img/sprite.jpg); text-indent:-9999px;} #footer #fMenu_redes #fmr1 a {background-position:0px -327px;} #footer #fMenu_redes #fmr2 a {background-position:-16px -327px;} #footer #fMenu_redes #fmr3 a {background-position:-32px -327px;}