/* CSS Document */

@import url("reset.css");

/*---------------------------------------------------------------------*/
/*------------------------->>>  Globales  <<<--------------------------*/
/*---------------------------------------------------------------------*/
body {
	background-color:#c0e5f8;
	text-align:center;
	padding:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:url(img/bg_body.jpg) no-repeat #c0e5f8;
	background-position:50% 0%;
}
h1 {
	float:left;
	font-size:14px;
	font-weight:normal;
	margin:30px 78px;
	width:600px;
	text-align:left;
}
h2 { 
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#EE1111;
	width:100%

}
h3 { 
	position:relative;
	margin-top:10px;
	margin-bottom:0px;
	font-size:14px;
	font-weight:normal;
	font-weight:bold;
	width:100%;
}
form {
	position:relative;
	float:left;
	margin-left:50px;
	margin-top:20px;
}
address {
	position:relative;
	float:left;
	text-align:left;
	margin-left:120px;
	*margin-left:0px;
	*padding-left:120px;
	margin-bottom:30px;
}
/*---------------------------------------------------------------------*/
/*------------------------>>>  Estructura  <<<-------------------------*/
/*---------------------------------------------------------------------*/
#cuerpo{
	width:999px;
	height:auto!important;
	margin:20px auto;
}
	#idiomas {
		position:relative;
		float:right;
		right:1px;
		margin-top:-5px;
		color:white;
		font-weight:bold;
		clear:both;
		z-index:9999;
	}
	#idiomas a:link {color:#FFFFFF; text-decoration:none;}
	#idiomas a:visited {color:#FFFFFF; text-decoration:none;}
	#idiomas a:hover {color:#FFFFFF; text-decoration:underline;}

	#header{
		position:relative;
		float:left;
		width:999px;
		height:213px;
		*height:210px;
		cursor:default;
	}
		#formular {
			position:relative;
			float:right;
			margin-right:45px;
			*margin-right:17px;
			-margin-right:9px;
			margin-top:18px;
			width:277px;
			height:212px;
			z-index:110;
		}
		#menu {
			position:relative;
			float:left;
			width:675px;
			margin-left:2px;
			-margin-left:1px;
			margin-top:173px;
			z-index:90;
		}
	#contenido{
		position:relative;
		float:left;
		color:#666666;
		background:url(img/border_body.png) repeat-y #ffffff;
		width:999px;
		height:auto!important;
		*margin-top:-49px;
		z-index:10;
		*z-index:-50;
	}
		#conte_head {
			position:relative;
			float:left;
			background:url(img/top_body.png) no-repeat;
			width:999px;
			*margin-top:-5px;
			min-height:185px;
			z-index:70;
		}
		#banners {
			position:relative;
			float:right;
			margin-right:33px;
			-margin-right:17px;
			margin-top:57px;	
			width:290px;
			z-index:100;
		}
			#banner_entorno_ES {
				position:relative;
				margin-top:20px;
				margin-right:2px;
				float:right;
				background:url(img/banner_entorno.png) no-repeat top #d1e4f1;
				width:283px;
			}
			#banner_entorno_EN {
				position:relative;
				margin-top:20px;
				margin-right:2px;
				float:right;
				background:url(img/banner_entorno_EN.png) no-repeat top #d1e4f1;
				width:283px;
			}
			#banner_entorno_DE {
				position:relative;
				margin-top:20px;
				margin-right:2px;
				float:right;
				background:url(img/banner_entorno_DE.png) no-repeat top #d1e4f1;
				width:283px;
			}
		#cont {
			position:relative;
			float:left;
			width:669px;
			margin-top:56px;
		}
			#servicios_ES {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/servicios_top.png) no-repeat top #E8EFFC;
				width:612px;
			}
			#servicios_EN {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/servicios_top_EN.png) no-repeat top #E8EFFC;
				width:612px;
			}
			#servicios_DE {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/servicios_top_DE.png) no-repeat top #E8EFFC;
				width:612px;
			}
			#celebraciones_ES {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/pinosol_celebraciones_ES.png) no-repeat top #E8EFFC;
				width:612px;
			}
			#celebraciones_EN {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/pinosol_celebraciones_EN.png) no-repeat top #E8EFFC;
				width:612px;
			}
			#celebraciones_DE {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/pinosol_celebraciones_DE.png) no-repeat top #E8EFFC;
				width:612px;
			}
				ul.list_celeb {
					text-align:left; margin:15px 5px 15px 55px; list-style:circle;
					}
					ul.list_celeb li { padding:2px; }			
			#bloke {
				position:relative;
				margin-top:30px;
				margin-left:34px;
				-margin-left:17px;
				margin-bottom:10px;
				float:left;
				background:url(img/bloke_top.png) no-repeat top #E8EFFC;
				width:612px;
			}
	#footer{
		position:relative;
		float:left;
		background:url(img/bg_footer.png) no-repeat #c0e5f8;
		width:999px;
		height:100px;
		color:#0c6db5;
		font-family:Arial, Helvetica, sans-serif;
	}
