/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p,
blockquote, th, td {margin:0; padding:0;}
caption, th {text-align:left;}
fieldset, img {border:0;}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, th, var {
	font-style:normal; 
	font-weight:normal;
}
p{
	margin-bottom:20px;
}


/* ======= Elementos HTML ======== */
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	font-size: 0.8em;
}
/* .back_home{background: url(../img/bg-home.jpg) no-repeat #8f989d 50% 0;}*/
.back{ background: url(../img/bg-interior.jpg) no-repeat #8f989d 50% 0;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a span{ display:none}
h1{ font-family:"Trebuchet MS", Arial, sans-serif, Verdana; color:#fff; font-size:2em;}

/* === ====== Estructura del sitio ========== */

#main_container { width:959px; margin:0 auto;}
#header{
	width:959px;
}

#footer{
	background:url(../img/pie-bg.gif) no-repeat;
	float: left;
	width: 841px;
	height: 105px;
	padding: 15px 42px 10px 76px;
	color:#ccc;
	font-size:0.85em;
}
/*======== FORMULARIOS =======*/
/*======== AUXILIARES =======*/
.clearfix {clear:both;}
.flotarDerecha {float:right;}
.ocultar{ display:none;}
.mostrar_borde{ border: solid 1px #000;}
.margen_izq_22{
	margin-left:16px;
}
.flotarIzquierda{ float:left;}
.margen_sup_20{
	margin-top:25px;
	float: left;
	width: 100%;
}
/*======== ESPECIFICOS DE SECCIONES =======*/
#logo_top {float:left;}

/*LINKS Genericos*/
.link_flecha{	
	padding-left:28px;
	display:block;
	height: 21px;
	color: #690;
	padding-top: 7px;
	float: left;
}
.link_flecha:hover{
color:#000;
text-decoration:none;
}
ul#idiomas{
	margin-right:24px;
	height:21px;
	width:400px;
	float:right;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	margin-top: 4px;
	text-align: right;
}

ul#idiomas li{ display:inline; margin-right:5px; background:url(../img/bullet-01.gif) no-repeat; background-position:0 10%; padding-left:20px;}
ul#idiomas li a{ color:#010101; font-size:1em}
ul#idiomas li a:hover{ color:#010101; }

#bot_acceso_clientes{
	width:156px;
	height:45px;
	float: right;
	border: 0;
}
#bot_contacto_cabezal{
	width: 292px;
	height: 45px;
	float: left;
}
#contenedor_principal {
	background: url(../img/c-efecto-top.gif) no-repeat top #e9ebe6;
	width: 911px;
	padding: 20px 24px 20px 24px;
	float: left;
	font-size: 0.9em;
}

#barra_de_acciones_clientes {
	float: right;
	height: 45px;
	width: 460px;
	margin-right: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#slogan_home{
	width: 200px;
	float: left;
	height: 20px;
	margin-top: 108px;
	margin-left: 65px;
	display:block;
	background:url(../img/ico-flechas-oscuras.gif) no-repeat;
	color:#fff;
	font-weight:bold;
	padding-left: 25px;
	display:block;
	background-position: 0 75%;
	margin-bottom: 20px;
	font-size: 0.85em;
}
#breadcrum {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	color: #333;
	margin-left: 14px;
	font-size: 0.95em;
}

/*BREADCRUM*/
div#breadcrum .breadcrum_actual { font-weight:bold;}
div#breadcrum a { text-decoration:underline; color:#333;}
div#breadcrum a:hover { text-decoration:none; }


/*PAGINACION*/
#paginacion {
	padding: 3px;
	margin: 10px auto;
	text-align:center;
	width: 500px;
	clear: both;
}

#paginacion a {
	padding: 2px 5px 2px 5px;
	text-decoration: none; /* no underline */
	color: #fff;
	background:#8f989d;
	margin: 5px;
}

