@import url('template.css');

/* Content
/********************************************************************/
#content{
	color:#666;
	float:left;
	margin:25px 0 0 0;
	width:598px;
	display:inline;
}
.margen_bottom{ margin-bottom:50px !important;}

#content h2{
	font:bold 18px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
#content h2.logo{ text-indent:-5000px;}

#content h2.laptable,
#content h2.laptable_zoom,
#content h2.laptable_col,
#content h2.uptable,
#content h2.etable,
#content h2.etable_cooler,
#content h2.flex_lap,
#content h2.built,
#content h2.byo,
#content h2.bluelounge,
#content h2.patsaysnow{
	width:200px;
	height:48px;
}

#content h2.laptable		{ background:url(../img/logo_laptable.jpg) no-repeat left top;			}
#content h2.laptable_zoom	{ background:url(../img/logo_laptable_zoom.jpg) no-repeat left top;		}
#content h2.laptable_col	{ background:url(../img/logo_laptable-color.jpg) no-repeat left top;	}
#content h2.uptable			{ background:url(../img/logo_uptable.jpg) no-repeat left top;			}
#content h2.etable			{ background:url(../img/logo_etable.jpg) no-repeat left top;			}
#content h2.etable_cooler	{ background:url(../img/logo_etable_cooler.jpg) no-repeat left top;		}
#content h2.flex_lap		{ background:url(../img/logo_flexlap.jpg) no-repeat left top;			}
#content h2.built			{ background:url(../img/logo_built.jpg) no-repeat left top;				}
#content h2.byo				{ background:url(../img/logo_byo.jpg) no-repeat left top;				}
#content h2.bluelounge		{ background:url(../img/logo_bluelounge.jpg) no-repeat left top;		}
#content h2.patsaysnow		{ background:url(../img/logo_patsaysnow.jpg) no-repeat left top;		}

#content p{}
#content p strong.subtitulo{
	display:block;
	font:18px Arial, Helvetica, sans-serif;
}
#content p a{
	color:#000;
	font-weight:bold;
}
#content p a:hover{ text-decoration:underline;}


#content a.link{
	color:#000;
	font-weight:bold;
	float:left;
	margin-top:15px;
}
#content a.link:hover{ text-decoration:underline;}

/* institucional
/********************************************************************/
#institucional{
	float:right;
	margin:60px 0 0 0;
	width:364px;
}
#institucional h2{ font-size:1.1em;}
#institucional p{ margin-bottom:15px;}
#institucional p.titulo{
	color:#a31616;
	font-size:1.1em;
	margin-top:100px;
}

#institucional ul.premios{
	float:left;
	width:100%;
}
#institucional ul.premios li{ float:left;}
#institucional ul.premios li.first{ margin-left:0;}
#institucional ul.premios li a{}
#institucional ul.premios li a:hover{}


/* Box
/********************************************************************/
.box{
	float:left;
	width:100%;
	position:relative;
}
.box h3{
	background:url(../img/bg_linea-punteada.gif) repeat-x left bottom;
	color:#333;
	margin:40px 0 5px 0;
	padding:0 0 5px 0;
	float:left;
	width:100%;
}
.box h3 span{
	background:url(../img/ico_flecha-negra.gif) no-repeat left 4px;
	padding-left:12px;
}

.box ul.logos{
	float:left;
	width:100%;
	padding-bottom:55px;
}
.box ul.logos li{
	float:left;
	margin:10px 10px 0 0;
}
.box ul.logos li a{}
.box ul.logos li a:hover{}

/* col_izq */
.box .col_izq{
	float:left;
	width:290px;
}
.box .col_izq h3{ margin-top:0;}

.box .col_izq ul.caracs{
	float:left;
	margin-bottom:30px;
	width:100%;
}
.box .col_izq ul.caracs li{
	background:url(../img/bul_gray-circle.gif) no-repeat left 8px;
	font-weight:bold;
	margin:0 0 2px 1px;
	padding:0 0 0 10px;
	line-height:20px;
}
.box .col_izq ul.caracs li a{}
.box .col_izq ul.caracs li a:hover{}

.box .col_izq ul.datos_tecnicos{
	float:left;
	width:100%;
}
.box .col_izq ul.datos_tecnicos li{ margin-bottom:3px;}
.box .col_izq ul.datos_tecnicos li.subtitulo{ margin-top:15px;}
.box .col_izq ul.datos_tecnicos li span{ font-weight:bold;}
.box .col_izq ul.datos_tecnicos li a{}
.box .col_izq ul.datos_tecnicos li a:hover{}

.box .col_izq ul.datos_tecnicos li ul{ margin-top:3px;}
.box .col_izq ul.datos_tecnicos li ul li{}

/* col_der */
.box .col_der{
	float:right;
	width:290px;
}
.box .col_der h3{ margin-top:0;}
.box .col_der p{}
.box .col_der p span{ font-weight:bold;}

.box .col_der .montagem{
	background:url(../img/bg_linea-punteada.gif) repeat-x left top;
	float:left;
	margin:30px 0 0 0;
	width:100%;
}
.box .col_der .montagem h3{
	background:url(../img/ico_flecha-bordo.gif) no-repeat left 5px;
	padding:1px 0 0 12px;
	width:auto !important;
}
.box .col_der .montagem ul{ float:left;}
.box .col_der .montagem ul li{
	background:url(../img/bg_linea-punteada.gif) repeat-x left bottom;
	float:left;
	padding:8px 0;
	width:290px;
}

