/* Hoja de estilos para www.gipuzkoa.net */

/* Estilos del layout principal */

body, td{
	margin:0;
	padding:0;	
	text-align: center;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
  	font-size: 0.8em;
  	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 100%;
	min-width:990px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design.
	Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
}
body{
	background-image: url(../images/fondo_rayas.gif);
	/*background-repeat: repeat-y;
	background-position: center;*/
	margin-top:2px;
}
td{
	min-width:0px; 
}
body{
	/*background-image: url(../images/fondo_rayas.gif);
	background-repeat: repeat-y;
	background-position: center;*/
	background-color:#efefef;
	margin-top:2px;
}
br {
	clear: both;
}

.clear{
	clear:both;
	/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
	height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;
}

acronym {
	border-bottom: 1px dotted;
}

a img{
	border: 0;
}

a{
	text-decoration: none;
	color: #0C758F;
}

a:link{
	color: #0C758F;
}

a:visited{
	color: #0C758F;
}

a:hover{
	text-decoration: underline;
}

ul, dl{
	padding: 0;
	margin: 0;
}
acronym, abbr {
	cursor: help;
}
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
.checkboxes{
	width:20px;
	border:none;
}
FIELDSET{
	border:1px solid #aaaaaa;
	/*width:300px;*/
}
LEGEND{
	padding:2px;
	margin-left:5px;
}
LABEL{
	margin:15px 15px 15px 15px;
}
.ayuda-acces{
	position: absolute;
	left: -1000px;
	width: 1px;
	font-size:1px; 
	line-height:1%;
}

#web_marco {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:998px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	/height:auto;
	font-size: 100%;
	background-color:#FFFFFF;
	background-image:url(../images/fondo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

/* Capa que contiene a todas las demas */
#web {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	font-size: 100%;
	background-color:#FFFFFF;
	background-image:url(../images/fondo_contenido.gif);
	background-repeat:repeat-y;
	background-position:center;
}
/*  CABECERA - Inicio  */
#cabecera {
	background-color: #748301;
	color: #fff;
	margin-bottom: 0px;
	height: 104px;
	padding: 0;
}
#cabecera h1{
	font-weight: normal;
	font-size: 1em;
	background: #000000;
	padding-left: 0px;
	float: left;
	width: 25%;
	margin: 0;
}
#cabecera div .uno{
	background: #B3C800;
	padding: 0;
	margin: 0;
	float: left;
}
#cabecera div .dos{
	background: #B3C800;
	padding: 0;
	margin: 0;
	float: right;
}

#cabecera ul{
	font-size: 0.9em;
	float: left;
	width: 88%;
	background-color: #748301;
	height:22px;
}

#cabecera #idiomas{
	font-size: 1em;
	float: right;
	width: 12%;
	background-color: #748301;
	text-align:right;
}

#cabecera li{
	list-style: none;
	display: inline;
	float: left;
	line-height:22px;
}

#cabecera li a{
	color: #fff;
	border-right: 1px solid #e8f0b1;
	padding: 0 6px;
	float: left;
	line-height:22px;
}

#cabecera li a.ultimolista {
	border-right: 0;
}

#cabecera li a.esuscripciones{
	color: #e8f0b1;
}

#cabecera li a.idiomaselec{
	color: #e8f0b1;
	text-decoration: none;
}

#cabecera li a.idiomaselecultimo{
	color: #e8f0b1;
	text-decoration: none;
	border-right: 0;
}

#cabecera li a.idiomanoacti{
	color: #A19D9D;
	text-decoration: none;
}

#cabecera li a.idiomaultimonoacti{
	color: #DDDDDD;
	text-decoration: none;
	border-right: 0;
}
/*  CABECERA - Fin  */

/*  MENU ARRIBA - Inicio  */
#menu_arriba{
	float: left;
	width:100%;
	height:30px;
	background-color:#E5E5E5;
}

#menu_arriba div{
	width:20%;
	float: left;
	height:100%;
}
#menu_arriba div div{
	background-position:left;
	background-repeat:no-repeat;
	list-style: none;
	height:100%;
	width:100%;
}
#menu_arriba div div{
	line-height:30px;
	font-size:0.8em;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#58595b;
}
#menu_arriba div div a{
	color:#58595b;
}
/*  MENU ARRIBA - Fin  */