#paginacion a:hover,
#paginacion a:active,
#paginacion a.current{
	color: #fff;
	background:#669900;
}
 #paginacion a.pag_anterior{
	background: #e9ebe6 url(../img/ico-flechas-oscuras-ant.gif) no-repeat left;
	padding-left:25px;
	color:#74ae00;
	font-weight:bold;
}
 #paginacion a.pag_anterior:hover{ background: url(../img/ico-flechas-oscuras-ant.gif) no-repeat left;  color:#74ae00;  text-decoration: underline;}
 
 #paginacion a.pag_siguiente{
	background: #e9ebe6 url(../img/ico-flechas-oscuras.gif) no-repeat right;
	padding-right:25px;
	color:#74ae00;
	font-weight:bold;
}
 #paginacion a.pag_siguiente:hover{
	background: url(../img/ico-flechas-oscuras.gif) no-repeat right;
	color:#74ae00;
	text-decoration: underline;
}
/*Home*/
#slogan {
	float: left;
	padding-left: 65px;
	width: 894px;
	padding-top: 30px;
	height: 106px;
}
#slogan p{ font-size:1.2em; color:#FFF; margin:0;}
 
 /*NOTICIAS HOME*/
#box_noticias_home {
	float: left;
	width: 386px;
	background:url(../img/h-cuadro-bg-noticias.gif) no-repeat;
	height:397px;
}

#box_noticias_home h2{
	color:#91d900;
	padding: 13px 10px 12px 60px;
	font-size: 1.6em;
	display: block;
}
.item_noticia_home {
	float: left;
	width: 340px;
	padding:10px 13px;
	color: #000;
	height: 84px;
	margin: 0 0 0 10px;
}

 .item_noticia_home:hover {background-color:#e6e6e6;
}
 #box_noticias_home .fecha	{
	color:#666;
	overflow:hidden;
	height:17px;
	display: block;
	width: 207px;
}
#box_noticias_home h3 a{
	color:#690;
	font-weight: bold;
	overflow:hidden;
	height:17px;
	width: 205px;
	display: block;
}
.foto_noticias_home{
	border: solid 1px #ccc;
	padding:2px;
	float: left;
	margin-right: 15px;
}
#box_noticias_home p{
	height:45px;
	overflow:hidden;
	float: left;
	width: 200px;
}

#box_noticias_home .ver_mas, #box_servicios_home .ver_mas  {
	display:block;
	background:url(../img/ico-flechas-oscuras.gif) no-repeat;
	padding-left:30px;
	height:24px;
	float:right;
	color: #690;
	font-weight: bold;
	padding-top: 5px;
	margin-right: 20px;
}
 
 
/*BOX SERVICIOS HOME*/
#box_servicios_home {
	float: left;
	width: 309px;
	height:397px;
	background:  url(../img/h-cuadro-bg-servicios.gif) no-repeat;
}
#box_servicios_home h2{
	color:#91d900;
	padding: 13px 10px 12px 60px;
	font-size: 1.6em;
	display: block;
}
#box_servicios_home ul{
	height:312px;
}
#box_servicios_home li{ padding:0 10px; }
#box_servicios_home li a {
	width:244px;
	height:25px;
	display:block;
	color:#690;
	background:url(../img/ico-flechas-claras.gif) no-repeat 5% 0;
	padding-left:45px;
	padding-top:5px;
} 
#box_servicios_home li a:hover{
 color:#000; 
 text-decoration:none; 	
 background:url(../img/ico-flechas-claras.gif)  no-repeat 5% 0; background-color:#e6e6e6; } 

#columna_derecha_home {
	float: right;
	width: 213px;
}

#bot_acceso_clientes_cuerpo{ margin-bottom: 17px; height:213px; height:62px; border:0;}

#bot_conoce_nuestros_clientes {
	margin-bottom:19px;
	height:108px;
	width:213px;
	border:0;
}
#suscripcion_newsletter{
	margin:0;
	background:url(../img/h-cuadro-bg-newsletter.gif) no-repeat;
	width:177px;
	height:189px;
	float:right;
	padding: 13px 18px;
}
#suscripcion_newsletter_navegador{
	margin:0;
	background:url(../img/h-cuadro-bg-newsletter.gif) no-repeat;
	width:166px;
	height:153px;
	float:right;
	padding: 13px 18px;
}

#suscripcion_newsletter h2, #suscripcion_newsletter_navegador h2{
	color:#FFF;
	padding: 0 10px 12px 42px;
	font-size: 1.6em;
}
#input_email{
	background:url(../img/news-textarea.gif) no-repeat;
	width:142px;
	height:23px;
	border:none;
	padding-left:35px;
	padding-top: 3px;
	overflow: hidden;
	margin-top: 5px;
		font-size:0.9em;
}
#input_email_derecha{
	background:url(../img/news-textarea.gif);
	width:122px;
	height:19px;
	border:none;
	padding-left:35px;
	padding-top: 3px;
	overflow: hidden;
	margin-top: 5px;
	font-size:0.95em;
	
}
#bot_enviar{
	width:84px;
	height:22px;
	margin:0 auto;
	margin-top: 10px;
}


