@charset "utf-8";
/*
COTOCAZA.com | Da de alta tus cotos favoritos y compártelos
http://www.shoppeer.com
LMMS @ Pulso 2008

Versión: 1.0

 - CSS realizada y testeada para IE 5.5/6/7, Firefox 1.5/2.0.14, Opera 9.27 y Safari 3.1.1
 - Hacks y código especfico para IE en la CSS: screenIE.css (sólo la cargaran los navegadores de la familia
 Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Incluye revisión del "Easy Clearing Hack"
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
	 http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
	 http://www.positioniseverything.net/easyclearing.html

*/

/* ---------------------------------------
ESTILOS GENERALES - Normalización y varios
--------------------------------------- */
/* Eric Meyer's Reset incluido en el archivo reset.css */
html {
	font-size:125%;
}
body,
body.home {
	background-color:#FFF;
	font:normal 50%/140% Arial, Helvetica, sans-serif; 
	/*
	NORMALIZACIÓN DEL TAMAÑO DEL TEXTO CON MEDIDAS RELATIVAS:

	- El tamaño por defecto de la tipografíaa en navegadores modernos corresponde a 16px.
	- Esta normalización del tamano tiene como misión hacer corresponder el tamaño por defecto
	de 1em a 10px (equivalente a font-size:x-small), en lugar del 1em como 16px.
		
	Por tanto,
		 1em = 16px * 0.625 = 10px	(aprox.) <- 0.625 es el factor de conversión.

	De esta manera (aproximadamente):
		 1em = 10px
		 1.1em = 11px
		 1.2em = 12px
		...
	De esta manera obtenemos tamaños de fuentes escalables en IE (mejorando la accesibilidad)
	de una forma sencilla de implementar para el desarrollador.
	*/
	color:#000;
	text-align:center; /* Necesario para centrar la web en IE 5.5*/
}

a {
	color:#039;
}

/* -------------------
ESTILOS PÁGINA (#page)
------------------- */
#page {
	margin:0 auto;
	text-align:center;
}
/* ----------------------
ESTILOS CABECERA (#header)
----------------------- */

#header #logo h1,
#header #logo #adsense468x60,
#header #topNavInner,
#header p span,
/*#header #adsense468x60inner,*/
#user #userInner,
#content,
#footer {
	text-align:left;
	display:block;
	margin: 0 auto;
	max-width:96em;
	min-width:74em;
}

#header {
	position:relative;
	min-height:11.5em;
	border-bottom:0.2em solid #F1F1F1;
	background-color:#F1F1F1;
}
/*	#header #adsense468x60 {
		position:absolute;
		top:3.3em;
		left:0;
		width:100%;
		height:8em;
	}
		#header #adsense468x60 #adsense468x60inner {
			text-align:right;
			padding:1em;
		}*/
	#header #logo{
		position:absolute;
		top:3.3em;
		left:0;
		z-index:5;
		background:#26561D url(../img/backgroundHeader2.gif) left bottom repeat-x;
		border-top:0.1em solid #204918;
		border-bottom:0.1em solid #FAB31A;
		width:100%;
		height:8em;
	}
	#header #adsense468x60 {
		height:0;
	}
		#header #adsense468x60 #adsense468x60inner {
			float:right;
			margin:1em;
		}
		#header #logo h1 {
			text-indent:-9999px;
			line-height:0;
			position:relative;
		}
			#header #logo h1 a {
				position:absolute;
				top:0;
				left:0;
				z-index:10;
				display:block;
				width:287px;
				height:67px;
				background:transparent url(../img/logo.png) left top no-repeat;
				margin:0.5em 0 0 0.3em;
			}
			.home #header #logo h1 a {
				cursor:default !important;
			}
	#header p {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		background:#FAB31A url(../img/backgroundHeader1.gif) left top repeat-x;
		height:2.9em;
		border-bottom:0.1em solid #EBA005;
	}
		#header p em {
			font:bold italic 1.3em Arial, Helvetica, sans-serif;
			line-height:30px;
			color:#285C1F;
			display:block;
			margin:0 auto;
			padding-left:0.8em;
		}
	#header #topNav {
		position:absolute;
		top:0;
		right:0;
		width:100%;
	}
		#header #topNav #topNavInner {
		}
		#header #topNav ul#topNavLinks {
			float:right;
		}
			#header #topNav ul#topNavLinks li {
				float:left;
				display:block;
				height:3em;
				padding:0 1em;
			}
			#header #topNav ul#topNavLinks li+li {
				border-left:0.1em solid #F1F1F1;
			}
			#header #topNav ul#topNavLinks li a {
				font:bold 1.4em Arial, Helvetica, sans-serif;
				line-height:30px;
				color:#25551D;
			}
