/***************************************************************************
Author: ideiak
Author URI: http://www.ideiak.com/
****************************************************************************/


/* ==============================  HTML elements ============================== */
* {
	margin: 0;
	padding: 0;	
	}	/*eliminar valores preestablecidos de los distintos navegadores*/
body {
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color:#4f4f4f;
	}
h2 {
	font-size: 16px;
	padding-top:15px;
	padding-left:10px;
	padding-bottom:15px;
	letter-spacing: -0.09em;

}
h3 {
	color: #ffffff;
}
ul {
	padding-left:60px;
	padding-top:20px;
	padding-bottom:20px;
}
.web {
	color:#22AABD;
	font-weight: bold;
}
.grafico {
	color:#ECCB00;
	font-weight: bold;
}
.posicionamiento {
	color:#78b01a;
	font-weight: bold;
}
.expo {
	color:#22AABD;
}
.imprenta {
	color:#D7006C;
}
.subtitulo {
	color:#056978;
}
.right {
	text-align:right;
}
.nada {
	display:none;
}
/* ============================ elementos de clase ============================ */
.oculto {
	display: none;
	}
.negrita {
	font-weight: bold;
}
/* ============================ container star ============================ */
#container {
	margin: 0 auto;/*margen suoerior de la p gina*/
	width: 802px;
	height:100%;
	/*background-color: #fbfbfb;*/
	font-size: 0.8em;
	text-align:justify;
	color:#4f4f4f;
	}
/* ============================ header star ============================ */
#header {
	position: relative;
	text-align:center;
	width: 802px;
	height: 110px;
	}
#logo {
 	width: 112px;
	height: 72px;
	float:left;
}

#contraseina {
	float:right;
	margin-right:15px;
}
.boton_contraseina a {
	display:block;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	width: 66px;
	height: 72px;
}
.boton_contraseina a:hover { 
	background-position: 0 -72px; 
	text-decoration: none; 
	}
.boton_contraseina .alt { 
	display:none; 
	}
.boton_contraseina a#cub { 
	background-image: url(../imagenes/contacto_a.gif) 
	}
#registrate {
	float:right;
	margin-right:15px;
}


#hizkuntza {
	float:right;
	width: 66px;
	margin-top:8px;
	margin-right:8px;
/*	margin-top:6px;
	margin-right:15px;*/
}

#hizkuntza a, #hizkuntza a:visited, #hizkuntza a:hover {
	color: #7eba00;
	text-decoration: none;
	}

.boton_registrate a {
	display:block;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	width: 66px;
	height: 72px;
}
.boton_registrate a:hover { 
	background-position: 0 -72px; 
	text-decoration: none; 
	}
.boton_registrate .alt { 
	display:none; 
	}
.boton_registrate a#cub { 
	background-image: url(../imagenes/registrate_a.gif) 
	}
#contact {
	float:right;
}
.boton_contact a {
	display:block;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	width: 66px;
	height: 72px;
}
.boton_contact a:hover { 
	background-position: 0 -72px; text-decoration: none; 
	}
.boton_contact .alt { 
	display:none; 
	}
.boton_contact a#cub { 
	background-image: url(../imagenes/contacto_a.gif) 
	}

#fecha {
	float:right;
	width: 66px;
	margin-top:8px;
	margin-right:8px;
	font-size:small;
	font-size:10px;
	color:#A20000;
	text-align:right;
	font-weight: bold
	}
/*  menu star ============================ */
#menu {
	/*margin-top:10px;*/
	padding-top:20px;
	position: relative;
	text-align:left;
	font-size: 1.3em;
	width: 802px;
	height: 30px;
	color:#056978;
	/*background:#000fff;*/
	word-spacing: 3.5em;
	float:left;
}
#menu a,
#menu a:hover,
#menu a:active {
	text-decoration: none;
	color: #4f4f4f;
	/*font-weight: bold;*/
	}
#menu a:hover {
	color: #ADADAD;
	/*font-weight: bold;*/
	}
#menu ul {
	list-style-type: none;
}
/*  menu end ============================ */

/* ============================ header end ============================ */