/*FOOTER*/
#footer a{ color:#CCC; text-decoration:underline;}
#footer a:hover{ text-decoration:none;}
#link_legales {
	float: right;
	width: 200px;
}
#links_normales {
	float: left;
	width: 630px;
}
#links_normales li, #link_legales li, #copyright li, #link_creativat li{ display:inline;}

#copyright {
	float: left;
	margin-top: 30px;
	color: #fff;
	font-size: 0.8em;
	width: 550px;
	height: 15px;
}
#logo_w3c{ clear:right; clear:left; width:80px; height:15px;}
#logo_creativat{
	float:right;
	margin-top:30px;
	width: 101px;
	height: 27px;
	border: 0;
}
h1.tit_curriculums, h1.tit_servicios, h1.tit_empresa , h1.tit_noticias, h1.tit_clientes, h1.tit_links, h1.tit_contacto, h1.tit_mapa , h1.tit_gracias {height: 35px; padding:20px 20px 20px 85px; float:left; margin-top:1px; width:500px;}
h1.tit_curriculums {background:url(../img/ico-t-curriculum.gif) no-repeat;}
h1.tit_servicios {background:url(../img/ico-t-servicios.gif) no-repeat;}
h1.tit_empresa { background:url(../img/ico-t-empresa.gif) no-repeat;}
h1.tit_noticias {background:url(../img/ico-t-noticias.gif) no-repeat;}
h1.tit_clientes { background:url(../img/ico-t-clientes.gif) no-repeat;}
h1.tit_links { background:url(../img/ico-t-links.gif) no-repeat;}
h1.tit_contacto { background:url(../img/ico-t-contacto.gif) no-repeat;}
h1.tit_mapa { background:url(../img/ico-t-mapa.gif) no-repeat;}
h1.tit_gracias { background:url(../img/ico-t-gracias.gif) no-repeat;}



#contenedor_derecha_grande {
	float: right;
	width: 655px;
	background:url(../img/c-t-bg.gif) no-repeat #FFF;
	padding: 24px 0 20px 43px;
}
#contenedor_derecha_grande h2{
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;
	width: 620px;
	float:left;
	margin-bottom: 10px;
	height:1.3em;
	overflow:hidden;
}
#contenedor_derecha_grande h3{
	text-transform: uppercase;
	margin-top: 20px;
	float:left;
	font-size:1.6em;
	color: #669800;
	background:url(../img/bullet-01.gif) no-repeat;
	padding-left:20px;
	background-position: 0 35%;
	border-bottom: solid 1px #c7cbce;
	padding-bottom: 5px;
	clear: left;
	width: 580px;
}
#contenedor_derecha_grande p.parrafo_par{
	border-bottom: solid 1px #bcc1c1;
	border-top: solid 1px #bcc1c1;
	float:left;
	width:585px;
	background: #e9ebe6;
	padding: 8px 8px 8px 22px;
	margin: 0;
}
#contenedor_derecha_grande p.parrafo_impar{
	border-bottom: solid 0px #bcc1c1;
	border-top: solid 0px #bcc1c1;
	float:left;
	width:586px;
	background: #fff;
	padding: 8px 8px 8px 22px;
	margin: 0;
}
#contenedor_derecha_grande  h4{
	font-weight:bold;
}

#contenedor_izquierda_grande {
	float: left;
	width: 670px;
	padding: 15px 20px 20px 10px;
	background:url(../img/linea-699x2.gif) no-repeat top #fff;
}

#contenedor_izquierda_grande h2{
	color:#690;
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.7em;
}
#contenedor_izquierda_grande p a, #contendor_texto_noticias p a {color:#690;}

#contenedor_centro_grande {
	float: left;
	width: 910px;
	background:#fff;
	margin-bottom: 10px;
	background: url(../img/linea-699x2.gif) repeat-x top #fff;
	padding-top: 2px;
}
.categoria {
	float: left;
	width: 165px;
	padding: 0 50px 23px 0;
	height:169px;
	overflow:hidden;
}
#contenedor_derecha_grande .categoria H3 {
	text-decoration: none;
	background: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	width: auto;
	border: 0;
	text-transform: none;
	font-size: 1em;
	display: inline-table;
}


