@charset "utf-8";
/*
Theme Name: Ariztía
Theme URI: http://www.geekbox.cl/
Description: Tema desarrollado para Ariztía
Version: 1.0
Author: GEEKBOX
Author URI: http://www.geekbox.cl/
Tags: ariztia
*/

@import url("css/reset.css");

/* ESTRUCTURA ************************/
body{
	border-top:4px solid #666;
	background:#999;
}
body.lightbox{
	background:none;
	border:0;
}
#contenido{
	background:#fff;
}
.marco{
	width:896px;
	margin:auto;
}
/*************************************/

/* CABECERA **************************/
#cabecera{
	position:relative;
	padding-bottom:40px;
	height:60px;
}
#cabecera ul{
	float:right;
}
#logo{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10 !important;
}
#cabecera li{
	float:left;
	line-height:50px;
}
#cabecera li a{
	color:#999;
	font-size:1.1em;
	padding:0 10px;
	text-decoration:none;
}
#cabecera li a:hover{
	color:#000;
}
#buscar{
	color:#fff;
	width:221px;
	background:#666 url(img/bg_buscar.gif) bottom no-repeat;
}
#buscar label{
	font-size:1.1em;
	margin-left:10px;
	float:left;
}
#input_buscar{
	float:left;
	background:#000;
	width:144px;
	background:url(img/input_buscar.gif) bottom no-repeat;
	height: 20px;
	margin-top:15px;
	margin-left:5px;
}
#input_buscar input{
	background:none;
	border:0;
	width:134px;
	padding:3px 5px;
	font-size:1.1em;
	color:#999;
}
#btn_buscar{
	border:0;
	background:url(img/btn_buscar.gif) no-repeat;
	width:20px;
	height:20px;
	overflow:hidden;
	float:left;
	margin-top:15px;
	cursor:pointer;
}
/*************************************/

/* MENU ******************************/
#menu{
	height:40px;
	background: url(img/menu_bg.gif) repeat-x scroll 0 0 transparent;
	margin-bottom:10px;
}
#menu ul{
	float:right;
	display:inline;
	margin-right:12px;
}
#menu li{
	float:left;
	line-height:30px;
	min-height:25px;
	height:auto !important;
	height:25px;
	position:relative;
	background:url(img/bg_link_menu.gif) top repeat-x;
	padding-top:5px;
}
#menu li a{
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding:0 25px;
	margin-left:15px;
	text-decoration:none;
	display:block;
	position:relative;
	z-index:2;
}
#menu li a:hover,#menu li.seleccionado a{
	color:#fff;
	/*text-decoration:underline;*/
}
#menu li .borde_izq{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#menu li .borde_der{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

#menu_lateral{
	float:left;
	width: 235px;
}
.menu{
	background:#FF8600 url(img/borde_sup_menu_lateral.gif) top no-repeat;
	padding-top:10px;
	margin-bottom:10px;
}
.menu h3{
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.2em;
	padding:0 10px 0 20px;
}
.menu label{
	color:#960;
	font-size:1.2em;
	width:60px;
	font-weight:bold;
}
.menu p{
	float:right;
	width:145px;
	font-size:1.1em;
	color:#FFF;
}
.menu h3 span{
	display:block;
	padding-bottom:3px;
	background:url(img/linea_punteada.gif) bottom repeat-x;
}
.menu ul{
	background:#FF8600 url(img/borde_inf_menu_lateral.gif) bottom no-repeat;
	padding-bottom:10px;
}
.menu li{
	padding:3px 0;
	background:url(img/linea_punteada.gif) bottom repeat-x;
	margin:0 10px 0 20px;
}
.menu li.ultimo{
	background:none;
}
.menu li a{
	display: block;
	width:100%;
	margin: 0 -10px 0 -20px;
	padding: 0 10px 0 20px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.menu li a:hover, .menu li a.seleccionado{
	background:#FC0;
}
.menu li span{
	display: block;
	background:url(img/bullet_menu.gif) right center no-repeat;
	line-height:16px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
/*submenu*/
.menu ul ul{
	background:none;
	padding:0;
}
.menu ul ul li{
	padding:0;
	background:none;
	margin:0;
}
.menu ul ul li.categoria{
	font-weight:bold;
	font-size:1.1em;
	color:#333;
}
.menu ul ul li span{
	color:#333;
	background:none !important;
	font-weight:normal;
	font-size:1.1em !important;
}
.desplegador{
	cursor:pointer;
	display:block;
	background:url(img/bullet_desplegador_abierto.gif) right no-repeat !important;
}
.desplegador.abierto{
	background:url(img/bullet_desplegador_cerrado.gif) right no-repeat !important;
}

/*mapa*/
#mapa.menu{
	background:#fff url(img/borde_sup_menu_mapa.gif) top no-repeat;
}
#mapa.menu h3{
	color:#333;
}
#mapa.menu h3 span{
	background:url(img/linea_punteada_gris.gif) bottom repeat-x;
}
#mapa.menu .borde{
	border:1px solid #e0e0e0;
	border-top:0;
	border-bottom:0;
}
#mapa.menu ul{
	background:none;
	padding:0;
}
#mapa.menu li{
	background: none;
	text-align:right;
}
#mapa.menu li a{
	background:none;
}
#mapa.menu li a.ver_detalle{
	display: inline;
	color:#c00;
	background:url(img/bullet_links.gif) right no-repeat;
	padding:0;
	padding-right: 6px;
	text-decoration:underline;
	margin:0;
	font-weight:normal;
	font-size:1.1em;
}
#mapa.menu .pie{
	background:#fff url(img/borde_inf_menu_mapa.gif) bottom no-repeat;
	height:10px;
	overflow:hidden;
}
/*************************************/