/*---------------------------------------------------------------------*/
/*--------------------------->>>  Clases  <<<--------------------------*/
/*---------------------------------------------------------------------*/
.text_wide {
	position:relative;
	float:left;
	text-align:justify;
	margin-left:55px;
	-margin-left:0px;
	-padding-left:55px;
	width:590px;
	-width:640px;
	margin-top:20px;
	line-height:16px;
}
.text_thin {
	position:relative;
	float:left;
	text-align:justify;
	margin-left:55px;
	-margin-left:0px;
	-padding-left:55px;
	width:175px;
	-width:230px;
	margin-top:20px;
	line-height:16px;
}
.texto_strecho {
	position:relative;
	float:left;
	text-align:justify;
	width:300px;
	-width:340px;
	display:block;
	margin-left:40px;
	-margin-left:0px;
	-padding-left:40px;
	margin-top:25px;
	line-height:16px;
}
.texto_strecho ul {
	position:relative;
	float:left;
	list-style-type:circle; 
	position:relative; 
	margin-left:30px; 
	-margin-left:0px;
	-padding-left:30px;
	width:390px; 
}
.texto_strecho li {
	position:relative;
	float:left;
	margin-top:10px;
}

.texto_strecho_r {
	position:relative;
	float:right;
	text-align:justify;
	width:300px;
	-width:340px;
	display:block;
	margin-top:65px;
	margin-right:40px;
	-margin-right:0px;
	-padding-right:40px;
	margin-bottom:20px;
	line-height:16px;
}
.texto_banner {
	position:relative;
	float:left;
	text-align:justify;
	display:block;
	margin:78px 20px 20px 20px;
	-margin:78px 0px 20px 0px;
	-padding-right:20px;
	-padding-left:20px;
	line-height:16px;
}
.text_map {
	position:relative;
	text-align:justify;
	display:block;
	margin:10px 90px 30px 90px;
	-margin:10px 0px 30px 0px;
	-padding-left:90px;
	-padding-right:90px;
	-float:right;
	line-height:16px;
}
.white {
	color:#FFFFFF;
	text-decoration:none;
}
.white:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.img_right {
	float:right;
	margin-right:55px;
	margin-top:-30px;
}
.img_right_b {
	float:right;
	margin-right:55px;
	margin-top:0px;
}
.img_left {
	position:relative;
	float:left;
	margin-left:-440px;
	margin-top:230px;
}
.img_left_b {
	position:relative;
	float:left;
	margin-left:-440px;
	margin-top:350px;
}
.verde {
	color:#60a753;
	font-weight:bold;
}
.azul {
	color:#0c6db5;
	font-weight:bold;
}
.verde_right {
	float:right;
	color:#60a753;
	font-weight:bold;
	text-align:justify;
	margin-right:78px;
}
.mt30px {
	margin:30px auto;
}
.right {
	float:right;
}
.right30 {
	float:right;
	margin-right:30px;
}
.left {
	float:left;
}	







	#pie {
		position:relative;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
		width:999px;
		height:70px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		color:#0c6db5;
	}
	.menu_pie {
		height:30px;
		width:999px;
		margin-top:20px;
		margin-bottom:10px;
	}
	.menu_pie ul {
		position:relative;
		height:20px;
		display:block;
		list-style:none;
		padding-left:160px;
		text-align:center;
	}
	.menu_pie li {
		float:left;
		height:15px;
		width:130px;
		display:block;
		text-align:center;
		list-style:none;
		padding-top:2px;
		color:#0a5084;
	}
	.menu_pie img {
		position:relative;
		float:right;
		margin-top:-30px;
	}
		
	.pielink a:link { color:#0c6db5; text-decoration:none; font-weight:bold;}		
	.pielink a:visited { color:#0c6db5; text-decoration:none; font-weight:bold;}		
	.pielink a:hover { color:#0c6db5; text-decoration:underline; font-weight:bold;}		
	
	.rojo_dot {border-right:2px solid #92c0db;}

		.rojo:link {
				color:#0a5084;
				text-decoration:none;
		}
		.rojo:visited{
				color:#0a5084;
				text-decoration:none;
		}
		.rojo:hover{
			text-decoration:underline;
				color:#0a5084;
		}
	#formulario	{
		position:relative;
		float:left;
		text-align:left;
		margin:10px auto 10px 90px;
		*margin:0px auto 10px 90px;
		-margin:0px auto 10px 0px;
		-padding-left:70px;
		width:450px;
		
	}
	.TextoNormal {
		position:relative;
		float:left;
		display:block;
		margin-left:100px;
		-margin-left:40px;
		margin-top:-15px;
		width:200px;
	}
.textform {
	position:relative;
	color:#414141;
	width:100px;
	display:block;
}

/*---------------------------------------------------------------------------------------*/
/*------------------------------>>>  Landing Pages 2009 <<<------------------------------*/
/*---------------------------------------------------------------------------------------*/
	#landing_page {
		position:relative;
		float:left;
		width:98%;
		height:auto!important;
		min-height:432px;
		*height:432px;
		font-family:Arial, Helvetica, sans-serif;
		left:10px;
		}
h1.landing {
	font-size:24px;
	color:#0C6DB5;
	width:100%;
	font-weight:bold;
	margin:25px auto 15px auto;
	text-align:center;
}
h2.landing {
	font-size:18px;
	color:#0C6DB5;
	border-bottom:2px solid #0C6DB5;
	text-indent:14px;
	width:85%;
	margin:25px auto 20px 70px;
	text-align: left!important;
	padding-bottom:4px;
}

#landing_page p.landing {
	color: #333333;
	width:80%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page ul {
	width:80%;
	*width:85%;
	margin:15px auto;
	padding-top:0px;	
	font-size:13px;
	line-height:17px;
	text-align:justify!important;
}
#landing_page li {
	margin:15px auto;
	list-style:none;
	background:url(img/bullet.png) left 2px no-repeat transparent;
	*background:url(img/bullet.png) left 3px no-repeat transparent;
	text-indent:20px;
}
#landing_page p.landing_top {
	color: #4e4e4e;
	width:90%;
	padding-top:0px;	
	font-size:13px;
	margin:10px auto;
	text-align:left!important;
}
#landing_page img.landing{
	border:1px solid #CFCFCF;
	margin:10px 10px 10px 0px;
}