.categoria h3{
	color:#626e75;
	font-weight:bold;
	background-image:url(../img/bullet-02.gif)!important;
	background-repeat:no-repeat!important;
	padding:5px 0 0 15px!important;
	margin-top:3px!important;
	width:142px!important;
}
.categoria h3 a {color:#626e75;} 
.categoria h3 a:hover {color:#000; text-decoration:none;}




.foto_categoria{
	clear:left;
	float: left;
	border: solid 1px #ccc;
	padding:2px;
}
#contenedor_derecha_grande h3.tit2{
	border: none;
	clear: right;
	width: 400px;
	margin: 0;
	margin-bottom: 0px;
	margin-top: 20px;
}
.foto_tit2{
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
}
#contenedor_derecha_grande p.descripcion_categoria{
	width:400px;
	color: #666;
	font-weight:bold;
	margin-left: 20px;
	margin-bottom: 10px;
	float: left;
}
.img_empresa_logo{
	float: left;
}
#contendor_texto_empresa {
	float: right;
	width: 440px;
	margin-top: 10px;
}

/*NOTICIAS LISTADO*/
.foto_noticias{
	margin-right:15px;
	border: solid 1px #ccc;
	padding:2px;
	float: left;
}
.item_noticia , .item_link{
	width:434px;
	float:left;
	padding:10px;
	height:79px;
	overflow:hidden;
	border-right: solid 1px #e9ebe6;
	color:#000;
	display: block;
}
.item_noticia:hover{
background:#e6e6e6;
text-decoration:none;
}

div.item_noticia h2 a{
	color:#690;
	font-weight:bold;
	width:257px;
	margin-bottom: 0px;
	padding: 0;
} 
div.item_noticia h2 a.foto_noticias:hover{
	border: solid 1px #000;
} 
.fecha_noticia{
	color:#666;
	width: 250px;
	display: block;
} 



/*LINKS*/
.item_link{
	width:434px;
	float:left;
	padding:10px;
	height:79px;
	overflow:hidden;
	border-right: solid 1px #e9ebe6;
	color:#000;
}
.item_link:hover{
background-color:#e6e6e6;
}
.foto_links{
	margin-right:15px;
	border: solid 1px #ccc;
	padding:2px;
	float: left;
}
.item_link h2{
	color:#690;
	font-weight:bold;
	margin-bottom: 0px;
	padding: 0;
	margin-top: 24px;
	text-transform:uppercase
} 
.item_link a { color:#000; text-decoration:underline}
.item_link a:hover { color:#000; text-decoration:none}

/*CLIENTES*/
.item_clientes{
	width:160px;
	float:left;
	padding:10px;
	height:189px;
	overflow:hidden;
}
.item_clientes h2{
	color:#626e75;
	font-weight:bold;
	background: url(../img/bullet-01.gif) no-repeat;
	padding-left:18px;
	margin-top: 8px;
} 
.foto_clientes{
	border: solid 1px #ccc;
	padding:2px;
}
/*NOTICIAS DETALLE*/
#contenedor_fotos_noticia_detalle {
	float: left;
	width: 230px;
}
#contendor_texto_noticias {
	float: right;
	width: 420px;
}
a.ampliar_imagen{
	background:url(../img/ico-ampliar.gif) no-repeat 0 25%;
	float:left;
	display:block;
	padding-left: 19px;
	height: 19px;
	color:#74ae00;
	font-weight:bold;
	margin-top:5px;
	margin-left:5px;
}
#link_volver_al_listado_noticia_detalle{
	background:url(../img/ico-flechas-oscuras-ant.gif) no-repeat;
	float:left;
	padding-left:30px;
	display:block;
	margin-top: 10px;
	color: #74ae00;
	font-weight: bold;
	height: 23px;
	padding-top: 5px;
	width: 200px;
	margin-left: 30px;
}

