html {
margin:0;
padding:0;
}

* html #container {
height:100%
}

body {
height: 100%;
min-height:600px;

  background-color: #fff;
  line-height: 1.1;
  color: #666;
  font: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0;
padding:0;
text-align:center
}

#container { padding:0; margin-left:auto; margin-right:auto; width:1100px; min-height: 100%; height:100%; background:url(/img/fnd_top.jpg) repeat-x top; background-color: #f5f5f5; }
#container1 { padding:0; background-color: #f5f5f5;width:1100px; min-height: 100%; height:100%; background:url(/img/fnd_bottom.jpg) repeat-x bottom; overflow:hidden}
#box { padding:0; width:866px; min-height: 100%; height:100%; margin:0 auto 0 auto;} /* margin:0 auto 68px auto; si no se pone nada abajo donde va el logo */
#box1 { width:100%; min-height:100%; height:100%; background-color: #ffffff; padding: 5px 15px 25px 15px }
#top  { height:111px; padding:0; margin:0; text-align:left }
#logo { padding:18px 0 0 110px; float:left; margin:0; display:block  }
#info_top { margin:10px 0 0 60px; float:left; background:url(../img/info_top_box.png); width:432px; height:90px }

#box_am { float:left; width:406px; text-align:left; padding: 20px 22px 0 11px  }
#box_am div#btop {padding:0;
	width: 406px;
	height: 11px;
	background: transparent url(/img/box_am_top.png) no-repeat;
	}
#box_am div#bajo {padding:0;
	width: 406px;
	height: 11px;
	background: transparent url(/img/box_am_bajo.png) no-repeat;
}
#box_am div#medio {
	background: transparent url(/img/box_am_med.png) repeat-y;
	padding: 1px 19px;
	height:224px;
}

#box_azul { float:left; width:406px; text-align:left; padding-top: 20px}
#box_azul div#btop {
	width: 407px;
	height: 11px;
	background: transparent url(/img/box_azul_top.png) no-repeat;
	}
#box_azul div#bajo {
	width: 407px;
	height: 11px;
	background: transparent url(/img/box_azul_bajo.png) no-repeat;
}
#box_azul div#medio {
	background: transparent url(/img/box_azul_med.png) repeat-y;
	padding: 1px 19px;
	height:224px;
}

#box2 { width:835px; text-align:left; padding: 20px 0 0 15px}
#box2 div#btop {
	width: 835px;
	height: 9px;
	background: transparent url(/img/box2_top.png) no-repeat;
	}
#box2 div#bajo {
	width: 835px;
	height: 9px;
	background: transparent url(/img/box2_bajo.png) no-repeat;
	}

#box2 div#medio {
	background: transparent url(/img/box2_med.png) repeat-y;
	padding: 1px 0 0 7px;
	
}

#box_contacto { width:842px; text-align:left; padding: 20px 0 0 15px}
#box_contacto div#btop {
	width: 842px;
	height: 51px;
	background: transparent url(/img/box_contacto_top.png) no-repeat;
	}
#box_contacto div#bajo {
	width: 842px;
	height: 11px;
	background: transparent url(/img/box_contacto_bottom.png) no-repeat;
	}

#box_contacto div#medio {
	background: transparent url(/img/box_contacto_med.png) repeat-y;
	padding: 5px 20px;
}

#box_actividades1 {
	float:left;
	width:413px;
	height:202px;
	text-align:left;
	padding: 0;
	background: #ffffff url(/img/box_bottom1.png) no-repeat bottom;
	}

#box_actividades1 div#derecha {
	padding:0;
	width: 413px;
	height:202px;
	background: transparent url(/img/box_right1.png) no-repeat right top;
	}

#box_actividades2 {
	float:left;
	width:408px;
	height:202px;
	text-align:left;
	padding: 0;
	background: #ffffff url(/img/box_bottom2.png) no-repeat left bottom;
	}

#box_actividades3 {
	float:left;
	width:413px;
	height:195px;
	text-align:left;
	padding: 0;
	background: #ffffff url(/img/box_bottom3.png) no-repeat bottom;
	}

#box_actividades3 div#derecha {
	padding:0;
	width: 413px;
	height:195px;
	background: transparent url(/img/box_right2.png) no-repeat right top;
	}

#box_actividades4 {
	float:left;
	width:408px;
	height:195px;
	text-align:left;
	padding: 0;
	background: #ffffff url(/img/box_bottom4.png) no-repeat left bottom;
	}

#titulo { text-align:center }
.parrafo_box1 {
	min-height: 25px;
	background: transparent url(/img/vok.png) no-repeat left top;
	padding: 0 0 0px 31px;
	color:#5a5a5a;
	}

.parrafo_box2 {
	min-height: 25px;
	background: transparent url(/img/vok1.png) no-repeat left top;
	padding: 0 0 0px 31px;
	color:#5a5a5a;
	}

#txt1 { float:left;
	font-size:14px;
	width:180px;
	color:#282828;
	padding:23px 5px 23px 30px;
	text-align:left;
	line-height: 1.2;
	}

#img1 { float:left }
#parrafo2 { padding-top:10px; }
.clear { clear:both }

.contenido_box {
	padding:25px 30px 45px 10px;
	}

.contenido_box .img1 {
	padding-left:110px
}

.contenido_box .img2 {
	float:left;
	padding-right:10px;
}

.contenido_box #resaltado {
	color:#ff6000;
	font-weight:bold;
}

#articulo_problemas_hotmail { padding-top:20px }
#problemas_hotmail {
		float:right;
		margin:20px }

#articulo_problemas_hotmail p { text-align:left }
#articulo_problemas_hotmail #resaltado { color:#0776ef; font-weight:bold }

.input1 { background: transparent url(/img/input1.png) no-repeat;
	border:0;
	width:285px;
	height:36px;
	padding:0 6px;
	margin-top:10px;
	}

.input2 { background: transparent url(/img/input2.png) no-repeat;
	border:0;
	width:447px;
	height:36px;
	padding:0 4px;
	margin-top:10px;
	}

.input_textarea { background: transparent url(/img/input_textarea.png) no-repeat;
	border:0;
	width:465px;
	height:122px;
	padding:4px;
	overflow:hidden;
	margin-top:10px;
	}

#tabla_contactar {
	font: 16px Arial;
	}

#div_submit {
	padding-left:336px;
	}

#input_submit {
	width:158px;
	height:31px;
	background: transparent url(/img/frm_contacto_submit.png) no-repeat;
	border:0;
	}
#bottom_info {
	padding:0 25px 15px 220px;
	margin:0;
	text-align:left;
	align:top;
	}

#bottom_info span {
	padding:21px 0 0 35px;
	display:inline-block;
	font: 14px Arial;
	color: #ffffff;
	}

.vemails {
	margin:5px 0 0 0;
	color: #09407d;
	width:277px;
	height:54px;
	background: transparent url(/img/nemails_costes.png) no-repeat top;
	}

#sel {
	font-size:16px;
	height:23px;
	width:300px;
	}