/* ============================ banner_header star ============================ */
#banner_header {
	width: 802px;
	height: 290px;
	margin-top:15px;
	
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
}
#banner {
	width: 770px;
	height: 260px;
	margin:15px;
	background-image: url(../imagenes/banner/2.jpg);
}
/* ============================ banner_header end ============================ */
#migadepan {
	height:15px;
	font-size:x-small;
}
#migadepan a {
	text-decoration:none;
	font-weight: bold;
	color:#78b01a;
}

/* ============================== cuerpo star ============================== */
#content {
	position: relative;
	width: 802px;
	/*height:300px;*/
	line-height:20px;/*interlineado*/
}
#content a,
#content a:hover,
#content a:active {
	text-decoration: none;
	color: #000000;
	}
#content a:hover {
	color: #ADADAD;
	}
#contentido{
	float:left;
	width: 587px;
}
#contenido_inicial {
	width: 555px;
	height: 275px;
	padding:15px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
	background-image: url(../imagenes/fondo_contenido_inicial.gif);
	background-repeat:no-repeat;
}
#contenido_localizacion {
	width: 495px;
	padding-top:15px;
	padding-right:45px;
	padding-bottom:15px;
	padding-left:45px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
	line-height:21px;
	background-image: url(../imagenes/fondo_contenido_mp.gif);
	background-repeat:no-repeat;
}
#contenido_localizacion h2 {
	font-size: 16px;
	/*color: #A20000;
	line-height:18px;/*interlineado*/
	padding-top:15px;
	padding-left:10px;
	padding-bottom:15px;
	letter-spacing: 0.09em;
}
#localizacion {
	background-color:#000000;
	width:100%;
	height:250px;
}
#contenido_mapaweb {
	width: 495px;
	padding-top:15px;
	padding-right:45px;
	padding-bottom:15px;
	padding-left:45px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
	line-height:21px;
	background-image: url(../imagenes/fondo_contenido_mp.gif);
	background-repeat:no-repeat;
}
#contenido_mapaweb h2 {
	font-size: 16px;
	/*color: #A20000;
	line-height:18px;/*interlineado*/
	padding-top:15px;
	padding-left:10px;
	padding-bottom:15px;
	letter-spacing: 0.09em;
}
#contenido_accesibilidad {
	width: 495px;
	padding-top:15px;
	padding-right:45px;
	padding-bottom:15px;
	padding-left:45px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
	line-height:21px;
	background-image: url(../imagenes/fondo_contenido_acce.gif);
	background-repeat:no-repeat;
}
#contenido_accesibilidad h2 {
	font-size: 16px;
	/*color: #A20000;
	line-height:18px;/*interlineado*/
	padding-top:15px;
	padding-left:10px;
	padding-bottom:15px;
	letter-spacing: 0.09em;
}
#dweb {
	height: 200px;
	width: 145px;
	float:left;
	margin-right:15px;
	background-image: url(../imagenes/dweb.gif);
	padding-left:30px;
}
#dgrafico {
	height: 200px;
	width: 145px;
	float:left;
	margin-right:15px;
	background-image: url(../imagenes/dgrafic.gif);
	padding-left:30px;
}
#posicionweb {
	height: 200px;
	width: 145px;
	float:left;
	background-color:#ffffff;
	background-image: url(../imagenes/pweb.gif);
	padding-left:30px;
}
/*==============================Men£ star==============================*/
#basic-accordian{
	border:#d7d7d7 1px solid;
	padding-bottom:15px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	width: 168px;
	z-index:2;
	float:right;
}

.accordion_headings{
	padding:5px;
	border-bottom:#d7d7d7 1px solid;
	cursor:pointer;
	background-image: url(../imagenes/fondo_menu_lateral.gif);
}

.accordion_headings:hover{
	/*background:#00CCFF;*/
	border-bottom:#d7d7d7 1px solid;
	background-image: url(../imagenes/fondo_menu_lateral.gif);
}

.accordion_child{
	padding:10px;
	background:#f7f7f7;
}

