body { margin:0px 0 0 0px;  font: .84em "Trebuchet MS", Arial, Sans-Serif; color: #444; background: #ffffff;
} 
	p  { margin: 0 0 1em 0; line-height: 1.5em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #ffffff; }
	a:link { color: #333333; text-decoration: none; }
	a:hover { color: #808080; text-decoration: none; }
	img { border: 0;margin-top: 0px; }
	
  
#wrap { width: 1134px; height:1119px; margin: 0px auto;}
#superior1{margin:0px auto;width:1122px; height:119px; background:url(../images/home1.jpg); }
#titulo{margin:0px auto; font:Tahoma; font-size:40px;color:#003c56 }

#superior2{margin:0px auto;width:1122px; height:573px; background:url(../images/home2b.jpg);text-align:center; }

#superior2  ul{ width: 1000px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 100px;
	text-decoration:none;
		display:inline;
		 float:left;
	}	
#superior2  ul li{
		padding: 0px 0px 0px 0px; 
		vertical-align: middle; 
		width:200px;
		 text-decoration:none;
		font:bold 10px/13px Verdana; color:#e0e0e0;
 float:left;
	}


#bar {width:800px;  margin:0px auto;padding:35px 0 0 0; text-align:center;}
#bar2 {width:800px; height:50px;  margin:0px auto; margin:-100px 0 0 0;padding:0 0 0 0; text-align:center;}
#bar  ul{ width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		display:inline;
		
	}	
#bar  ul li{
		padding: 0px 0px 0px 0px; 
		vertical-align: middle; 
		width:200px;
		color:#ffffff;
		font:bold 10px/13px Verdana; 
 float:left;
	}
#bar  ul li a{
		padding: 0px 0px 0px 0px; 
		vertical-align: middle; 
		width:158px;
		color:#ffffff;
		font:bold 10px/13px Verdana; 
 float:left;
	}	
#bar  ul li a:hover{
		padding: 0px 0px 0px 0px; 
		vertical-align: middle;
		width:158px; 
 
		color:#ffffff;
		font:bold 10px/13px Verdana; 
 float:left;
	}		
	

#superior3{margin:-550px auto;width:1122px; text-align:center; }
#menu{width:800px;
	margin:0px auto;
	
}	
	
#busca{border:none;background:none;height:17px; width:145px;padding:1px 0px 0 5px; margin:0px auto; color:#A7A7A7;vertical-align:top; 	font: 10px Verdana, sans-serif; }
.textc{font:9px Verdana;  text-align:center;color:#ffffff}

#sup3{margin:0px auto; width:1134px; padding:0 0 0 0px;}
#sup4{margin:0px auto; width:1134px; padding:0 0 0 0px; height:305px;}
#sup5{margin:0px auto; width:1134px; padding:0 0 0 0px; height:132px; background:url(../imagenes/01_04.jpg);}


#medio{margin:0px auto; height:493px}
#med1{margin:0px auto; width:1134px; height:79px; padding:0 0 0 0; background: url(../imagenes/m1.jpg); }
#med2{margin:0px auto; width:1134px; height:298px; padding:0 0 0 0; background: #000000; }
#med3{margin:0px auto; width:1134px; height:116px; padding:0px 0 0 0; background: url(../imagenes/m2.jpg); }

.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 384px;
    height: 256px;
    padding:0 0 0 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#teaser { clear: both; height: 186px; background: #abb3ba }
	
	.box {padding: 0px 0px 0px 18px;  }

#pie{margin:0px auto;   padding:9px 0 0 0px; height:23px; background:url(../images/pie.jpg);}
#pie p {margin:0px auto; width:1150px; padding:0 0 0 0; text-align:center; font-family:Verdana; font-weight:bolder; color:#605f5b}