.box .col_der .montagem ul li ul{ margin:0 0 0 20px;}
.box .col_der .montagem ul li ul li{
	background:none;
	margin:0 20px 0 0;
	padding:0;
	width:auto;
}

.box .col_der .montagem ul li.pdf{}
.box .col_der .montagem ul li.pdf a{
	background:url(../img/ico_pdf.gif) no-repeat left top;
	text-indent:-5000px;
	float:left;
	width:15px; height:16px;
}

.box .col_der .montagem ul li.video{}
.box .col_der .montagem ul li.video a{
	background:url(../img/ico_youtube.gif) no-repeat left top;
	text-indent:-5000px;
	float:left;
	width:14px; height:16px;
}

/* Tabs
/********************************************************************/
#tabs{
	background:url(../img/bg_linea-punteada.gif) repeat-x left 19px;
	float:left;
	margin:40px 0 0 0;
	width:100%;
}
#tabs h3{
	background:none;
	width:auto;
	margin:0;
	padding:0;
}

#tabs ul.botones{
	float:right;
	font-size:.9em;
}
#tabs ul.botones li{ float:right;}
#tabs ul.botones li a{ color:#000;}
#tabs ul.botones li a:hover{}
/*--------------------*/
.ui-tabs-hide{ display: none;}
.ui-tabs-nav{
	float:left;
	width:300px;
}
.ui-tabs-nav li{
	float:left;
	margin-left:10px;
}
.ui-tabs-nav a{
	color:#97a6ab;
	display:block;
	font-weight:bold;
	padding:3px 7px 2px 7px;
	white-space: nowrap;
}
.ui-tabs-nav a:hover{}
.ui-tabs-nav .ui-tabs-selected{
	background:url(../img/tabs02a.gif) no-repeat left top;
}
.ui-tabs-nav .ui-tabs-selected a{
	background:url(../img/tabs02b.gif) no-repeat right top;
	color:#5290a5;
}
.ui-tabs-panel{
	clear: both;
	float:left;
	margin:20px 0 0 0;
	width:100%;
}
.ui-tabs-panel h4{ display:none;}

/* lojas */
#lojas{
	font-size:.9em;
	float:left;
	padding-bottom:40px;
	width:100%;
}
.lojas_first{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}

.outras_lojas{
	border-top:1px solid #dddede;
	float:left;
	width:100%;
	margin-top:15px;
	padding-top:15px;
}
.outras_lojas p{
	float:left;
	margin-left:12px;
	width:140px;
}
.outras_lojas p.first{ margin:0;}

.outras_lojas p span{
	display:block;
	font-weight:bold;
}
.outras_lojas p a{
	color:#666;
	text-decoration:underline;
}
.outras_lojas p a:hover{ text-decoration:none;}

/* Contacto
/********************************************************************/
#contacto{
	background:url(../img/bg_contacto.jpg) no-repeat 220px 0;
	float:left;
	padding:200px 0 0 0;
	width:100%;
}

#contacto #info{
	float:left;
	width:196px;
}
#contacto #info li{ margin-bottom:5px;}
#contacto #info li a{ color:#901517;}
#contacto #info li a:hover{ text-decoration:underline;}


#formulario{
	float:right;
	width:350px;
}

/* Formulario ----------- */
#form_global{
	float:left;
}
#form_global p.info{
	color:#666;
	font:.9em Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
#form_global fieldset{}
#form_global fieldset legend{display:none;}

#form_global ol{}
#form_global ol li{
	float:left;
	width:251px;
}

#form_global ol{}
#form_global ol li{}
#form_global ul li label{
	font-size:1.1em;
	color:#666;
	margin-bottom:3px;
	display:block;
}
#form_global ul li label span.obligatorio{
	color:#a81724;
	font:.9em Arial, Helvetica, sans-serif;
}

#form_global ul li input{
	width:214px;
	border:1px solid #999;
	font-size:1em;
	padding:2px 0 2px 4px;
	margin-bottom:8px;
}

/* Comentarios */
#form_global ul li.comentarios{ width:299px;}
#form_global ul li.comentarios textarea{
	border:1px solid #999;
	width:214px;
	font-family:Arial, Helvetica, sans-serif;
	height:111px;
	padding-left:4px;
}

/* Botones */
#form_global ul li.botones{
	margin:10px 0 0 0;
}
#form_global ul li.botones p{}

#form_global ul li.botones p button{
	background:url(../img/button1.gif) no-repeat left top;
	border:none;
	color:#fff;
	cursor:pointer;
	width:56px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding:3px 0;
}

/* Error de envio */
.errores{
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	color:#d90000;
	width:200px;
	margin-bottom:20px;
	padding:10px;
}
.errores p{ margin-bottom:10px;}
.errores ul{
	background:url(../img/bg_separador-contacto.gif) repeat-x left bottom;
	padding-bottom:5px;
}

li.errorDisp label{ color:#ff0000 !important;}

/* Mensaje de envio */
.msg_ok{ margin-bottom:160px;}


/* Easy Tooltip */
#easyTooltip2{
	padding:5px 10px;
	border:1px solid #5e5e5e;
	background:#5e5e5e url(../img/bg_tooltip.jpg) repeat-x;
	color:#fff;
	width:250px;
}
#easyTooltip2 h4, #easyTooltip2 p{ margin:.25em 0;}