/* CUERPO ****************************/
#cuerpo{
	background:url(img/bg_cuerpo.gif) top no-repeat;
	min-height:504px;
	height:auto!important;
	height:504px;
	padding:0 19px;
}
#banner_principal{
	height:160px;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
	z-index:1 !important;
}
#banner_principal.home{
	height:288px;
}
#banner_principal img{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
#texto_principal{
	background:#EFEFEF url(img/bg_texto_principal_sup_home.gif) top no-repeat;
	position:relative;
	color:#000;
	font-size:1.2em;
	padding-top: 10px;
	margin-bottom: 30px;
	text-align:justify;
}
#texto_principal a{
	color:#FF6600;
	font-size:0.9em;
	font-weight:normal;
	padding-right:6px;
	background:url(img/bullet_links.gif) right no-repeat;
}
#texto_principal .fondo{
	background:#EFEFEF url(img/bg_texto_principal_inf_home.gif) bottom no-repeat;
	padding:0 10px;
	padding: 20px 25px 20px 240px;
}
.modulo{
	width:276px;
	float:left;
	margin-right:15px;
}
.modulo.ultimo{
	margin:0;
}
.modulo .titulo{
	background:url(img/borde_izq_modulo.gif) left no-repeat;
	position:relative;
	padding-left:11px;
}
.modulo .titulo h2{
	font-size:1.2em;
	line-height:21px;
	font-weight:bold;
	float:left;
	padding-right:25px;
	background:#FF8600 url(img/borde_der_modulo.gif) right no-repeat;
	color:#fff;
	display:block;
	width:240px;
}
.modulo .titulo img{
	position:absolute;
	right:0;
	top:0;
}
.modulo .borde_der{
	position:absolute;
	right:0;
	top:0;
	display:none;
}
.modulo .contenido{
	background:#FF8600 url(img/bg_modulo.gif) bottom center no-repeat;
	height:126px;
	overflow:hidden;
	padding:10px;
	position:relative;
	font-size:1.1em;
}
.modulo .contenido a{
	color:#fff;
	padding-right:6px;
	background:url(img/bullet_links2.gif) right no-repeat;
}
.modulo .contenido .imagen{
	float:left;
}
.modulo .contenido .texto{
	width:126px;
	float:right;
}

#pagina{
	float:right;
	width:579px;
	line-height:16px;
	color:#333;
}
.lightbox #pagina{
	width:550px;
	height:255px;
	float:none;
	padding:30px;
	overflow:hidden;
}
#pagina h1{
	font-weight:bold;
	font-size:1.8em;
	color:#000;
	text-transform:uppercase;
	margin-bottom:10px;
}
#pagina2 h1 {
    font-weight: bold;
    font-size: 1.8em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#pagina h2{
	font-weight:bold;
	font-size:1.4em;
	color:#333;
}
#pagina.single h2{
	margin-top:10px;
	margin-bottom:20px;
}
#pagina h3{
	font-weight:bold;
	font-size:1.2em;
	color:#333;
}
#pagina p{
	font-size:1.2em;
	margin-bottom:16px;
}
#pagina a{
	color:#c00;
}
#pagina ul, #pagina ol{
	margin-bottom:16px;
	font-size:1.2em;
}
#pagina li li{
	font-size:0.7em;
}
#pagina li li li{
	font-size:0.8em;
}
#pagina ul li{
	padding-left: 10px;
	background:url(img/bullet.gif) 0 6px no-repeat;
}
#pagina li ul, #pagina li ol{
	margin-bottom:0;
}
#pagina ol li{
	margin-left:18px;
	list-style:decimal;
}
#pagina blockquote{
	font-size:1.2em;
	margin-bottom:16px;
	color:#666;
	font-style:italic;
	padding-left:35px;
	background:url(img/blockquote.gif) 0 0 no-repeat;
}
#pagina blockquote p, #pagina blockquote ul, #pagina blockquote ol{
	font-size:1em;
}
img.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
img.alignright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
img.aligncenter{
	display:block;
	margin:16px auto;
}

