/*
Theme Name: Playa Vacaciones Blog
Theme URI: http://www.itsolutions.es
Description: Custom theme for ITS
Version: 1.0
Author: ITSolutions
*/

/* CSS Document */

@import url("reset.css");

/*---------------------------------------------------------------------*/
/*------------------------->>>  Globales  <<<--------------------------*/
/*---------------------------------------------------------------------*/
body {
	background:#fff url(img/bg_new.png) repeat-x 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #4F4F4F;
	margin:0;
}
h1 {
	float:left;
	font-size:14px;
	font-weight:normal;
	margin:20px 0px 0px 0px;
	width:550px;
	text-align:left;
}
h2 { 
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#71A410;

}
h3 { 
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#71A410;
	width:100%

}
hr {
	position:relative;
	float:left;
	width:500px;
	margin:20px;
	color:#71A410;
	font-weight:bold;
	border:1px solid #71A410;
	}

/*---------------------------------------------------------------------*/
/*------------------------>>>  Estructura  <<<-------------------------*/
/*---------------------------------------------------------------------*/

#cuerpo{
	width:978px;
	height:auto!important;
	margin:20px auto;
}

/*-------------------------->>>  Cabecera  <<<-------------------------*/
#contenedor {
	margin: 0 auto 0 auto;
	width: 1024px;
	text-align: left;
	padding:0 0 5px;
	clear: both;
	}
#cabecera {
	text-align:left;
	}
#cabecera h1 a {
	display:block;
	background:transparent url(img/logo.png) no-repeat 0 0 !important; /* el png es transparente */
	background:transparent url(img/logo.gif) no-repeat 0 0;	/* el gif incluye fondo */
	height:0px;
	padding-top:100px;
	*padding-top:120px;
	margin:-1px; /* el margin top se usa en IE y no afecta al resto, no cambiar */
	width:244px;
	overflow:hidden;
	margin-left:0px;
	}	

	/*flags idioma*/
	#flags {	
		width:280px;
		float:right;
		margin-top:79px;
		padding-right:4px;
		}
	#flags ul {
		list-style:none;
		margin:0;
		padding:0;
		height:33px;
		}
	.ES,.ES_act,.EN,.FR,.EN_act, .FR_act {
		float:left;
		padding:0 1px;
		}
	.tel {
		float:left;
		height:31px;
		padding:0 15px 0 0;
		}	
	.ES a, .EN a, .FR a,.ES_act a, .EN_act a, .FR_act a {
		height:0;
		padding-top:31px;
		width:31px;
		overflow:hidden;
		display:block;
		outline:none;
		}
	.ES_act a, .EN_act a, .FR_act a {
		cursor:default;
		}
	/**/		
	.ES a {
		background:transparent url(img/flag_ES.png) no-repeat 0 -31px !important;
		background:transparent url(img/flag_ES.gif) no-repeat 0 -31px;
		}
	.ES a:hover {
		background:transparent url(img/flag_ES.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_ES.gif) no-repeat 0 0;
		}	
	.ES_act a {
		background:transparent url(img/flag_ES.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_ES.gif) no-repeat 0 0;
		}
	/**/		
	.EN a {
		background:transparent url(img/flag_EN.png) no-repeat 0 -31px !important;
		background:transparent url(img/flag_EN.gif) no-repeat 0 -31px;
		}
	.EN a:hover {
		background:transparent url(img/flag_EN.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_EN.gif) no-repeat 0 0;
		}
	.EN_act a {
		background:transparent url(img/flag_EN.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_EN.gif) no-repeat 0 0;
		}
	/**/	
	.FR a {
		background:transparent url(img/flag_FR.png) no-repeat 0 -31px !important;
		background:transparent url(img/flag_FR.gif) no-repeat 0 -31px;
		}
	.FR a:hover {
		background:transparent url(img/flag_FR.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_FR.gif) no-repeat 0 0;
		}
	
	.FR_act a {
		background:transparent url(img/flag_FR.png) no-repeat 0 0 !important;
		background:transparent url(img/flag_FR.gif) no-repeat 0 0;
		}					
	/*fin flags*/	
#bloque_menu {
	background-color:#FFFFFF;
	border-bottom:2px solid #69a3ca;
	}
	
	ul#menu {
		border-top:2px solid #ffffff;
		width:1024px;
		height:37px;
		margin:20px 0 10px;
		padding:0;
		background-color:#016cb6;
		}
	
	#menu li {
		list-style-type:none;
		float:left;
		height:37px;
