/*---------------------- CSS Document <----------------------------*/
/*------------------------ VALTUR.ORG <-----------------------------*/
/*--------------------- Designed by B2U <--------------------------*/

@import url("reset.css");
@import url("header.css");

/*------------------------ Globales <------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px auto;
	text-align:center;
	background:url(img/body_bg.png) repeat-x #FFFFFF;
}
h1 {
	position:relative;
	margin:15px 30px 5px 30px;
	text-align:center;
	color:#0088b0;
	font-size:16px;
	font-weight:bold;
}
	h1.wide {
		position:relative;
		text-align:left;
		font-size:18px;
		background:url(img/bullet.png) no-repeat 2px 5px;
		text-indent:20px;
		margin:15px 30px 15px 10px;
		line-height:22px;
		}
h2 {
	position:relative;
	color:#0088b0;
	text-align:left;
	font-size:16px;
	background:url(img/bullet.png) no-repeat 2px 3px;
	text-indent:20px;
	margin-left:10px;
	top:15px;
	line-height:16px;
	color:#0088b0;
}
	h2.wide {
		position:relative;
		float:left;
		text-align:left;
		font-size:16px;
		background:url(img/bullet.png) no-repeat 2px 3px;
		text-indent:20px;
		margin:10px 0px 20px 30px;
		}
	h2.objetivos {
		position:relative;
		float:left;
		text-align:left;
		font-size:14px;
		background:url(img/bullet.png) no-repeat 2px 3px;
		text-indent:20px;
		margin:10px 0px 0px 50px;
		line-height:18px;
		}
h3 {
	position:relative;
	float:left;
	width:200px;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:11px;
	color:#0088b0;
	text-align:left;
}
h3.noti {
	position:relative;
	font-size:14px;
	float:left;
	width:auto;
	margin:20px 11px 10px 40px;
	color:#0088b0;
	text-align:left;
}
h4 { margin:10px auto 20px auto;}
strong {
	color:#0088b0;
}
/*----------------------- Estructura <-----------------------------*/
#contenedor {
	position:relative;
	width:1024px;
	height:auto!important;
	margin:0px auto;
	padding:0px auto;
}
#header {
	position:relative;
	margin:0px auto;
	width:917px;
	height:200px;
	z-index:1;
}
	#logo {
		position:relative;
		float:left;
		margin-top:12px;
		margin-left:10px;
	}
	#foto_head {
		position:relative;
		float:right;
		margin-top:13px;
	}

#cuerpo {
	position:relative;
	float:left;
	width:1024px;
}
	#columna_izq { 
			position:relative;
			float:left;
			width:300px;
			height:auto!important;
			text-align:center;
			z-index:995;
	}
	
	
		#columna_izq2 { 
			float:left;
			width:300px;
			height:auto!important;
			text-align:center;
			z-index:995;
	}
		#menu {
			position:relative;
			float:right;
			width:248px;
			height:234px;
			margin-top:26px;
			margin-right:20px;
		}

		#phone {
			position:relative;
			float:right;
			margin-top:25px;
			background:url(img/phone.png) no-repeat;
			width:260px;
			height:55px;
			color:#414141;
			text-align:left;
			margin-right:15px;
		}	
		#newsletter {
			position:relative;
			float:right;
			margin-top:10px;
			background:url(img/newsletter_bg.png) no-repeat;
			width:271px;
			height:106px;
			color:#414141;
			text-align:left;
			margin-right:10px;
		}	
			#email { 
				width:230px; 
				color:#666666; 
				margin:40px auto auto 20px;
			}
			#btn_envio {
				position:relative;
				float:right;
				margin:8px 20px auto auto;
				float:right;
				cursor:pointer;
				background:url(img/boton_news_env.png) no-repeat; 
				border:none; 
				height:20px; 
				width:65px;
			}
	#contenido {
		position:relative;
		float:left;
		width:700px;
		margin-top:20px;
		z-index:999;
	}
	
	
		#contenido2 {
		float:left;
		width:700px;
		margin-top:20px;
		z-index:999;
	}
		#contenido p {
			position:relative;
			float:left;
			width:600px;
			text-align:left;
			font-size:14px;
			line-height:18px;
			color:#000000;
			margin-left:50px;
			margin-top:10px;
			text-indent:20px;
		}	
			#contenido ul {
				position:relative;
				float:left;
				font-size:14px;
				color:#0088b0;
				margin:20px 0px 20px 100px;
			}
			#contenido li {
				text-align:left;
				background:url(img/bullet.png) no-repeat 2px 3px;
				text-indent:20px;
				margin-bottom:6px;
			}
			
	#ventajas {
		position:relative;
		float:left;
		width:700px;
		margin-top:20px;
		z-index:999;
	}
		#ventajas p {
			position:relative;
			float:left;
			width:600px;
			text-align:left;
			font-size:14px;
			line-height:18px;
			color:#000000;
			margin-left:50px;
			margin-top:10px;
			text-indent:20px;
		}	
			#ventajas ul {
				position:relative;
				width:600px;
				float:left;
				font-size:14px;
				color:#0088b0;
				margin:20px 0px 20px 50px;
			}
			#ventajas li {
				text-align:justify;
				background:url(img/bullet.png) no-repeat 2px 5px;
				padding-left:20px;
				line-height:20px;
				margin-bottom:15px;
			}
			
		#banner_member {
			position:relative;
			float:left;
			background:url(img/banner_member.png) no-repeat;
			width:408px;
			height:204px;
			margin-left:15px;
		}
		#banner_ventajas {
			position:relative;
			float:left;
			background:url(img/banner_ventajas.png) no-repeat;
			width:408px;
			height:213px;
			margin-top:13px;
			margin-left:15px;
		}
		#banner_texto {
			position:relative;
			float:left;
			background:url(img/banner_texto.png) no-repeat;
			width:252px;
			height:432px;
		}
			#banner_texto p {
				position:relative;
				float:left;
				width:200px;
				font-size:12px;
				background:url(img/bullet.png) no-repeat 2px 3px;
				text-indent:20px;
				margin:5px 25px;
				line-height:16px;
				color:#0088b0;
				text-align:justify;
			}
		#noticias {
			position:relative;
			float:left;
			background:url(img/noticias_bg.png) no-repeat;
			width:655px;
			height:344px;
			margin-left:10px;
			margin-top:30px;
		}
		#noticias h2 {
			position:relative;
			color:#0088b0;
			text-align:left;
			font-size:16px;
			background:url(img/bullet.png) 2px 3px no-repeat #FFFFFF;;
			text-indent:20px;
			margin-left:10px;
			top:15px;
			line-height:16px;
			color:#0088b0;
		}
		
			#noticias a:link { color:#0088b0; font-weight:normal; text-decoration:none;}
			#noticias a:visited { color:#0088b0; font-weight:normal; text-decoration:none;}
			#noticias a:hover { color:#0088b0; font-weight:normal; text-decoration:underline;}

			#noticias h2 a:link { color:#0088b0; font-weight:bold; text-decoration:none;}
			#noticias h2 a:visited { color:#0088b0; font-weight:bold; text-decoration:none;}
			#noticias h2 a:hover { color:#0088b0; font-weight:bold; text-decoration:underline;}

