/*

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:15px;

		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 20px 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 .blog_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;			

			}

		.blog_act a {

			background:transparent url(img/menu_blog.png) no-repeat center 5px;			

			}

		.condiciones a:hover {

			background:transparent url(img/menu_condiciones_hover.png) no-repeat center 5px;	

			}	

		.blog a:hover {

			background:transparent url(img/menu_blog_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;

		margin-bottom:20px;

	}

	.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:13px;

		line-height:1.5em;

		}

		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;

	text-align:center;				

}

	.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:22px;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;}

li>a{color: #4D769E;}
#social{
	display: block;
	float: right;
	margin-top: 30px;
	color: white;
}
#cabecera h1{
	margin-top: -42px;
}