@charset "utf-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0 0 30px 0;
	background: #fff url(../img/general/bk-web.jpg) top center repeat-x;
	left: 50%;
	font:12px Arial, Verdana, Helvetica, sans-serif;
}
body img {
	border: 0;
}
#area-menu {
	width:982px;
	height:64px;
	margin:auto;
}
#area-menu .logo {
	float:left;
	background: #f5f5f5 url(../img/general/logo.jpg) top left no-repeat;
	width:360px;
	height:64px;
}
#listMenu {
	height:64px;
	float: left;
	padding: 0;
	text-align:right;
}
#listMenu ul {
	margin: 0;
}
#listMenu li {
	height:64px;
	float: right;
	list-style-type: none;
	margin:0;
	border-right:1px solid #e5e5e5;
	border-left:2px solid #fff;
}
#listMenu a {
	background: url(../img/general/bk-bt.jpg) repeat-x;
	display: block;
	padding: 24px 20px;
	text-decoration: none;
	color: #115e6c;
}
#listMenu a:hover {
	background: url(../img/general/bk-bt-hover.jpg) repeat-x;
}
#listMenu a:link, #listMenu a:hover, #listMenu a:visited {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
}
#head {
	width:982px;
	height:200px;
	margin:auto;
	padding: 10px 0 0 0;
}
#head .box1 {
	float:left;
	width:258px;
	height:150px;
	background: url(../img/general/bk-box1.jpg) no-repeat;
	padding:30px;
	margin: 0 4px 0 0;
}
#head .box1 p {
	color:#2f4d62;
	margin:0;
	padding:0;
	text-align:justify;
}
#head .box1 h1 {
	margin:0 0 5px 0;
	padding:0;
	font-family: Georgia, Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	color:#77a037;
	line-height:20px
}
#head .box2 {
	float:left;
	width:218px;
	height:206px;
	background: url(../img/general/bk-box2.jpg) no-repeat;
	margin: 0 0 0 0;
}
#head .box2 h6 {
	margin:0;
	padding:0;
}
#head .box2 p {
	margin:0;
	padding:0;
	color:#304e62;
	font-size:11px;
}
#head .box3 h6 {
	margin:0;
	padding:0;
}
#head .box3 p {
	margin:0;
	padding:0;
	color:#304e62;
	font-size:11px;
}

#head a {
	font-weight:bold;
	color:#77a037;
	font-size:12px;
	text-decoration:none;
}
#head a:hover {
	text-decoration:underline
}
#head .box3 {
	float:left;
	width:218px;
	height:206px;
	background: url(../img/general/bk-box3.jpg) no-repeat;
}
#head .box4 {
	float:left;
	width:218px;
	height:206px;
	margin: 0 0 0 2px;
	background: url(../img/general/bk-box4.jpg) no-repeat;
}
#head .box4 p {
	margin:0;
	padding:0;
	color:#304e62;
	font-size:11px;
}
#head .box4 h6 {
	margin:0;
	padding:0;
}
#head .box2 .box3 .box4 {
	padding: 216px 25px 0 20px;
}
#head .bt-min {
	margin:150px 25px 0 20px;
	display:block;
}
#container {
	width:982px;
	padding: 20px 0 0 0;
	margin:auto;
}
#container .banners {
	float:left;
	width:275px;
	margin:0 25px 0 0
}
#container .contenido {
	float:left;
	width:680px;
	padding: 12px 0 0 0;
}
#container .contenido h1 {
	font: 22px Georgia, Arial, Helvetica, sans-serif;
	color:#105e6c;
	font-weight:bold;
}
#container .contenido h2 {
	font:20px Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0f5e6c;
	margin:0;
	padding:0 0 0 10px;
	background: url(../img/general/arrow.gif) left no-repeat;
}
#container .contenido h3 {
	font:40px Georgia, Arial, Helvetica, sans-serif;
	color:#77a037;
	padding:0 0 0 10px;
	margin:0
}
#container .contenido h5 {
	font:15px Georgia, Arial, Helvetica, sans-serif;
	color:#77a037;
	padding:0 0 10px 10px;
	margin:0;
}
#container .contenido h5 a{ color:#77a037}
#container .contenido p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	text-align:justify
}
#container .contenido ul {
	padding: 0 0 0 10px ;
	margin: 5px 0 0 0;

}
#container .contenido li {
border-bottom:1px solid #e2e1e1;
color:#0f5e6c;
padding: 5px 0 5px 10px;
background: url(../img/general/arrow.gif) left no-repeat;
list-style-type:none


}
#container .miga-de-pan {
	font:11px Arial, Helvetica, sans-serif;
	color:#505150;
	margin:0;
	padding:0
}
#container .miga-de-pan a {
	text-decoration:none;
	color:#105e6c;
	font-weight:bold;
}
#container .miga-de-pan a:hover {
	text-decoration:underline;
}
#container .banner {
	width:203px;
	height:138px;
	padding: 20px 10px 0 60px;
	background: url(../img/general/bk-banner.png) no-repeat;
	font: 16px Georgia, Arial, Helvetica, sans-serif;
	color:#0f5e6c
}
#container .banner p a {
	text-decoration:underline;
	color:#77a037;
	font-size:12px
}
#container .banner p a:hover {
	text-decoration:none
}
#container .banner h2 {
	font-size:24px;
	padding:0;
	margin:0
}
#container .banner h3 {
	font-size:16px;
	font-weight:bold;
	padding:0;
	margin:0
}
#container .banner h3 a{
	color:#fff;
	background-color:#0f5e6c;
	padding:0 3px 0 3px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif bold;
	font-size:12px;
}
#container .banner h3 a:hover{
	color:#0f5e6c;
	background-color:#fff;
}
#container .banner p {
	font-size:14px;
	padding:0;
	margin:0;
	color:#77a037
}
#container .destacados {
	float:left;
	width:325px;
	margin: 0 10px 10px 0
}
#container .destacados h1 {
	font:22px Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0f5e6c;
	margin:0;
	padding:0 0 0 10px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background: url(../img/general/arrow.gif) left no-repeat;
	background-color:#f7f6f6;
}
#container .destacados a {
	color:#fff;
	background-color:#0f5e6c;
	padding:0 3px 0 3px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif bold;
	font-size:11px;
}
#container .destacados a:hover {
	color:#0f5e6c;
	background-color:#dee0de;
}
#container .destacados img {
	margin: 10px 0 0 0
}
.clear {
	height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px
}
#area-pie {
	margin:auto;
	width: 985px;
	height: 50px;
	text-align:right;
	background: url(../imagenes/imagenes-general/pie.gif) top left repeat-x;
	padding-top:90px;
}
.pie {
	width: 100%;
	color: #858583;
	font-size:11px;
	margin: 0;
	padding: 0;
	background: url(../img/general/bk-pie.jpg) repeat-x;
	font-family: Georgia, Arial, Helvetica, sans-serif bold;
	font-size:12px;
	color:#0f5e6c;
	margin:0 0 10px 0
}
.pie a {
	color:#fff;
	background-color:#77a037;
	padding:0 3px 0 3px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif bold
}
.pie a:hover {
	color:#77a037;
	background-color:#dee0de;
}
.pie strong {
	font-family: Georgia, Arial, Helvetica, sans-serif bold;
	font-size:18px
}
