/*** Columnas a 3 ***/

#principal h1, h2, h3, h4 {  font-family: Georgia, serif; color: #000;  margin-bottom: 0.5em; }
#principal h1 {font-size: 200%;line-height: 100%;}
#principal h2 {font-size: 15px; }
#principal h3, h4 {font-weight: bold; }

#principal a {color: #134d86; font-weight:bold;text-decoration: none; line-height:20px;}
#principal a:hover, a.active { color: #cc0000; }

/* Master  */

#principal {font: 12px arial, verdana, sans-serif; 
  _font-size: small;
  _font: x-small; color: #444;	
	width: 700px; overflow: hidden;_height: 1%;margin-bottom:15px; }

/* Content 

    #principal .left { float: left;width: 680px;padding-left: 15px; }
      #principal .top_text { overflow: hidden; _height: 1%; margin-bottom: 15px; }       
          #principal .three_boxes {overflow: hidden;_height: 1%; }
          #principal .three_boxes .blue_box,
          #principal .three_boxes .green_box, 
          #principal .three_boxes .brown_box {
          float: left;
          width: 210px;
          margin-right: 20px; }
          #principal .three_boxes .blue_box h2,
          #principal .three_boxes .green_box h2,
          #principal .three_boxes .brown_box h2 {
            background: url("../img/iconos/icon_arrow_navy.gif") left center no-repeat;
            padding-left: 35px; margin-top:5px;}
          #principal .three_boxes .blue_box h3,
          #principal .three_boxes .green_box h3,
          #principal .three_boxes .brown_box h3 {
            margin-bottom: 2px; }
            #principal .three_boxes .blue_box h3 a,
            #principal .three_boxes .green_box h3 a,
            #principal .three_boxes .brown_box h3 a {
              display: block;
              text-transform: uppercase;
              padding: 0px 10px;
              background-color: #737373;
              font: 11px Arial, sans-serif;
              letter-spacing: 2px;
              color: #fff; 
              height:20px;
              line-height:20px;}
          #principal .three_boxes .blue_box a.image img,
              #principal .three_boxes .green_box a.image img,
              #principal .three_boxes .brown_box a.image img {
            display: block; margin-bottom: 10px; }
        #principal .three_boxes .green_box h2 {
          background-image: url("../img/iconos/icon_arrow_green.gif"}
        #principal .three_boxes .green_box h3 a {
          background-color: #737373; }
        #principal .three_boxes .brown_box h2 {
          background-image: url("../img/iconos/icon_arrow_brown.gif"}
        #principal .three_boxes .brown_box h3 a {
          background-color: #737373; } 
         
            */
          
 /* Segundo Formato  */
 
#service{
	width:285px;
	margin:0;
	padding:0;
	background:url(../img/cajas/latest_event_bg.gif) 0 0 repeat-y;
	float:left;
}
#service h2{
	display:block;
	width:222px;
	height:22px;
	background:url(../img/cajas/service_icon.gif) 0 0 no-repeat;
	padding:0 0 0 63px;
	font:bold 15px/22px Georgia, "Times New Roman", Times, serif;
	color:#cc0000;
	background-color:#fff;
}
#service p{
	display:block;
	width:206px;
	font:normal 12px/17px Georgia,"Times New Roman",Times,serif;
	color:#0F0F0F;
	background-color:#fff;
	margin:0 0 17px 43px;
	padding:0 0 0 0;
}
#service ul{
	width:202px;
	background-color:#eaeaea;
	color:#000;
	margin:0 0 0 43px;
	padding:14px 0 15px 0;
	font-size:0;
}
#service ul li{
	display:block;
	width:177px;
	height:20px;
	background:url(../img/iconos/arrow_white.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	margin:0;
}
#service ul li a{
	display:block;
	width:auto;
	height:20px;
	background-image:none;
	font:normal 13px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#000;
	background-color:#ccc;
	text-decoration:none;
	padding-left:8px;
}
#service ul li a:hover{
	background-color:#c80000;
	color:#fff;
}
#service p.bot{
	width:100px;
  height:10px; 
	margin:9px 0 0 145px;
	padding:0;
}

#service p.bot a.botlinl2{
	width:120px;
	height:17px;
	font:normal 13px/17px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#c80000;
	background:#fff url('../img/iconos/ic_flecha.gif') no-repeat left center;
	text-decoration:none;
	margin:0;
	float:left;
}
#service p.bot a.botlinl2:hover{
	background-color:#fff;
	color:#999;
	text-decoration:none;
}

#service p.bottom2{
	display:block;
	width:285px;
	height:29px;
	background:url(../img/cajas/service_bottom.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
}