/*			#header #topNav ul#topNavLinks li a.RSS {
				padding-left:1.5em;
				background:transparent url(../img/icoRSS.gif) left center no-repeat;
			}*/
			#header #topNav ul#topNavLinks li a:hover {
				color:#000;
			}
			#header #topNav ul#topNavLinks li.active {
				background:transparent url(../img/backgroundTopNavActive.gif) center bottom no-repeat;
			}
			#header #topNav ul#topNavLinks li.active a,
			#header #topNav ul#topNavLinks li.active a:hover {
				color:#FFF;
				text-decoration:none;
				cursor:default !important;
			}
			
	#user {
		background-color:#f1f1f1;
	}
		#user #userInner {
		}
			#user #userInner p {
				font:normal 1.1em/120% Arial, Helvetica, sans-serif;
				padding:0.1em 0.9em 0.4em;
			}

/* -------------------------
ESTILOS CONTENIDO (#content)
------------------------- */
#content {
	clear:both;
	overflow:visible;
	border-bottom:0.1em solid #337D27;
}
	#contentInner {
/*		margin:1em 1em 0;
		border:1px solid #fcfcfc;*/
	}

/* -----------------------------
ESTILOS BARRA LATERAL (#sidebar)
----------------------------- */

#sidebar {
	float:right;
	width:27em;
}
	#sidebar h2 {
		height:3.3em;
		background:#3B6733 url(../img/backgroundH2.gif) right top no-repeat;
		border-bottom:0.1em solid #DDD;
	}
	#sidebar h2 span {
		display:block;
		font:bold 1.4em/32px Arial, Helvetica, sans-serif;
		color:#FFF;
		padding-left:0.7em;
		border-bottom:0.05em solid #EBA005;
		height:2.3em;
	}
	#sidebar #boxAnuncios {
		border-top:0.1em solid #FEF7B7;
		border-right:0.1em solid #F2E780;
		border-bottom:0.1em solid #F2E780;
		border-left:0.1em solid #FEF7B7;
		background:#FEF7B7;
		position:relative;
		padding:0.5em 6em 0.75em 1em;
		text-align:left;
		margin-bottom:1em;
	}
	.anuncios #sidebar #boxAnuncios {
		display:none;
		visibility:hidden;
	}
		#sidebar #boxAnuncios h2 {
		font:bold 1.6em/120% Arial, Helvetica, sans-serif;
		height:1%;
		height:inherit;
		background:none;
		border-bottom:none;
		margin-bottom:0;
	}
		#sidebar #boxAnuncios .nuevo {
			position:absolute;
			top:-0.2em;
			right:-0.2em;
			width:5.6em;
			height:5.6em;
			text-indent:-9999px;
			background:transparent url(../img/novedad.png) no-repeat;
		}
		#sidebar #boxAnuncios p {
			font:1.2em/130% Arial, Helvetica, sans-serif;
			margin-top:0.5em;
			margin-right:-1em;
		}
	#sidebar .box {
		margin-bottom:1em;
		background:#FFF url(../img/backgroundBox.gif) right bottom no-repeat;
	}
	#sidebar .box .boxInner{
		margin-right:1em;
		padding:1em;
		padding-right:0;
		background:#FFF url(../img/backgroundBox.gif) left bottom no-repeat;
	}
	#sidebar .box #banners.boxInner{
		margin-right:0 !important;
		padding:0em;
	}
		#sidebar .box #banners.boxInner div a img {
			margin:0.5em;
		}	
	 
	#sidebar .box p,
	#sidebar .box label {
		font:1.2em/120% Arial, Helvetica, sans-serif;
		display:block;
	}
	#sidebar .box .smallText {
		font-size:1.1em;
	}
	#sidebar .box p.separator {
		margin:0.6em -0.8em 0;
		padding:0.6em 0.8em 0;
		background:transparent url(../img/backgroundSeparator.gif) left top repeat-x;
		border-top:0.1em solid #CCC;
	}

	#sidebar legend {
		display:none;
	}
	#sidebar input[type=submit] {
		font-weight:bold;
		color:#444;
	}
	
	#sidebar #tabs {
		margin:0 -1em -1em;
	}
	#sidebar #tabs p {
		margin:0;
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
	}
	#sidebar #tabs ol {
		margin:0 0 1em 0;
		padding-left:3em; 
	}
	#sidebar #tabs ol li {
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
	}
	#sidebar #tabs ol {
		list-style:decimal;
	}
	#sidebar #tabs .separator {
		margin:0 -0.6em;
		padding:0.7em 0.7em 0.2em;
		background:transparent url(../img/backgroundSeparator.gif) left top repeat-x;
		border-top:0.1em solid #CCC;
	}
	