.header_highlight{
	/*background-image: url(imagenes/fondo_menu_lateral2.gif);*/
}
/*==============================Men£ end==============================*/
.txt_peque {
font-size:11px;
line-height:19px;
}
#contenido_pie {
	width: 555px;
	height: 50px;
	padding:15px;
	margin-top:15px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
}
#datos {
	width: 50%;
	font-size:10px;
	line-height:13px;/*interlineado*/
	letter-spacing: 0.009em;
	float:left;	
}
#datos a {
	color: #78b01a;
	font-weight: bold;

}
#donde {
	width: 50%;
	font-size:10px;
	line-height:13px;/*interlineado*/
	letter-spacing: 0.009em;
	float:left;
	text-align:right;
}
#donde a {
	color: #78b01a;
	font-weight: bold;
}
#contenido_avisolegal {
	width: 495px;
	padding-top:15px;
	padding-right:45px;
	padding-bottom:15px;
	padding-left:45px;
	line-height:21px;
	border-left: #d7d7d7 1px solid;
	border-right: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	border-top: #d7d7d7 1px solid;
	background-image: url(../imagenes/fondo_contenido_avisolegal.gif);
	background-repeat:no-repeat;
}
#contenido_avisolegal a {
	color: #78b01a;
	font-weight: bold;

}
#contenido_avisolegal h2 {
	font-size: 16px;
	/*color: #A20000;
	line-height:18px;/*interlineado*/
	padding-top:15px;
	padding-left:10px;
	padding-bottom:15px;
	letter-spacing: 0.09em;
}
/*==============================Star portafolios gr fico==============================*/
#galeria {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	z-index:10; 
	width:495px; 
	/*height:800px; */
	/*margin:40px auto; */
}

#galeria li {
	float:left; 
	margin:7px;
	display:inline; 
	color:#000; 
	text-decoration:none; 
	width:85px; 
	height:85px; 
	cursor:default;
}
#galeria li a.marc {
	display:block; 
	width:75px; 
	height:75px; 
	text-decoration:none; 
	cursor:default; 
	border:5px solid #fff;
}
#galeria li a.marc img {
	display:block; 
	border:0;
}

#galeria li div {
	position:absolute; 
	left:-9999px; 
	border:0; 
	width:495px; 
	text-align:center; 
	z-index:-1; 
	/*background:#fff;*/
}

#galeria li a.marc:hover {
	border-color:#ddd;
}

#galeria li:hover > a {
	border-color:#ddd;
}
#galeria :hover div {
	position:absolute; 
	left:0px; 
	top:0; 
	padding:300px 0 10px 0; 
	/*background:#fff;*/
}
#galeria :hover div img {
	border:1px solid #ddd;
}
#galeria :hover div p {
	width:495px; 
	text-align:left; 
}
/*==============================END portafolios gr fico==============================*/
/*==============================Star portafolios web==============================*/
#galeriaweb {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	z-index:10; 
	width:495px; 
	/*height:800px; */
	/*margin:40px auto; */
}

#galeriaweb li {
	float:left; 
	margin:7px;
	display:inline; 
	color:#000; 
	text-decoration:none; 
	width:85px; 
	height:85px; 
	cursor:default;
}
#galeriaweb li a.marcweb {
	display:block; 
	width:75px; 
	height:75px; 
	text-decoration:none; 
	cursor:default; 
	border:5px solid #fff;
}
#galeriaweb li a.marcweb img {
	display:block; 
	border:0;
}

#galeriaweb li div {
	position:absolute; 
	left:-9999px; 
	border:0; 
	width:495px; 
	text-align:center; 
	z-index:-1; 
	/*background:#fff;*/
}

#galeriaweb li a.marcweb:hover {
	border-color:#ddd;
}

#galeriaweb li:hover > a {
	border-color:#ddd;
}
#galeriaweb :hover div {
	position:absolute; 
	left:0px; 
	top:0; 
	padding:205px 0 10px 0; 
	/*background:#fff;*/
}
#galeriaweb :hover div img {
	border:1px solid #ddd;
}
#galeriaweb :hover div p {
	width:495px; 
	text-align:left; 
}
/*==============================END portafolios web==============================*/
/* ============================== footer star ============================== */
#footer {
	clear: both;/*para limpiar la propiedad float*/
	padding: 5px 5px 5px 5px;
	font-size: 0.8em;
	text-align:left;
	color: #78b01a;
	font-weight: bold;
	}
#footer a,
#footer a:hover,
#footer a:active {
	text-decoration: none;
	color: #78b01a;
	}
#footer a:hover {
	color: #95dc1f;
	}
/* ============================== footer end ============================== */