/*
CSS desarrollado para sitio GRUPO IDESA
Dise–o y programacion por Codice web software
Fecha de realizacion 20 de Enero de 2009
*/

/*anulacion de estilos predeterminados de tags html*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}


/* BODY GENERAL */
body
{
	margin: 0px auto;
	background: #013d6c	url(../images/home/back.gif) repeat-x;
}

img, div { behavior: url(../css/iepngfix.htc) }
/* CONTENEDOR GENERAL */

.tools
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	padding: 10px 52px 0 52px;
}

.tools a
{
	color: #FFF;
	text-decoration: none;
}

.tools a:hover { text-decoration: underline; }

.conteiner
{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../images/home/background_1.gif);
	background-repeat: no-repeat;
}



.contenido
{
	width: 932px;
	margin: 22px auto 0 auto;
	background: url(../images/home/bgContenido2_.jpg) no-repeat;
	height: 600px;
}



/* MENU */

.menu
{
	width: 932px;
	background: url(../images/bgMenu.gif) repeat-x;
	height: 40px;
}

.menu table { float: right; }

.menu .btnMenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #FFF;
	border-right: 1px solid #666;
}

.menu .btnMenu a
{
	display: block;
	color: #666;
	text-decoration: none;
	padding: 13px 10px;
	text-transform: uppercase;
}

.menu .btnMenu a:hover
{
	background: url(../images/home/bgMenuHome.gif) repeat-x;
	color: #FFF;
}


/* SECCIONES */

.secciones
{
	width: 918px;
	height: 290px;
	margin: 250px auto 0 auto;
}


.contseccion
{
	background: url(../images/home/bgSecciones.gif) no-repeat 0 0;
	width: 300px;
	margin: 0px 2px 0 3px;
	height: 285px;
	padding: :0px;
	float: left;
}


.contseccion h1 { margin: 6px 0px 0px 10px; }

.contseccion p
{
	font-family: arial;
	font-size: 10px;
	color: #525252;
	padding: 15px 15px 0px 15px;
	float: left;
	height: 175px;
}




.contseccion p span.rojo
{
	font-family: arial;
	font-size: 10px;
	color: #972545;
	font-weight: bold;
}

.contseccion p span.celeste
{
	font-family: arial;
	font-size: 10px;
	color: #007ab4;
	font-weight: bold;
}

.contseccion p span.azul
{
	font-family: arial;
	font-size: 10px;
	color: #0031ff;
	font-weight: bold;
}


.contseccion .menuBottom
{
	padding: 0px 2px 0 5px;
	border: 0px solid white;
	z-index: 20;
	float: left;
}


.contseccion .image
{
	float: left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #727272;
}

/* NOTICIAS EN HOME*/

.noticias
{
	background-image: url(../images/home/contentHome.png);
	height:300px;
	width: 920px;
	margin: 255px auto 0 auto;
}

.noticias p
{
	font-family: arial;
	font-size: 13px;
	color: #525252;
	padding: 10px 15px 15px 15px;
	width: 830px;
	margin: 0 auto;
}

.noticias ul
{
	font-family: arial;
	font-size: 11px;
	color: #525252;
	margin: 0;
}

.noticias li
{
	font-family: arial;
	font-size: 11px;
	color: #525252;
	list-style: disc inside;
	
}



.noticias .tit
{

	padding: 20px 0 5px 35px;
}


/* SCROLL */

/* SCROLL CON IMAGEN */

#newsscroll .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
#newsscroll .vscrollerbase {
width:22px;
}
#newsscroll .vscrollerbar
{
	width: 10px;
	/* following is the bit that allows us fixed height scrollbars */
	height: 64px !important;
	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
	background: #9d9d9d url(http://www.grupoidesa.com/images/home/scrollbar.gif);
	/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
margin-top:5px;
margin-left:5px;
}
* html #newsscroll .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.grupoidesa.com/images/home/scrollbar.gif');
background: #9d9d9d;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
#newsscroll .hscrollerbase {height: 22px;}
#newsscroll .hscrollerbar {height: 22px;}
#newsscroll .vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 4;
}
/* properties for scroller jog box, just in case */
#newsscroll .scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
/* Scroll Bar Master Styling Ends Here */


/* TERMINA SCROLL CON IMAGEN */



/* SCROLL */


/* FOOTER */

.footer
{
	width: 995px;
	margin: 15px 0 0 0;
	border-top: 1px dotted #6891b2;
}

.footer p
{
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	margin: 10px;
	line-height: 15px;
}

.footer p a
{
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}


.footer p a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* PÁGINA DE ERROR */

#cont_bg_error {
	margin: 0 auto;
	width: 1066px;
	height: 800px;
	background: url(../images/home/bg_pag_error.jpg) no-repeat top left;
	position: relative;
}

.txt_error1, .txt_error2 {
	font-family: Arial, Helvetica, sans-serif;
}

.txt_error1 {
	font-size: 20px;
	color: #061c2d;
	position: absolute;
	top: 57px;
	right: 117px;	
}

.txt_error2 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 182px;
	right: 114px;
}

#menu_pag_error {
	position: absolute;
	bottom: 327px;
	left: 280px;	
}

#menu_pag_error ul {
	list-style-type: none;	
}

#menu_pag_error li {
	float: left;	
}

#secciones_pag_error {
	position: absolute;
	bottom: 247px;
	left: 88px;	
}

.modulo_sec_pag_error {
	width: 304px;
	float: left;	
}

.nombre_seccion img {
	display: block;	
}

.menu_secccion_pag_error ul {
	padding-left: 6px;
	list-style-type: none;
}

.menu_secccion_pag_error li {
	float: left;	
}