/*
------
ARMADO
------
*/

body, html {

	font-family:						Arial, Helvetica, sans-serif;

	width:								100%;
	height:								100%;

}

body {

	background:							#E9E7DB;

}

#cuerpo {

	background:							#FFFFFF;
	
	width:								940px;
	min-height:							100%;
	height:								auto!important;
	height:								100%;
	margin:								0px auto;
	
	position:							relative;

}

#encabezado {
	
	background:							url(img/fondoEncabezado.gif);
        background-repeat: repeat-x;
	width:								900px;	
	height:								150px;
	margin:								0px 20px;

}

#contenido {
	
	padding:							0px 0px 36px;
	
}

#pie {
	
	font-size:							11px;
	color:								#666666;
	line-height:						36px;
	
	width:								900px;
	height:								36px;
	border-top:							1px solid #c0c0c0;
	margin:								0px 20px;

	position:							absolute;
	
	right:								0px;
	bottom:								0px;
	left:								0px;

}

/* -------- */
/* BUSCADOR */
/* -------- */

#buscador {

	font-size:							11px;
	
	background-image:							url(img/fondoBuscador.gif);
        background-color: #e2e2e2;
	width:								210px;	
	height:								150px;
	background-repeat: repeat-x;
	top:								0px;
	left:								20px;
	
	position:							absolute;

}

#buscador ul {

	list-style:							none;
	
	margin:								0px;
	
	position:							absolute;
	
	top:								25px;
	left:								5px;

}

#buscador li {

	margin:								0px;
	
	float:								left;
	
}

#buscador li a {

	background:							url(img/bulletBuscador.gif) no-repeat 0px 2px;
	
	color:								#000000;
	text-decoration:					none;
	
	padding:							0px 13px;
	
}

#buscador li a:hover {

	text-decoration:					underline;
	
}

#buscador form {

	position:							absolute;
	
	bottom:								10px;
	left:								10px;
	
}

#buscador form input.campo {

	font-size:							11px;

	width:								168px;
	height:								13px;
	padding:							0px;
	border:								2px solid #fff;
	margin:								0px;
	
	float:								left;
	
}

#buscador form a.boton {

	background:							url(img/botonEnviarBuscador.gif) no-repeat;
	
	width:								17px;
	height:								17px;
	padding:							0px;
	margin:								0px;
	
	display:							block;
	float:								left;
	
}

/* ---- */
/* LOGO */
/* ---- */

#logo {

	background:							url(img/logoOptionBuro.jpg) no-repeat;

	width:								260px;
	height:								88px;
	
	position:							absolute;
	top:								18px;
	right:								20px;

}

#logo:hover {
	cursor:								pointer;
}

#logo span {

	display:							none;

}

/* ---- */
/* MENU */
/* ---- */

ul#menu {

	font-size:							11px;
	
	list-style:							none;
	
	height:								20px;
	margin:								0px;
	
	position:							absolute;
	
	top:								78px;
	left:								250px;

}

ul#menu li {

	margin:								0px 25px 0px 0px;
	
	float:								left;
	
}

ul#menu li a {
	
	color:								#000000;
	text-decoration:					none;
	
	padding:							0px;
	
}

ul#menu li a:hover {

	color:								#ff0000;
	
}

ul#menu ul.submenu {

	background:							#edede5;
	
	font-size:							11px;
	
	list-style:							none;

	width:								185px;
	padding:							0px;
	border-bottom:						5px solid #ff0000;
	margin:								0px;
	
	position:							absolute;
	
	left:								0px; 
	top:								22px;
	
}

ul#menu ul.submenu li {	
	clear:								both;
	padding:							0px;
	margin:								0px;	
}

ul#menu ul.submenu a {	

	font-size:							12px;
	color:								#ff0000;
	
	width:								165px;
	padding:							5px 10px;
	border-bottom:						1px dotted #ff0000;

	display:							block;
	
}

ul#menu ul.submenu a:hover {	

	color:								#000000;
		
}

/* --------- */
/* CONTENIDO */
/* --------- */

#contenido {

	width:								920px;

}

#contenido #superBanner {

	background:							#efefef;

	width:								900px;
	height:								320px;
	margin-left:						20px;
	
}

#contenido #columnaIz {
	
	width:								225px;
	padding-left:						5px;
	
	float:								left;

}

#contenido #columnaDe {

	width:								670px;
	
	float:								right;

}

#contenido #separador {

	clear:								both;
	height:								50px;
	
}

/* ------------------- */
/* CONTENIDO - SUBMENU */
/* ------------------- */

ul#submenu {

	font-size:							12px;
	
	list-style:							none;
	
	padding:							0px;
	margin:								60px 0px 40px;

}

ul#submenu li {

	padding:							0px;
	margin:								0px;
	
}

ul#submenu a {

	background:							url(img/bulletPie.gif) no-repeat 3px 7px;

	color:								#ff0000;
	text-decoration:					none;
	line-height:						23px;

	height:								23px;
	padding-left:						15px;
	
	display:							block;

}

ul#submenu a:hover {

	background-color:					#eee;
	color:								#000000;

}



/* ------------------- */
/* CONTENIDO - COMUNES */
/* ------------------- */

h1.titulo {
	
	font-size:							12px;
	line-height:						23px;

}

h2.titulo {
	
	font-size:							18px;
	font-weight:						normal;
	color:								#ff0000;
	line-height:						23px;

}

p.copete {

	font-size:							12px;
	line-height:						16px;

}

p.slogan {

	font-size:							12px;
	line-height:						16px;
	font-style:							italic;
	color:								#666666;


}

div.marcador {

	clear:								both;
	
	border-bottom:						1px solid transparent!important;
	border-bottom:						1px solid #fff;


}

/* --- */
/* PIE */
/* --- */

#pie ul {

	list-style:							none;

	margin:								0px;
	
	float:								left;
	
}

#pie li {

	margin:								0px;
	
	float:								left;
	
}

#pie li a {

	background:							url(img/bulletPie.gif) no-repeat 7px 3px;
	
	color:								#000000;
	text-decoration:					none;
	
	padding-left:						20px;
	
}

#pie span.izquierda {

	float:								left;

}

#pie span.derecha {

	float:								right;

}

#pie a {

	color:								#333333;
	text-decoration:					none;
	
}

#pie a:hover {

	text-decoration:					underline;
	
}

div.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	border-bottom: 1px solid #fff;
}