/* --------------------------------
ESTILOS CONTENIDO PRINCIPAL (#main)
-------------------------------- */

#main {
	margin-right:29em;
}
.home #main {
	margin-right:29em;
	position:relative;
}
		#breadcrumbs {
			margin-bottom:-1em;
		}
		.home #breadcrumbs {
			display:none;
		}
			#main #breadcrumbs p {
				font:bold 1.1em/120% Arial, Helvetica, sans-serif;
				color:#888;
			}
			#breadcrumbs a {
				color:#337D27;
				text-decoration:none;
			}
			#breadcrumbs a:hover {
				text-decoration:underline;
			}

	#main #map_canvas {
		border:0.1em solid #CCC;
		overflow:hidden;

	}
	#main #map_canvas {
/*		float:right;
*/		width:30em;
		height:30em;
	}
	
	#main #busqueda{
		padding-right:0;
		margin:0 auto;	
	}
	
	.home #main #map_canvas {
		float:none;
		height:35em;
		width:auto;
		background:transparent url(/img/cargando2.gif);
		background-color:#FFF;
	}
	.home #main #comunidadCotos {
		position:absolute;
		top:28em; 
		right:0;
		background:transparent url(/img/transp.png) !important;
		background:#FFF;
		margin:0 10px;
	}
		.home #main #comunidadCotos div{
			padding:0.5em 1em;
			border:0.1em solid #FAB31A;
			position:relative;

		}
		.home #main #comunidadCotos h2 {
			margin:0;
			padding:0;
			border-bottom:0;
			font:bold 2.2em/120% Arial, Helvetica, sans-serif;

		}
		.home #main #comunidadCotos p {
			margin:0;
			padding:0;
			font:normal 1.1em/120% Arial, Helvetica, sans-serif;
		}
		.home #main #comunidadCotos a {
			text-decoration:none;
			border-bottom:1px dotted;
		}
		.home #main #comunidadCotos a:hover {
			text-decoration:none;
			border-bottom:1px solid;
		}
		
		
	.home #main #comuni {
		position:absolute;
		top:3em; 
		right:0;
		background:transparent url(/img/transp.png) !important;
		background:#FFF;
		margin:0 10px;
	}
		.home #main #comuni div{
				padding:0.5em 1em;
				border:0.1em solid #FAB31A;
				position:relative;
		}
		
		
	.coto #main #map_canvas {
		float:none;
		height:20em;
		width:auto;
	}
		.coto #main fieldset #map_canvas {
		float:none;
		height:25em;
		width:auto;
		margin:0 1em;
	}
		#main #map_canvas #js {
			background-color:#FFC;
			margin:1em;
			padding:2em;
			height:24em;
		}
			.home #main #map_canvas #js {
				height:29em;
			}
			.coto #main #map_canvas #js {
				height:14em;
			}
	#main #mapLegend {
		background:#FFF;
		margin-top:0;
		padding:0.3em;
		color:#777;
		width:auto;
		border-right:0.1em solid #CCC;
		line-height:16px;
	}
		#main #mapLegend img {
			margin-bottom:-0.25em;
		}
		
	
	#main #imagenes a {
	display:block;
	float:left;
	border:0.1em solid #CCC;
	margin-right:1em;
	}
	#main #imagenes a:hover {
		border:0.1em solid #666;
	}
	#main #imagenes .imgCoto {
		background:#F9F9F9;
		padding:0.5em;
	}
	
	
	#main h2 {
		font:bold 1.6em/120% Arial, Helvetica, sans-serif;
		border-bottom:0.075em solid #CCC;
		margin:1em 0 0.5em 0;
	}
	#main h3 {
		font:bold 1.4em/120% Arial, Helvetica, sans-serif;
		color:#666;
		margin:0.5em 0;
	}
	.coto #main h3 {
		margin:1em 0 0.5em;
		color:#FAB31A;
	}
	.anuncios #main h3 {
		margin:1em 0 0.5em;
	}
	.anuncios #main h4 {
		font:bold 1.3em/120% Arial, Helvetica, sans-serif;
		margin:0 0 0.25em;
	}
	#main h3 + p {
		margin:-0.1em 0 1em;
	}
	#main p {
		margin:1em 0;
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
	}
	#main .cotoText {
		overflow:auto;
	}
	#main .cotoText p {
		margin:1em 0 0.5em;
	}
	#main .cotoText p + p {
		margin:0.5em 0;
		}
	#main ol,
	#main ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#main ul li,
	#main ol li{
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
	}
	#main ol {
		list-style:decimal;
	}
	
	#main ul{
		list-style: disc;
	}
	#main ol ul,
	#main ul ul,
	#main ol ul,
	#main ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#main ol li ul li,
	#main ul li ul li,
	#main ol li ul li,
	#main ul li ol li{
		font:normal 1em/140% Arial, Helvetica, sans-serif;
	}

