Version:0.9
StartHTML:0000000105
EndHTML:0000000254
StartFragment:0000000141
EndFragment:0000000218
//
l/*
Author: Hostigal
Author URI: http://www.hostigal.com/
*/
@import url("css/fancybox.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
outline : 0;
font-weight : normal;
font-style : normal;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
border : none;
}
body {line-height : 1;}
table {
border-collapse : collapse;
border-spacing : 0;
}
:focus {outline : 0;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
blockquote, q {quotes : "" "";}
ol,ul {list-style : none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
strong {font-weight : bold;}
em {font-style : italic;}
acronym {cursor : help;}
li {list-style : none;}
/* ------------------------------------------------------------
----> #########
------------------------------------------------------------ */
body {
font-family: 'Quicksand', sans-serif;
background : #000 ; margin:0; padding:0;
color : #555;
}
img{ border:0; margin:1px; padding:0;}
a {
text-decoration : none;
color : #ccc;
}
a:hover {
color : #222;
}
li, p {line-height : 18px;}
p {
margin-top : 15px; font-size:12px;
text-align : justify;
}
#accessibility {
position : absolute;
top : -99999em;
}
/* ------------------------------------------------------------
----> #container
------------------------------------------------------------ */
#container {
max-width : 1200px;
margin : 0 auto;
}
.clear { clear:both; height:1px;}
/* ------------------------------------------------------------
----> #wrapper
------------------------------------------------------------ */
#wrapper {
/* background : white url('images/wrapper.jpg') top left repeat-y;*/
overflow : hidden;
padding : 0 ;
clear : both; margin:0;
}
.clear { clear:both; height:1px;}
/* ------------------------------------------------------------
----> #sidebar
------------------------------------------------------------ */
#sidebar {
float : left; margin:0; padding:0; /*height:740px; */
width : 23%; background:#000;
position : relative;
}
#sidebar a.logo{ width:100%; text-align:center; margin: 0; padding:0}
#sidebar a.logo img{width:100%; max-width:240px;margin:20px 0 30px 0; text-align:center }
#sidebar h2 {
border: none;
color: white;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
padding: 5px;
}
/* ------------------------------------------------------------
----> #menu
------------------------------------------------------------ */
/**********MENU***************/
#menu [type="checkbox"],#menu label {
display: none;
}
#menu ul { width:95%;
padding:0px; margin:0; text-align:left;
overflow : hidden; margin-left:10px;
margin-top : 0;
position : relative;
}
#menu ul li { text-align:left; margin-left:0px; padding:9px 0 9px 0;
padding-left:17px;background:url('images/list.png') 0 9px no-repeat; font-size : 0.8em;padding-bottom:6px; color:#FFFFFF; border-bottom:1px solid #171717; text-transform:uppercase;
}
#menu ul li a { ;color:#FFFFFF
}
#menu ul a.active, #menu ul a:hover{ text-decoration:underline}
#menu ul li ul{ margin:0 0 0 10px; padding:0; left:0; position:relative;}
#menu ul li ul li{ background:none; color:#ccc; text-transform:uppercase; font-size:11px; padding:3px 0 0 0; margin-left:0px;border-bottom:0;}
#menu ul li ul li a{ color:#888;}
/***redes sociales*********/
.redes{ background:#000; padding:6px; text-align:center; top:0px; left:0px; width:100%; }
.redes img{width:50%; float: left;max-width:60px;margin:15px; margin-left: 0; }
.clear { clear: both; height: 1px}
/**info ********/
.info{ text-align:left; margin-bottom:15px; margin-top:15px; color:#666; font-size:1EM; }
.info p{ margin:0; padding:0; line-height:1.4em; color:#ccc ; padding:5 0 5px 0; }
.info p.phone{ color:#222; font-size:2.4em ; line-height:1.4em; color:#ccc ; }
.info p.name{ color:#ccc; font-size:1EM; }
.info a{ color:#aaa; }
/* ------------
/* ------------------------------------------------------------
----> #slider
------------------------------------------------------------ */
#slider {
clear : both;
background:none; width:100%;
overflow : hidden;
margin : 0; margin-top:2px; padding:0;
}
#slider img { text-align:center;width:100%;
margin : 0; padding:0;
background-color:transparent;
}
/* ------------------------------------------------------------
----> #content
------------------------------------------------------------ */
#noticias,
#list,
#content {
float : right;
position:relative; margin-right:0px; margin-top:15px;
width : 73%; min-height:620px;
overflow : hidden; padding:0;
}
#content div.left {
float : left;
width : 320px;
}
#content div.right {
float : right;
width : 420px;
}
h2 {
font-size : 3em; line-height:1em; letter-spacing:-1px; font-weight:300;
text-transform:uppercase;
color : #fff; text-align:center;
padding-bottom : 0px; padding-top:0px;
}
h3 {
font-size : 2em; line-height:1em;
text-transform:uppercase;
color : #666; text-align:left;padding-left:30px;
padding-bottom : 5px; margin-top:10px;font-weight:normal
}
h4 {
font-size : 1.4em;
color : #bbb; text-align:left;padding-left:30px;
padding-bottom : 5px; margin-top:10px;
}
#content ul {
margin-top : 15px;
}
#content ul li {
list-style : none; line-height:20px;
margin-left : 15px;
}
p { line-height:20px; font-size:1em; color:#999999; padding-left:30px;}
#content p img{ text-align:center; margin:1px;}
#aviso { background:#fff; width:100%; text-align:center; line-height:20px; font-weight:300;}
#aviso p{ font-size:1.3em; text-align:center; line-height:26px; ; padding:20px;color:#000; }
#content #aviso p{ font-size:1.2em; text-align:center; line-height:26px;color:#FF6666;}
/**********************************/
/*****BANNERS index ************/
#content .principal { margin:0; padding:0}
#list-index{ width:100%; margin:0px; padding:0; }
#list-index ul li {
margin :0; padding:0; width:33%; float:left;
display : block;
text-align : center;
}
#list-index ul li img{ width:100%;margin:1px; padding:0;
}
#list-index ul li img:hover{ opacity: 0.8
}
/**********************************/
/*****cabecera en paginas ************/
.cabecera{ width:100%; margin:0; padding:0; padding-bottom:30px;}
.cabecera img{ width:100%; margin:0; padding:0}
.thumbnail img{ max-width:450px; float:right;width:45%; margin:0; padding:0; margin-left:25px; height:auto;}
/*****************/
#content div#listbox div.post { width:250px; float:left;
padding : 4px;
margin : 4px;
}
#content div.wp-pagenavi {
clear : both;
padding : 15px 0 6px;
text-align : center;
}
#content div.wp-pagenavi a,
#content div.wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 5px 8px;
margin: 2px;
}
#content div.wp-pagenavi a:hover,
#content div.wp-pagenavi span.current {
border-color: #000;
}
#content div.wp-pagenavi span.current {
font-weight: bold;
}
#content div#galerias ul {
overflow : hidden;
clear : both;
}
#content div#galerias ul li {
float : left;
}
#content div#galerias strong {
display : block;
font-size : 22px;
margin-bottom : 5px;
}
#content div#galerias img {
border : 0;
padding : 0px; margin:1px;
}
#content div#galeria h2 {
margin-bottom : 10px;
}
#content div#galeria h3 {
margin-bottom : 10px;
}
#content div#galeria p {
margin-top : 10px;
}
#content div#galeria div.post {
width : 184px;
background : #f5f5f5;
border : 1px solid #227391;
padding : 10px;
margin-bottom : 10px;
float : left;
margin-right : 10px;
}
#content div#galeria div.alt {margin-right : 0px;}
/*
#content div.post h1,h2,h3 { font-size:18px;
}
#content div.post p { font-size:12px; margin-top:0; padding-top:5px;
}
*/
.direccion{ margin-left:90px; line-height:17px; padding-bottom:15px;}
.direccion p{ margin:0; padding:0;}
/* ------------------------------------------------------------
----> #footer
------------------------------------------------------------ */
#footer {
margin : 0; margin-top:30px;
border-top :3px solid #111;
height : 57px;
padding : 15px 0 15px 0 ;
position : relative; bottom:0; width:100%;
text-align:center;
}
#footer p{ color:#666; font-size:11px; line-height:22px; text-align:center; }
#footer p span{ color:#222; font-size:2.4em ; color:#555 }
#footer a{ color:#fff; }
#footer .center img { width:20%; max-width:200px; text-align:center; display:inline; margin-left:auto; margin-right:auto;
}
img.alignright { float:left;
border : 0
display : inline;
float : right;
margin : 0px; margin-left:25px;
padding : 0px;
}
img.alignleft {
border : 0
display : inline;
float : right;
margin : 0px;float:left; margin-right:25px;
padding : 0px;
}
p.thumb {
border : 1px solid #CCCCCC;
display : inline;
float : left;
margin : 0 10px 1px 0;
padding : 1px;
}
/*****PRODUCTOS******************/
ul.productos{ width: 100%; margin:0; padding:0;}
ul.productos li{ width:50%; margin:0; padding:0; float:left; }
ul.productos li img{ width:99%; max-width:500px; margin:0; padding:0;
}
ul.productos li img:HOVER{ opacity:0.7
}
.galeria img{ width:32%; float:left;height:auto; min-width:250px;}
/*****CONTACTO******************/
#contacto{ width:70%; clear:both; display:block; margin-left:60px; }
#contacto h4{ color:#CCCCCC; text-align:center; font-size:1.5em; font-weight:400; margin:8px 0;}
#contacto label.label { text-align:right; width:20%; display:inline; padding-right:20px; float:left; }
#contacto input,#contacto textarea{ border:1px solid #222;display:inline; width:70%; float:left; background:#000; padding:5px; color:#fff; margin:3px;}
#contacto #submit{ border:1px solid #222; background:#222; color:#fff; width:40%; float:right; display:block; margin:20px auto;
font-family: 'Quicksand', sans-serif; padding:15px; font-size:1.2em;}
#contacto #captcha{ padding:0; padding-top:3px;width:70px; margin-left:40px; height:25px; margin-top:6px; display:inline; float:left; }
#contacto input#validar{ width:50%; float:left;}
#contacto #legal{ padding-top:0px;width:20px;; float:left;}
#contacto label.gr { text-align:left; width:80%; display:inline; padding-right:20px; float:left; }
iframe{width:95%; margin:25px 15px; min-height:400px; }
/*
#list ul {
overflow : hidden;
clear : both; margin-top:90px;
}
#list ul li { text-align:center;
padding : 5px;
margin: 10px ;
background : #000;
width : 100%; height:120px; margin-top:50px;
position : relative;
}
#list .post img{ margin:1px;}
#list ul li img{
width : 150px; height:100px; margin-top:5px;
position : relative;
}
#list ul li a{ color:#666; font-size:28px; text-transform:uppercase;
}
#list ul li a:hpver{ color:#fff; }
#list ul li strong {
display : block;
font-size : 20px;
margin-bottom : 10px;
}
#list ul li em {
display : block;
}
#list ul li span {
display : block;
margin-top : 10px;
}
#list ul li span p {
font-size : 11px;
line-height: 13px;
}
#list ul li img {
border : 0;
padding : 1px;
}
#content #nav ul {
overflow : hidden;
clear : both;
}
#content #nav li {
float : left;
margin : 0 10px 0 0;
list-style : none;
}
#content #nav li img {
border : 1px solid #ccc;
padding : 1px;
}
#content #slideshow {
overflow : hidden;
clear : both;
margin-top : 15px;
height : 404px;
}
#content #slideshow img {
border : 1px solid #226b89;
padding : 1px;
}
#pdf ul li {
margin-bottom : 10px;
}
#noticias div.post {
overflow : hidden;
clear : both;
padding : 10px;
margin-top : 10px;
}
div.liquidaciones ul li {
height : 195px;
}
div.maquinarias ul li {
height : 255px;
}
/* ------------------------------------------------------------
----> .pagenavi
------------------------------------------------------------ */
.pagenavi {
margin: 25px 0 10px ;
padding: 0 0 3px;
clear : both;
}
.pagenavi a {
padding: 6px 8px;
border-radius : 5px;
margin : 3px;
text-decoration : none;
color : #fff;
background-color: #444;
}
.pagenavi a:hover {
background-color : #62930E;
}
.pagenavi span.pages {
padding : 6px 8px;
margin : 0 3px 0 0;
color : #fff;
background-color : #444;
border-radius : 5px;
}
.pagenavi span.current {
color: #074062;
font-weight: bold;
margin: 3px;
padding: 6px 7px 5px;
}
.pagenavi span.expand {
padding: 6px 7px 5px 7px;
margin: 3px;
color: #444;
background-color: inherit;
}
.pagenavi .first, .pagenavi .last {
border: 1px solid #aaa;
}
div.detalles {
padding : 15px;
margin-top : 10px;background: #246b88; border-radius:5px;
}
div.detalles h3 {
color: white;
margin: 0;
padding: 8px 10px 0 0;
}
p.descripcion{ line-height:18px; margin-top:20px; padding:10px;}
img{ margin:1px;}
/**cookies*******************/
#cookies { box-shadow:#ccc 2px 2px 2px; border-top:1px solid #333; width:100%; height:50px; background:#000;text-align:center; color:#fff ; position:absolute; bottom:0; z-index:10000; margin:0 auto; filter:alpha(opacity=90);
-moz-opacity:.90;opacity:.90;
position:fixed; padding-bottom:18px; padding-top: 5px;
}
//#cookies p{ display:inline; text-align:center;font-size:0.95em; margin:0; margin-bottom:19px; padding-top:2px; padding-top:3px; line-height:16px;}
//#cookies img{ margin-bottom:-15px;display:inline; margin-left:15px; margin-right:15px; margin-top:0px; max-width:80px; border:1px solid #990000 }
//#cookies p a{padding-top:15px; color:#FFFFFF; text-decoration:underline }
// #cookies a{ color:#FFFFFF}