#intro_landing {
	position:relative;
	clear:both;
	margin:40px auto;
	*margin:20px auto 40px auto;
	background:url(img/img_landing/bg_intro.png) repeat-y;
	width:715px;
	height:auto;
}
#intro_landing_top {
	background:url(img/img_landing/bg_intro_top.png) no-repeat transparent;
	width:715px;
	height:8px;
}
#intro_landing_bottom {
	background:url(img/img_landing/bg_intro_bottom.png) no-repeat transparent;
	width:715px;
	height:9px;
	*position:absolute;
	*bottom:-6px;
	*left:0px;
}
#intro_landing p {
	margin:10px 40px;
	width:630px;
	color:#000000;
	font-size:13px;
	line-height:18px;
	text-align:left!important;
}

#footer_landing {
	position:relative;
	float:right;
	text-align:left;
	line-height:18px;
	background-color:#F8AE00;
	border-top:8px solid #198caf;
	border-bottom:10px solid #198caf;
	*border-bottom:12px solid #198caf;
	width:100%;
	margin-top:36px;
}
#footer_landing p {
	margin:10px;
}
#landinglink { position:relative; float:left; margin-top:25px; margin-left:15px;}
#landinglink a:link {color:#545454; text-decoration:none; margin-left:10px;background:url(img/img_landing/bullet.png) left 1px no-repeat transparent; padding-left:15px;}
#landinglink a:visited {color:#545454; text-decoration:none; margin-left:10px;background:url(img/img_landing/bullet.png) left 1px no-repeat transparent; padding-left:15px;}
#landinglink a:hover {color:#A7CA05; text-decoration:none; margin-left:10px;background:url(img/img_landing/bullet.png) left 1px no-repeat transparent; padding-left:15px;}

.link{
	color: #0C6DB5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}
.link a:link{color:#0C6DB5; text-decoration:none;}
.link a:visited{color:#666666; text-decoration:none;}
.link a:hover{color:#666666; text-decoration:underline;}