/* Listados: Comunidades Autónomas en Home */
	ul#CCAA {
		margin:1em 0;
		font:normal 1.1em/140% Arial, Helvetica, sans-serif;
		list-style:disc;
		display:block;
		overflow:auto;
		padding-left:2em;
	}	
		ul#CCAA li {
			float:left;
			width:31%;
			position:relative;
			margin-left:1em;
			margin-bottom:0.3em;
		}
			ul#CCAA li a,
			ul#list li a {
				text-decoration:none;
				font-weight:bold;
			}
			ul#CCAA li a span,
			ul#list li a span {
				font-weight:normal;
				color:#000;
			}
			ul#CCAA li a:hover,
			ul#list li a:hover {
				text-decoration:underline;
			}
			
			
	ul#ccom {
		margin:1em 0;
		font:normal 1.1em/140% Arial, Helvetica, sans-serif;
		list-style:disc;
		display:block;
		overflow:auto;
		padding-left:2em;
	}	
		ul#ccom li {
			float:left;
			width:36%;
			position:relative;
			margin-left:2em;
		}
		
		
/* Listados: Comunidades Autónomas, Provincias, Localidades... */
	ul#list {
		margin:1em 0;
		font:normal 1em/140% Arial, Helvetica, sans-serif;
		padding-left:1em;
		list-style:disc;
	 }
		ul#list li {
			position:relative;
			margin-left:1em;
			margin-bottom:0.3em;
		}
	
	#main .smallText {
		font-size:1.1em;
	}	
	