#fecha_noticia {
	padding: 11px 10px 9px 0;
	border-bottom: solid 1px #c7cbce;
	margin-bottom: 15px;
	color: #666;
}
#pie_noticia , #pie_empresa {
	border-top: solid 1px #c7cbce;
	padding-top: 13px;
	color: #666;
	font-size:0.98em;
}
#pie_noticia p, #pie_empresa p{ margin:0; padding:0; }
.firma{ color:#690; font-weight:bold;}


/*FORMULARIO DE CONTACTO*/

form#formulario_contacto { width:650px;margin-top:20px; float:left;}
form#formulario_contacto label {
	width:120px;
	float:left;
	padding-top:5px;
	color: #000;
}
form#formulario_contacto input{
	width:176px;
	height:16px;
	border: solid 1px #c7c7c7;
	float:left;
	margin:4px 20px 4px 0;
	color: #666;
	padding: 0 3px;
	padding-top:5px;
	background: url(../img/back_input.gif) no-repeat;
}

form#formulario_contacto select{ width:184px; float:left;	margin:4px 20px 4px 0;
	color: #666;
	font-size: 0.9em;
	padding: 0 3px;
	padding-top:3px;
	height:18px;
	background: url(../img/back_input.gif) no-repeat;margin-right:345px;	border: solid 1px #c7c7c7;}
form#formulario_contacto textarea{ width:480px; height:125px; float:left;}
form#formulario_contacto input#bot_enviar{
	width:84px;
	height:22px;
	margin:0;
	padding:0;
	border:none;
	margin-left: 110px;
	}
div#contenedor_bot_enviar{ padding:10px; border-bottom: solid 1px #c7cbce; border-top:solid 1px #c7cbce; float:left; width:617px; margin-top:30px; }
div#contenedor_lineas_paralelas_links{ padding:10px; border-bottom: solid 1px #c7cbce; border-top:solid 1px #c7cbce; float:left; width:617px; margin-top:30px; }

/*MAPA DEL SITIO*/
#contendor_texto_mapa {
	float: right;
	width: 440px;
	margin-top: 10px;
}#contendor_texto_mapa ul{
	margin-bottom:15px;
} 
#contendor_texto_mapa li h2 a{ color:#693; font-size:0.6em; background:url(../img/ico-flechas-oscuras.gif) no-repeat 0 50%; padding-left:30px; font-weight:bold; height:28px;}
#contendor_texto_mapa li h3 a{
	color:#666;
	background:url(../img/ico-flechas-gris.gif) no-repeat 0 50%;
	padding-left:30px;
	font-weight:bold;
	height:28px;
	margin-left:25px;
}
#contendor_texto_mapa li h4 a{
	color:#666;
	padding-left:30px;
	height:28px;
	margin-left:25px;
}


/*POP AYUNTAMIENTO*/
#popup{
	background: url(../img/pop-top.gif) no-repeat top;
	padding:18px 10px 10px 67px;
	color:#000;
}
#popup h1 {
	color:#91d900;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 1em;
	margin-bottom: 30px;
}
#popup h2{ color:#690; font-weight:bold;}

#popup ul{ list-style-image:url(../img/bullet-01.gif); line-height:22px;}

/*GRACIAS*/
#link_volver_gracias{
	background: url(../img/ico-flechas-claras.gif) no-repeat;
	float:left;
	padding-left:30px;
	display:block;
	color: #74ae00;
	font-weight: bold;
	height: 23px;
	padding-top: 5px;
	width: 200px;
}
#contenedor_texto_std {
	float: left;
	width: 100%;
	margin-top: 20px;
}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:1em; margin-top:50px; text-align:right; margin-right:7px; top:10px; height:30px;}
.paginacio ul {position:relative; list-style:none; height:20px!important; }
.paginacio ul li {position:relative; display:inline!important; margin-right:-9px!important; height:15px; padding:4px 6px;}
.paginacio ul li a {position:relative; color:#666; text-decoration:none!important; padding:4px 6px!important; border:1px solid #a7a9a5; margin:0;} 
.paginacio ul li a:hover {background:#b2dc61!important; padding:4px 6px!important; text-decoration:none; border:1px solid #b2dc61; color:#fff;}
.paginaSeleccio {position:relative; background-color:#5c8801; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative;  border:1px solid #a7a9a5; padding:4px 6px; color:#666; margin-right:4px;}

/*================================================*/

.lletraPetita, .lletraForm {font-size:0.95em!important; width:640px; color:#555;}
.lletraForm {position:relative; top:15px!important; clear:both!important;}
.lletraForm p {text-align:justify;}