/*
Theme Name: Gebesa
Theme URI: http://www.gebesa.com/
Description: Theme para <a href="http://www.gebesa.com/">gebesa.com</a>.
Version: 1.0
Author: Octopus Interactive
Author URI: http://grupoctopus.com/
*/
@import "formulario.css";

/* Begin Typography & Colors */
body {font-family: Arial, Verdana, tahoma; background:#71736e url('images/background-body.jpg') repeat-x; background-attachment: fixed; color:#000; margin:0 0 20px 0; padding: 0;}
#bg-header {margin:0 auto; width:1000px; height:367px;  }
#main-site {margin:0 auto; width:926px;}
#page {float:left; background:transparent url("images/gebesa-laterales.png") repeat-y; text-align:left; width:920px; padding:0 3px; margin:0 0 20px 0; font-size:12px; min-height:550px;}
* html #page {background:transparent url("images/gebesa-laterales.gif") repeat-y;}

#header {float:left; width:920px; height:112px;}

#logo {height:111px; width:219px; margin-left:5px;}
#logo img {margin-top:33px; float:left;}

.caja-header-der {float:right; width:343px; height:86px; background:transparent url('images/telefono-contacto.gif') right bottom no-repeat;}
ul.search-header {float:right; list-style-type:none; margin:0; padding:0; width:343px; height:45px;}
ul.search-header li {float:left;}
ul.search-header li.idiom {background-color:#dadbd5; color:#a3a59e; width:109px; margin-right:1px; padding:10px 0; height:25px; font-size:11px; line-height:22px; text-align:center;}
ul.search-header li.campo {background-color:#c9cac3; width:233px; float:left; height:45px;}
ul.search-header li.campo input:focus, .search-box input:focus {background-color:#f5f5f3;}

#content {float:left; width:840px; line-height:16px; padding:30px 40px 0 40px; margin:0;}
#content-products {float:left; width:880px; line-height:16px; padding:30px 40px 0 0; margin:0; min-height:550px;}
#content-products h2 {margin:0 0 0 40px !important;}

#content-products ul {float:left; width:880px; list-style-type:none; margin:10px 0 0 0 !important; padding:0;}
#content-products ul li {float:left; width:250px; padding:0 0 30px 40px;}
#content-products ul li img {float:left; margin:0 0 1px 0;}
#content-products ul li div a {float:left; width:230px; padding:5px 10px; background-color:#2e211c; color:#fff; font-size:11px;}
#content-products ul li div a:hover {background-color:#83974f; color:#fff; text-decoration:none;}

.narrowcolumn {float:left; margin:0 30px 20px 0; padding:0; width:510px; min-height:550px;}
.narrowcolumn .entry {float:left; line-height:14px; width:100%; margin-top:10px;}
.narrowcolumn .postmetadata {float:left; clear:both; margin:10px 0 20px 0; text-align:left; padding:5px 10px; width:490px; background-color:#ecedea; font-size:11px; color:#a3a59e;}
.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}

.widecolumn {/*float:left; width:845px; line-height:16px; padding:0; margin:20px 0 0 40px;*/}

/*footer*/
#footer {background:transparent url('images/gebesa-footer.png') no-repeat bottom; padding:20px 40px; margin:0 auto; width:840px; clear:both;}
* html #footer {background:transparent url('images/gebesa-footer.gif') no-repeat bottom; }

#footer .copyright {border-top:1px solid #e5e5e5; color:#9a9a9a; font-size:11px; width:840px; height:20px; padding-top:10px;}
#footer p {margin:0; padding:20px 0; text-align:center;}
.logo-pie {float:right;}

/*tags html*/
small {font-size:11px; line-height:15px; color:#a2a2a2;}

h1, h2, h3 {margin:0 0 10px 0; padding:0; font-weight:normal;}
h1 {font-size:30px;}
h2, h2.pagetitle {font-size:20px;}
h3 {font-size:16px; font-weight:bold; margin:0 0 7px 0;}
h3.comments {padding:0; margin:40px auto 20px ;}
h4 {float:left; background-color:#2e211c; padding:5px 10px; width:495px; color:#fff; margin:10px 0; font-size:12px}
* html h4 {margin:5px 0;}

p {font-weight:normal; font-size:12px; line-height:17px; text-align:left;}

a, a:hover {color:#6c8038; text-decoration:none;}
a:hover {color:#516321; text-decoration:underline;}

.sticky {background:#f7f7f7; padding:0 10px 10px;}
.sticky h2 {padding-top:10px;}

.commentlist li, #commentform input, #commentform textarea {font-size:11px;}
.commentlist li ul li {font-size:11px;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float:right; border:1px solid #eee; padding:2px; background:#fff;}

.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:11px;}

code {font: 12px 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size:10px;}

/* Begin Structure */
.post {margin:0 0 20px 0;}
.post hr {display: block;}

.narrowcolumn.smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}
.narrowcolumn .attachment {text-align: center; margin:5px 0px;}
.clear {clear:both;}

.center {text-align:center;}
.hidden {display: none;}	
/* Begin Lists 	Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets.

html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;}
html>body .entry li {margin:7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}

.entry ol {padding:0 0 0 35px; margin:0;}
.entry ol li {margin:0; padding:0;} */

/* Begin Form Elements */
#searchform {margin:8px 0 0 0;	padding:0; text-align: center;}
#searchform #s {width:130px; height:18px; padding:2px; border:1px solid #acaea7; margin:0 10px;	font-family:arial; float:left;}
#searchform #searchsubmit {float:left; margin:0; border:0; background:#83974f url("images/fondo-boton.gif") repeat-x; color:#fff; padding:2px 6px; cursor:pointer;}
* html #searchform #searchsubmit {padding:2px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width:130px;}

#commentform {margin: 5px 10px 0 0;}
#commentform input {width:170px; padding:2px; margin: 5px 5px 1px 0;}
#commentform textarea {width:100%;	padding:2px;}
#commentform #submit {margin: 0 0 5px auto;	float: right;}/* End Form Elements */
#commentform p {margin: 5px 0;}

#respond:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.screen-reader-text {position: absolute; left: -1000em;}

/* Begin Comments*/
.alt {margin:0; padding:10px;}
.commentlist {padding:0; text-align:left;}
.commentlist li {margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none;}
.commentlist li ul li {margin-right: -5px;	margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}

.children {padding: 0;}
.nocomments {text-align:center; margin:0;	padding:0;}
.commentmetadata {margin:0; display:block;}

/* Begin Sidebar */
#sidebar, .noticias-home ul {float:left; padding:25px; margin:20px 0 0 0; width:250px; background:#fff url("images/sidebarbg.jpg") repeat-x;}
#sidebar {margin:0; font-size:12px;}
#sidebar h2 {font-size:12px; font-weight:bold; }
#sidebar form {margin: 0;}

#sidebar ul {list-style-type:none; list-style-type:none; margin:10px 0 20px 0; padding:0;}
#sidebar ul li {margin-bottom:5px;}
#sidebar ul li a {font-weight:normal; line-height:14px}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0; display: block;}

hr {display:none;}
a img {border:none;}

.navigation {float:left; display:block; margin:15px 0; width:510px; border-bottom:1px solid #e5e5e5; padding:0 0 5px 0;}
.alignright {float:right;}
.alignleft {float:left;}
.navigation-bottom {float:left; display:block; margin:15px 0; width:510px; border-top:1px solid #e5e5e5; padding:5px 0 0 0;}

/* End Various Tags & Classes*/

/*menu*/
#suckerfishnav {background-color:#83974f; font-size:12px; font-family:arial,verdana,sans-serif; font-weight:bold; width:920px;}
#suckerfishnav, #suckerfishnav ul {float:left; list-style:none; line-height:32px; padding:0; border-top:3px solid #9eb766; border-bottom:1px solid #74883e; margin:0; width:920px;}
#suckerfishnav a {display:block; color:#fff; text-decoration:none; padding:0px 10px; cursor:pointer;}
#suckerfishnav li {float:left; padding:0;}
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:151px; padding-right:5px; font-weight:normal; margin:1px 0 0 0; line-height:1; border:1px solid #95a768; z-index:50}

* html #suckerfishnav ul {padding-right:0 !important;}

#suckerfishnav li li {width:151px; padding-right:5px; font-family:arial, verdana, sans-serif;}
#suckerfishnav li li a {padding:6px 10px; width:131px; color:#fff;}
#suckerfishnav li ul ul {margin:-25px 0 0 156px; z-index:50;}

#suckerfishnav li li:hover {background:#687a3a; width:100%;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#fff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto; background-color:#83974f /*url("images/back-menu.jpg") repeat-x*/;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#687a3a;}

/*.menu a[href="http://www.gebesa.com/quienes-somos/"], .menu a[href="http://www.gebesa.com/productos/"] {background:transparent url("images/mas2.gif") top right no-repeat; margin-right:4px;}
.menu a[href="http://www.gebesa.com/productos/conjuntos/"], .menu a[href="http://www.gebesa.com/productos/sistemas-modulares/"], .menu a[href="http://www.gebesa.com/productos/sistemas-modulares/cubiculos/"], .menu a[href="http://www.gebesa.com/productos/escritorios-y-mesas/"], .menu a[href="http://www.gebesa.com/productos/archivo-y-almacenaje/"] {background:url("images/mas.gif") top right  no-repeat;}*/

/*home*/
div#products {float:left; width:513px; padding:0 27px 0 40px; margin:0;}
div#products h2, .noticias-home h2 {display:inline; font:normal 20px/25px arial, verdana, tahoma;}

div#products ul {float:left; width:513px; list-style-type:none; margin:10px 0 0 0; padding:0;}
div#products ul li {width:170px; float:left; margin:0 1px 1px 0;}
div#products ul li img {float:left; margin:0 0 1px 0;}
div#products ul li span a {width:150px; float:left; background-color:#2e211c; padding:5px 10px; color:#fff; font-size:11px;}
div#products ul li span a:hover {background-color:#83974f; color:#fff; text-decoration:none;}

.noticias-home ul {list-style-type:none;}
.noticias-home ul li {margin-bottom:12px;}
.noticias-home ul li a {font-size:13px; font-weight:bold; line-height:18px}
.noticias-home ul li span {font-size:11px; display:block; margin:0 0 3px 0;}

/*Pág producto*/
.producto-techo {text-align:left; float:left; padding:5px 10px; width:495px; background-color:#ecedea; margin:10px 0;}

/*Pág búsqueda*/
.search-box {float:left; height:40px; width:510px; background-color:#f4f4f3 !important; margin-top:20px;}
.search-box #s {width:200px !important;}

.serachresult {margin-bottom:15px; padding-top:15px; border-top:1px solid #e5e5e5;}
.searchimage {width:170px; height:114px; margin-right:10px; float:left; border:solid 1px #e5e5e5;}
.searchtext {float:left; width:328px;}
.searchtext p { font-size:12px; line-height:14px; color:#333333;}

#sidebar .ngg-gallery-thumbnail {
	float:left; 
	margin:0 0 30px 0 !important;
}