/* Formularios*/
	#main fieldset {
		border:0.1em solid #CCC;
		margin:1em;
		padding:0em 1em;
	}
	#main legend {
		padding:0 0.5em;
		margin-left:-0.5em;
		text-align:center;
		font:normal 1.2em/140% Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#999;
	}
	#main label {
		margin:1em;
		font:1.2em/140% Arial, Helvetica, sans-serif;
		display:block;
	}
	
	#main span.error {
		display:block;
		text-align:center;
		margin:1em;
		color:#C00;
		font-weight:bold;
	}
	#main input[type=text],
	#main input[type=password],
	#main textarea {
		display:block;
		width:17em;
		border:1px solid #CCC;
		padding:0.2em;
	}
	#main input[type=text]:focus,
	#main input[type=password]:focus,
	#main textarea:focus {
		border:1px solid #337D27;
		background-color:#FFC;
	}
	#main input[readonly=readonly],
	#main input[readonly=readonly]:focus {
		border:1px solid #CCC;
		color:#999;
		background:none;
		font-style:italic;
	}
	#main input[type=submit] {
		font-weight:bold;
		color:#444;
	}
	#main textarea {
		font:normal 1em/140% Arial, Helvetica, sans-serif;
		width:19em;
	}
	.coto #main textarea,
	.anuncios #main textarea {
		width:auto;
	}
	
	/* Comentarios */
	#main #listaComentarios .comentario {
		padding:0.5em 0.7em;
		margin:0.5em 0;
		border-left:0.2em solid #FCD98C;
		/*background:#fafafa;*/
		display:block;
	}
	#main #listaComentarios .impar{
		background:#FEF4DD;
	}
	#main #listaComentarios .comentario strong {
		color:#333;
	}
	#main #listaComentarios .comentario p {
		margin:0 0 0.3em;
		font-size:1.1em;
	}
	#main #listaComentarios .comentario p + p {
		margin:0;
	}
	
	/* Anuncios */
	
	.anuncios #main fieldset {
/*		margin:1em 0;
		padding:1em;*/
	}
	.anuncios #main label {
/*		font-weight:normal;
		margin:0.5em 0 0.25em;
*/	}
	.anuncios #main input[type=text],
	.anuncios #main input[type=submit] {
/*		display:inline;
*/	}
	.anuncios #main input[type=text]#busq {
/*		width:30em;
*/	}
	.anuncios #main input[type=submit]#bu {
	}
	
	#main #listaAnuncios .anuncio {
		padding:0.5em 0.7em;
		margin:0.5em 0;
		border-top:0.1em solid #FEF7B7;
		border-right:0.1em solid #F2E780;
		border-bottom:0.1em solid #F2E780;
		border-left:0.1em solid #FEF7B7;
		background:#FEF7B7;
	}
	#main #listaAnuncios .impar{
		border-top:0.1em solid #FEF9C9;
		border-right:0.1em solid #F5EDA0;
		border-bottom:0.1em solid #F5EDA0;
		border-left:0.1em solid #FEF9C9;
		background:#FEF9C9;
	}
	#main #listaAnuncios .anuncio strong {
		color:#333;
	}
	#main #listaAnuncios h4 {
		margin-right:6em;
	}
	#main #listaAnuncios h4 + p + p{
		border-top:0.1em solid #FFC;
		padding-top:0.1em;
	} 
	#main #listaAnuncios .anuncio p {
		margin:0 0 0.3em;
		font-size:1.1em;
	}
		#main #listaAnuncios .anuncio p + p {
			/*margin:0;*/
		}
	#main #listaAnuncios .anuncio .referencia {
		color:#999;
		width:5em;
		text-align:right;
	}
	
	.anuncios #main .anuncioRespuesta {
		border-top:0.1em solid #eee;
		border-right:0.1em solid #ddd;
		border-bottom:0.1em solid #ddd;
		border-left:0.1em solid #eee;
		padding:0.5em 0.7em;
		margin:0.5em 0;
	}
	.anuncios #main .anuncioRespuesta p {
		margin:0 0 0.3em;
		font-size:1.1em;
	}
	
