/* CSS Document  para GREENLIGHT ----- > DISEÑO Y MAQUETCIÓN: JAVIER GRANADO //// CREZPO.COM */

body{
	margin:0;
	padding:0;
	font:normal 8pt Arial, Helvetica, sans-serif;
	background: #F0F0F0 url(../images/index/background.jpg) repeat-x;
}


img{
	float:left;
	border: none;
}

h1{
	margin:0;
	padding:1px 0 0 0;
	font:normal 0.1 Arial, Helvetica, sans-serif;
}

h1 img{
	float:none;
}

h2{
	text-align: right;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	padding:0 20px 0 0;
	margin:0 10px 0 0;

	color:#fff;
	background:#73ff00;
}

h3{
	border-bottom:#73ff00 solid 1px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}


h4{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#73ff00;
}

p{
	font:normal 1.2em Arial, Helvetica, sans-serif;
	padding-right:20px;
}

p a{
	color:#FAC305;
}


/***************************************** CAJAS ESTRUCTURALES *****************************************/

#align{
	width:770px;
	float:none;
	margin:0 auto;
}



#pie{
	width:770px;
	float:left;
	padding:10px 0;
	margin:20px 0 0 0;
	color:#FFFFFF;
	border-top:1px solid #B4B4B4;
	font:normal 1.1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}

#caminodemigas{
	width: 396px;
	height:15px;
	padding:7px 10px;
	color:#999999;
}


/**************************** CABECERA */

#cabecera{
	width:770px;
	height:85px;
	float:left;
	background:#2D4C74;
}

#cabecera ul{
	width:490px;
	height:85px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}

#cabecera ul li{
	padding:53px 0 0 0;
	float: left;
}

#cabecera ul li a{
	height:28px;
	float:left;
	color:#FAC305;
	padding:0 20px 0 3px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform: uppercase;
	border-left:1px solid #6A6A6A;
	border-bottom:4px solid #2D4C74;
}

#cabecera ul li a:hover{
	color:#6A6A6A;
	background:#2D4C74;
	border-bottom:4px solid #FAC305;
}

/**************************** CUERPO */

#cuerpo{
	width:770px;
	float:left;
	color:#333;
}

#cuerpo ul li{
	list-style-image:url(../images/eltos/bullet01.gif);
	margin-bottom:10px;
}


#cuerpo1{
	width:416px;
	float:left;
	padding:0 0 0 50px;
	overflow:hidden;
}

#cuerpo1 ul li{
	list-style-image:url(../images/eltos/bullet01.gif);
	font: 1.3em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

#cuerpo2{
	width:304px;
	float:none;
	overflow:hidden;
}


#cuerpo2 ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	padding:20px 0 10px 0;
	margin:0 0 30px 0;
	background:#A8C1FD url(../images/index/fondo_submenu.jpg) top right no-repeat;
}

#cuerpo2 ul li{
	width:303px;
	float:left;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	list-style-image:none;
}

#cuerpo2 ul li a{
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:5px 20px;
	margin:0;
	background: url(../images/eltos/bullet01.gif) no-repeat 5px 9px;
}

#cuerpo2 ul li a:hover{
	background-color:#C4D2F4;
}

#cuerpo3{
	width:304px;
	float:left;
	overflow:hidden;
}


#cuerpo3 ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	padding:20px 0 10px 0;
	margin:0 0 30px 0;
	background:#A8C1FD url(../images/index/fondo_submenu.jpg) top right no-repeat;
}

#cuerpo3 ul li{
	width:206px;
	float:right;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	list-style-image:none;
}

#cuerpo3 ul li a{
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:2px 20px;
	margin:0;
	background: url(../images/eltos/bullet01.gif) no-repeat 2px 9px;
}

#cuerpo3 ul li a:hover{
	background-color:#C4D2F4;
}

#cuerpo4{
	width:304px;
	float:left;
	overflow:hidden;
}


#cuerpo4 ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	padding:20px 0 10px 0;
	margin:0 0 30px 0;
	background:#A8C1FD url(../images/index/fondo_submenu.jpg) top right no-repeat;
}

#cuerpo4 ul li{
	width:290px;
	float:right;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	list-style-image:none;
}

#cuerpo4 ul li a{
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:5px 20px;
	margin:0;
	background: url(../images/eltos/bullet01.gif) no-repeat 5px 9px;
}

#cuerpo4 ul li a:hover{
	background-color:#C4D2F4;
}

/***************************************** HOME *****************************************/

#home_contenidos{
	width:445px;
	float:left;
	padding:10px 0 0 55px;
}