/*  MENU IZQUIERDA - Inicio  */
#menu_izquierda {
	width: 20%;
	height:100%;
	margin-right:0px;
	margin-left:0px;
	float: left;
	text-align: left;
	margin-top:1px;
	border-top:1px solid #dbdbdb;
	font-weight: bold;
}
#menu_izquierda ul{
	text-align: left;
	padding: 0px 2px 5px 2px;
	list-style: none;
	background-color:#B3C800;
}
#menu_izquierda ul li {
	padding-left: 3px;
	padding-right: 3px;
	line-height: 135%;
	text-align: left;
	background: transparent;
	border:1px solid #B3C800;/*es sólo para ajustar en IE (no se ve)*/
}
#menu_izquierda ul ul{
	padding: 0;
	list-style: none;
	margin: 0;
	border: 0;
}
#menu_izquierda ul li ul li{
	padding: 5px;
	margin-left: 0px;
	border-style : none;
	border-bottom:1px solid #748301;
	font-size:0.8em;
}
#menu_izquierda ul li ul li a{
	color:white;
}
/*  MENU IZQUIERDA - Fin  */

/*  MENU DERECHA - Inicio  */
#menu_derecha {
	font-weight: bold;
	width: 20%;
	/*height:100%;*/
	margin-right: 0px;
	float: right;
	text-align: left;
	margin-top:1px;
	background-color:#d9ced8;
}
#menu_derecha ul li{
	margin-top:0px;
	margin-bottom:0px;
	border:1px solid #d9ced8; /*es sólo para que se ajuste en IE (no se ve)*/
}
#menu_derecha ul ul{
	padding: 0;
	list-style: none;
	margin: 0;
	border: 0;
}
#menu_derecha ul li ul li{
	height:auto;
	background-position:center; 
	background-repeat:no-repeat;
	border:none;
	text-align: right;
	margin: 5px 0px 5px 0;
	padding: 0px 5px 0px 5px;
}
#menu_derecha ul li ul li a{
	text-align: right;
	font-size:80%;
	height:auto;
	margin:0;
	padding:0;
	color:#58595b;
	text-transform:uppercase;
}
#menu_derecha #buscador{
	background-color:#B3C800;
}
#menu_derecha #buscador h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	background-color:#748301;
	text-transform:uppercase;
	height:20px;
	line-height:20px;
}
#menu_derecha #buscador li, #menu_derecha #buscador div{
	padding: 10px 14px 10px 10px;
	list-style: none;
	height:11px;
	color:#FFFFFF;
	height:auto;
	border:none;
	text-align:right;
}
#menu_derecha #buscador div a{
	color:#58595b;
	text-align:right;
	font-size: 0.9em;
}
#menu_derecha #buscador li #busq{
	width:170px;
	height:auto;
	border:none;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:0;
}
#menu_derecha #buscador div{
	padding: 0;
	margin: 0;
	padding-right:14px;
	//padding-right:0px;
	padding-bottom:5px;
	//padding-bottom:0px;
}
#menu_derecha #buscador .radi{
	padding: 0;
	padding-top:8px;
	margin-left:14px;
	//margin-left:0px;
	list-style: none;
	height:auto;
	color:#58595b;
	height:auto;
	border:none;
	text-align:left;
	font-weight: normal;
	font-size: 0.9em;
}
/*  MENU DERECHA - Fin  */

/*  PIE - Inicio  */
#pie {
	clear: both;	
	margin-top: 10px;
	height: 27px;
	width: 100%;
	background: transparent url(../images/pie_gipuzkoa.jpg) right no-repeat;
	background-color: #333333;
}

#pie ul{
	font-size: 85%;
	color: #fff;
	margin-left: 5px;
	padding: 0;
	line-height:22px;
}

#pie li{
	list-style: none;
	float: left;
	padding: 0 4px 0 4px;
	display: inline;
}

#pie li.ulti{
	float:right;
	padding:0px;
}

#pie li.primerolista{
	background-image: none;
}

#pie a{
	color: #fff;
	text-decoration: underline;
}

#pie a:hover{
	text-decoration: none;
}
/*  PIE - Fin  */

/*  MENU SITUACION - Inicio  */
#menu_situacion{
	width: 100%;
	float: left;
	color: #748301;
	font-weight: bold;
	font-size:90%;
	margin-top:8px;
	margin-bottom: 15px;
	text-transform:uppercase;
}	

#menu_situacion li {
	display: inline;
	list-style: none;
	font-weight: bold;
}
#menu_situacion li a {
	text-decoration: underline;
	color: #748301;
	font-weight: bold;
}

#menu_situacion li a:hover{
	text-decoration: none;
}

#menu_situacion li span {
	font-weight: normal;
}
.infoURL {
	display: none;
}
/*  MENU SITUACION - Fin  */

