/* CSS Document */

/*RESET STYLES*/
/* PISTOLA (poner en body) cursor: url("../img/cursor_pistola.cur"), url("img/cursor_pistola.cur"), auto;*/
body {font: 73% arial, verdana, helvetica, sans-serif;line-height: 120%; color:#000 ;background: #000;  }
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
a {color: #FF6600;	text-decoration:none;}
a:active {outline: none; }
a:hover {text-decoration: underline;	/*outline: none;*/ color: #ffffff}
h2 {line-height: 120%;}
p a { font-weight:bold;}
/*-------------------------------------------*/
/*-------------------------------------------*/
/* cap, metamenu */
.cap{position:relative;overflow:hidden; margin:0px; padding:0px; z-index:1;}
.cap h1{width:996px;	height:141px;	text-indent:-9999px;	background: url(../img/cabecera.jpg) no-repeat top left;		margin:0;	padding:0;	float:left;	}



/*-------------ESTRUCTURES--------------------*/
.block {width:996px;padding:0; margin:0px auto 15px auto;  vertical-align:top; clear:both; position:relative; overflow:hidden; background:url(../img/bg_contenido.jpg) repeat-y 0 0 ;}
.block_nomargin {width:960px;padding:0; margin:0 auto 0 auto;  vertical-align:top; clear:both; position:relative}
.block_auto { width:100%;padding:0; margin:0 auto 0 auto;  vertical-align:top; clear:both; position:relative;}
.block_auto2 { padding:0; margin:0 auto 0 auto; vertical-align:top; position:relative; clear:both; display:block; height:30 }
/*--------------------Menú simple----------------*/
.e_s_menu{ float:left; width:996px; height:71px; margin:0px; padding:0; position:relative; overflow:hidden; background:url(../img/bg_menu.jpg) no-repeat top left;  }
.e_s_menu ul{ padding-left:54px;}
.e_s_menu ul li{ position:relative; display:inline; background:url(../img/bg_bt_gris.jpg) repeat-x 0px 9px; padding-top:9px; margin-left:4px; width:173px; height:36px; float:left; text-align: center;}
/*---------------------------------------------------------------------*/
/*--------------------Menú extended----------------*/
.e_s_menu_ext{ float:left; width:996px; height:103px; margin:0px; padding:0; position:relative; overflow:hidden; background:url(../img/bg_menu_ext.jpg) no-repeat top left;  }
.e_s_menu_ext ul{ padding-left:54px;}
.e_s_menu_ext ul li{ position:relative; display:inline; background:url(../img/bg_bt_gris.jpg) repeat-x 0px 9px; padding-top:9px; margin-left:4px; width:173px; height:36px; float:left; text-align: center;}
.e_s_menu_ext .submenu ul{ padding-left:54px;}
.e_s_menu_ext .submenu ul li{ position:relative; display:inline; background:url(../img/bg_bt_amar.jpg) repeat-x 0px 2px; padding-top:2px; margin-left:4px; width:173px; height:26px; float:left; text-align: center;}
/*---------------------------------------------------------------------*/
.contenido{ display:block; height:1%; overflow:hidden; float:left; width:996px;}
.contenido .sup{background:url(../img/bg_sup.jpg) no-repeat top left; height:53px; width:996px; display:block; overflow:hidden; float:left;}
.contenido .contenido_centro{background:url(../img/bg_centro.jpg) repeat-y top left; height:1%; width:931px; overflow:hidden; padding: 15px 25px 0px 40px; line-height:140%; display:block; float:left;}
.contenido .contenido_centro h2 {font-size: 1.2em;  padding:0 0 7px 0 ;  color:#000 }
.contenido .contenido_centro p{ padding-bottom:1.4em; }
.contenido .contenido_centro .mod_txt_esq318{ margin-right:20px; padding:0 0 0 50px; width:318px; float:left}
.contenido .contenido_centro .mod_img_der528{ width:509px; height:460px; float:right; margin-right:25px;}
.contenido .contenido_centro .mod_fot_inf{ margin-right:20px; padding:0 0 0 50px; width:728px; float:left; position:relative; /*top:-100px*/}
.contenido .contenido_centro .mod_fot_inf ul{ display:inline; float:left; margin-top:10px;}
.contenido .contenido_centro .mod_fot_inf li{ background:url(../img/bg_minia.gif) no-repeat top left; float:left; display:inline; height:90px; width:90px}
.contenido .contenido_centro .mod_fot_inf li img{ padding:7px; }
.contenido .contenido_centro .mod_fot_inf h3 {font-size: 1.5em;  padding:0 0 7px 0 ;  color:#000 }

.contenido .contenido_centro .mod_tattos { width:900px;  position: inherit; display:block; float:left; }
.contenido .contenido_centro .mod_tattos a img{ border:2px solid #FF9900; }
.contenido .contenido_centro .mod_tattos a:hover img{ border:2px solid #000; }
.contenido .contenido_centro .mod_tattos ul{ float:left; width:900px; overflow:hidden;}
.contenido .contenido_centro .mod_tattos li{ float:left; display:inline; margin:35px 0 0 24px;}

/*--------------------MODUL DE AMPLADA VARIABLE CENTRAT----------------*/
.mod_pag_centrado {   float:left;   width:100%;   overflow:hidden;   position: inherit;}
.mod_pag_centrado ul {  clear:left;   float:left;   position:relative;   left:50%;   text-align:center; height:48px; }
.mod_pag_centrado ul li { color:#000;  margin:12px 0 0 5px; padding-top:7px; display:block; float:left;  position:relative;   right:50%; height:35px; }
.mod_pag_centrado ul li span{ color:#fff; font-weight:600; }
.mod_pag_centrado ul li a{ color:#000; font-weight:600; }
.mod_pag_centrado ul li a:hover{ color: #fff; }
.mod_pag_centrado ul .flor_izq{ background:url(../img/ico_flor.gif) no-repeat 0 0; padding: 7px 0 0 48px;}
.mod_pag_centrado ul .flor_der{ background:url(../img/ico_flor.gif) no-repeat 62px 0; padding: 7px 62px 0 0px;  }
/*---------------------------------------------------------------------*/

.bg_links{background:url(../img/bg_links.gif) no-repeat top right!important; height:500px;}
.bg_links div{width:32em; float:left; padding:65px 0 0 80px;}
.bg_links div p{ background-image: url(../img/ico_flor_links.gif); background-repeat:no-repeat; background-position:0 0; line-height:2.8em;}
.bg_links div p span{ margin-left:2.2em; font-size:1.6em;}
.bg_links div p span a{ text-decoration:none; color:#000; font-weight:normal;}
.bg_links div p span a:hover{color:#FFF;}
.contenido .pie{background:url(../img/bg_pie.jpg) no-repeat top left;  height:67px; width:996px; display:block; overflow:hidden; float:left;}
.bg_contacto{ background: url(../img/mapa_contacto.gif) no-repeat top center; width:80em; height:68em; margin-left:5px;}
.bg_info_contacto{width:31em; height:15em; padding:31em 0 0 26.2em; overflow:hidden; font-size:1.4em; font-weight:bold; line-height:3.5em;}
.bg_info_contacto a{ text-decoration:none; color:#000;}
.bg_info_contacto a:hover{color:#FFF;}
.bg_info_contacto p{text-align:center;width:30em; padding:0 0 0.4em!important;}
.bg_info_contacto p span{ font-size:1.2em;}
.bg_info_contacto ul li{float:left; line-height:1em!important; font-size:1.2em;}
.bg_ico_telf{ background:url(../img/ico_telf.gif) no-repeat 0 0; width:8em; height:3em; padding:0 0 0 2.5em; margin-left:1em;}
.bg_ico_mail{ background:url(../img/ico_mail.gif) no-repeat 0 0; width:9em; height:3em; padding:0.3em 0 0 2.5em; margin-left:0;}
/*-------------LLISTATS------------------*/
/*-------------HEADERS----------------*/
.tit_gen { background-color:#47B0DB; height:23px; font-size:1.3em ; color:#FFFFFF; padding-top: 6px; padding-left: 12px;}


/*-------------FORMULARI----------------*/
.mod_form { width:356px; position:relative; float:left; padding:20px 0 10px 15px}
html>body .mod_form { padding:9px 0 10px 15px}
.mod_form form div{clear:both;margin:12px 0; height:1%; overflow:hidden}
.mod_form label{float:left;width:90px;text-align:right;padding:3px 0 0 0;}
.mod_form input{width:200px;height:18px; overflow:hidden;border:1px solid #b20404;background-color:#c08080;font-family:Arial!important;font-size:1.1em;margin:0 10px 0 10px; float:left; padding:2px 4px; }
.mod_form textarea{ height:129px;width:200px; overflow:auto;border:1px solid #b20404;background-color:#c08080; font-family:Arial!important;font-size:1.1em;margin:0 10px 0 10px; float:left; padding:2px 4px; }
.mod_mapa { float:left; width:540px;}
.mod_mapa p{ height:20px}
.mod_mapa a{ padding-top:50px}
.mapa { height:350px; width:569px; overflow:hidden; display:block; clear:both; background-color:#c08080}
.mod_boto{width:320px}
.mod_form .botoenvia{background-image:url(../img/bt_envia.gif); background-repeat:repeat-x; color: #FFF; font-family: arial,verdana,helvetica,sans-serif;	font-size: 1.0em; font-weight: bold;	height: 22px; padding: 0 0 3px;	width: 80px; float:right}
.mod_form .botoenvia2{background-image:url(../img/bt_envia2.gif)!important; background-repeat:repeat-x; color: #FFF; font-family: arial,verdana,helvetica,sans-serif;	font-size: 1.0em; font-weight: bold;	height: 22px; padding: 0 0 3px;	width: 80px; float:right}


/*-------------GENERICS----------------*/

.clear { clear:both; height:1px;font-size:1px;overflow:hidden;}
.floatleft { float:left;}
.floatright { float:right;}
.center { display:block; margin:0 auto}
.right { text-align:right}
.center1 { text-align:center}
.hide {position: absolute; visibility:hidden;}
.smaller {font-size: 0.85em}
.small {font-size:0.93em }
.big {font-size:1.65em; font-weight:bold }
.font_normal, .font_normal a, .font_normal li {font-weight:normal}
.font_em { font-style:italic }
.separador {margin:0 ; padding:0px; clear:both; height:20px}
.separador_min { max-height:2px; padding:0; margin:0; clear:both;}
.noborder { border:none !important}
.nonemargin {margin:0 !important; }
.nonemargin2 {margin:0 auto !important; }
.nopadding{padding:0px;}
.san{ text-indent:2.5em;}
.noborderesq{ border-left:0px }
.noborderdre{ border-right:0px }
.nomarginbott{ margin-bottom:0px !important}
.hei500{ height:500px!important}
.paddtop65{padding:65px 0 0 0 !important;}

.intro{
	width:1000px;
	height:768px;
	background-color:#000;
	margin:0 auto;

}
.amagat{
	display:none;
}

.pie_logo h3{
	background-image:url(../img/hatone_design.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:109px;
	height:20px;
	float:right;
	padding-right:2em;
}
.pie_logo h3 a span{
	visibility:hidden;
}
.pie_logo h3 a {
	width:109px;
	height:20px;
	display:block;
}
.pie_logo h3 a:hover{
	text-decoration:none;
}
.horario{
	padding:0 !important;
	line-height:1.4em;

}
.noticias_home{
	background:url(../img/bg_noticias.jpg) no-repeat top left;
	height:283px;
	margin:-8px;
	padding:35px 57px 0 20px;
	width:265px;
}
.noticias_home h2{ font-size:1.6em !important; margin:0 16px;}
.noticias_home a{ font-size:16px; padding:10px 0 0; display:block;}
.noticias_home a:hover{ color:#000;}
.noticias_home p{ margin:0 16px;}