/* Fotografías de los cotos */
.coto #imagenes a {
	display:block;
	float:left;
	border:0.1em solid #CCC;
	margin-right:1em;
}
.coto #imagenes a:hover {
	border:0.1em solid #666;
}
.coto #imagenes .imgCoto {
	background:#F9F9F9;
	padding:0.5em;
}
/* Contacto desde los cotos (ventanas ThickBox) */
.coto #contactCoto {
	width:20em;
	margin:1em 0 1em 1em;
	border:1px solid #FAB31A;
	padding:1em;
}
	.coto #contactCoto h3 {
		margin:0 0 0.5em;
		color:#FAB31A;
	}
	.coto #contactCoto ul,
	.coto #contactCoto li {
		/*list-style:none;
		padding:0;
		margin:0;*/
	}
	.coto #contactCoto ul {
		margin:0;
		padding-left:1.5em;
		color:#FAB31A;
	}
	.coto #contactCoto li {
		font:normal 1.1em/120% Arial, Helvetica, sans-serif;
		margin-bottom:0.2em;
	}

/* ----------------------
ESTILOS PIÉ (#footer)
----------------------- */
#footer {
	clear:both;
	background-color:#F6F6F6;
	border-top:0.1em solid #CCC;
}
	#footerInner {
		padding:1em;
		overflow:auto;
	}
	#footer p {
		font:bold 1.2em/140% Arial, Helvetica, sans-serif;
		color:#333;
	}
	ul#bottonNav {
		margin-left:-0.7em;
	}
	ul#bottonNav li {
		display:inline;
		padding:0 0.5em 0 0.7em;
	}
	ul#bottonNav li+li {
		border-left:0.1em solid #ccc;
	}
		ul#bottonNav li a {
			font:bold 1.1em Arial, Helvetica, sans-serif;
		}

/* ------------------------
ESTILOS Y CLASES AUXILIARES
------------------------ */
.alignLeft {
	text-align:left;
}
.alignRight{
	text-align:right
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.col {
	width:32em;
	min-height:28em;
}
	.anuncios .col {
		min-height:18em;
	}
.noDisplay {
	display:none;
	visibility:hidden;
}
.margin10 {
	margin:1em 1em 0.5em;
}
.marginLeft {
	margin-left:1em;
}
.marginRight{
	margin-right:1em;
}
.marginBottom {
	margin-bottom:1em;
}
.marginTop{
	margin-top:1em;
}

.RSS {
	display:block;
	padding-left:1.7em;
	background:transparent url(../img/icoRSS.gif) left center no-repeat;
}
.commentList {
	padding-left:1.7em;
	background:transparent url(/img/icoComentarios.gif) left center no-repeat;
}
.commentWrite {
	display:block;
	padding-left:1.7em;
	background:transparent url(/img/icoEscComentario.gif) left center no-repeat;
}
.photos {
	padding-left:1.7em;
	background:transparent url(/img/icoFotos.gif) left center no-repeat;
}
.clearAll {
	clear:both;
}

/* "Easy Clearing Hack" */
.clearFix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearFix {
    display:inline-block;
}
.clearFix {
    display:block;
}
* html .clearFix {
    height:1px;
}
.mapin
{
	width:100%;
	height:350px;
}
.maincom
{
position:absolute;width:150px;height:80px;
}
.indiceBusqueda div {
	border:0.1em solid #CCC;
	padding:0 1em;
	margin:1em 0;
}