.aviso{
	background:#efefef url(img/borde_sup_aviso.gif) top no-repeat;
}
.aviso p{
	background:url(img/borde_inf_aviso.gif) bottom no-repeat;
	padding: 25px;
	text-align:center;
	font-weight:bold;
}
.aviso .boton{
	float:none;
}

/* el resto de los estilos del mapa están en la plantilla "Ariztía" del plugin PS Auto Sitemap*/
#pre_sitemap .page_item{
	margin-bottom:10px !important;
}
#catalogo .categoria, #catalogo .subcategoria{
	background:none;
}
#catalogo .categoria span{
	font-weight:bold;
}
#catalogo .producto{
	margin-left:20px;
	font-weight:normal;
}
.page_item a{
	text-decoration:none;
	color:#333 !important;
}
.page_item li a:hover{
	color:#c00 !important;
	text-decoration:underline !important;
}
.home-item, .page_item{
	font-weight:bold;
	background:none !important;
}
.page_item .page_item{
	font-weight:normal;
	line-height:16px;
	background:url(img/bullet.gif) 0 6px no-repeat !important;
}
/*************************************/

/* TABLAS ****************************/
table{
	margin-bottom:10px;
	font-size: 1.1em;
	border:1px solid #ccc;
}
th{
	color:#000;
	font-weight:bold;
	background:#f0f0f0;
}
th,td{
	padding:3px 10px;
	border:1px solid #ccc;
}
tr.dato td{
	border:0;
	color:#999;
}
/*************************************/

/* CONTACTO **************************/
.bloque{
	margin-bottom:10px;
}
.text, .textarea, .select{
	border:1px solid #ccc;
	font-size:1.2em;
	color:#333;
	padding:7px;
}
.text.activo, .textarea.activo, .select.activo{
	border:1px solid #000;
}
.text{
	width:350px;
}
.select{
	width:366px;
}
.textarea{
	width:350px;
	height:65px;
}
form label{
	font-weight:bold;
	font-size:1.2em;
	float:left;
	width:78px;
	line-height:30px;
}
form .boton{
	float:left;
	margin-left: 77px;
    margin-top: 10px;
	width:200px;
}
.boton{
	background:#ff8600;
	color:#fff !important;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	padding:3px 10px;
	margin-top: 10px;
	display: block;
	width: 47px;
}
.boton input{
	width:0;
	height:0;
	overflow:hidden;
	border:0;
	background:none;
	position:absolute;
	top:0;
	left:0;
}
.boton span{
	background:url(img/bullet_boton.gif) right 5px no-repeat;
	padding-right:6px;
}
.boton:hover{
	background:#000;
}
/*************************************/

/* MENU INFERIOR *********************/
#menu_inferior{
	margin-top:45px;
	background: #000;
}
#menu_inferior ul{
	margin-left:10px;
}
#menu_inferior ul#ariztia{
	float:right;
	display:inline;
	margin-right:10px;
}
#menu_inferior li{
	float:left;
	font-size:1.1em;
	font-weight:bold;
}
#menu_inferior li a{
	color:#fff;
	text-decoration:none;
	padding:6px 0;
	display:block;
}
#menu_inferior li a span{
	padding: 0 10px;
	border-right:1px solid #fff;
}
#menu_inferior li a span.ultimo{
	border:none;
}
#menu_inferior ul#ariztia li a{
	color:#999;
}
#menu_inferior li a:hover{
	background:#ff8600;
}
#menu_inferior ul#ariztia li a:hover{
	background:none;
	color:#fff;
}
/*************************************/

/* PIE *******************************/
#pie{
	background:#999;
	min-height:70px;
	height: auto !important;
	height:70px;
	font-size:1.1em;
}
#pie .marco{
	width:858px;
	padding:10px;
}
#pie a{
	color:#000;
}
#pie a.sb{
	text-decoration:none;
	font-weight:bold;
	background:url(img/ico_sb.gif) right no-repeat;
	padding-right:20px;
	line-height:16px;
}
/*************************************/