* { padding: 0; margin: 0; }
body { background: url('/img/cabecera_bg.gif') repeat-x 0 0; text-align: center; font-family: Helvetica, arial, verdana, sans serif; color: #333; font-size: 62.5%; }
img { border: none; }
.clear { clear: both; }
#logo span, #mensaje h1, #mensaje h6, #mensaje span, #sobreMi span, #mainNav span, #contactBox span, #pieNav span, .yes em, .no em { display: block;s width: 0; height: 0; overflow: hidden; }
#contenedor { width: 925px; margin: 0 auto; text-align: left; }
#cabecera { position: relative; height: 153px;}
#logo { position: absolute; left: 0; top: 55px; width: 178px; height: 70px; background: url('/img/logo.gif') no-repeat 0 0; }
#logo a { display: block; height: 70px; }
#mensaje { position: absolute; left: 321px; top: 61px; width: 487px; height: 34px; background: url('/img/cabecera_texto.gif') no-repeat 0 0; }
#mensaje h1 { background: 0; padding: 0; }
#sobreMi { position: absolute; right: -2px; top: 61px; width: 112px; height: 33px; }
#sobreMi a { display: block; height: 33px; background: url('/img/btn_sobremi.gif') no-repeat 0 0; }
#sobreMi a:hover { background-position: 0 -33px; }
#mainNav { position: absolute; right: 0; bottom: 0; width: 582px; height: 27px; }
#mainNav li { list-style-type: none; float: left; margin-right: 3px; }
#mainNav .enlaceInicio,
#mainNav .enlaceInicio a {width: 75px;}
#mainNav .enlaceCakephp,
#mainNav .enlaceCakephp a {width: 141px;}
#mainNav .enlaceMagento,
#mainNav .enlaceMagento a {width: 142px;}
#mainNav .enlaceColaboraciones,
#mainNav .enlaceColaboraciones a {width: 114px;}
#mainNav .enlaceContactar,
#mainNav .enlaceContactar a {width: 91px;}
#mainNav .linkContact { margin: 0; }
#mainNav a { float: left; height: 27px; background: url('/img/tabsarriba.gif') no-repeat 0 -32px;}
#mainNav a:hover { background-position: 0 -64px; }
#mainNav a.selected { background-position: 0 0; cursor: default; }
#mainNav .enlaceCakephp a {background-position: -78px -32px;}
#mainNav .enlaceCakephp a:hover {background-position: -78px -64px;}
#mainNav .enlaceCakephp a.selected {background-position: -78px 0;}
#mainNav .enlaceMagento a {background-position: -222px -32px;}
#mainNav .enlaceMagento a:hover {background-position: -222px -64px;}
#mainNav .enlaceMagento a.selected {background-position: -222px 0;}
#mainNav .enlaceColaboraciones a {background-position: -367px -32px;}
#mainNav .enlaceColaboraciones a:hover {background-position: -367px -64px;}
#mainNav .enlaceColaboraciones a.selected {background-position: -367px 0;}
#mainNav .enlaceContactar a {background-position: -484px -32px;}
#mainNav .enlaceContactar a:hover {background-position: -484px -64px;}
#mainNav .enlaceContactar a.selected {background-position: -484px 0;}
#contenido { padding: 32px 0; }
#principal { float: left; width: 656px; padding: 0 0 0 5px; }
#columna { float: right; width: 216px; }
h1,.inicio h2, .box h2 { font-weight: normal; font-size: 2.2em; color: #666; background: #e9e9e9; padding: 9px 0 9px 10px; margin: 0 0 13px 0; line-height:normal; font-family: 'RockoFLFRegular', Helvetica, Arial;}
.inicio h2 { text-shadow: #f3f3f3 1px 1px;border: 1px solid #e9e9e9; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
.portada1 { text-shadow: #f3f3f3 1px 1px; font-weight: normal; font-size: 2.2em; color: #000;  padding: 9px 0 9px 10px; margin: 0 0 13px 0; line-height:normal; font-family: 'RockoFLFRegular', Helvetica, Arial;}
.portada2 { text-shadow: #f3f3f3 1px 1px; font-weight: normal; font-size: 2.0em; color: #000;  padding: 9px 0 9px 10px; margin: 0 0 13px 0; line-height:normal; font-family: 'RockoFLFRegular', Helvetica, Arial;}

h1 { border: 1px solid #e9e9e9; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; text-shadow: #f3f3f3 1px 1px; }
h2 { padding: 0.5em 10px 1em 10px; font-size: 1.7em; }
h2 strong { font-weight: normal; }
p { font-size: 1.2em; line-height: 1.6; padding: 0 2em 1em 10px; text-align: justify; }
#principal li { font-size: 1.2em; padding-bottom: 0.5em; line-height: 1.3; }
#principal ol, #principal ul { padding-left: 4em; margin-bottom: 1em; }
a:link { color: #00a1e4; }
a:visited { color: #666; }
a:hover { text-decoration: none; }
a:active { color: #e46a00; }
a:focus { outline: none; }
blockquote { font-style: italic; }
.noBotPad { padding-bottom: 0; }
.trabajo { position: relative; clear: left; }
.trabajo .fecha { position: absolute; top: 22px; right: 10px; color: #999; font-size: 1.1em; padding: 0; }
.portfolio { float: left; border: 1px solid #ccc; margin: 0 13px 45px 0; }
.trabajo p { font-size: 1.2em; line-height: 1.5; padding: 0 1em 1em 0; }
.trabajo ul { margin-left: 375px; }
.box { margin-bottom: 11px; }
#columna .wrapper { font-size: 1.1em; line-height: 1.5; padding: 10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
.wrapper ul { padding-left: 1.1em; /* ie7.css */ }
.wrapper li { line-height: 1.2; padding-bottom: 0.5em; font-size: 1em; }
.wrapper p { padding: 0; font-size: 1em; }
.box h2 { font-size: 1.5em; margin-bottom: 0; border: 1px solid #fff; -moz-border-radius-topleft:5px; -moz-border-radius-topright: 5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.color1 h2 { background: #e46a00; color: #fff; border-color: #e46a00; }
.color1 .wrapper { background: #fff1e5; border: 1px solid #fff1e5; }
.color2 h2 { background: #e49800; color: #fff; border-color: #e49800; }
.color2 .wrapper { background: #fff7e5; border: 1px solid #fff7e5; }
.color3 h2 { background: #ff9180; color: #fff; border-color: #ff9180; }
.color3 .wrapper { background: #ffc8bf; border: 1px solid #ffc8bf; }
.color4 h2 { background: #00A1E4; color: #fff; border-color: #00A1E4; }
.color4 .wrapper { background: #e0f6ff; border: 1px solid #e0f6ff; }
ul.yesNo { padding-left: 0; list-style-type: none; }
li.yes { padding-left: 15px; background: url('/img/ok.png') no-repeat left top; }
li.no { padding-left: 15px; background: url('/img/ko.png') no-repeat left top; }
.agencias { padding: 0 0 5px 0; border-bottom:1px dotted #666; margin: 50px 0 10px 10px; }
.video { padding: 10px 0 20px 0; margin: 0 auto; width: 400px; }
.gracias { width: 200px; margin:0 auto; padding: 100px 0 100px 0; }
.cakephpPortfolio img.portfolio { margin-left: 1em; }
.cakephpPortfolio h2 { border-bottom: 2px solid #ccc; padding: 1em 0 4px 0; margin: 0 0.6em 1em 0.6em; line-height:normal; font-family: 'RockoFLFRegular', Helvetica, Arial; }
.cakephpPortfolio h2 strong { font-weight: normal; }
.detalles, .direccion { float: left; width: 180px; background: #afeefe; margin: 0 8px 20px 10px; padding: 10px; }
/***** PIE *****/
#pie { background: #5f5f5f url('/img/pie_bg.gif') repeat-x 0 0; min-height: 200px }
#pie .wrapper { width: 950px; padding: 10px 0 0 5px; margin: 0 auto; text-align: left; position: relative; }
#pie .power  li { display: inline; margin-left: 10px;  }
#pie .links  li { display: inline; margin-left: 10px; margin-right;  }
#pie div.links { float: left; padding-bottom: 15px;}
#pie div.copy  { float: right; padding-bottom: 10px; text-align: right; font-weight: bold;}
#pie div.power { margin: 0 auto; width: 700px; text-align: center; }
#pie p { line-height: 1.8; text-align: justify;}
#pie  a { color: #fff; text-decoration: none; }
#pie a:hover { text-decoration: underline;}


form { clear: both;  padding-left: 250px; width: 300px; background: url('/img/contactar.jpg') no-repeat left center;  }
form div { clear: both; margin-bottom: 1em; vertical-align: text-top; }
form .input { color: #444; }
form .required { }
form .required label:after { color: #e32; content: '*'; display:inline;}
form div.submit { border: 0; clear: both; margin-top: 10px; }
label { display: block; font-size: 120%; margin-bottom:3px; text-align: left;}
input, textarea { clear: both; font-size: 120%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; padding: 3px; border: 1px solid #000; background: #f0f0f0;}
select { clear: both; font-size: 120%; vertical-align: text-bottom; }
select[multiple=multiple] { width: 100%; }
option { font-size: 120%; padding: 0 3px; }
input[type=checkbox] { clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; }
div.checkbox label { display: inline; }
input[type=radio] { float:left; width:auto; margin: 0 3px 7px 0; }
div.radio label { margin: 0 0 6px 20px; }
input[type=submit] { display: inline; font-size: 110%; width: auto; }
form .submit input[type=submit] { background:#62af56; background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56)); background-image: -moz-linear-gradient(top, #a8ea9c, #62af56); border-color: #2d6324; color: #000; text-shadow: #8cee7c 0px 1px 0px; }
form .submit input[type=submit]:hover { background:#4ca83d; background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d)); background-image: -moz-linear-gradient(top, #85e573, #4ca83d); }


/** Notices and Errors **/
div.message { clear: both; color: #fff; font-size: 140%; font-weight: bold; margin: 0 0 1em 0; background: #c73e14; padding: 5px; }
div.error-message { clear: both; font-weight: bold; color: #c73e14; text-align: left; padding-top: 5px; }
p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
p.error em { color: #000; font-weight: normal; line-height: 140%; }
.notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
.success { background: green; color: #fff; }

/**  Actions  **/
div.actions ul { margin: 0; padding: 0; }
div.actions li { margin:0 0 0.5em 0; list-style-type: none; white-space: nowrap; padding: 0; }
div.actions ul li a { font-weight: normal; display: block; clear: both; }
div.actions ul li a:hover { text-decoration: underline; }

input[type=submit],
div.actions ul li a,
td.actions a { font-weight:normal; padding: 4px 8px; background:#e6e49f; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f)); background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f); color:#333; border:1px solid #aaac62; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-decoration:none; text-shadow: #fff 0px 1px 0px; min-width: 0; }
input[type=submit]:hover,div.actions ul li a:hover,
td.actions a:hover { background: #f0f09a; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9)); }
div.related { clear: both; display: block; }
pre { color: #000; background: #f0f0f0; padding: 1em; }
pre.cake-debug { background: #ffcc00; font-size: 120%; line-height: 140%; margin-top: 1em; overflow: auto; position: relative; }
div.cake-stack-trace { background: #fff; color: #333; margin: 0px; padding: 6px; font-size: 120%; line-height: 140%; overflow: auto; position: relative; }
div.cake-code-dump pre { position: relative; overflow: auto; }
div.cake-stack-trace pre, div.cake-code-dump pre { color: #000; background-color: #F0F0F0; margin: 0px; padding: 1em; overflow: auto; }
div.cake-code-dump pre, div.cake-code-dump pre code { clear: both; font-size: 12px; line-height: 15px; margin: 4px 2px; padding: 4px; overflow: auto; }
div.cake-code-dump span.code-highlight { background-color: #ff0; padding: 4px; }
div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; }
div.code-coverage-results div.uncovered span.content { background:#ecc; }
div.code-coverage-results div.covered span.content { background:#cec; }
div.code-coverage-results div.ignored span.content { color:#aaa; }
div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px;}
div.code-coverage-results span.line-num strong { color:#666; }
div.code-coverage-results div.start { border:1px solid #aaa; border-width:1px 1px 0px 1px; margin-top:30px; padding-top:5px; }
div.code-coverage-results div.end { border:1px solid #aaa; border-width:0px 1px 1px 1px; margin-bottom:30px; padding-bottom:5px; }
div.code-coverage-results div.realstart { margin-top:0px; }
div.code-coverage-results p.note { color:#bbb; padding:5px; margin:5px 0 10px; font-size:10px; }
div.code-coverage-results span.result-bad { color: #a00; }
div.code-coverage-results span.result-ok { color: #fa0;}
div.code-coverage-results span.result-good { color: #0a0; }