@import url("extra.css");
/* 
//CSS Core Tu Boda Online 2010
================================================						
Created: 03/2010
Last update: 07/2010
Author: Pablo García @ pdworks.net	
Contact: pablo@pdworks.net
=================
Cometarios
=================
- Limpiar selectores sobre-identificados!
- Ojo al final para unir la regla import y comprimir (primero minimize y luego Gzip)

/* 	
	*************************
		General resets
	*************************
*/
html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, legend, fieldset, input, textarea, select, form ul, form ol {margin: 0; padding: 0;  text-indent:0;}

abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;}

a img, a abbr, a acronym { border:none; }

sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {top:.25em;}

/* 	
	*************************
		Basics & Commons
	*************************
*/
body {
    font-family:    Arial, sans-serif;
    font-size:      62.5%;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1.4em;
	/*background:#000 url(../images/body_bg.gif);*/
	background:#111 url(../images/211.jpg);
	color:#eee;
	}
/* Enlaces */
a:link, a {color:#eee; cursor:pointer; outline:none;}
a:hover {color:#666;}
/*a:visited {color:purple;}*/

	/* Iconos en enlaces*/
	a.pdf {background:url(../images/ico_pdf.gif) 0 0 no-repeat; padding-left:16px;}
	a.external {background:url(../images/ico_external.gif) right no-repeat; padding-right:16px;}

/* Listas */
ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}
div#subNav ul, div#menu ul, div#footer ul, div#topNav ul, ul.mLeft, div#obras-relacionadas ul, div#resumen ul, div#destacados ul, div#gama ul, div#pMyC ul, ul#leyenda, ul.gama, ul.data {margin:0; padding:0; list-style:none;} /* Listas como menú */		

/* Headers */
h1 {font-size: 2em; line-height: 1.3em; margin:8px 5px .5em 5px; padding:3px 3px 10px 30px; text-shadow:1px 1px 0 #000; border-bottom:1px solid #333; background: url(../images/isotipo.gif) 1px 10% no-repeat; font-family:"Lucida Sans", Helvetica, arial;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}


/*
	ESTRUCTURAS COMUNES
*/
div#wrapper {width:960px; background:#000; margin:0 auto;}
	div#top {background:#000 url(../images/top_bg.gif) top no-repeat; position:relative; height:110px;}
		a#logo {display:block; width:247px; height:93px; position:absolute; top:10px; left:10px; background:#000 url(../images/logo-nuevo.gif);}
			a#logo span {display:none;}
		div#topBanner {width:625px; height:90px; border:1px solid #eee; position:absolute; top:10px; right:10px; text-align:center;}		

/* MENÚ PRINCIPAL */
div#menu {background-image:url(../images/menu_bg.jpg); height:29px; position:relative; margin:10px; }
	ul.topnav {
		list-style: none;
		padding: 0 10px;	
		margin: 0;
		float: left;
		width: 800px;
		font-size: 1.2em;	
	}
	ul.topnav li {
		float: left;
		margin: 0 0 0 5px;	
		padding: 0 15px 0 0;
		position: relative; /*--Declare X and Y axis base--*/
	}
	ul.topnav li a {
		padding: 8px 5px;
		color: #333;
		display: block;
		text-decoration: none;
		float: left;
	}
	ul.topnav li a:hover{
		background: url(topnav_hover.gif) no-repeat center top;
		color:#f39;
	}
	ul.topnav li span { /*--Drop down trigger styles--*/
		width: 16px;
		height: 16px;
		margin-top:8px;
		float: left;
		background: url(../images/subnav_btn.gif) no-repeat center top;
	}
	ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
	ul.topnav li ul.subnav {
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 30px;
		background: #333;
		margin: 0; padding: 0;
		display: none;
		float: left;
		width: 340px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border: 1px solid #111;
	}
	ul.topnav li ul.subnav li{
		margin: 0; padding: 0;
		border-top: 1px solid #252525; 
		border-bottom: 1px solid #444; 
		float:left;
		width: 170px;
	}
	html ul.topnav li ul.subnav li a {
		float: left;
		width: 145px;
		background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
		padding-left: 20px;
		color:#fff;
	}
	html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
		background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
		color:#f39;
	}
							
			/* Ajustes invividuales */
			div#menu a#m_inicio { width:56px; left:0px;}
			div#menu a#m_categorias { width:86px; left:70px}
			div#menu a#m_destacados { width:159px; left:146px;}
			div#menu a#m_foros { width:140px; left:260px;}
						
			
			/* Cuadro de búsqueda */
			div#tBuscar {
				width:171px;
				height:25px;
				position:absolute; 
				right:5px;
				top:3px;
				background: url(../images/buscarInputBg.jpg) 0 0 no-repeat;
				padding:2px 0 0 2px;		
			}
			div#tBuscar .ico_lupa {display:block; width:16px; height:16px; position:absolute; right:5px; top:3px; background: url(../images/ico_lupa.gif) 0 0 no-repeat;}
				div#tBuscar a.ico_lupa span {display:none;}
				div#tBuscar input {border:0; background:none;}
				#searchText {padding: 3px; width: 130px; margin-left: 3px;}

