body{ margin:0 auto; background-color: #000000;font_size: 62.5% }
.cuerpobody{  background-image:url(images/tilling2.jpg)}
.FONDOS{background-color:#333; width:780px; margin:0 auto}
.head{  background-color:#369;   width:100%;   height:165px;   vertical-align:bottom}
.centro{
   	position:relative;
   	text-align:center;
		margin: 5%  auto;
}
.cuerpo{width:100%; float:left; height:480px; vertical-align:top; background-color:#333}
.datos1{width:470px; height:480px; float:left; background-image:url(images/carpeta1.jpg); background-repeat:no-repeat; background-repeat:no-repeat; overflow:hidden}
.contenidos{
	width:90%;
	height:90%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
	text-align:left;
	left:20px;
	top:25px;
	float:left;
	white-space:pre-line;
	font-size:0.83em
}
.datos2{  width:310px; height:480px; float:left; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px}
.datos21_right_up{width:100%; height:120px; background-image:url(images/b1.jpg); background-repeat:no-repeat; background-position:center; float:right; position:static; overflow:hidden}
.datos22_right_up{width:100%; height:120px; background-image:url(images/b13.jpg); background-repeat:no-repeat; background-position:center; float:right; position:static; overflow:hidden}
.datos23_right_up{width:100%; height:120px; background-image:url(images/b7.jpg); background-repeat:no-repeat; background-position:center; float:right; position:static}
.datos24_right_up{width:100%; height:120px; background-image:url(images/b10.jpg); background-repeat:no-repeat; background-position:center; float:right; position:static}
.datosdet{padding-left:70%; vertical-align:top; width:100%; position:static}
.sponsor{width:100%; float:left; height:280px; background-color:#333}

.productos{width:100%; float:left; height:395px; background-color:#3b3b3b}

.productostext{width:100%; float:left; height:auto; background-color:#3b3b3b}
.news{width:100%; float:left; height:555px; background-color:#3b3b3b}
 
td{font-size:9px; color:#BAC5CE}
a{color:#FFF; font-weight:normal}

all.FONDO{background-image:url(images/tilling2.jpg)}

/* ID */
#menuall{height:35px; line-height:35px; background:#333 url(images/bg-menu.png) repeat-x; background-color:#333; width:100%}

#menu{width:100%; vertical-align:top}
#menu ul{list-style-type:none}
#menu li{float:left}
#menu li a{display:block; color:#C0C0C0; font-weight:bold; font-size:0.9em; text-transform:capitalize; text-decoration:none; vertical-align:top; padding:0 8px; background-position:center center}
#menu li a:hover{background:url(images/bg-menu-hover.png) no-repeat center center}
#menu li a#currentnav{background:url(images/bg-menu-hover.png) no-repeat center center}
#menuizq{text-align:right; padding-right:5px;font-size:0.8em}

#div.clear{ clear:both}

#Horarios{position:absolute; visibility:visible; height:auto; z-index:1; margin-right:10px; width:160px; right:30px}
.copyrights{font-size:11px; color:#333; text-decoration:overline; position:static; visibility:visible; border-bottom-width:medium; border-bottom-style:none; height:auto; width:auto; text-align:left; text-indent:3px; vertical-align:middle; white-space:normal; font-variant:normal; text-transform:capitalize; float:left; border-right-width:thin; border-right-style:outset; border-right-color:#000; left:auto; right:auto; clear:none; font-style:normal; line-height:normal; font-weight:normal}

.txt1{color:#E8ECEF; font-size:1.2ex}
.txt2{color:#9E9E9E; text-decoration:none}
.txt3{color:#6CF; text-decoration:none; text-align:right; vertical-align:text-bottom}
.txt4{color:#F90; text-decoration:none; font-weight:bold; text-align:right; font-size:0.7em; vertical-align:top}
.txt5{color:#FFF; font-size:1em; text-align:center}
.txt6{color:#F90; text-decoration:none; font-weight:bold; text-align:right; font-size:0.7em; vertical-align:top;padding: 0 0 0 20px;
     background: #3b3b3b url(images/wiki.jpg) no-repeat left center}
.TextSolapa{
	color:#C0C0C0;
	font-weight:bold;
	font-size:1.1em;
	text-transform:none;
	text-align:left;
	padding-left:35%;
	width:95%;
	height:30px;
	vertical-align:middle;
	white-space:pre-line
}

.Estilo3{color:#9E9E9E; text-decoration:none; font-weight:bold; padding:6px}
.Estilo4{color:#6CF; text-decoration:none; font-weight:bold; font-size:1.5em}
.Estilo5{
	color:#6CF;
	padding-left:10px;
	font-size:0.8em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	white-space:pre;
	text-decoration: none;
}
.Estilo7{ color:#004080;  text-decoration:none;  font-weight:bold;  padding:9px;  font-size:14px}
.Estilo8{color:#808080}
.Estilo9{color:#E8ECEF; text-decoration:underline; font-style:italic; font-weight:bold}
.Design{
	color:		#99FF00;
	text-decoration: inherit;
	font-size:0.83em;
	vertical-align: middle;
	border-bottom-style: none;
}
.Designt{
	color:		#FF8F20;
	text-decoration: inherit;
	font-size:0.83em;
	vertical-align: middle;
}
#highlightit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5}

#highlightit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1}

#navigation{color:#333; font-size:11px; text-decoration:none; text-align:center; vertical-align:middle; white-space:normal; font-variant:normal; text-transform:capitalize; float:left; font-style:normal; line-height:normal; font-weight:normal; padding-left:13px; padding-right:13px; margin-left:18px; margin-right:13px; margin-top:18px; margin-bottom:18px}
#navigation a:hover{color:#9CF; border-right-color:#9CF; background-color:#666}
#navigation a:active{color:#FF8040; border-right-color:#FF8040; background-color:#333}
#navigation a#current{color:#FF8040; border-right-color:#FF8040; background-color:#333}
#nav a{color:#FFF; text-align:center; font-variant:normal; text-decoration:none; vertical-align:text-bottom; position:inherit; visibility:inherit; background-position:center center; border-bottom-style:none; font-size:0.98em; font-weight:normal; text-transform:capitalize; font-family:Garamond,Dolphin,Arial Black; background-image:url(images/m4.gif); background-repeat:no-repeat; border-right-width:thin; border-bottom-width:medium; border-left-width:medium; border-right-style:solid; font-style:normal; border-right-color:#808080; border-left-style:none; text-indent:1px; clear:none; bottom:inherit; width:16.5%; height:26px; padding-left:20px}

#nav a:active{background-image:url(images/m3.gif); background-repeat:no-repeat; color:#FFF}
#nav  a#currentnav{background-image:url(images/m3.gif); background-repeat:no-repeat; color:#FFF}

#nav a:hover{color:#0FF; background-image:url(images/m5.gif); visibility:inherit}

#navlist li{list-style-type:disc; font-family:'Trebuchet MS',Verdana,Arial,Sans-serif; font-size:1em; font-weight:bold; color:#FFF; text-decoration:none}
#navlist a:hover{color:#0FF}
#navlist a:active{color:#FF8000}

#navlist a#current{color:#FF8000}

.virtualpage, .virtualpage2, .virtualpage3{display:none}

.paginationstyle{width:300px; text-align:center; padding:2px 0; margin:10px 0}

.paginationstyle select{border:1px solid navy; margin:0 15px}

.paginationstyle a{padding:0 5px; text-decoration:none; border:1px solid black; color:navy; background-color:#C0C0C0}

.paginationstyle a:hover, .paginationstyle a.selected{color:#000; background-color:#0FF}

.paginationstyle a.imglinks{border:0; padding:0}

.paginationstyle a.imglinks img{vertical-align:bottom; border:0}

.paginationstyle a.imglinks a:hover{background:none}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{color:#000; background-color:yellow}


/* Light Box */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #808080; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }


#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Paginas/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Paginas/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 15px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #333399; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Fin Light Box */

#right{
	width:710px;
	float:right;
	height:420px;
	background:url(images/right_bg.gif) 0 0 repeat-x #3b3b3b;
	color:#C4C4C4;
	position: inherit;
}

#left a.right-shadow{
	display:block;
	background:url(images/right_shadow.gif) 0 0 no-repeat #3b3b3b;
	width:70px;
	height:420px;
	color:#ffffff;
	padding:0;
	margin:0;
	float:left;
}
#left p.div2{
	display:block;
	margin:0 30px 0 50px;
	float:right;
	text-align:justify;
	}
#left{
	width:70px;
	margin:0;
	height:420px;
	padding:0;
	float:left;
	background:url(images/right_bg.gif) 0 0 repeat-x #3b3b3b;
	color:#C4C4C4;
}

/* lightview */

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
	
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
  font-family: Verdana,'Trebuchet MS',Arial,Sans-serif
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}
#cult-left {
	float: left;
	height: 245px;
	width: 330px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#cult-right{
	float:left;
   height: 245px;
	width: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
}
#cult{
	background-color:#3b3b3b;
	background-position: left center;
	border:3px;
	float: left;
	height: 260px;
	width: 100%;
}