/*		background-color:red;
*/		margin:0;
		padding:1px;
		}
	#menu li a {
	    color:#fff;
		position:relative;
		float:left;
		display:block;
		text-decoration:none;
		font-size:10pt;
		font-weight:bold;
		text-align:center;			
		margin:0 6px;
		padding:13px 25px 10px;	
		}
		#menu .inicio_act a,
		#menu .alquileronline_act a,
		#menu .venta_act a,
		#menu .verapartamentos_act a,
		#menu .empresa_act a,
		#menu .foro_act a,
		#menu .condiciones_act a,#menu .contactar_act a {color:#016CB6;}
		.inicio_act a {
			background:transparent url(img/menu_inicio.png) no-repeat center 5px;	
			}
		.inicio a:hover {
			background:transparent url(img/menu_inicio_hover.png) no-repeat center 5px;	
			}					
		.alquileronline_act a {
			background:transparent url(img/menu_alquileronline.png) no-repeat center 5px;			
			}		
		.alquileronline a:hover {
			background:transparent url(img/menu_alquileronline_hover.png) no-repeat center 5px;			
			}			
		.venta_act a {
			background:transparent url(img/menu_venta.png) no-repeat center 5px;			
			}		
		.venta a{
			background:transparent url(img/menu_venta_hover.png) no-repeat center 5px;			
			color:#000000 !important;
			}			
		.verapartamentos_act a {
			background:transparent url(img/menu_verapartamentos.png) no-repeat center 5px;			
			}		
		.verapartamentos a:hover {
			background:transparent url(img/menu_verapartamentos_hover.png) no-repeat center 5px;			
			}
		.empresa_act a {
			background:transparent url(img/menu_empresa.png) no-repeat center 5px;			
			}
		.empresa a:hover {
			background:transparent url(img/menu_empresa_hover.png) no-repeat center 5px;			
			}
		.foro_act a {
			background:transparent url(img/menu_foro.png) no-repeat center 5px;			
			}
		.foro a:hover {
			background:transparent url(img/menu_foro_hover.png) no-repeat center 5px;
						
			}
		.condiciones_act a {
			background:transparent url(img/menu_condiciones.png) no-repeat center 5px;			
			}
		.condiciones a:hover {
			background:transparent url(img/menu_condiciones_hover.png) no-repeat center 5px;	
			}	
		.contactar_act a {
			background:transparent url(img/menu_contactar.png) no-repeat center 5px;			
			}	
		.contactar a:hover {
			background:transparent url(img/menu_contactar_hover.png) no-repeat center 5px;			
			}												
	
	.cf_wrapper {
		/*mas estilo en scripts/slideshow2/slideshow.css */
		width:1010px;
		height:254px;
		position:relative;
		}	
	.cf_element {
		margin:0 7px 0;
		/*width: 400px;
		height: 250px;
		background-color: #eee;
		border:  1px solid #ccc;*/}
		
		/*-------------------------->>>  Contenido  <<<-------------------------*/

		#contenido{
		position:relative;
		float:left;
		color:#587EAB;
		width:978px;
		text-align:left;
		margin: 20px auto 35px auto;
		height:auto!important;
		z-index:99;
	}
		#lateral {
			position:relative;
			float:left;
			width:263px;
		}
		.bloque_iz {
			position:relative;
			float:left;
			background-color:#f1f5fa;
			height:auto!important;
				
		}
			.bloque_iz h2 { color:#c6d9eb; background-color:#6aa1d7; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px;width:263px; }
			.bloque_iz p { color:#4d769e; margin:20px; text-align:left; line-height:16px;}
			
		#centro {
			position:relative;
			float:right;
			width:715px;
		}
			#centro h2 { color:#6aa1d7; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:715px; }

			#centro ul { color:#4d769e; margin:60px 80px;}
			#centro li { color:#4d769e; margin:20px auto; background:url(img/bullet.png) 0px 2px no-repeat transparent; text-indent:25px;}

			#centro a:link { color:#4d769e; text-decoration:none; font-weight:bold;}
			#centro a:visited { color:#4d769e; text-decoration:none; font-weight:bold;}
			#centro a:hover { color:#4d769e; text-decoration:underline; font-weight:bold;}

			.bloque_dch {
				position:relative;
				float:right;
				width:700px;
				background-color:#f1f5fa;
				height:auto!important;					
			}
				.bloque_dch h2 { color:#ffffff!important; background-color:#6aa1d7; height:28px; margin:0px; text-transform:uppercase; font-weight:bold; text-indent:20px; padding-top:10px; width:700px!important;}
				.bloque_dch p { color:#4d769e; margin:20px; text-align:left; line-height:16px;}
/* LANDING PAGES */

#pobles {
	width: 820px;
	float: left;
	text-align: justify;
	color: #808080;
	clear: both;
	margin-left:100px;
	border-bottom:2px solid #69a3ca;	
}
#pobles span {
	font-weight: bold;
	color: #CC0000;
	font-size:14px;
}
#apura {
	font-weight:normal;
	color:#808080;
	font-size:12px;
	word-spacing:-1px;
}
#pobles img {
	margin:20px 10px 10px 10px;
}
#pobles img.landing {
	border:1px solid #CFCFCF;
	margin:20px 0px 10px 9px;
}
h2.landing {
	font-size:18px;
	color:#357BDB;
	border-bottom:2px solid #357BDB;
	text-indent:10px;
	width:95%;
	*width:99%;
	margin:40px auto 20px auto;
}
#intro_landing {
	position:relative;
	margin:20px auto;
	background:url(images/img_landing/bg_intro.png) repeat-y;
	width:715px;
	height:auto;
}
#intro_landing_top {
	background:url(images/img_landing/bg_intro_top.png) -1px 0px no-repeat transparent;
	width:715px;
	height:8px;
}
#intro_landing_bottom {
	background:url(images/img_landing/bg_intro_bottom.png) no-repeat transparent;
	width:715px;
	height:9px;
	*margin-bottom:-9px;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
}
		
