/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007)
Modified by Nick Young, 26 January 2008 for use with Drupal 5.0.
*/
/*
Screen layout:
*/
body {
padding:15px 0 0 0;
font:76% tahoma, verdana, sans-serif;
background:#A9BF84;
color:#6A6C6D;
/*width:750px;*/ /*fix for IE6 - width will not work on body tag, must have its own container */
text-align: center; /*fix for IE6 - width will not work on body tag, must have its own container */
}
#pagecontainer{
width:950px;
/*width:750px;*/
margin:0 auto;
text-align: left; /*fix for IE6 - counteracts the centring in body... */
}
a {
color:#87B539;
text-decoration:none;
border-bottom:1px dotted #D45D00;
}
a:hover {
color:#D45D00;
text-decoration:none;
border-bottom:1px solid #4A6421;
}
h1 {
display:none;
/*
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;*/
}
h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}
h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}
h4 {
margin:0 0 10px 0;
font-size:1.2em;
font-weight:bold;
}
h5 {
margin:0 0 10px 0;
font-size:1.1em;
font-weight:bold;
}
h6 {
margin:0 0 10px 0;
font-size:1.0em;
font-weight:bold;
}
p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:justify;
}
a img {
border:0;
}
ul li, ol li{
line-height:1.5em;
}
/* Toptab menu */
#toptabs {
/*margin:10px auto -13px auto;*/
font-size:0.8em;
text-align:right;
}
#toptabs p {
text-align:right;
color:#808080;
display:inline;
}
#toptabs li, #toptabs ul {
list-style:none;
display:inline;
margin:0;
padding:0;
}
#toptabs li a
{
display:inline;
list-style:none;
padding:4px 5px 1px 5px;/* top right bottom left */
margin:0 0 0 2px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}
#toptabs li a:hover {
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#4A6421;
text-decoration:none;
}
#toptabs li a.active,
#toptabs li a.active:link,
#toptabs li a.active:visited
{
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#4A6421;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}
#toptabs li a.active:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}
/* Site title section */
#logo {
margin:15px 0 10px 0;
background:url(images/tlf.gif) center right no-repeat;
}
#logo img{
padding:0px;
margin:0;
border:none;
}
#logo a {
text-decoration:none;
border: none;
}
#logo h1{
display:none;
/*display: inline;*/
}
#logo h1 a {
color:#505050;
border:none;
}
#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}
/* Main container */
#container {
margin:0 auto 20px auto;
padding:5px 20px 20px 20px;
background:#ffffff;
}
/* Navitab menu */
#navitabs {
/*clear:both;*/
}
#navitabs li {
padding:0;
margin:0;
}
#navitabs a {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#4A6421;
}
#navitabs a:hover {
text-decoration:none;
background:#D7EDB2 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
color:#D45D00;
}
#navitabs a.active {
padding:4px 8px 4px 8px;
color:#ffffff;
margin:0 0 4px 0;
font-size:1.1em;
text-decoration:none;
border-bottom:1px solid #4A6421;
background:#4A6421 url(images/corner.gif) top right no-repeat;
}
#navitabs a.active:hover {
text-decoration:none;
color:#ffffff;
}
/* Header description */
#desc {
height:200px;
color:#ffffff;
padding:0;
background:#4A6421;
/*background:#505050 url(images/front.jpg) top left no-repeat;*/
/*clear:both;*/
margin:5px 0 15px 0;
z-index:0;
}
#desc p {
width:290px;
font-size:1em;
line-height:1.3em;
padding:0;
margin:0;
/*padding:0 0 0 15px;*/
}
#desc h2 {
display:none;
padding:15px 15px 0 15px;
color:#ffffff;
}
#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}
/*.right {
margin-top:-8px;
text-align:right;
}*/
/*
Main content
*/
#main {
/*width:540px;*/
width:680px;
float:right;
padding:0 0 0 10px;
margin:0;
}
#main p{
}
#main h2{
color:#FF5A00;
}
#main h3{
color:#EE9C17;
}
#main .center{
text-align:center;
}
#main .destacado{
font-weight:bold;
color:#4A6421;
}
#main .precio{
color:#81CD00;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
#main .precio .num{
font-size:2.3em;
}
#main .paddingtop{
padding-top:15px;
}
#main .paddingbottom{
padding-bottom:15px;
}
#main .btn{
background:#ADF237 url(images/corner.gif) top right no-repeat;
color:#4A6421;
font-weight:bold;
cursor:pointer;
margin:5px!important;
display:block;
padding:2px 0 2px 0;
text-decoration:none!important;
text-align:center;
}
#main li {
}
#main input{
background:#F0F0F0;
border:none;
color:#6A6C6D;
}
#main .submit{
background:#ADF237;
color:#4A6421;
font-weight:bold;
cursor:pointer;
}
/*
Sidebar
*/
#sidebar {
width:200px;
float:left;
border-right:1px solid #A9BF84;
padding:0 10px 0 0;
}
#sidebar p {
font-size:0.9em;
line-height:1.3em;
/*margin:0 0 15px 0;*/
}
#sidebar a {
text-align:left;
display:block;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
border:none;
}
#sidebar a:hover {
background:#D7EDB2 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
color:#D45D00;
}
#sidebar li{
padding:3px 4px 3px 8px;
list-style:none;
margin: 0;
}
#sidebar h2{
color:#87B539;
background:url(images/ico-sidebar.gif) center left no-repeat;
padding:3px 0 3px 30px;
}
/*Le asesoramos*/
#block-block-3{
background:url(images/asesoramiento.gif) top right no-repeat;
margin:8px 0 8px 0;
}
#block-block-3 p{
padding: 0 30px 0 10px;
text-align:left;
}
#formularioconsultas {
height:210px;
}
#formularioconsultas p{/*estilos para el mensaje de confirmacion del formulario*/
height:200px;
background:url(images/bgconfirmacion.gif) bottom right no-repeat;
font-weight:bold;
font-size:1.2em;
margin-top:8px;
text-align:center;
}
#block-block-3 .formularioconsultas{
font-size:0.9em;
margin:0 5px 0 5px;
padding:4px;
background:#A9BF84 url(images/corner.gif) top right no-repeat;;
color:#fff;
}
#block-block-3 .formularioconsultas input, textarea{
width:100%;
background:#fff;
border:none;
color:#6A6C6D;
margin-bottom:3px;
}
#block-block-3 .formularioconsultas .check{
width:20px;
float:left;
background:#fff;
border:none;
}
#block-block-3 .formularioconsultas a {
color:#D45D00;
text-decoration:none;
border-bottom:1px dotted #D45D00;
background:none;
display:inline!important;
}
#block-block-3 .formularioconsultas a:hover {
color:#4A6421;
text-decoration:none;
border-bottom:1px solid #4A6421;
}
#block-block-3 .formularioconsultas .inputbtn{
background:#ADF237 url(images/corner2.gif) top right no-repeat;
color:#4A6421;
font-weight:bold;
cursor:pointer;
margin:8px 0 0 50px;
display:inline!important;
width:100px;
}
/* confianza online */
#block-block-33{background:url(images/px.gif) top right no-repeat!important;
width:106px;
height:129px;
margin:0 auto 15px auto;
padding:0!important;
}
#block-block-33 a{background:none!important;}
/*LOPD*/
#block-block-18{
background:url(images/bglopd.gif) top right no-repeat;
height:108px;
width:180px;
margin:0 5px 5px 5px;
padding:5px;
}
#block-block-18 h2{
background:none;
padding:0;
line-height:90%;
text-align:center;
}
#block-block-18 h2 a{
text-decoration:none;
background:none;
color:#B62200;
}
#block-block-18 h2 a:hover{
text-decoration:underline;
background:none;
color:#B62200;
}
#block-block-18 p{
color:#fff;
width:140px;
float:right;
text-align:right;
}
/*Web*/
#block-block-19{
background:url(images/bgweb.gif) top right no-repeat;
height:108px;
width:180px;
margin:0 5px 5px 5px;
padding:5px;
}
#block-block-19 h2{
background:none;
padding:0;
line-height:90%;
text-align:center;
margin:0!important;
}
#block-block-19 h2 a{
text-decoration:none;
background:none;
color:#283F01;
}
#block-block-19 h2 a:hover{
text-decoration:underline;
background:none;
color:#283F01;
}
#block-block-19 p{
color:#fff;
width:135px;
text-align:left;
padding-left:5px;
}
/*Tienda*/
#block-block-20{
background:url(images/bgtienda.gif) top right no-repeat;
height:108px;
width:180px;
margin:0 5px 5px 5px;
padding:5px;
}
#block-block-20 h2{
background:none;
padding:0;
line-height:90%;
text-align:center;
margin:0!important;
}
#block-block-20 h2 a{
text-decoration:none;
background:none;
color:#283F01;
}
#block-block-20 h2 a:hover{
text-decoration:underline;
background:none;
color:#283F01;
}
#block-block-20 p{
color:#283F01;
width:130px;
text-align:left;
}
/*Buscadores*/
#block-block-21{
background:url(images/bgbuscadores.gif) top right no-repeat;
height:108px;
width:180px;
margin:0 5px 5px 5px;
padding:5px;
}
#block-block-21 h2{
background:none;
padding:0;
line-height:90%;
text-align:center;
margin-bottom:8px;
}
#block-block-21 h2 a{
text-decoration:none;
background:none;
color:#B62200;
}
#block-block-21 h2 a:hover{
text-decoration:underline;
background:none;
color:#B62200;
}
#block-block-21 p{
color:#fff;
text-align:left;
}
/* Footer */
#footer {
clear:both;
background:#fafafa;
padding:0;
margin:0;
border-top:1px solid #A9BF84;
}
#footer a {
color:#808080;
}
#footer a:hover {
color:#303030;
}
#footer p {
color:#808080;
font-size:0.9em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
text-align:center;
}
#footer .aenor{
background:url(images/aenor2.gif) center bottom no-repeat;
height:80px;
}
#footer .enlaces{
float:right;
width:600px;
}
img {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}
#optimizada{
clear:both;
width:950px;
margin:auto;
font-size:80%;
}
#optimizada p{
text-align:center!important;
color:#fff;
}
/* Estilos */
.imgright{
float:right;
margin-left:8px;
}
.imgleft{
float:left;
margin-right:8px;
}
.noborder{
border:none!important;
background:none;
}
.linealateral{
border-right:1px dotted #A9BF84;
}
.fondo1{
background:#A9BF84 url(images/corner.gif) top right no-repeat;
color:#fff!important;
font-weight:bold;
padding:4px;
}
.marginright{
margin-right:25px;
}
.margintop{
margin-top:12px!important;
}
.tablatienda{
width:680px;
}
.columna1, .columna2{
width:215px;
margin-right:10px;
float:left;
}
.columna3{
width:215px;
float:left;
}
.clear{
clear:both;
height:5px;
}
.recuadro{
border-bottom:1px dotted #A9BF84;
padding-top:8px;
}
.alto60{
height:60px;
}
.lista{
height:155px;
margin-left:25px!important;
}
tbody{
border:none;
}
table td{
height:25px;
}
table img{
padding:0;
margin:0;
}
.padding8{
padding:0 8px 0 8px 0!important;
}
.marginleft{
margin-left:25px!important;
}
.bgdom{
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
width:405px;
height:160px;
background:url('images/bg_dominios.jpg') no-repeat !important;
}
.bgdatos{
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
width:405px;
height:160px;
background:url('images/bg_datos.jpg') no-repeat !important;
}
.lineabottom{
border-bottom:1px dotted #A9BF84!important;
}
.sanciones{
border: 1px dotted #81CD00;
padding:8px;
margin-top:30px;
}
/*Fin Estilos*/
/*Portada*/
#cuadro1{
background:url('images/bgcuadro2.jpg') no-repeat top left;
float:left;
height:501px!important;
}
#cuadro2{
background:url('images/bgcuadro1.jpg') no-repeat top left;
float:right;
height:501px!important;
}
#cuadro3{
background:url('images/bgcuadro3.jpg') no-repeat top left;
float:left;
height:420px;
}
#cuadro4{
background:url('images/bgcuadro4.jpg') no-repeat top left;
float:right;
height:420px;
}
#cuadro5{
margin-bottom:5px;
padding:5px 10px 5px 10px;
background:url('images/bgcuadro5.jpg') no-repeat top left;
}
#cuadro1, #cuadro2, #cuadro3,#cuadro4{
margin-bottom:5px;
padding:5px 10px 5px 10px;
width:315px;
}
#cuadro1 h3, #cuadro2 h3, #cuadro3 h3,#cuadro4 h3, #cuadro5 h3, #cuadro6 h3, #cuadro7 h3{
font-size:110%;
font-weight:bold;
color:#283F01;
}
#cuadro1 .precio, #cuadro2 .precio, #cuadro3 .precio,#cuadro4 .precio, #cuadro5 .precio, #cuadro6 .precio, #cuadro7 .precio{
font-size:200%;
font-weight:bold;
}
#cuadro1 .ancho200{
width:200px;
}
#cuadro1 p, #cuadro2 p, #cuadro3 p,#cuadro3 ul li, #cuadro4 p, #cuadro5 p, #cuadro6 p, #cuadro7 p{
font-size:92%;
line-height:140%;
margin:8px 0 8px 0;
}
#cuadro6{
width:315px;
float:left;
background-color:#F0F0F0;
margin-bottom:5px;
background:url('images/corner.gif') top right no-repeat #F0F0F0;
padding:5px 10px 5px 10px;
height:175px;
}
#cuadro7{
width:315px;
float:right;
background:url('images/corner.gif') top right no-repeat #F0F0F0;
margin-bottom:5px;
padding:5px 10px 5px 10px;
height:175px;
}
#cuadro6 h3, #cuadro7 h3{
border-bottom:1px solid #283F01;
padding-bottom:3px;
}
#cuadro1 .btn, #cuadro2 .btn, #cuadro3 .btn, #cuadro4 .btn {width:100px!important;}
/*Portada*/
#disenoweb{
background:url('images/bg_disenoweb.jpg') no-repeat;
width:912px;
height:200px;
}
#disenoweb p{
display:none;
}
#tienda{
background:url('images/bg_tienda.jpg') no-repeat;
width:912px;
height:200px;
}
#tienda p{
display:none;
}
#landing{
background:url('images/bg_landing.jpg') no-repeat;
width:912px;
height:200px;
}
#landing p{
display:none;
}
#alojamiento{
background:url('images/bg_alojamiento.jpg') no-repeat;
width:912px;
height:200px;
}
#alojamiento p{
display:none;
}
#ultimostrabajos{
background:url('images/ultimostrabajos.jpg') no-repeat;
width:912px;
height:200px;
}
#ultimostrabajos p{
display:none;
}
.trabajos{
background:url('images/trabajos.jpg') no-repeat;
width:660px;
height:263px;
}
.ancho220{
width:220px;
text-align:center!important;
height:30px!important;
}
.ancho220 h3{
text-align:center!important;
}
/*Galeria panel*/
#panelweb{
margin-left:50px;
}
#panelweb img{
float:left;
margin-right:20px;
margin-bottom:20px;
}
/*Carrusel*/
#carousel
{
margin-top:40px;
width: 660px;
height: 220px;
background:url('images/bgcarrusel.gif') no-repeat top;
/*top: 100px;
left: 50%;
margin-left: -350px;*/
z-index:1000;
}
#carousel a
{
position: absolute;
width: 200px;
}
#ImageBoxOverlay
{
background-color: #000;
z-index: 1000;
}
#ImageBoxOuterContainer{
z-index: 1000;
}
#ImageBoxCaption
{
background-color: #F4F4EC;
}
#ImageBoxContainer
{
width: 250px;
height: 250px;
background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
font-weight: bold;
padding-bottom: 5px;
font-size: 13px;
color: #000;
}
#ImageBoxCaptionImages
{
margin: 0;
}
#ImageBoxNextImage
{
background-image: url(images/imagebox/spacer.gif);
background-color: transparent;
}
#ImageBoxPrevImage
{
background-image: url(images/imagebox/spacer.gif);
background-color: transparent;
}
#ImageBoxNextImage:hover
{
background-image: url(images/imagebox/next_image.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#ImageBoxPrevImage:hover
{
background-image: url(images/imagebox/prev_image.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
/*Fin Carrusel*/
/* Formulario contacto*/
#formularioconsultas .contacto{
background-color:#A9BF84!important;
color:#fff;
margin:4px 0 4px 0;
}
#formularioconsultas .contactobtn{
background:#ADF237 url(images/corner.gif) top right no-repeat;
color:#4A6421;
font-weight:bold;
cursor:pointer;
margin:5px!important;
display:block;
padding:2px 0 2px 0;
text-decoration:none!important;
text-align:center;
}
/* Fin Formulario contacto*/
/*
Admin panel settings
*/
dl.admin-list a{
border:none;
}
dl.admin-list dt {
text-align:left;
display:block;
/*width:140px;*/
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:10px 10px 5px 0;
border:none;
}
dl.admin-list dt:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}
blockquote {
background:#f0f0f0;
padding:10px;
padding: 0;
}
/*
.submitted
{
font-size: 0.8em;
text-align:left;
display:block;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:10px 10px 5px 0;
border:none;
}
li.node_read_more{
text-align:left;
display:block;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:10px 10px 5px 0;
border:none;
}
li.node_read_more:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}
ul.links{
float: right;
margin-bottom: 5px;
padding: 2px;
text-align: right;
}
*/
/* flashes*/
#block-block-9{
z-index:0;
}
.ofertas{
font-size:11px;
color:#485E22!important;
text-align:center;
}
/*Pack tienda online*/
#pack0{ padding:5px;}
#pack1{float:left;font-weight:bold; color:#ADF237;}
#pack2{width:580px;float:right;}
.verde{color:#4A6421; font-size:13px;}
.size75{font-size:75px; }
.size25{font-size:25px; }
.auto{text-align:center;}
.mas{font-size:55px; text-align:center; font-weight:bold; color:#ADF237;}
.nar{color:#FF5A00; text-align:right; font-weight:bold;}
.bgverde{background-color:#A9BF84; color:#4F612E; font-weight:bold;}
.bgverde1{background-color:#C0D49B;}
.bgverde2{background-color:#E1F2C3;}
#block-block-36{background: url('http://www.websparaprofesionales.com/img/auditoria/bgencuesta.jpg') no-repeat ; height:200px; color:#000; font-size:16px; font-weight:bold;padding-left:250px;}