#miembros_index {
 height:230px;
 background:url(img/footer_t.gif) no-repeat transparent 0 110px;
 }		
#footer {
	position:relative;
	width:1024px;
	background:url(img/footer_t.png) no-repeat transparent;
	height:150px;
	top:-30px;
	z-index:9;
}
#footer_index {
	background:none;
	position:relative;
	width:1024px;
	height:75px;
	top:-30px;
	z-index:9;
}
	.pie {
		position:absolute;
		bottom:-60px;
		left:360px;
		text-align:center;
		color:#0088b0;
		display:block;
	}
	
	
	.pie2 {
		
		left:360px;
		text-align:center;
		color:#0088b0;
		width:300px;

		
	}

/*-------------------------- Clases <-------------------------------*/
.logos { position:relative; margin:10px 20px;}
.masinfo {
	position:relative;
	float:right;
	margin-right:25px;
	color:#0088b0;
}
	.masinfo a:link {color:#0a5b8b; font-weight:bold; text-decoration:none;}
	.masinfo a:visited {color:#0a5b8b; font-weight:bold; text-decoration:none;}
	.masinfo a:hover {color:#0a5b8b; font-weight:bold; text-decoration:underline;}

.notice {
	position:relative;
	border-bottom:1px solid #0088b0;
	height:64px;
	margin:auto 25px;
}
.sub_notice {
	position:relative;
	float:left;
	margin-left:55px;
	margin-top:25px;
	color:#0088b0;
}
.lista_webs {
	position:relative;
	float:right;
	margin:15px auto 15px auto;
	font-size:14px;
	line-height:20px;	
	width:600px;
}
	.lista_webs a:link { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:none;}
	.lista_webs a:visited { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:none;}
	.lista_webs a:hover { position:relative; float:left; color:#0a5b8b; font-weight:bold; width:300px; text-align:left; text-decoration:underline;}

#ventaja {
	position:relative;
	float:left;
	width:600px;
	color:#0a5b8b;
	line-height:16px;
}
			#ventaja ul {
				position:relative;
				float:left;
				font-size:14px;
				color:#0a5b8b;
				margin:20px 0px 20px 100px;
			}
			#ventaja li {
				text-align:left;
				text-indent:0px;
				padding-left:15px;
				margin-bottom:6px;
				background:url(img/bullet_round.png) no-repeat 2px 5px;
			}

.source_noti { position:relative; float:right; color:#0a5b8b; text-decoration:none;}
.source_noti a:link {color:#0a5b8b; text-decoration:none; font-weight:bold}
.source_noti a:visited {color:#0a5b8b; text-decoration:none; font-weight:bold}
.source_noti a:hover {color:#0a5b8b; text-decoration:underline; font-weight:bold}

.B2U {
	position:absolute;
	float:right;
	right:20px;
	bottom:0px;
}



/*-------------------------- Formulario Contacto <-----------------------------*/
#form { 
	position:relative; 
	float:right; 
	*float:left; 
	margin-top:20px; 
	margin-right:120px;
	*margin-left:120px;
}
	.elcontact {
		position:relative;
		text-align:left;
		line-height:16px;
		height:27px;
		display:block;
		font-size:11px;
	}
	.losinputs {
		position:relative;
		float:left;
		width:100px;
		text-align:left;
		display:block;
		font-size:11px;
	}
	
.textarea {
border:1px solid #999999;
font-family:verdana,arial,tahoma;
font-size:8pt;
width:310px;
}

/*-------------------------- Genericos <-----------------------------*/
.margin_left24 {margin-left:24px;}
.margin_left40 {margin-left:43px;}
.right {float:right; margin-right:5px;}
.left {float:left; margin-left:5px;}

.noborder {border-right:0px!important;}

.naranja { color:#ff8403;}
.gris { color:#666666;}

.clear {clear:both;}