/* Template Name: Internet Business File: Layout CSS Author: OS Templates Author URI: http://www.os-templates.com/ Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a> */ @import url(navi.css); @import url(forms.css); /* @import url(tables.css); */ @import url(featured_slide.css); body { margin: 0; padding: 0 0 0 0; font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #FFF; background-color: #EEE; } img{border:0; padding:0; margin:0;} .justify{text-align:justify;} .bold{font-weight:bold;} .center{text-align:center;} .right{text-align:right;} .nostart {list-style-type:none; margin:0; padding:0;} .clear{clear: both;} br.clear{clear:both; margin-top:-15px;} a{outline:none; text-decoration:none;} hr{width:100%; border: 1px dashed #DDD; height: 1px; clear: both; margin: 10px 0; padding: 0;} .fl_left{float:left;} .fl_right{float:right;} .imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666; background-color:#FFF;} .imgl{float:left; margin:0 8px 8px 0; clear:left;} .imgr{float:right; margin:0 0 8px 8px; clear:right;} /* ----------------------------------------------Generalise-------------------------------------*/ h1,h2,h3,h4,h5,h6 { font-family: 'Quattrocento Sans', sans-serif; font-weight:normal; } h2, h3 { margin:0 0 20px 0; padding:0 0 8px 0; border-bottom:1px dotted #DDDDDD; } h1 { font-size:20px; } h2 { font-size:18px; } h3 { font-size:16px; } h4, h5, h6 { padding: 3px 0 3px 3px !important; margin: 20px 0 20px 0 !important; font-size: 14px; color: #F30; border-bottom: 1px dotted #DDDDDD; clear: both; background: #EEE; width: 96%; } #header { height: 140px; z-index: 80; top: 0; background:#FFF; width:961px; } #topbar{ /*top:172px;*/ top:180px; width: 961px; z-index: 70; background: #FFF; height:32px; } #featured_slide, #homecontent, #breadcrumb, #container, #footer, #copyright{ margin:0 auto 0; display:block; width:1000px; } .CONTENEDOR { margin:0 auto 0; display:block; /*width:982px;*/ width:980px; padding: 0 10px; background-color:#FFF; /*border-left:1px solid #DDD; border-right:1px solid #DDD;*/ position:relative; } .CONTENEDOR_BANNER { width: 100%; display: block; } .CONTENEDOR_HEADER { top: 0; margin:0 auto 0; display:block; /*width:982px;*/ width:980px; padding: 0 10px; background:#FFF; /*height: 150px;*/ height:212px; z-index: 60; /*border-left:1px solid #DDD; border-right:1px solid #DDD;*/ position: -webkit-sticky; /* Safari */ position: sticky; } .wrapper{ display:block; width:960px; /*padding:15px 10px 0px 10px;*/ padding:0px 10px; color:#666666; background-color:#FFF; /* border-left: 2px dashed #DDD; border-right: 2px dashed #DDD;*/ height: 100%; } #MANCHA_RENT{ display:none !important; } /* ----------------------------------------------Header-------------------------------------*/ #header .wrapper{ padding:0px 10px 10px 10px; /* border-top:10px solid #DFDFDF; */ } #header h1, #header p{ margin:0; padding: 15px 0 0 0; } #header .HEADER_LEFT{ display:block; float:left; /* width:220px; margin:0 20px 0 0;*/ /*width:175px;*/ width: 100%; } #header .HEADER_RIGHT{ position: relative; display: block; float: right; /* width: 600px;*/ padding: 5px 0; /* height: 35px;*/ } /* #header .HEADER_RIGHT{ position: relative; display: block; float: right; width: 700px; padding: 5px 0; height: 35px; } .BG_GRIS { background: #EEE url('../graficos/cabecera/fondo_dropdown_26x45.png') left top no-repeat ; } */ #header h1{ margin:0; font-size:36px; border:none; float: left; } #header h1 a{ color: #059BD8; background-color: #FFFFFF; } /* ----------------------------------------------Topbar-------------------------------------*/ #topbar .wrapper{ /* padding:0 10px; */ } #sub_cabecera{ position: fixed; z-index: 70; width: 960px; background: none repeat scroll 0% 0% white; top: 90px; display: block; float: left; /* width: 290px; height: 32px; */ } #sub_cabecera #solicitar_producto{ display:none; } #sub_cabecera #catalogo_cabecera{ display: block; text-align: right; width: 670px; float: left; padding-top:3px; } #pestanas { display: block; float: left; width: 290px; } /* ----------------------------------------------Homepage Intro-------------------------------------*/ #homecontent .wrapper { padding:15px 10px; } #homecontent a { /*color:#F30;*/ } #homecontent ul { display: inline; margin:0; padding:0; list-style:none; } #homecontent li { position: relative; display:block; float:left; width:302px; min-height: 320px; margin:0 25px 0 0; padding:0; border-bottom: 1px dashed #DDD; } #homecontent li ul { display: inline; margin:0; padding:0; list-style:none; } #homecontent li li { position: relative; display:block; float:left; width:302px; margin:0 25px 0 0; padding: 0 0 0 40px; background: url('../graficos/icons/arrow1.gif') 20px 12px no-repeat; min-height: 10px !important; border: none !important; } #homecontent li.last{margin-right:0;} #homecontent li h2.title{ display: block; width: 100%; height: 65px; margin: 0; padding: 6px 0 8px 0; font-size: 22px; font-weight: normal; font-family: 'Quattrocento Sans', sans-serif; /* font-family: "Century Gothic", Times, serif; */ color:#666666; background-color:#FFFFFF; line-height: normal; border-bottom: 1px dashed #CCCCCC; } #homecontent li h2.title img{ float:left; margin:-11px 8px 0 0; padding:5px; color:#666666; /* background-color:#F7F7F7; */ /* border:1px solid #CCCCCC; */ } #homecontent p.readmore{ position: absolute; bottom: 0px; font-family: 'Quattrocento Sans', sans-serif; /* font-family: "Century Gothic", Times, serif; */ font-size: 13px; display:block; width:100%; text-align:right; line-height:normal; margin: 10px 0; padding:0; clear: both; } /* ----------------------------------------------BreadCrumb-------------------------------------*/ #breadcrumb .wrapper{ padding:5px 10px; } #breadcrumb a{ color:#F30; background-color:#FFFFFF; } #breadcrumb ul{ margin:0; padding:0; list-style:none; } #breadcrumb ul li{display:inline;} #breadcrumb ul li.current a{text-decoration:underline;} /* ----------------------------------------------Content-------------------------------------*/ #container .wrapper{ padding:20px 10px; line-height:1.4em; color:#666666; background-color:#FFF; } #container a{ color: #F30; /* font-family: 'Quattrocento Sans', sans-serif; */ /* font-family: "Century Gothic", Times, serif; */ /* font-size: 14px; */ font-weight: normal; } #container a:hover{ color: #333; } #container h2, #container h3, #container h4, #container h5, #container h6{ padding-bottom:8px; border-bottom:1px dotted #CCCCCC; } .content100{ display:block; float:left; width:98%; background: #EEE; padding: 10px 10px 20px 10px; margin: 0 0 20px 0; } .content{ display:block; float:left; width:733px; } .content_ficha{ display:block; float:left; width:550px; } /* ------Comments-----*/ #comments{margin-bottom:40px;} #comments .commentlist {margin:0; padding:0;} #comments .commentlist ul{margin:0; padding:0; list-style:none;} #comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;} #comments .commentlist li.comment_odd{color:#666666; background-color:#FFFFFF;} #comments .commentlist li.comment_odd a{color:#059BD8; background-color:#FFFFFF;} #comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;} #comments .commentlist li.comment_even a{color:#059BD8; background-color:#E8E8E8;} #comments .commentlist .author .name{font-weight:bold;} #comments .commentlist .submitdate{font-size:smaller;} #comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;} #comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;} /* ----------------------------------------------Column-------------------------------------*/ #column_ficha_2c { display:block; float:right; width:390px; padding: 0 0 0 10px; border-left: 1px dotted#DDD; } #column_ficha_3c_2{ display:block; float:right; width:120px; border-left: 1px dashed #DDD; padding: 0 0 0 10px; margin: 0 0 0 10px; } #column_ficha_3c_3{ display:block; float:right; width:245px; border-left: 1px dashed #DDD; padding: 0 0 0 10px; margin: 0 0 0 10px; } #column{ display:block; float:right; width:205px; padding: 0 0 0 8px; border-left: 1px dotted#DDD; } #column .holder, #column #featured{ display:block; width:100%; margin-bottom:20px; } #column .holder h2.title{ display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #666666; } #column .holder h2.title img{ float:left; margin:-15px 8px 0 0; padding:5px; } #column div.imgholder{ display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#FFFFFF; border:1px solid #CCCCCC; } #column .holder p.readmore{ font-family: 'Quattrocento Sans', sans-serif; /* font-family: "Century Gothic", Times, serif; */ font-size: 13px; display:block; width:100%; text-align:right; line-height:normal; clear: both; } /* Featured Block */ #column #featured a{ color:#666666; background-color:#F9F9F9; } #column #featured ul, #column #featured h2, #column #featured p{ margin:0; padding:0; list-style:none; } #column #featured a{ color:#059BD8; background-color:#F9F9F9; } #column #featured li{ display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#F9F9F9; } #column #featured li p.imgholder{ display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC; } #column #featured li h2{ margin:0; padding:0 0 14px 0; font-weight:normal; font-family: 'Quattrocento Sans', sans-serif; /* font-family: "Century Gothic", Times, serif; */ line-height:normal; border-bottom:1px dashed #666666; } #column #featured p.readmore{ font-family: 'Quattrocento Sans', sans-serif; /* font-family: "Century Gothic", Times, serif; */ font-size: 13px; display:block; width:100%; margin-top:15px; text-align:right; line-height:normal; clear: both; } #column #latestnews{ display:block; width:100%; margin:0; padding:0; list-style:none; } #column #latestnews li{ display:block; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px dotted #DDDDDD; } #column #latestnews li.last{ margin-bottom:0; } #column #latestnews p{ margin:0; padding:0; line-height:normal; } #column #latestnews .imgl{ width: 95%; } /* ----------------------------------------------Footer------------------------------------- #footer .wrapper{ padding:20px; border:none; color:#98989A; background-color:#2F2F2F; } #footer a{ color:#059BD8; background-color:#2F2F2F; } #footer h2{ padding-bottom:8px; border-bottom:1px dotted #999999; } #footer input { margin-bottom:5px; border-bottom:1px solid #999999; height: 14px; } #footer p, #footer ul, #footer a{ margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal; color: #EEE; } #footer .footbox{ display:block; float:right; width:175px; margin:0 0 0 30px; padding:0; } #footer li{ margin-bottom:3px; } #footer .last{ margin:0; } #footer .link{ float: left; } */ #newsletter{ display:block; float:left; width:300px; } #h2_filtros_disponibles,#h2_filtros_activos{ background:#CC0000; border-bottom:none !important; color:white; margin-bottom:0px; padding-top:10px; text-align:center; } #div_filtros_disponibles,#div_filtros_activos{ background:#CC0000; } /* ----------------------------------------------Copyright-------------------------------------*/ #copyright .wrapper{ padding:10px 20px; border:none; } #copyright p{ margin:0; padding:0; } #copyright .wrapper, #copyright a{ color:#FFFFFF; background-color:#3D3D3D; }