/*
Theme Name: Bahia de Pollenca
Theme URI: 
Description: Tema para la web Bahia de Pollenca
Version: 1.0
Author: Juan Luis Naranjo
*/

@import url('reset.css');

/* =====  Parametros generales  ===== */
* { outline:0; }
body { font:12px/16px Arial, Tahoma, Verdana, Sans-Serif; background:#cccccc; color:#000; }

.clear { clear:both; margin:0; padding:0; }
.der { text-align:right; }
.esp { display:block; height:20px; width:100%; clear:both; }
.centrar { text-align:center; }
.none { display:none;}

a:link,
a:visited { color:#4d4d4d; }
a:hover,
a:active { color:#000; }

/* =====  Estructura General ===== */
#pagina { overflow:hidden; background-color:#fff; }
	#cabecera { width:100%; background-color:#000; }
		#cabeceraInt { width:950px; margin:0 auto; height:15px; padding:5px 10px; font:1em Arial, Tahoma, Verdana, Sans-Serif; color:#ccc; font-weight:bold; }
			#cabeceraInt h1 { float:left; margin-right:15px; }
			#cabeceraInt ul {  }
			#cabeceraInt li { }
			#cabeceraInt a:link,
			#cabeceraInt a:visited { color:#ccc; text-decoration:none; }
			#cabeceraInt a:hover,
			#cabeceraInt a:active { color:#808080; }
			#cabeceraInt a.current { color:#808080; }
			
	#imgCabecera { width:100%; }
		#imgCabeceraInt { width:940px; margin:0 auto; height:190px; padding:10px 0 0 20px; }
		#logo a span { display:none; }
		#logo a { display:block; width:125px; height:134px; margin:0 auto; background:url(images/logoPollenca.png) no-repeat; }
		
	#cabeceraPage { width:100%; background:#635533 url(images/fondoCuerpo.gif) bottom left repeat-x; }
		#cabeceraPageInt { width:960px; height:180px; margin:0 auto;  padding:0; overflow:hidden; background:url(images/fondoFranjaPortada.jpg) bottom left repeat-x; }
			
	#cuerpo { background:#635533 url(images/fondoCuerpo.gif) bottom left repeat-x; }
		#cuerpoInt { width:960px; margin:0 auto; padding:0 0 9px 0; overflow:hidden; background:url(images/fondoFranjaPortada.jpg) bottom left no-repeat; }
		
	#cuerpoPage { background-color:#fff; }
		#cuerpoPageInt { width:960px; margin:0 auto; padding:0; overflow:hidden; }

		.bloques { width:960px; margin:0 auto; } 
			.bloquePeq { width:160px; float:left; }
			.bloqueMed { width:240px; float:left; }
			.bloqueGra { width:320px; float:left; }
			.bloqueXL { width:540px; float:left; }
			#cartel { width:240px; float:left; padding-top:15px; }
			#cabeceraPageInt .bloqueXL { height:140px; overflow:hidden; }
		
			#cabeceraPageInt  #feed { clear:both; width:100%; padding-top:16px; }
			#feed { clear:both; width:100%; padding-top:0px; }
				#feed ul { float:right; margin-right:20px; padding:0; }
				#feed li { display:inline; margin-left:10px; float:left; }
				#feed span { display:none; }
				#rss { display:block; width:38px; height:14px; background:url(images/logoRSS.png) no-repeat; }
				#subs { display:block; width:95px; height:14px; background:url(images/logoSubs.png) no-repeat; }	
		
		.regata { text-align:center; color:#fff; padding-top:20px; height:160px; font:1.2em/1em "Times New Roman", Times, Georgia, serif; font-weight:bold;  display:block; }
			.regata p { padding:0 5px; }
			.regata p.fecha { font-size:.9em; margin-top:5px; }
			.regata img { padding-bottom:10px; }
			a.regata:link, a.regata:visited, a.regata:hover, a.regata :active { color:#fff; text-decoration:none; }
		#rutaSal { background:#263f58 url(images/fondoRutaSal.jpg); }
		#regataDelta { background:#423648 url(images/fondoRegataDelta.jpg); }
		#regataPollenca { background:#5b4d3c url(images/fondoRegataPollenca.jpg); }
		#tramuntana { background:#29574d url(images/fondoTramuntana.jpg); }
		#regataSoller { background:#4f312f url(images/fondoRegataSoller.jpg); }
			a#rutaSal:hover, a#regataDelta:hover, a#regataPollenca:hover, a#tramuntana:hover, a#regataSoller:hover { background-position:-160px; }

		/* Actualidad */
		#actualidad { padding-top:25px; clear:both; }
		#actualidad h3 { margin-left:10px; font-size:1.5em; color:#a9a089; font-weight:normal; }
		.interBloqueGra { color:#fff; padding:10px; }
		.interBloqueGra p { margin-bottom:20px;  }
		.interBloqueGra a:link, .interBloqueGra a:visited { color:#d9d9d9; text-decoration:none; }
		.interBloqueGra a:hover, .interBloqueGra a:active { color:#fff; }
			h4 { text-transform:uppercase; }
			h5 { font-size:1.2em; margin:5px 0; }
			h5 span { color:#bfb59b; font-weight:normal; font-size:.8em; }
			.tlRutaSal { color:#a9a089; }
			.tlDelta { color:#; }
			.tlPollenca { color:#a9a089; }
			.tlTramuntana { color:#; }
			.tlSoller{ color:#; }
		
		/* Cajas extras */
		#extras { margin-top:20px; margin-bottom:20px; overflow:hidden; }
			.interBloqueMed { background-color:#d5ccc1; height:215px; width:200px; margin:0 auto; padding:10px; }
			.interBloqueGraExtra { background-color:#d5ccc1; height:250px; width:280px; margin:0 auto; padding:10px; }
			#extras h4 { padding-left:22px; }
			#extras p { text-align:right; }
			.flickr h4 { background:url(images/ico_flickr.gif) left no-repeat; }
				.flickr img { border:2px solid #fff; margin:5px; }
			.youtube h4 { background:url(images/ico_youtube.gif) left no-repeat; }
				.DYTWcredits { display:none; }
				#BigPlayer2 { border:2px solid #fff; margin:5px 0; }
			.twitter h4 { background:url(images/ico_twitter.gif) left no-repeat; }
				.widgettitle { display:none; }
				.widget_twitter { margin:5px 0; height:170px; overflow:auto; }
				.widget_twitter ul { padding-right:10px; font-size:.9em; line-height:1.2em; }
				.widget_twitter ul li { border-bottom:1px dotted #4d4d4d; padding:5px 0; }
			/*.facebook h4 { background:url(images/ico_facebook.gif) left no-repeat; }*/
			#extras .facebook  p{ text-align:left !important; }
			#extras h4.face { padding-left:0px;}
			.facebook p.mig { float:left; font-size:16px; margin-top:10px; width:263px;}
			.facebook p.peke { float:left; margin-top:10px; width:263px; margin-bottom:15px;}
			.facebook p.img { float:left; padding-top:8px; margin-right:5px;}
			#extras a:link,
			#extras a:visited { color:#4d4d4d; }
			#extras a:hover,
			#extras a:active { color:#000; }
			
/* =====  Pie ===== */
	#pie { clear:left; background:#ccc url(images/fondoPie.gif) center top no-repeat; height:151px; }
		#pieInt { width:960px; min-height:50px; padding:10px 0; margin:0 auto; overflow:hidden; text-align:center; font-size:.9em; color:#555; }
		#pieInt a:link,
		#pieInt a:visited { color:#555; font-weight:bold; text-decoration:underline; }
		#pieInt a:hover,
		#pieInt a:active { color:#000; }
		
			#powered { float:right; }
			
			#logos_foot { text-align:center; width:960px; margin:0 auto; padding:20px 0; }
			
			.organizadores { text-align:center; width:960px; margin:0 auto; padding:20px 0; }
			.organizadores li { display:inline; margin:0 10px; }
			.organizadores li img { vertical-align:middle; margin-bottom:5px; width: 75px; }
			
			.colaboradores { text-align:center; width:960px; margin:0 auto; padding:20px 0; }
			.colaboradores li { display:inline; margin:0 10px; }
			.colaboradores li img { vertical-align:middle; margin-bottom:5px; width: 110px; }
			
			.patrocinadores { text-align:center; width:960px; margin:0 auto; padding:20px 0; }
			.patrocinadores li { display:inline; margin:0 10px; }
			.patrocinadores li img { vertical-align:middle; margin-bottom:5px; width: 45px; }


/* =====  Selector idioma ===== */
	#qtranslate-chooser { display:inline; background-color:#dbe0c0; padding:5px; }
	#qtranslate-chooser li { display:inline; margin:0 5px; }
	#qtranslate-chooser a:link, #qtranslate-chooser a:visited { text-decoration:none; color:#426926; font-weight:normal; }
	#qtranslate-chooser a:hover, #qtranslate-chooser a:active { color:#1f3514; }
	#qtranslate-chooser li.active a { color:#434f56; }

	
/* =====  Menu ===== */
	.menuBloq { margin:20px 0 0 10px; text-transform:uppercase; }
	.menuBloq ul li ul { border-left:1px solid #9a9a9a; padding:4px 9px; margin:0; }
	
	ul.menu  {  }
	ul.menu li { margin-bottom:6px; line-height:1em; }

	ul.menu a:link,
	ul.menu a:visited { color:#fff; text-decoration:none; font-weight:bold; }
	ul.menu a:hover,
	ul.menu a:active { color:#c7c1b2; }
	
	.sepMenu { margin-top:15px; }

	ul.menu li.current_page_item  a:link,
	ul.menu li.current_page_item  a:visited { color:#d9d5cb !important; }
	ul.menu li.current_page_parent a:link,
	ul.menu li.current_page_parent a:visited { color:#d9d5cb; }
	
	ul.menu li.current_page_item li a:link,
	ul.menu li.current_page_item li a:visited { color:#d9d5cb !important; }
	ul.menu li.current_page_parent ul a:link,
	ul.menu li.current_page_parent ul a:visited { color:#d9d5cb; }
	

/* =====  Cuerpo ===== */
	#principal { width:960px; }
		#contenido { padding:15px 0 50px 0; overflow:hidden; }
			#contenidoPagina { float:left; width:700px; }
			#contenidoPagina p { margin-bottom:10px; font-size:14px; line-height:20px; }
			#contenidoPagina h5.titulo { font-size:2.4em; font-weight:normal; letter-spacing:-2px; line-height:1em; }
				#contenidoPagina h5.titulo a:link,
				#contenidoPagina h5.titulo a:visited { color:#b6b6b6; text-decoration:none; }
				#contenidoPagina h5.titulo a:hover,
				#contenidoPagina h5.titulo a:active { color:#828282; }

				#contenidoPagina h1 { color:#8f825c; font-size:17px; font-weight:bold; border-bottom:1px solid #8f825c; padding-bottom:5px; margin-bottom:15px; margin-top:15px; }
				#contenidoPagina h2 { color:#8f825c; font-size:16px; font-weight:bold; clear:both; }
				#contenidoPagina h3 { color:#8f825c; font-size:15px; font-weight:bold; clear:both; }
				#contenidoPagina h4 { color:#000; font-size:14px; font-weight:bold; text-transform:inherit; }
				#contenidoPagina h5 { color:#000; font-size:13px; font-weight:bold; margin:0; }
				#contenidoPagina h6 { color:#000; font-size:12px; font-weight:bold; }
				
				.storycontent { margin-bottom:50px; }
				
				.ui-tabs .ui-tabs-panel { text-align:center; }
				.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(images/arrow1.gif) no-repeat bottom center !important; }
				.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {background-color:#8f825c !important;}
				
				.postMeta { margin-bottom:15px; }
				.post  { margin-bottom:25px; }
				#contenidoPagina ul {list-style:disc; list-style-position:inside; padding-left:25px; margin-bottom:15px; }
				#contenidoPagina ul li{margin-bottom:5px;}
				#contenidoPagina img { margin:5px; }
				#contenidoPagina .alignleft,
				#contenidoPagina img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
				#contenidoPagina .alignright,
				#contenidoPagina img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
				#contenidoPagina .aligncenter,
				#contenidoPagina img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }
				#contenidoPagina img.alignleft,
				#contenidoPagina img.alignright,
				#contenidoPagina img.aligncenter { margin-bottom:12px; }
				#contenidoPagina p.wp-caption-text { padding:0 15px; color:#565656; font-size:.9em; margin:0; }
				#contenidoPagina table { display:block; width:90%; margin:10px auto; }
				#contenidoPagina td{ padding:2px 10px; }
				#contenidoPagina strong { color:#8f825c; }
				#contenidoPagina #listaLogos { text-align:center; }
				#contenidoPagina #listaLogos { margin:0; padding:0; }
				#contenidoPagina #listaLogos li ul { margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #b6b6b6; }
				#contenidoPagina #listaLogos li { display:inline; margin:0; }
				#contenidoPagina #listaLogos li img { vertical-align:middle; }
				#contenidoPagina #listaLogos h2 { display:none; }
		
/* =====  Lateral ===== */
	#lateral { float:left; width:230px; margin:0 30px 0 0; text-align:right; }
		#lateral h3 { font-size:2em; font-weight:normal; letter-spacing:-2px; line-height:1em; padding:2px 10px 0 0; margin-bottom:20px; text-transform:uppercase; color:#8f825c; border-right:7px solid #8f825c; }
		
/* =====  Spoiler ===== */
a.spoiler-tgl { display:block; background-color:#d5ccc1; text-decoration:none; border-bottom:0; font-weight:bold; }
.spoiler-body a.spoiler-tgl { display:block; background-color:#fff; border-bottom: 1px dotted #d5ccc1; }
a.spoiler-tgl.collapsed  { font-weight:normal; }

#smoothmenu1 { margin-right:25px; background-color:#ff00ff;}

/* =====  Avis Legal ===== */
	body#avis { background:#fff; margin:20px 20px 0px 20px; color:#5d5d5d; font:12px Arial, Tahoma, Verdana, Sans-Serif; line-height:150%}
	#avis h3 {font-size:15px; margin-bottom:8px;}
	#avis ul {list-style:disc; margin:20px 35px;}
	#avis ul li{margin-bottom:10px}