/* Theme Name: INTERDECOR Theme URI: http://wordpress.org/themes/twentytwelve Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ /* =Reset -------------------------------------------------------------- */ @charset "utf-8"; /* CSS Document */ * {margin: 0; padding: 0; font-family: Arial; font-size: 12px; text-decoration: none;} .clear {clear:left;} body { background-color:#FFFFFF;} #body_index { background: url(img/fondo_index.jpg) repeat-x top center; background-color:#FFFFFF;} #body_index img { margin:0; padding:0; line-height:0; border:0; display:block;} #header { width:100%; height:219px; float: left;} #header_interiores { background: url(img/fondo_header_interiores.jpg) repeat-x top center; width:100%; float: left;} #logo { width:337px; height:41px; margin:57px auto;} #logo img { margin:0; padding:0; line-height:0; display:block; border:0;} #menu_index1 { width:1100px; height: 64px; margin:0 auto;} #menu_index1 ul { width:1100px; text-align:center;} #menu_index1 ul li { display:inline-block; padding: 0 4px } #menu_index1 ul li ul li { display:inline-block; border: none; padding: 0 10px } #menu_index1 ul li a {font-family:arial; font-size:13px; text-align:center; color:#6B6B6B; line-height:64px; display:block; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background:url(img/marcador_nav.png) no-repeat -20px 58px; text-transform: uppercase; } #menu_index1 ul li a:hover { color:#009AC7; background:url(img/marcador_nav.png) no-repeat center 58px; } #menu_index { width:1100px; height: 64px; margin:0 auto;} #menu_index ul { width:1100px; text-align:center;} #menu_index ul li { display:inline-block; border-right:1px solid #DDDDDD; border-left:1px solid#DDDDDD; padding: 0 4px } #menu_index ul li ul li { display:inline-block; border: none; padding: 0 10px } #menu_index ul li a {font-family: Arial; font-size:13px; text-align:center; color:#6B6B6B; line-height:64px; display:block; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; background:url(img/marcador_nav.png) no-repeat -20px 58px; text-transform: uppercase; } #menu_index ul li a:hover { color:#009AC7; background:url(img/marcador_nav.png) no-repeat center 58px; } #banner { width:100%; height:333px;} #franja_banner { background:url(img/franja_inferior_banner_principal.jpg) repeat-x top center; width:100%; height:10px; } #contenedor_index { width:100%; float:left} #caja_index { width:1100px; height:836px; background: #FFFFFF; margin:0 auto; box-shadow: 0 0 11px -5px; } #caja_info { width:1100px; margin:20px auto; } #caja_info h1 {font-family: 'Quicksand', sans-serif; font-size:30px; text-align: left; color:#0599c4; margin:10px 0 34px 0; width:100%; float:left;} #caja_info h3 {font-family: 'Quicksand', sans-serif; font-size:20px; text-align: center; color: #C3C3C3;margin: 10px 0 15px 0; width:258px;} #caja1 { width:786px; float:left;} #caja2 { width:313px; height:535px; float:left; margin: 81px 0 0 0; border-left: 1px solid #E1DFDF} #caja2 img {margin:0; padding:0; line-height:0; display:block; border:0; float: right; border:1px solid #E1DFDF;} #caja3 { width:313px; float:left; margin: 0; border-left: 1px solid #E1DFDF} #caja3 #nav_menu-2 { width: 285px; margin: 16px 0 0; float:right} #caja3 ul li { list-style:none;margin: 2px 0;} #caja3 ul li a { background: #F0F0F0; line-height:30px; display:block; padding:10px; color:#A6A6A6;} #caja3 ul li a:hover { background: #DBECF5; text-decoration:none;} #sidebar_union { width:28%; float: left; } #caja_producto { width:70%; float:left;} #caja_producto #info_producto { width: 474px; float:left;} #caja_producto img { float:left; margin:0 20px 0 0; padding:0; line-height:0; display:block; border: 1px solid #E1DFDF } #caja_producto p img {margin: 0;} #caja_producto p { float:left; width: 459px; color:#737373; font-size:14px;} #caja_producto strong { color:#0599C4;} #caja_sider { width:30%px; float:left; margin: 81px 0 40px 0; border-left: 1px solid #E1DFDF; box-sizing: border-box; padding:0 0 0 32px} #caja_sider img {margin:0; padding:0; line-height:0; display:block; border:0; } #estrellas { margin:0 0 10px 0; float:left; width: 474px;} #caja_pagina { width:786px; float:left; margin:0 0 30px 0;} #caja_info .paginas { margin: 0 0 30px 0;} #caja_pagina img { float:left; margin:0 20px 0 0; padding:0; line-height:0; display:block; border: 1px solid #E1DFDF } #caja_pagina p { float:left; width: 757px; color:#737373; font-size:14px;} #caja_pagina strong { color:#0599C4;} #formulario_producto { width:786px; float:left; margin:20px 0 0 0; } #formulario_producto #titulo_formulario {background: #0599c4; color:#ffffff; width:742px; line-height:30px; padding: 0 0 0 10px; float:left;} #formulario_producto p { width:100%; float:none; font-size:12px;} table { float:left;} .form_a { width:95%; height:24px; font-family:Arial; font-size:12px; color: #878787; font-weight:normal; margin: 10px 0 10px 0; border:1px solid #cccccc;} .form_b { width:99.4%; height:146px; font-family:Arial; font-size:12px; color: #878787; font-weight:normal; margin: 10px 0 10px 0; border:1px solid #cccccc;} .enviar {width:100px; font-family:Arial; font-size:12px; color: #ffffff; font-weight:normal; text-align:center; line-height:24px; background:#0599c4; border:0; margin: 10px 0 0 3px;} .wpcf7-form-control { height:30px; width:100%; margin:10px 0; color: #737373;} .wpcf7-submit { width:100px; font-family:Arial; font-size:12px; color: #ffffff; font-weight:normal; text-align:center; line-height:24px; background:#0599c4; border:0; margin:10px 0 0 0; float:left;} .wpcf7-textarea { height:200px; width:100%; color:#737373;} .producto { width: auto; margin: 0 24px 24px 0; box-sizing: inherit; } .producto { background:#EFEFEF; border:1px solid #E1DFDF; float:left; padding:7px; height: auto;} .producto img {margin:0 0 5px 0; padding:0; line-height:0; display:block; border:1px solid #E1DFDF;} .producto h2 {color:#0599c4; font-size:14px; text-align:left; font-weight:normal; line-height:16px;} .producto p {height: 31px; color: #6E6E6E; font-size:12px; text-align:left; font-weight:normal; line-height:14px;} .producto .precio { float:left; height: 14px; color: #0599c4; font-size:12px; text-align:left; font-weight:normal; line-height:14px;} .producto a { width:83px; border:0; background: #0599c4; margin:10px 0 0 0; padding:0 5px; line-height:20px; display:block; color:#FFFFFF;} .producto a:hover { background: #29C5D1; color:#FFFFFF; text-decoration:none;} #footer { width:100%; float: left;} #footer2 { background:url(img/fondo_footer_inferior.jpg) repeat-x top center; width:100%; float: left;} #caja_footer { width:1100px; height:380px; margin:0 auto;} #footer .footer_index { } #marcas { width:1100px; height:40px; } #info_footer { width:1100px; margin:0; } #info_footer p {color:#969696; text-align:center; line-height:25px} #logo_footer { width:214px; height:25px; margin: 115px auto 10px auto;} #logo_footer img {margin:0; padding:0; line-height:0; display:block; border:0;} #cuadro_a { width:408px; height:276px; overflow:hidden; margin:2px 0 0 2px; float:left;} #cuadro_a a { width:408px; height:276px; background:black; display:block;} #cuadro_a a img{ overflow:inherit;opacity: 1;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; margin:0 0 0 -30px} #cuadro_a a:hover img{ opacity: 0.5; margin:0} #cuadro_a > a > .titulo_a { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 357px;line-height: 22px; color:#FFFFFF;font-size: 30px; margin:238px 0 0 20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #cuadro_a > a > .titulo_a2 { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 280px;line-height: 22px; color:#FFFFFF;font-size: 30px; margin:238px 0 0 115px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #cuadro_a > a > .titulo_a3 { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 280px;line-height: 22px; color:#FFFFFF;font-size: 30px; margin: 18px 0 0 23px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #cuadro_b { width:540px; height:276px; overflow:hidden; margin:2px 0 0 2px; float:left;} #cuadro_b a { width:540; height:276px; background:black; display:block;} #cuadro_b a img{ overflow:inherit;opacity: 1;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; margin:0 0 0 -30px } #cuadro_b a:hover img{ opacity: 0.5; margin:0} #cuadro_b > a > .titulo_b { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 400px; line-height: 22px; color:#FFFFFF;font-size: 30px; margin:238px 0 0 20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #cuadro_c { width:276px; height:276px; overflow:hidden; margin:2px 0 0 2px; float:left;} #cuadro_c a { width:276px; height:276px; background:black; display:block;} #cuadro_c a img{ overflow:inherit;opacity: 1;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; margin:0 0 0 -30px } #cuadro_c a:hover img{ opacity: 0.5; margin:0} .titulo_c { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 230px; text-align:center; line-height: 30px; color:#FFFFFF;font-size: 30px; margin: 116px 0 0 23px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #cuadro_c > a > .titulo_c2 { font-family: 'Quicksand', sans-serif; z-index:999;display: block; position: absolute;width: 232px;line-height: 30px; color:#FFFFFF;font-size: 30px; margin:203px 0 0 20px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #somos { margin:40px 20px 0 20px;} #somos p { color:#929292; line-height:18px; text-align:justify;} #somos img { margin: 30px 20px 50px 0; padding:0; line-height:0; border:0; display:block; float:left;} .info_footer_index p { border-top: 1px solid #D9D9D9;} /* Links */ a { color: #0599C4; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; color:#027CD2; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* =Menu -------------------------------------------------------------- */ #access { clear: both; display: block; width: 1100px; } #access ul { font-size: 13px; list-style: none; padding-left: 0; } #access li { position: relative; margin:0 1px 0 1px; } #access ul li {margin:0 } #access ul li ul li { margin:0 0 0 -11px} #access ul li ul li ul{ border:none;margin:29px 0 0 -30px } #access ul li ul li ul li { border:none; margin:11px 0 0 -316px} #access ul li ul li ul li ul li { border:none; margin:29px 0 0 -378px} #access a { color: #eee; display: block; line-height: 3.78em; text-decoration: none; } #access ul ul { display: none; float: left; margin: 0; position: absolute; left: 0; width: 168px; z-index: 99999; margin:0; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #access ul ul a:hover { color:#333;} #access ul ul :hover > a, #access a:focus { background: #efefef; } #access li:hover > a, #access a:focus { } #access ul li:hover > ul { display: block; opacity:0.9 } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { background:url(img/marcador_nav.png) no-repeat center 58px ; color:#009AC7; } #access .current-menu-item > ul li a, #access .current-menu-ancestor > ul li a, #access .current_page_item > ul li a, #access .current_page_ancestor > ul li a { background:#efefef; } @media screen and (max-width: 63.125em) { #caja_sider { border:0;} #caja_producto { box-sizing: border-box; padding: 0 0 0 20px} #menu_index1 { height:auto; width:100%; display:none;} #caja_index { width:100%; height: 1125px;} #cuadro_b > a > .titulo_b { width: auto; font-size:20px;} #cuadro_a > a > .titulo_a2 { width: auto; font-size:20px;} .titulo_c { width: auto;} #cuadro_a > a > .titulo_a { width: auto; font-size:20px;} #cuadro_a > a > .titulo_a3 { width: auto; font-size:20px;} #cuadro_c p { width: auto; } #cuadro_c > a > .titulo_c2 {width: min-content; font-size:20px;} #cuadro_a { width:49%; margin: 0.5%; } #cuadro_a a { width:100%; } #cuadro_a a img{width:120%} #cuadro_a > a > .titulo_a2 { margin: 238px 0 0 22px;} #cuadro_b { width:49%; margin: 0.5%; } #cuadro_b a { width:100%; } #cuadro_b a img{width:120%;} #cuadro_c { width:49%; margin: 0.5%; } #cuadro_c p { text-align:left; width:min-content; font-size:20px;} #cuadro_c a { width:100%; } .cuadro_cc { display:none } #cuadro_c a img { width:120%;} #banner img { margin:0; padding:0; line-height:0; border:0; display:block;} #caja_footer { width:100%;} #marcas { width:100%;} #info_footer { width:100%;} #header_interiores { width: auto; float: left;} #footer2 { width: auto; float: left;} #body_index .header_mobile { height:159px;} #banner { display:none;} } @media screen and (max-width: 770px) { }