/*LIGASIDA.ORG.CO */

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:95%;
	top-margin:5px;
}
body a{
	text-decoration:none;
	cursor:pointer;
}
/*--------------------------------------------------------*/
/*div para el contenedor*/
div#contenedor {
	width:900px;
	background:#FFFFFF;
	margin:auto;
	height: auto!important;
	min-height:100%;
	height:100%;
}

/*-----------------------------------------------------------*/
/*--------------ETILO INFERIOR-------------------------------*/
/*div para la barra roja de abajo*/
div#pie{
width:900px;
margin:auto;
clear:both;
}
div#barraRoja{
	width:900px;
	height:57px;
	margin:auto;
}
div#barraifi{
	width:28px;
	height:57px;
	background:url(../imgDiseno/barraifi.png) no-repeat;
	float:right;
}
div#barraifd{
	width:28px;
	height:57px;
	background:url(../imgDiseno/barraifd.png) no-repeat;
	float:right;
}
div#barraif{
	width:844px;
	height:57px;
	background:url(../imgDiseno/barraif.png);
	float:right;
}

div#brInferior{
width:900px;
background:#FFF;
height:25px;
margin:auto;
/*margin-top:10px;*/
/*float:right;*/
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666;
margin-top:10px;
}

span#telefono{
float:left;
font-size:11px;
font-weight:bold;
/*margin:5px;*/

}
span#desarrollador, span#desarrrollador a{
float:right;
color:#000;
margin-right:10px;
}
div#brInferior a:hover{
	text-decoration: underline;
}
/*----------------------------------------------*/
/*-----------------------------------------------------------*/
/**--------------ESTILOS SUPERIOR--------------- **/
/*estilo para la barra gris*/
div#barragris{
	width:900px;
	height:29px;
	margin:auto;
}
div#barrad{
	width:11px;
	height:29px;
	background:url(../imgDiseno/barrad.png) no-repeat;
	float:right;
}
div#barrai{
	width:11px;
	height:29px;
	background:url(../imgDiseno/barrai.png) no-repeat;
	float:left;
}
div#barrac{
	width:878px;
	height:29px;
	background:url(../imgDiseno/barra.png);
	float:left;
}
/*--------------------------------------------------*/

/*Estilo para colocar las opciones de  arriba (inicio-inciarsesión-contáctenos..., barra)*/
div#menu{
	float:right;
	width:auto;
	margin-right:0;
}
div#menu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	float:left;
	margin:8px 15px 5px 0;
	text-decoration:none;	
}

div#menu input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:15px;
	width:200px;
	margin:4px 5px 10px 0;
	float:left;
}
/*----------------------------------------------------------------------*/
/****************BANNERES*************************/
/*-----------------------------------------------*/
/*Estilos para el banner principal*/
/*estilo cuandeo el banner es una imagen*/
.clasBnrPpal{
	width:900px;
	height:350px;
}
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*Estilos para los baners de abajo*/
div#losbanneres{
	width:900px;
	margin:auto;
	padding-top:5px;/*10px;*/
	height:auto;
	background:#FFFFFF;
	/*margin-top:20px;*/
}
/* tamaño de los banneres inferiores*/
.tamanobanner{
	width:222px;
	/*height:161px;*/
	float:left;
	
}
/*Margen para el banner 2*/
.classMg2{ 
	margin-left:2px;
	margin-right:2px;
}
/*div#supbanner1 div#supbanne3 div#supbanner4{*/
.clasNaranja{
	width:222px;
	height:24px;
	background:url(../imgDiseno/barra.png);
	padding-top:5px;
}

.classtitleSc{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0 10px;
}
/*nuevo alto para la subcategoria del segundo banner*/
/*.classAltoCentro2{
	height:25px;
}*/
/*---------------------------------*/
/*parte central del banner*/
/*Estilo para el cuadro blanco*/
div#blanco{
	background:#F9F9F9;
	width:222px;
	margin-top:5px;
}

/*Estilo para la imagen de lso productos que va en los baneres de abjo*/
/* y para el banner*/
.imgBnrCentro{
	width:222px;
	height:93px;
	margin:auto;
	/*margin:20px 10px 0 0;*/
}
/*--------------------------*/
/*parte inferior del banner*/
div#losbanneres p{
	background:#F7F4EE;
	font-size:11px;
	color:#4A4A4A;
	padding:5px 20px 5px 20px;
	height:45px;
	margin:0; 
}
div.clear {
	clear: both; 
}
