/* CSS Document */
* {margin:0; padding:0;}

html, body, #contenedor {height: 100%;}

body > #contenedor {height: auto; min-height: 100%;}

body{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	color:#DCDCDC;
	background:url(i/fnd.jpg) repeat-x #000000;
	text-align:center;
	}

img{
	border:0;
	}
a{
	text-decoration:none;
	color:#ffffff;
	}
h1.titulo{
	font-size:20px;
	padding:50px 0 10px 0;
	}
p{
	padding-bottom:10px;
	}

#contenedor{
	width:975px;
	margin:0 auto;
	text-align:left;
	}

#cabecera{
	height:55px;
	position:relative;
}

.logo{
	position:absolute;
	top:0;
	left:10px;
	z-index:100;
	}

ul#idioma{
	list-style-type:none;
	float:right;
	padding-top:3px;
	padding-right:10px;
	}
ul#idioma li{
	display: inline;
	}

ul#menu{
	clear:both;
	float:right;
	padding-top:8px;
	font-size:14px;
	margin-right: 75px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	list-style-type:none;
	}
ul#menu li {
	display:inline;
	margin-right:12px;
	}
ul#menu li a{
	color:#FFFFFF;
	}
ul#menu li a:hover{
	border-bottom:2px solid #7AADAE;
	color:#7AADAE;
	}

.submenu{
	position: absolute;
	margin-top: 5px;
	border: 2px solid #0A7074;
	background-color: #0A7074;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
}

.submenu ul, .submenu a {
	padding: 0px !important;
	margin: 0px !important;
}

.submenu li{
	display: inline !important;
}
ul#menu2 li a:hover{
	border-bottom: none;
	}

#contenido{
	margin: 0 10px;
	padding-bottom: 55px; /* igual que heigth del #pie */
	}

.imgPortada{
	padding:0 15px 20px 15px;
	}

#txtPortada{
	width:625px;
	float:left;
	}

a.txtPortada{
	font-size:22px;
	}
#txtPortada p{
	padding-bottom:20px;
	}

#banner{
	width:170px;
	float:right;
	}

#banner img{
	margin-bottom:10px;
	}
#galeria{
	padding:30px 15px;
	}

ul#titulo{
	padding: 50px 0px 5px 0;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dotted #626262;
	color:#959595;
	}

ul#titulo li{
	display:inline;
	padding:5px 10px 5px 0;
	}
ul#titulo li a{
	color:#959595;
	}
ul#titulo li a:hover{
	color:#DCDCDC;
	}
#carrito{
	background:#333333;
	text-align:right;
	padding: 2px 5px;
	margin-top:3px;
	color:#CCCCCC;
	}

#oportunidades{
	padding-top: 20px;
	border-bottom:1px solid #434343;
	}
#oportunidades img{
	padding:0px 20px 20px 0;
	float:left;
	}
#oportunidades .nombre{
	font-size:16px;
	font-weight:bold;
	padding-bottom:0;
	}
#oportunidades .descripcion{
	padding:10px 0 20px 0;
	}
#oportunidades .precio{
	border-top:1px solid #959595;
	border-bottom: 1px solid #959595;
	padding:5px 2px 3px 2px;
	}
#oportunidades .precioNum{
	font-size:18px;
	font-weight:bold;
	}
#oportunidades .comprar{
	float:none;
	padding:0;
	padding-left:10px;
	margin-top:-4px;
	}
#infoPrecio{
	padding:13px 10px 30px 0;
	}

#visitavirtual{
	width:550px;
	padding-top:50px;
	float:left;
	}
.visita{
	padding-top:140px;
	padding-right:80px;
	float:right;
	}
.visitaTexto{
	padding-top: 0;
	padding-right: 130px;
	float: right;
	font-weight: bold;
	}

form#contacto{
	width:300px;
	float:left;
	}
form#sugerencias{
	width: 400px;
	float:left;
	}
form#trabaja{
	width: 400px;
	}

.formContact label{
   display: block;
   font-weight: bold;
   padding-bottom:3px;
}
.formContact input{
   display: block;
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #CCCCCC;
   background:#a0a0a0;
   padding:2px;
}
.formContact textarea{
   display: block;
   width: 100%;
   height: 150px;
   margin-bottom: 10px;
   border: 1px solid #CCCCCC;
   background:#a0a0a0;
   padding:2px;
}
.formContact select{
	margin-bottom: 10px;
  	border: 1px solid #CCCCCC;
   	background:#a0a0a0;
   	padding:2px;
	}
.formContact .boton{
	border: #999999 solid 1px;
	background:#a0a0a0;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
    cursor: pointer;
}

#mapa{
	width:500px;
	float:right;
	}

#mostrarSugerencias{
	width: 400px;
	float:right;
	}
#mostrarSugerencias p{
	border-bottom: 1px solid #666666;
	margin-bottom:10px;
	}

#pie{
	position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 55px;
	clear:both;
	background:#1A1A1A;
	border-top:1px solid #3F3F3F;
	text-align:center;
	font-size:10px;
	}
#pieTxt{
	padding-top:15px;
	}

.top50{
	padding-top:50px;
	}
.bottom{
	padding-bottom:50px;
	}

.tablaCesta{
   width: 90%;
   height: 90%;
   padding-top:20px;
   margin-left: auto;
   margin-right: auto;
}

.tablaCesta td{
   color: white;
   vertical-align: top;
   text-align: left;
}

.tablaCesta input{
   width: 30px;
   background-color: #A9A9A9;
   border: 1px solid #6F6B6B;
}

.tablaCesta .botones{
   height: 30px;
}
.tablaCesta .botones td{
   width:50%;
   text-align: center;
}

#datosEntrega{
   margin-top: 10px;
/*   margin-left: 20px; */
}

#datosEntrega label{
   float: left;
   width: 150px;
}

#datosEntrega input{
   width: 300px;
   background-color: #A9A9A9;
   border: 1px solid #6F6B6B;
}

.errorLabel{
   display: block;
   width: 500px;
   border: 2px solid red;
   padding: 3px 5px 3px 5px;
   background: #cccccc;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   color: red;
   margin-bottom: 10px;
}

.iframeCeca{
   width: 640px;
   height: 500px;
}

#ventanaListas, #ventanaListas table{
   width: 100%;
   height: 100%;
}

#ventanaListas td{
   width: 100%;
   color: white;
   vertical-align: top;
}

#ventanaListas p{
   margin: 15px 0 0 15px;
}

#ventanaListas label{
   float: left;
   width: 80px;
}

#ventanaListas .botones{
   text-align: center;
   height: 15px;
}

#ventanaListas .botones input{
   margin: 5px 10px 0px 10px;
}

#marca, #partner{
	clear: both;
}

#marcaImg{
	margin-top: 20px;
	float: left;
	width: 200px;
	margin-right: 20px;
	text-align: center;
	}

#partnerImg{
	margin-top: 20px;
	float: left;
	width: 450px;
	margin-right: 20px;
	text-align: center;
	}
	
#marca p{
	margin-top: 20px;
	width: 720px;
	float: right;
	}
#partner p{
	margin-top: 20px;
	width: 480px;
	float: right;
	}

#mapaweb{	
	margin: 20px 20px 20px 50px;
	}
.submapaweb{
	margin-left: 20px;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */