/* CSS Document */

* {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#22B7FF;
}
a:hover {text-decoration:underline;}
a img {border:none;}
ul {list-style:none;}


body {
	font:normal 62.5%/1.2 Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}

#container {
	width:860px;
	margin:70px auto 0;
	padding-bottom:10px;
}


/*** LOGO **/

h1 {
	width:226px;
	height:50px;
	text-align:right;
	margin:0 0 0 10px;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}
h1 a {
	color:#333;
	text-decoration:none!important;
	cursor:pointer;
}


/*** HEADER ***/

#header {
	padding-top:26px;
	background:url(../img/header_bg.jpg) repeat-x left top;
	overflow:hidden;
	margin:25px 10px 60px;
}
* html #header {
	height:1%;
}

#idiomas {
	width:133px;
	background:url(../img/idioma_bg.gif) no-repeat right bottom;
	margin-left:0.2em;
	float:left;
	color:#666;
	word-spacing:-0.1em;
}
#idiomas ul {
	padding:7px 0 5px 4px;
}
#idiomas li {
	display:inline;
	font-size:0.9em;
}
#idiomas a {
	color:#666;
}


#menu {
	float:right;
	max-width:700px;
}
#menu li {
	float:left;
	width:10.5em;
	text-align:center;
	margin:0 2px 0 3px;
	display:inline;
	position:relative;
}

#menu a {
	display:block;
	width:100%;
	padding:0.6em 0;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/pestanya_bg2.jpg) repeat-x 0 bottom;
}
#menu a:hover, #menu a.marcado {
	text-decoration:none;
	background:url(../img/pestanya_bg_on2.gif) repeat-x 0 bottom;
}
#menu li img {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;	
}


/*** FORUMUARIO AREA CLIENT ***/

#areaclient {
	float:left;
	width:226px;
	background:url(../img/formulario_center.jpg) repeat-y 0 0;
	margin:0 0 70px 10px;
	color:#666;
	display:inline;
}
#areaclient p {
	font-size:1em;
	padding:15px 0 0 12px;
	text-transform:uppercase;
	background:url(../img/formulario_top.jpg) no-repeat 0 0;
}
#areaclient form {
	padding:10px 12px 15px;
	overflow:hidden;
	background:url(../img/formulario_bottom.jpg) no-repeat 0 bottom;
}
* html #areaclient form {
	height:1%;
}
#areaclient label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#areaclient input {
	border:solid 1px #ccc;
	background:#f3f3f3;
	width:160px;
	font-size:1em;
	padding:2px;
}
/*#areaclient .boton {
	width:auto;
	border:none;
	background:none;
	margin:7px 0 0 115px
}*/
#areaclient .boton {
	border:solid 1px #333;
	padding:0 4px;
	background:#ece9d8;
	color:#333;
	font-size:0.9em;
	float:right;
	margin:7px 36px 0 0;
	width:auto;
	cursor:pointer;
}


/*** CONTENT ***/

.new {
	clear:both;
	margin:0 10px 70px 305px;
	color:#666;
	font:normal 1.2em/1.2 Tahoma, Arial, Helvetica, sans-serif;
}
* +html .new {
	margin:-70px 10px 70px 305px;
}
.new p {
	background:url(../img/arrow.gif) no-repeat left;
	padding:0 0 0 25px;
	height:20px;
}
.new p a{
	line-height:17px;
}
#content {
	float:right;
	margin:0 10px 10px 0;
	width:547px;
	color:#666;
	font:normal 1.2em/1.2 Tahoma, Arial, Helvetica, sans-serif;
	display:inline;
}
* html #content {width:541px;}
*+html #content {width:541px;}

#content p.intro {
	font:bold 1.1em/1.2  Tahoma, Arial, Helvetica, sans-serif;
	color:#888;
}

#content p.replaced {
	font:normal 18px/1.2 Verdana, Arial, Helvetica, sans-serif!important;
}

#content h2 {
	font-size:10px;
	margin-top:-12px;
	text-indent:-9000px;
}

#content p {
	margin:0 0 20px;
}
#content h3 {
	color:#22B7FF;
	font-size:1.2em;
	margin-bottom:15px;
}

#content ul {
	margin-bottom:20px;
}
#content ul li {
	background:url(../img/bullet_blau.gif) no-repeat 0 7px;
	padding:2px 0 0 10px;
}
#content ul li ul {
	margin-bottom:0;
}
#content ul li ul li {
	background-image:url(../img/bullet_gris.gif);
	margin-left:10px;
	margin-bottom:0!important;
}

#content ul.pixel {
	font-weight:bold;
}
#content ul.pixel li {
	background:url(../img/bullet_pix.gif) no-repeat 0 6px;
	margin-bottom:15px;
}
#content ul.pixel li span {
	font-weight:normal;
}
#content ul.legisl li {
	margin-bottom:15px;
}

/* separacion del footer para ie */
*+html #content, *+html #areaclient {
	margin-bottom:20px;
}
* html #content, * html #areaclient {
	margin-bottom:20px;
}


/*** FOOTER ***/

#footer {
	background:url(../img/footer_center.jpg) repeat-x left top;
	clear:both;
	color:#666;
}
#footer p {
	text-align:right;
	background:url(../img/footer_left.jpg) no-repeat left top;
	padding:6px 10px;
}
#footer a {
	color:#22B7FF;
}
#footer .end {
	background:url(../img/footer_right.jpg) no-repeat left top;
	height:22px;
	width:4px;
	float:right;
}