/* Manual de CSS de WebEstilo.com */
/* Definición de estilos en un archivo aparte */
/* lo que afecta a mi tabla es lo que tengo especificado dentro de las llaves correspondientes a TD */

body{
margin: 0;
padding: 0;
font: normal 70% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-color:#F6F6F6;
font-size: 12px;
}

td{font-size: 12px;}

.fondo {background-color:#F6F6F6}
.left1 {background-color:#CCFFCC}
.left2 {background-color:#FFFFCC}
.left3 {background-color:#99CC99}
.left4 {background-color:#DDDDDD}
.reportTooltip {
COLOR: gray;
CURSOR: help;
TEXT-DECORATION: none;
} 
.letraPVerdeBold {font-family:Verdana,sans-serif;font-size:13px;
       color:3a4918; background-color:#FFFFFF; font-weight: bold;}
.letraMMarino {font-family:Verdana,sans-serif;font-size:medium;
       color:navy; background-color:#FFFFFF; font-style: oblique;}
.letraMOliva {font-family:Verdana,sans-serif;font-size:medium;
       color:olive; background-color:#FFFFFF;}
.letraLOliva {font-family:Verdana,sans-serif;font-size:15px;
       color:olive; background-color:#FFFFFF; font-weight: bold;}

#container{width:100px; margin:auto;background: url(images/bg.gif) repeat-y center;text-align:left;border:1px solid #F6F6F6;}

#contentblock{
float: left;
font-weight: bold;
margin-bottom: 1em;
}

#contentblock a:hover{
color: red;
}
     
.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 3px solid olive;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

span.webdeveloper-block-size { background-color: #ffff99 !important; border-color: #ffcc66 !important; color: #000000 !important;  -moz-opacity: 0.9 !important;  opacity: 0.9 !important; }
.navRight {

	color:#f8a61e;

	font-size:12px;

	letter-spacing:5px;

	background-color:#FFF;

}

#side{float:left;width:230px;padding:0px 0 0 0px;font-size:12px;border-left:1px solid #EFEFEF; line-height:1.6em}

#side h1{font-size:100%;color:#37A5DB; letter-spacing:0.06em; font-weight:normal;text-indent:20px;

}



#side a{ color:#112F89;text-decoration:none;}

A.rojo:link {
	font-size: 16px; 
	color: #FF0000;
	FONT-FAMILY: Arial, Helvetica; 
	TEXT-DECORATION: none;
	font-weight: bold;
}
A.rojo:visited {
	font-size: 16px;
	color:#FF0000;
	FONT-FAMILY: Arial, Helvetica; 
	TEXT-DECORATION: none;
	font-weight: bold
}
A.rojo:hover {
		font-size: 16px;
	color:#FF0000;
	FONT-FAMILY: Arial, Helvetica; 
	TEXT-DECORATION: none;
	font-weight: bold;
}



#side a:hover{color:#000; text-decoration:none;}



#side .ninfo a {width:210px; padding:2px 5px 2px 26px; font-weight: bold; font: Verdana; font-size: 13px }

#side .ninfo a:hover{color:#fff}



#side ul{list-style:none;padding:0px; margin:0px;}



#side li{margin:0px;padding:0px; background-image: url(images/blt.png);background-repeat:no-repeat; background-position:8px 5px; border-bottom:1px solid #ccc}

#side li:first-child{border-top:1px solid #ccc}

.ninfo{padding:0px 0px 20px 0px;margin:0 18px 0 0}

/*.sbx img{border:none}

.sbx{margin:50px 5px;background:#F3F3F3; border:1px solid #ccc;padding:5px; font-weight:bold}
*/
.cabecera{color: 406C39; font-weight: bold; background-image:url(images/h1.gif); vertical-align: middle} 
.cabecera2{color: 1E608E; font-weight: bold; background-image:url(images/h1.gif); vertical-align: middle} 
.cabecera3{color: 660066; font-weight: bold; background-image:url(images/h1.gif); vertical-align: middle} 
.imgLista{background-image:url(images/flechaUl.gif); background-repeat:no-repeat; vertical-align: middle; width: 20px;} 
.imgLista2{background-image:url(images/flechaUl2.gif); background-repeat:no-repeat; vertical-align: middle; width: 20px;} 
.imgLista3{background-image:url(images/flechaUl3.gif); background-repeat:no-repeat; vertical-align: middle; width: 20px;} 
.info{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: c27210; color: white;}
.info2{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: 3571A9; color: white;}
.info3{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: 990099; color: white;}
.textoWider{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: e3b514; color: white;}
.textoWider2{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: c9f1f9; color: 3571A9;}
.textoWider3{font-weight: bold; font-size: 13px; font-stretch: wider; background-color: 7A3D69; color: FFFFFF;}
.index{background-image: url("images/bodyIndex.jpg");}

.imgListaReformas{background-image:url(images/list.gif); background-repeat:no-repeat; vertical-align: baseline; width: 20px;} 
.fondoTarima{color: #FFFFFF; font-size:14px; font-weight:bolder; background-image: url(images/fondoTarima.jpg);}

.buttonpurple
{ 
	font-size: 23px; font-family:  arial, Trebuchet MS, verdana, helvetica, san-serif; padding: 4px;
	line-height: 15px; color: #FFFFFF; text-align: center; font-weight: bold;
}
.resultado{color: ffffff; font-weight: bold; background-color: d73c37; font-size:16px}
DIV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #FFF#000000FF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-arrow-color: #FC8200;
	scrollbar-arrow-width: 20pt;
	color: #000000x;
}