/* CSS creado para talleresalquezar.es */


/* -------------- Estilos Generales ----------------- */
body {margin: 0px; padding: 0px; font-family: Verdana; font-weight: normal; background: #efefef;
	 background-image: url(../images/bg.gif); background-position: top left; background-repeat: repeat-x;}
.home {background-image: url(../images/bg_home.gif);}
html {margin: 0px;padding: 0px;}

h1 {margin: -20px ;padding: 0px; position: absolute; left: -5000px;}
h2 {margin: 0px; padding: 0px; font-size: 24px; color: #000; font-weight: normal; line-height: 26px; font-family: Verdana;}
h3 {margin: 0px; padding: 0px; font-size: 18px; color: #c66015; font-weight: normal; line-height: 22px; font-family: Verdana;}

div.hr {margin: 0px;padding: 0px;border-bottom: 1px dotted #003f55;width: 100%;height: 1px;float: left;}
div.hr hr {display: none;}

img {border: none}

a {text-decoration: underline; color: #333333;}
a:hover {text-decoration: none; color: #d56308;}
a:active {outline: none;}

p {line-height: 14px!important;}
br {clear: left;}
* {margin: 0; padding: 0; outline-style: none;}

.rojo {color: red;}
.mensaje {margin: 0px; padding: 5px; font-size: 12px; background: #bf3131; color: #fff; float: left;}
.clear {clear:both;}


/* -------------- Contenedores ----------------- */
#contenedor_principal {margin: 0 auto;width: 100%;min-height: 450px;height: auto;overflow: hidden;}
#contenedor {margin: 0 auto;width: 985px; min-height: 550px; height: auto; overflow: hidden;}


/* -------------- Cabecera ----------------- */
#cabecera {margin: 0px; padding: 0px; width: 985px; min-height: 124px; height: auto;
		   background-image: url(../images/bg_cabecera.gif); background-repeat: no-repeat; background-position: top left; float: left;}
.inicio {margin: 5px 0px 0px 20px; padding: 0px; float: left;}
.index {margin: 25px 0px 0px 0px; width: 410px;height: 90px;background: url(../images/null.gif) repeat; float: left;}
.idiomas {margin: 5px 0px 0px 0px; padding: 0px; float: right;}
.idiomas img {margin-left: 5px;}
.buscador {margin: 64px 0px 0px 230px; padding: 0px; width: 300px; float: left;}
/*body:nth-of-type(1) .buscador{width: 300px;} HACK CSS PARA SAFARI Y CRHOME */
.campob {margin: 4px 10px 0px 15px; background-color: #f9f9f9; width: 222px; color: #333; border: none; float: left;}
input.bbuscar {width: 48px; height: 24px; border: none; background: white url(../images/bbuscar.gif) no-repeat top; cursor: pointer;
			overflow: hidden; text-indent: -999px; font-size: 0px; display:block; line-height: 0px;}	 

	 
/* -------------- Menu ----------------- */
#movie_up{position: relative; z-index:1; margin-top: 124px; }
#movie_down{z-index:0; margin-top: 174px;} 

#menu {margin: 0px; padding: 0px; width: 985px; height: 50px; float: left;}

ul#empresa {margin-left: 25px; width: 340px; float: left;}
ul#empresa li {margin-left: 15px; list-style-type: none; height: 31px; text-align: center; padding-top: 18px; border-top: 1px solid #e5bb73;
			  font-size: 12px; font-weight: bold; color: #000; float: left;}
ul#empresa li a{text-decoration: none;}
ul#empresa li a:hover{text-decoration: underline; color: #000;}

.frances {margin-left: 15px!important; width: 350px!important; }



/* --------------- Contenido ------------------- */
#contenido {margin: 0px; padding: 0px; width: 985px; min-height: 300px; height: auto; float: left;}
#flash {margin: 0px; padding: 0px; z-index: -1; float: left;}

#noticias {margin: 20px 30px 10px 17px; padding: 0px; width: 490px; min-height: 20px; height: auto;  float: left;}

.tit_noticias_es, .tit_noticias_en, .tit_noticias_pt, .tit_noticias_fr {margin: 0px; padding: 0px; background-repeat: no-repeat;
				  background-position: top left; text-indent: -5000px; width: 83px; height: 20px; float: left;}
.tit_noticias_es {background-image: url(../images/tit_noticias_es.gif);}
.tit_noticias_en {background-image: url(../images/tit_noticias_en.gif);}
.tit_noticias_pt {background-image: url(../images/tit_noticias_pt.gif);}
.tit_noticias_fr {background-image: url(../images/tit_noticias_fr.gif); width: 106px;}

.ver  {padding: 2px; margin: 0px; background-color: #a3a3a3; color: #fff; font-size: 11px; text-decoration: none; float: right;}
.ver:hover {background-color: #666; color: #fff;}
#noticias p{margin: 9px 0px 8px 0px; padding: 15px 10px 15px 10px; width: 470px; background: #e7e7e7; color: #3c3c3c; font-size: 11px; float: left;}
#noticias p:hover {background-color: #f3f3f3;}
.fecha {font-size: 10px; font-weight: bold; color: #9c9c9c;}
.tit {margin-bottom: 5px; font-size: 12px; width: 460px; font-weight: bold; color: #333; float: left;}
.subtit {margin-bottom: 5px; font-size: 12px; width: 460px;  color: #c66015; float: left;}

#banners {margin: 19px 0px 10px 0px; padding: 0px; min-height: 50px; height: auto; width: 420px; float: left;}
#banners img {margin-bottom: 10px; float: left;}
#at_cliente {background-image: url(../images/bg_atencion.gif); background-repeat: no-prepeat; background-position: top left; 
			width: 420px; height: 98px; float: left;}
			
.tit_atencion, .tit_atencion_en, .tit_atencion_pt, .tit_atencion_fr  {margin: 0px; padding: 0px; width: 210px; height: 29px; 
			  background-repeat: no-repeat; background-position: top left; text-indent: -5000px; float: left;}
.tit_atencion {background-image: url(../images/tit_atencion.gif); }
.tit_atencion_en {background-image: url(../images/tit_atencion_en.gif);}
.tit_atencion_pt {background-image: url(../images/tit_atencion_pt.gif);}
.tit_atencion_fr {background-image: url(../images/tit_atencion_fr.gif);}

.tel {margin: 0px; padding: 0px; width: 208px; height: 34px;  background-image: url(../images/telefono.gif); 
	 background-repeat: no-repeat; background-position: top left; text-indent: -5000px;float: left;}
.txt, .txt2 {margin: 0px; padding: 5px 7px 5px 7px; color: #60441f; font-size: 11px; width: 196px; text-align: justify; float: left;}
.txt2 {padding-top: 0px; margin-top: -5px;}
.horario, .horario2  {margin: 15px 0px 0px 2px; padding: 5px 0px 5px 0px; color: #dcbb8e; font-size: 10px; width: 208px;float: left;}
.horario2 {margin-top: 0px; margin-left: 15px; width: 193px;}

/*----------------- Migas --------------------- */
#migas, #migas2 {font-size: 10px; float: left;}
#migas {margin: 30px 0px 0px 20px; width: 750px;}
#migas2 {margin: 20px 0px 0px 10px; width: 100%;}
#migas a, #migas2 a {font-size: 10px;}


/*------------------ menu lateral --------------------- */
#menu_lateral {margin: 20px 0px 0px 5px; padding: 0px; background-color: #f4f4f4; width: 185px; float: left;}
#menu_lateral a.seccion {padding: 10px 5px 10px 5px; margin: 0px; font-size: 12px; width: 175px;
					   font-weight: bold; color: #f58e07; text-decoration: none; float: left;}
#menu_lateral a.seccion:hover {background-color: #f5e6d2; display: block;}

.treeview .hover {cursor: pointer;}

		/*-- 1er nivel del menu -- */
ul.treeview  {margin: 0px; padding: 0px; width:185px; float: left;}

ul.treeview li, ul.treeview li a, ul.treeview li a.selected {
	list-style-type: 	none; 
	margin: 			0px;
	padding: 			2px 0px 0px 0px;
	width:				185px;
	min-height: 		18px;
	height: 			18px;
	height: 			auto!important;
	background: 		#f4f4f4;
	font-size: 			11px;
	font-weight: 		bold;
	color: 				#000;
	text-decoration: 	none;
	float: 				left;
}
ul.treeview li a, ul.treeview li a.selected {padding-left: 10px; width: 175px;}
ul.treeview li a:hover {background-color: #f5e6d2;}

		/*-- 2do nivel del menu -- */
ul.treeview li ul li, ul.treeview li ul li a, ul.treeview li ul li a.selected {
	list-style-type: 		none; 
	margin: 				0px;
	padding: 				2px 0px 0px 0px;
	width: 					170px;
	min-height: 			18px;
	height: 				18px;
	height: 				auto!important;
	background: 			#f4f4f4;
	font-size: 				11px;
	font-weight: 			normal;
	color: 					#575757;
	text-decoration: 		none;
	float: 					left;
}
ul.treeview li ul li a, ul.treeview li ul li a.selected {
	background-image: 		url(../images/ico_flecha.gif);
	background-position: 	top left;
	background-repeat: 		no-repeat;
	padding-left: 			20px; 
	width: 					165px;
}	
ul.treeview li ul li a:hover {background-color: #f5e6d2;}

		/*-- 3er nivel del menu -- */
ul.treeview li ul li ul li, ul.treeview li ul li ul li a, ul.treeview li ul li ul li a.selected {
	list-style-type: 	none; 
	margin: 			0px;
	padding: 			2px 0px 0px 0px;
	width: 				183px;
	min-height: 		18px;
	height: 			18px;
	height: 			auto!important;
	background: 		#f4f4f4;
	font-size: 			10px;
	font-weight: 		normal;
	color: 				#575757;
	text-decoration: 	none;
	float: 				left;
}
ul.treeview li ul li ul li a, ul.treeview li ul li ul li a.selected {
	background-image: 		url(../images/ico_flecha2.gif);
	background-position: 	top left;
	background-repeat: 		no-repeat;
	padding-left: 			27px; 
	width: 					158px;
}
ul.treeview li ul li ul li a:hover {background-color: #f5e6d2;}

/*-- 4º nivel del menu -- */
ul.treeview li ul li ul li ul li a {
float: left;
}

ul.treeview li ul li ul li ul li, ul.treeview li ul li ul li ul li a, ul.treeview li ul li ul li ul li a.selected {
	list-style-type: 	none; 
	margin: 			0px;
	padding: 			2px 0px 0px 0px;
	width: 				180px;
	min-height: 		18px;
	height: 			18px;
	height: 			auto!important;
	background: 		#f4f4f4;
	font-size: 			10px;
	font-weight: 		normal;
	color: 				#575757;
	text-decoration: 	none;
	float: 				left;
}
ul.treeview li ul li ul li ul li a, ul.treeview li ul li ul li ul li a.selected {
	background-image: 		url(../images/ico_flecha4.gif);
	background-position: 	top left;
	background-repeat: 		no-repeat;
	padding-left: 			35px; 
	width: 					150px;
}
ul.treeview li ul li ul li ul li a:hover {background-color: #f5e6d2;}


/* ------------------- Contenido ficha --------------- */
#ficha {margin: 20px 0px 0px 20px; font-size: 11px; width: 750px; text-align: justify; line-height: 16px; float: left;}
#editor1 {margin: 20px 0px 0px 0px; font-size: 11px; width: 350px; text-align: justify; line-height: 16px; float: left;}
#editor2 {margin: 0px; font-size: 11px; width: 750px; text-align: justify; line-height: 16px; float: left;}

#editor2 table {padding: 0px; margin: 15px 0px 15px 0px; border: 1px dotted #202020; background: #f5f5f5;}
#editor2 table tr:first-child td{color: #fff!important;background-color: #e08809; font-weight: bold} /* Para que las celdas de la 1ª fila sean de diferente color */
#editor2 table tr td{padding: 2px 5px 2px 5px; border: 1px dotted #202020; background: #fff;}



#extras {margin: 0px 0px 10px 25px; padding: 0px; width: 360px; float: right;}
.grande {margin: 0px; padding: 10px; background-color: #f4f4f4; float: left;}
.lupa {margin: 0px; padding: 10px 0px 0px 15px; font-size: 10px; text-decoration: none;
	  background-image: url(../images/ico_lupa.gif); background-repeat: no-repeat; background-position: top left; float: left;}
	  
ul.pequenas {margin: 0px; padding: 0px 10px 10px 0px; background: #e7e4d8; width: 350px; float: left;}
ul.pequenas li {
	margin:10px 9px 10px 9px;
	padding: 0px;
	width: 50px;
	height: 50px;
	list-style-type: none;
	float: left;}
ul.pequenas li a {
	opacity: 0.4;
	filter: alpha(opacity=40);
	margin: 0px;
	padding: 0px;
	border: 5px solid #bebebe;
	float: left;}
ul.pequenas li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);	
	border: 5px solid #f5a030;}
ul.pequenas li a.selecc{
	opacity: 1;
	filter: alpha(opacity=100);	
	margin: 0px;
	padding: 0px;
	border: 5px solid #fff;
	float: left;}
ul.pequenas li a.selecc:hover{
	padding: 0px;
	border: 5px solid #f5a030;}

.pdf, .pdf2 {padding: 10px; border-top:1px dotted #000; border-bottom:1px dotted #000;text-align: right; float: left; }
.pdf {margin: 0px; width: 340px;}
.pdf2 {margin: 0px 0px 10px 0px; width: 730px;}
.pdf a, .pdf2 a {margin: 0px; padding: 3px 25px 4px 0px;
			   background-image: url(../images/ico_pdf.gif); background-repeat: no-repeat; background-position: top right;}
			   
			   
/*----------------- Noticias ---------------------*/
ul#noticias_completo {list-style-type: none; margin: 0px; padding: 0px; width: 960px; float: left;}
ul#noticias_completo li {margin: 0px 0px 10px 10px; padding: 5px 15px 5px 15px; /*width: 930px;*/ width: 440px; 
					  min-height: 150px; height: auto; background-color: #e7e7e7; float: left;}	
ul#noticias_completo li:hover {background-color: #f3f3f3;}
ul#noticias_completo li img {margin-left: 10px; float: right;}	
ul#noticias_completo li img:hover {opacity: 0.8; filter: alpha(opacity=80);	}	
.tit2 {margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #333;}
.subtit2{margin-bottom: 5px; font-size: 12px; color: #c66015;}	   
.texto_noticia {text-align: justify;}
.foto {width: 100px; background-color: #f4f4f4; padding: 2px; margin-left: 10px; margin-bottom: 10px; float: right;}
.paginacion {margin: 0px 0px 10px 0px; padding: 5px; text-align:right; border: 1px dotted #ccc; font-size: 10px; width: 960px; float: left;}
			   
/*----------------- Mapa web ----------------- */
#completo {margin: 20px 0px 0px 10px; font-size: 11px; width: 960px; text-align: justify; line-height: 16px; float: left;}
.naranja {margin: 0px 20px 0px 0px; padding: 2px 5px 2px 5px; font-size: 12px; color: #fff; background-color: #f58f08; float: left;}
.naranja a {text-decoration: none; color: #fff;}
.naranja a:hover {text-decoration: underline; color: #111;}
.marco {margin: 0px 0px 10px 0px; padding: 5px; width: 100%; border: 1px dotted #f58f08; background-color: #f4f4f4; float: left;}

.marco2 {margin: 0px 6px 10px 0px; padding: 5px; width: 222px; border: 1px dotted #f58f08; background-color: #f4f4f4; float: left;}
ul.mapa {margin: 5px 3px 0px 0px; padding: 5px 2px 2px 5px; float: left; width: 215px; background-color: #eaeaea;}
ul.mapa li {list-style-type: none;}
ul.mapa li a{font-weight: bold; text-decoration: none;}
ul.mapa li a:hover{text-decoration: underline;}

ul.mapa li ul li {padding-bottom: 2px; padding-top: 1px; padding-left: 20px; width: 195px; background-image: url(../images/ico_flecha.gif); 
			background-repeat: no-repeat; background-position: top left; float: left;}
ul.mapa li ul li a{font-weight: normal;}

ul.mapa li ul li ul li {padding-bottom: 2px; padding-left: 10px; padding-right: 5px; width: 180px; background-image: url(../images/ico_flecha3.gif); 
				background-repeat: no-repeat; background-position: top left; float: left;}
ul.mapa li ul li ul li  a {border-bottom: 1px dotted #a5a5a5;}

ul.mapa li ul li ul li ul li {padding-bottom: 2px; padding-left: 10px; padding-right: 5px; width: 170px; background-image: url(../images/ico_flecha5.gif); 
				  background-repeat: no-repeat; background-position: top left; float: left;}
ul.mapa li ul li ul li ul li  a {border-bottom: 1px dotted #e08809;}

/*---------------- Servicios --------------------*/
.marco3 {margin: 0px 8px 10px 8px; padding: 5px; border: 1px dotted #f58f08; background-color: #f4f4f4; float: left;}

/*----------------- Resultados buscador ---------------------- */
ul.resultado_buscador {list-style-type: none; margin: 0px; padding: 0px; width: 960px; float: left;}
ul.resultado_buscador li {margin: 0px 0px 7px 10px ; padding: 1px 5px 5px 20px; width: 925px; background-color: #e7e7e7; 
					   background-image: url(../images/ico_flecha.gif); background-repeat: no-repeat; 
					   background-position: top left; float: left;}

/*---------- I+D ------------ */
.img_derecha {margin: 0px 0px 10px 10px; float: right;}
					   
/*----------------- Contacto ------------------ */
table.contacto tr td, table.contacto tr th {border-bottom: 1px dotted #ccc; padding: 2px;}
table.contacto label.error {color: red;}
.campo2 {width: 270px; border: none; color: #666; font-size: 11px; padding: 2px; font-family: Verdana!important; float: left;}
.boton {background-color: #000; color: #fff; padding: 2px 5px 2px 5px; border: none; font-size: 11px; font-weight: bold; cursor: pointer;}
.boton:hover {background-color: #e78922;}


/*------------------ Pie -----------------------*/
#contenedor_pie {margin: 0 auto; width: 100%; height: 111px; overflow: hidden; margin-top: 20px; /*position: absolute; bottom: 0px;*/
				background-image: url(../images/bg_pie.gif); background-position: top left; background-repeat: repeat-x;} 
#pie {margin: 0 auto; padding-top:21px; width: 985px; min-height: 90px; height: auto; overflow: hidden; color: #686868; font-size: 11px;
	 background-image: url(../images/bg_calidad.gif); background-repeat: no-repeat; background-position: top right;}
#pie p {margin-left: 10px; float: left;}
#pie a {color: #686868;}


/*-------------	para resaltar	-----------------------*/
.highlight { background-color: yellow; }