/* BREADCRUMBS */
div#breadCrumbs {background:#f7f7f7; padding:2px; height:20px; margin:0px 0 5px 0;}
	div#breadCrumbs a {display:block; float:left; margin:0 5px; line-height:18px; color:#333; text-decoration:none; background:#f7f7f7 url(../images/ico_separador.gif) right no-repeat; padding-right:12px;}
	div#breadCrumbs a:hover {color:#036;text-decoration:underline;}
	div#breadCrumbs a.home {width:16px; height:16px; background:#f7f7f7 url(../images/IconHome.gif) bottom no-repeat; padding:0; margin-top:1px;}
	div#breadCrumbs a.home:hover {background-position:top;}
		div#breadCrumbs a.home span {display:none;}
	div#breadCrumbs a[href="#"] {background:none;}
	
/* CONTENT */
div#content {font-size:1.1em; margin:10px;  }

	/* Grid de 2 columnas de portada */
	div.grid {width:940px; overflow:auto;}
		div.grid div.left {width:580px; float:left;}
		div.grid div.right {width:340px; float:right;}

	/* SIDEBAR */
	div#sidebar {}
		div#sidebar h2 {color:#f39; font-size:1.1em;}
	div#sidebar div.grid-2 {width:340px;}
		div#sidebar div.grid-2 div.left {float:left; width:160px; }
		div#sidebar div.grid-2 div.right {float:right; width:160px; }
	
		div#presentacion {border:1px solid #333; padding:5px;}
		.btn_rss { background: url(../images/iconoRSS-32x32.png) left no-repeat; padding-left: 40px; line-height: 32px; display: block;}
		#sidebarFacebook {margin: 5px 0; background: #111;}
	
		div#categorias {background:#000 url(../images/posts_bg.jpg) top repeat-x; padding:5px 0; border:1px solid #333; font-size:1.2em;}
			div#categorias ul {margin:5px; padding:0; list-style:none;}
				div#categorias ul li {padding:3px 2px; margin-bottom:3px;}
				div#categorias ul li:hover {background:#eee; color:#333; cursor:pointer;}
					div#categorias ul li:hover a {color:#333;}
				div#categorias ul li a {text-decoration:none;}
				
		div#bloquePublicidad {margin:10px 0;}
			div#bloquePublicidad div.grid-2 {width:340px; overflow:auto;}
		#newsletter h2 {width: 60%;}
		#formAltaNewsletter .textfield { padding:3px;}
		#formAltaNewsletter .btn_enviar {padding:2px;}
	
	/* Contenedor de post */
	div#post-container {background:#000 url(../images/posts_bg.jpg) top repeat-x; border:1px solid #333; width:580px;}
		div.post {width:560px; overflow:auto;}
			div.post h2 { margin:5px 0 3px 0;}
				div.post h2 a {text-decoration:none;}
				div.post h2 a:hover {color:#f39;} 
			div.post p.tags { margin:2px 0;}
			div.post span.fecha {padding-right:5px;}
			div.post div.foto {float:left; margin:5px 10px 10px 5px;}
				div.post div.foto a img {border:1px solid #333;}
				div.post div.foto a:hover img {border:1px solid #eee;}
			div.post a.more {color:#f6c;text-decoration:none;}
			div.post a.more:hover {text-decoration:underline;}
	
	/* Newsletter */
	div#newsletter {background:#000 url(../images/newsletter_bg.jpg) repeat-x; padding:8px 8px 16px 8px; border:1px solid #333; margin:10px 0;}
		div#newsletter h2 {margin-bottom:10px;}
	
	/* Banners */
	div.banner {width:160px; float:right; margin-bottom:5px; border:1px solid #333; text-align:center;}
	
	
div#volver {border-top:1px solid #eee; padding-top:3px; font-size:1.1em;}

/* FOOTER */
div#footer { width:960px; margin:1.5em 0 1em 0; background:#222; padding:0 0 10px 0;}
	div#footer div.inner { width:940px; margin:10px auto; float:left;}
		div#footer div.inner #tags {width:415px; float:left; margin-left:10px; border-right:1px solid #000; }
		div#footer div.inner #historico {width:300px; float:left; margin-left:50px; }
			div#footer div.inner h3 {margin-bottom:10px; color:#f39;}
			#tags ul li, #historico ul li {width:100px; float:left; margin:0 0 3px 0;}
			#historico .clear {padding-top:15px;}
	.btn_goTop {padding:3px; margin-left:10px; background: url(../images/ico_top.gif) 0 2px no-repeat; padding-left:20px;}

div#subnav {width:940px; margin:2px auto; overflow:auto;}
	div#subnav ul {float:right;}
	div#subnav ul li {display:inline; border-right:1px solid #eee; padding:0 10px 0 5px; margin-left:5px;}
	div#subnav ul li:last-child {border:0;}
	div#subnav ul a {text-decoration:none; color:#333;}
	div#subnav ul a:hover {text-decoration:underline; color:#fff;}
div#copy {text-align:right;font-size:1.1em; color:#666; padding:5px 20px 5px 5px;}

	
	

/*
	ESPECÍFICOS POR SECCIONES
*/
	/* > Portada | body#home */
	div#destacado {background:#000 url(../images/destacado_bg.jpg) repeat-x; color:#333; overflow:auto; margin:0 0 10px 0; width:580px; overflow:auto;}
	div#destacado p.rotulo {margin:5px 0;}
	div#destacado h1 a {color:#f39; text-decoration:none;}
	div#destacado h1 a:hover {color:#000;}
		div#destacado div.foto {float:left; margin:5px 10px 5px 5px;}
			div#destacado div.foto a img {border:1px solid #666;}
			div#destacado div.foto a:hover img {border:1px solid #000;}
	
	
	/* > Noticias | dovy.noticias */
		/* Listado de noticias | body#noticiasListado */
		#noticiasListado div.post {margin-bottom:10px; margin-left:2px; border-bottom:1px solid #111;}
		#noticiasListado div.post:last-child {border-bottom:0;}
		/* Ficha noticia*/
		#fichaNoticiaCont {margin:0 10px 0 5px; font-size:1.1em; color:#eee; text-align:justify;}
		#fichaNoticiaCont .foto {margin:0 10px 5px 0; float:left;}
			#fichaNoticiaCont .foto img {border:1px solid #333;}
		.compartirWrapper {margin-bottom: 15px; border-top: 1px dotted #222; margin-top: 2em; padding-top: 10px; text-align: right; }
			.compartirWrapper a {text-decoration: none;}
			/* Comentarios */
			#comentsWrapper {border-top: 1px solid #333; padding: 10px 5px; margin-top: 2em;}
				#comentsWrapper .author strong {color: #f39;}
			#addComment {}
				#addComment fieldset {background: #111; padding: 5px 10px;}
					#addComment fieldset legend {padding: 3px 6px;}
	
	/* > Empresas | body.empresas */
	/* Listado de emprsas | body#empresasListado */
	#empresasListado div.post {margin-bottom:10px; margin-left:2px; border-bottom:1px solid #111;}
	#empresasListado div.post:last-child {border-bottom:0;}
		#empresasListado div.post div.foto a img {border:0;}
	
	/* Ficha de empresa body#fichaEmpresa */
	#fichaEmpresa div.grid div.left {width:760px;}
	#fichaEmpresa div.grid div.right {width:160px;}
	#fichaEmpresa div#sidebar div.grid-2 {width:160px;}
		#fichaEmpresa div#sidebar div.grid-2 div.left {float:left; width:160px; }
		#fichaEmpresa .textfield {width:130px;}
		
		/*Contenedor de datos de la ficha */
		div#fichaContainer {background:#000 url(../images/posts_bg.jpg) top repeat-x; border:1px solid #333; }
			div#fichaContainer h2 {color:#f39;text-shadow:1px 1px 0 #000; letter-spacing:1px;}
		#fichaContainer div.logo {float:left;background:#000; padding:8px; margin:0 0 0 5px; border:1px solid #222;	}
		#principal {width:100%; overflow:auto;}
		#principal div.compartirWrapper { float: left; margin-top: 1em; margin-left: 5px;}
		div.basico {float:right; width:400px; margin:0 8px 0 0;}
			div.basico strong { color: #f39;}
		div.descripcion {clear:both; width:738px; overflow:auto; margin:2em auto;}
			div.descripcion div.mapCanvas {width:320px; height:392px; float:right; border:8px solid #000; margin:0 0 0 2em; background:#222;}
		div#fichaContainer #galeria {border:10px solid #111; margin:0 15px 2em 12px; background:#111;}
			div#fichaContainer #galeria h2 {margin-bottom:8px;}
			a.ft-button-galeriaContenedor {background:#000;text-decoration:none; margin-left:1px;}
			#ft-title-galeriaContenedor, a.ft-prev, a.ft-next {display:none;}/* Oculto lo que no me interesa de la interfaz*/
		
	/* Resultados de búsqueda */
	div.filtros {background:#000; padding:2px 5px; margin:5px;}
	div.filtros a { color:#eee;}
	div.filtros a:hover {color:#f39;}
	div.filtros a.activo {color:#f39; font-weight:bold;}
	
	#busquedaResumen {padding:10px; background:#000; margin:5px 5px 10px 5px;}
		#formBuscar {}
			#formBuscar #s { width:250px; padding:3px; margin-right:10px; background:#444; border:1px solid #333;}
			#formBuscar #s:focus {background:#999; 	}
			#formBuscar .btn_enviar {padding:3px;}
			#formBuscar .btn_enviar:hover {color:#f39; background:#111;	}
	
	div.resultadosContainer {}
		.resultadosContainer div.post {margin-bottom:10px;}
		.resultadosContainer div.post div.foto {margin-bottom:0;}
		.resultadosContainer div.post div.foto a img {width:50px; height:50px;}
		.moreLink {margin-top:0;}
	
	
	/* Alta en el newsletter */
	#formAltaNewsletterCompleto { padding:5px 10px;}
		#formAltaNewsletterCompleto label {display:block; width:100px; float:left; margin-right:5px;}
		#formAltaNewsletterCompleto input.textfield {padding:3px; border:1px solid #ccc; background:#eee; width:200px;	}
		#formAltaNewsletterCompleto input.textfield:focus {border:1px solid #f39; background: #fcfcfc;}
	#formAltaNewsletterCompleto div.deAcuerdo {margin:10px 0; padding:5px 10px; background:#000; font-style:italic;	}
	#formAltaNewsletterCompleto .btn_enviar {padding:3px;}
	#formAltaNewsletterCompleto .btn_enviar:hover {color:#f39; background:#111;	}
	
		/* Página de Ok al registro */
		#mensajeWrapper {width:500px; margin:5% auto; border:10px solid #000; padding:20px 10px; background:#111;}
			#mensajeWrapper p {font-size:1.2em;	}
			
/* Sitemap */
ul#sitemap-tree {margin: 10px;}
ul#sitemap-tree li {background: #000;}
ul#sitemap-tree a {text-decoration: none;}
ul#sitemap-tree a:hover {text-decoration:underline; color:#f39;}
ul#sitemap-tree, ul#sitemap-tree ul {padding:0; margin:0; list-style:none;}
	ul#sitemap-tree li {line-height:1.4em;background:#222; font-weight:bold; padding:6px; border-bottom:1px dotted #111; margin-bottom:2px;}
		ul#sitemap-tree li ul {margin:3px 0 0 25px; border-left:1px solid #111;}
		ul#sitemap-tree li ul li {background:#222; font-weight:normal;}
		ul#sitemap-tree li ul li ul li {border:0;}

/* Legal */
#legal div#content {text-align: justify;}
#legal div#content div.left h2 {margin: 1.5em 0; line-height: 1.4em;}
#legal div#content div.right h3 {margin-top: 2em;}
div.datosLegales {margin:10px 5px; padding: 10px; border: 1px solid #333; background: #222; }
	div.datosLegales strong {color: #f39;}
	
/* Contacto */
body#contacto fieldset {background: #111;}
	body#contacto fieldset legend { padding: 2px 10px;}
form#formContacto {margin:10px 20px;}
form#formContacto label {width: 70px;}
form#formContacto .textfield, form#formContacto textarea {color:#f39;}
form#formContacto .textfield:focus, form#formContacto textarea:focus {background: #fcfcfc; color: #333;}
.infoContacto { margin: 10px 0; background: #333; padding: 1px 8px;}
	.infoContacto a:hover {color:#f39;}