/*
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;
}


/* 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: 22px;
	/* 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-image: url(../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;
}
* 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='../images/home/scrollbar.gif');
background-image: none;
}
/* 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 */



/* 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;
}