*{margin:0px; padding:0px}

body {background-color:#8fd300}

h1{font:normal 0.8em Arial, Helvetica, sans-serif;color:black; text-transform:uppercase; padding:5px 5px;}

h2{font:normal 1.0em Arial, Helvetica, sans-serif; color:#8fd300; margin:20px 0px; text-transform:uppercase; text-indent:15px; background:url(img/bulleth212claro.png) no-repeat left;font-weight:700;}
.subtitulo {font:normal 1.0em Arial, Helvetica, sans-serif; color:#999; margin: 20px 0px; text-indent:15px; font-weight:700;}
p {font: normal 0.8em Arial, Helvetica, sans-serif; text-align:left}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:underline;}
.introbox{font:0.8em Arial, Helvetica, sans-serif; text-align:left; padding:0px 20px 20px 0px; color:#333; line-height:18px; }
.centralbox{font:0.8em Arial, Helvetica, sans-serif; text-align:left; padding:0px 20px 20px 10px;line-height:18px; color:#666;border-left:solid 1px #999;}
.centralbox ul{
list-style:none;
padding:0px 10px 20px 10px;}
.centralbox li{
list-style:none;
text-indent:15px;
background:url(img/bulletverde.png) no-repeat left;
}
.introportada{font:0.8em Arial, Helvetica, sans-serif; text-align:left; padding:50px 0px; color:#333; line-height:20px;} 
.grupoBoyma{font:1.0em Arial, Helvetica, sans-serif; text-align:left; padding:50px 0px; color:#8fd300; line-height:24px; text-transform:uppercase; font-weight:bold;}
.evhos{text-transform:uppercase; font-weight:bold;}
.ladillo{text-transform:uppercase; font-weight:bold;line-height:28px;}
.listadoportada{font:1.3em Arial, Helvetica, sans-serif; text-align:left; padding:0px; color:#333;}
.imgbulletportada {padding:1px}

.contacto{
	float: right;
	text-decoration:none;
	padding-right:3px;
}
.centralbox a:link {color:#666; text-decoration:none}
.centralbox a:hover{color:#666; text-decoration:underline;}
#bottom-menu a:link{color:#fff; text-decoration:none;}
#bottom-menu a:hover{color:#fff; text-decoration:underline;}



.imageleft{
	margin:0;
	float:left;
	padding:0;
	border:none;
	display:inline;
	}
img {border:none;}
.imagecabecera{
	margin:0;
	float:left;
	padding:0;
	border:none;
	display:inline;
	width:590px;
	height:124px;
	}
.imageright{
	float:right;
	display: inline;
	}
.imgbullet{
padding:2px;
}
#flashcontainer{
float:right;
width:200px;
height:134px;
padding:10px 0;
border:none;}

#wrapper {
	width:800px;
	margin: 0px auto;
}
#bordercontainer{
	background-image: url(img/sombra.png);
	background-repeat: repeat-y;
	background-position: right top;
	float:left;
	width: 842px;
	display:inline;
}

#container {
	/** border:10px solid #ccc;**/
	float: left;
	background: #fff url(img/imgfondo.jpg) no-repeat bottom;
    width: 820px;
	margin:0 11px;
	display:inline;
}

#containerportada {
	float: left;
	background: #fff url(img/imgfondoportada.jpg) no-repeat bottom;
    width: 820px;
	margin:0 11px;
	display:inline;
}

#listadoportada {
	float:right;
	width:500px;
	height:20px;
	margin:0px;
	display:inline;
	padding:0;
	z-index:2;
	position:relative;
	top:117px;
	left:270px;
}

#subcontainer {
padding:0 30px 0 30px;
display:inline;
width:auto;
float:left;
border-top:15px solid #ccc;
border-right:10px solid #ccc;
border-left:10px solid #ccc;
border-bottom:5px solid #ccc;
}

#header {
	width:740px;
	margin:0;
	padding:0;
	float:left;
}
#subheader{
height:auto;
width:740px;
float:left;
margin:0;
padding:0;
display:inline;}

#content {
	width:70%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#introbox{
float:left;
width:170px;
}

#centralbox{
float:left;
width:340px;
}
#top-menu{
	float:left;
	width:70%;
	display:inline;
	margin:0;
	padding:0;
}
#top-menu ul {
display:inline;
margin:0;
padding:0;
list-style:none;
width:100%;
color:#fff;
background-color:#999;
}
#top-menu ul a:link, #top-menu ul a:visited {
padding:7px 10px;
display:block;
color:#fff;
background-color:#999;
text-decoration:none;
}

#top-menu ul li{
display:block;
color:#fff;
text-decoration:none;
float:left;
font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; background-color:#fff; border-left:#fff solid 1px; text-align:center;
}

#top-menu ul li.active{
padding:7px 10px;
}
#top-menu ul .first a{
border-right:none;
}

#top-menu ul a:hover,#top-menu ul a:active,#top-menu ul li{
background-color:#8fd300;
}
a#actual:link,

a#actual:active,
a#hover{
display:block;
color:#fff;
background-color:#999999;
text-decoration:none;
}

#right-menu {
	float:right;
	width:30%;
	height:480px;
	margin:0;
	display:inline;
	padding:0;
	z-index: 1;
	position: relative;
	top: -10px;
}


#footer{
float:left;
margin:0;
width:770px;
padding:5px 25px;
background-color:#ccc;
font: normal 0.8em Arial; color:#FFFFFF;
}
.footer {float:left}
#bottom-menu{
	background-color:#ccc;
	float:right;
	padding:0px;

}
#bottom-menu li {
	display: inline;
}

#cierre{
float:left;
padding-left:21px;
margin:0px;
width:839px;
height:27px;
background:url(img/cierre2.jpg) no-repeat bottom;
}

#form{
float:left;
display:inline;
padding:10px;
border:#8fd300 solid 2px;
background:#ccc;
width:250px;
height:auto;
}
.textarea{
float:left;
font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-align:left; color:#333;
margin:0px 15px 5px 0px;
padding:0px;
width:200px;
height:150px
}
.inputtext{font:0.8em Arial, Helvetica, sans-serif; text-align:left; padding:0px; color:#333;}
.inputbox{
width:200px;
margin:0px 100px 5px 0px;
padding:0px;
float:left;
font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-align:left; color:#333;
}
.enviar{
margin:10px 0px;
float:left}