/*  CONTENIDO - Inicio  */
#contenedor{
    clear: both; 
	background-image:url(../images/verti_fondo.jpg);
	background-repeat:repeat-y;
	width:100%;
	position:relative;
}
/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#marco_contenido{
	width: 60%;
	height:100%;
	float: left;
	/*background-color:#FFFFFF;*/
	background-image:url(../images/fondo_contenido_top.gif);
	background-repeat:no-repeat;
}
#contenido{
	width: 96%;
	height:100%;
	float: left;
	font-size:100%;
	padding-left:2%;
	padding-right:2%;
	margin-top:2px;
	/*margin-top:10px;*/
	line-height:1.6em;
	/*background-color:#FFFFFF;*/
	color:#58595b;
	font-size:100%;
}
#contenido p{
	margin-bottom:20px;
}
#contenido h2{
	color:#58595b;
	font-size: 150%;
	margin: 30px 0px 15px 0px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #888888;
}
#contenido h3, #contenido td h3{
	color:#748301;
	font-size:130%;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	line-height:1.3em;
	margin:20px 0 10px 0;
	
}
#contenido td h3{
	color:#748301;
	font-size:105%;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	line-height:1.3em;
	margin:20px 0 10px 0;
}
#contenido h4{
	color:#748301;
	font-size:115%;
	font-weight:bold;
	line-height:1.3em;
	margin:20px 0 10px 0;
	
}
#contenido h5{
	color:#58595b;
	font-size: 95%;
	/*margin: 30px 0px 15px 0px;*/
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #888888;
}
#contenido h6{
	color:#748301;
	font-size: 90%;
	margin: 20px 0px 0px 10px;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #748301;
}
.relacionados{
	font-size: 110%;
	margin-bottom: 3px;
	color: #748301;
}
#contenido dt{
	margin:7px 0px 7px 0px;
	font-weight:bold;
	padding-left:10px;
	line-height: 1.5em;	
}
#contenido dd{
	margin:0px 0px 27px 10px;
	padding-bottom:5px;
	text-align:justify;
	border-bottom:1px solid #DDDDDD;
}
#contenido .imgDcha, .colAux .imgIzda{
	float:right;
	padding:3px;
	border:1px solid #CCCCCC;
	margin: 5px 0px 10px 20px;	
}
#contenido .imgIzda, .colAux .imgIzda{
	float:left;
	padding:3px;
	border:1px solid #CCCCCC;	
	margin: 5px 20px 10px 0px;
}
#contenido .imgIzda span, #contenido .imgDcha span{
	background-color:#EFEFEF;
	font-size:95%;
	padding:2px 5px;
	line-height:1.4em;
	margin-top:3px;
	display:block;
}
#contenido .imgDcha img, #contenido .imgIzda img{
	display:block;
}
#contenido #capa_entera{ /*PORTADA*/
	width:100%;
	float:left;
	text-align:left;
}
#contenido #capa_izquierda,#contenido #capa_derecha{ /*PORTADA*/
	width:48%;
	float:left;
}
#contenido #capa_derecha{ /*PORTADA*/
	float:right;
}
#contenido #capa_entera h3,#contenido #capa_izquierda h3,#contenido #capa_derecha h3{ /*PORTADA*/
	font-size:100%;
	color:#748301;
	text-transform:uppercase;
	font-weight:bold;
}
#contenido #capa_entera h3 a,#contenido #capa_izquierda h3 a,#contenido #capa_derecha h3 a{ /*PORTADA*/
	color:#748301;
}
#contenido #capa_entera p,#contenido #capa_izquierda p,#contenido #capa_derecha p{ /*PORTADA*/
	color:#58595b;
	font-size:100%;
	text-align:left;
}
#contenido #capa_centro{ /*PORTADA*/
	width:3.5%;
	height:340px;
	float:left;
	text-align:center;
	background-image:url(../images/separador.gif);
	background-repeat:repeat-y;
	background-position:center;
}
/*  CONTENIDO - Fin  */

#infofoto{
	/*border:1px solid #EFEFEF;*/
	position:relative;
	width:500px;
	height:auto;
	text-align:left;
	font-size:95%;
	padding:5px;
}

/* FORMULARIO - Inicio */
.row {
  clear: both;
  padding-top: 5px;
  width:95%;
  margin-left: 10px;
  }

div.row span.label {
  float: left;
  width: 260px;
  text-align: left;
  margin-left:10px;
  }

div.row span.formw {
  float: right;
  width: 200px;
  text-align: left;
  }
div.row span.labelt {
  float: left;
  width: 120px;
  text-align: left;
  margin-left:10px;
  }

div.row span.formwt {
  float: right;
  width: 400px;
  text-align: left;
  }
/* FORMULARIO - Fin */
#txe_imp{
	font-size:100%;
	line-height:1.2em;
}
#txek h2{
	font-size:140%;
	text-align:center;
	font-weight: bold;
}
#txek h3{
	font-size: 105%;
	font-weight: bold;
	color:#748301;
	text-decoration:none;
	text-align:left;
	padding-left:5px;
}
#txek h4{
	text-align:center;
}
.txehr{
	margin: 10px 0px 10px 0px;
}