/**/
/*----------------------------->>>  Pie  <<<----------------------------*/
	#pie {
	background-color:#FFFFFF;
}
	#landings {
		padding:15px 0 30px;
		color:#016db8;
		background:#fff url(img/bg_footer.png) repeat-x 0 bottom;
		}
	#landings a {
		color:#016db8;
		text-decoration:none;
		}
	#landings a:hover {
		color:#034B91;
		text-decoration:underline;
		}
	#landings ul {
		list-style-image:url(img/flecha.gif);
		margin:0 0 0 35px;
		}
	#landings li {
		width:290px;
		float:left;
		margin-right:20px;
		}
	.footer_bloque {
		padding:5px 10px 10px;
		color:#016db8;
		font-size:12px;
		line-height:12px;
	}
	.footer_bloque a {
		color:#016db8;
		font-size:12px;	
	}
	.footer_bloque a:hover {
		color: #034b91;		
		text-decoration:underline;
	}
	.footer_right {
		float:right;
		text-align:right;
	}
.clear {
	clear:both;
	}		
/*---------------------------------------------------------------------*/
/*--------------------------->>>  Clases  <<<--------------------------*/
/*---------------------------------------------------------------------*/

.clear { clear:both;}

.right { float:right;}
.left { float:left;}	

/**/
ul.listados_an {
	color:#444444; margin:20px; text-align:left; line-height:16px;	
	}
	ul.listados_an li {
		list-style-type:circle;
		margin-left:15px;
		padding-bottom:5px;
		}
		ul.listado_an li a {
			color:#6699CC;
			}
.bloque_dch_blog {
	position:relative;
	float:right;
	width:700px;
	background-color:#F5FCFF;
	height:auto!important;
	border-right:1px solid #cecec2;
	border-left:1px solid #cecec2;
	border-bottom:1px solid #3595CF;
	margin-bottom:25px;				
}
	.bloque_dch_blog img {
		border:1px solid #7F7F7F;
		padding:2px;	
		}
	.fecha {
		text-align:right;
		font-weight:bold;
		color:#444444;
		margin:10px;		
		}
	.bloque_dch_blog h3 a { color:#ffffff;}	
	.bloque_dch_blog h3 a:hover { color:#D1E4EF; text-decoration:none;}
	.bloque_dch_blog h3 { font-size:15px;color:#ffffff!important; background-color:#7EBCE1;margin:0px; text-transform:uppercase; font-weight:bold; text-indent:0;padding:10px 10px 10px 20px; width:670px!important;} /**/
	.bloque_dch_blog p { color:#444444; margin:20px; text-align:left; line-height:16px;margin:15px;}
	.leyenda {
		margin:15px;
		color:#444444;	
		}
		.leyenda a:visited,.leyenda a:link {
			color:#1B6A99;
			font-weight:bold;
			}
			.num_mensajes {
				float:right;
				}
.nav {
	margin:15px;
	}
.nav a { font-weight:bold; font-size:13px;}


.comments-count, .comment-form-title {
	color:#3366FF;
	margin-left:10px;
	width:auto !important;
	}
ol.commentlist {
	margin:0 10px;
	padding-left:20px;
	list-style:decimal;
	}
	.commentlist li { background-color:#ffffff !important; margin:0 10px 10px; border:1px solid #6699CC; padding:5px;}
	.commentmetadata { font-size:10px; margin-left:20px; }
/**/
#captchaImgDiv { margin:15px;}