body{
   margin: 0;
   padding: 0;
   border: 0;
   height: 100%; 
   max-height: 100%;
   background: url("../images/body-bg.png") repeat center center;
   /*IE space for bottom bar*/
   /*padding-bottom:20px;*/
}

h1 {
   padding:0;
   margin:0;
   font-family: arial, giorgia, comic sans ms, ans-serif;
   font-size: 14px;
   text-align:center;
   font-weight:bold;
   /*text-align:left;*/
/*background-color:#009900;*/
   /*color:#FFFFFF;*/
   color:#A5DA44;
}

h2 {
   padding:0;
   margin:0;
   font-family: helvetica, verdana, arial, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align:center;
   /*text-align:left;*/
/*background-color:#009900;*/
   color:#009900;   
}

#principal {
   width: 801px ;
   margin: 0px;
   margin-left: auto ;
   margin-right: auto ;
   padding: 0px;
   padding-top:10px;
   padding-bottom:20px;
   /*firefox, opera, safari space for bottom bar*/
   /*margin-bottom:20px;*/
   text-align:center;
   overflow: auto;
}

* html #principal { /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.contenido {
	display:block;
	width:100%;
	min-height:300px;
	margin:0px;
	padding:0px;
	
}

.princ2col {
	margin:0px;
	padding:0px;
	width:50%;
	min-height:300px;
	display:block;
	float:left;
}

#princ_izq {
	position:relative;
}

#img_box {
	width:300px;
	height:300px;
}

#img_box img {
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;
	width:300px;
	height:300px;
	opacity:0;
	
	-webkit-animation-name: FadeImg;
	-webkit-animation-duration: 48s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;

	animation-name: FadeImg;
	animation-duration: 48s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;

}

#img_box img:nth-of-type( 1) { 
   -webkit-animation-delay: 44s; 
   animation-delay: 44s; 
   }
#img_box img:nth-of-type( 2) { 
   -webkit-animation-delay: 40s ; 
   animation-delay: 40s; 
   }
#img_box img:nth-of-type( 3) { 
   -webkit-animation-delay: 36s; 
   animation.delay: 36s ; 
   }
#img_box img:nth-of-type( 4) { 
   -webkit-animation-delay: 32s ; 
   animation-delay: 32s ; 
   }
#img_box img:nth-of-type( 5) { 
   -webkit-animation-delay: 28s  ; 
   animation-delay: 28s ; 
   }
#img_box img:nth-of-type( 6) { 
   -webkit-animation-delay: 24s ; 
   animation-delay: 24s ; 
   }
#img_box img:nth-of-type( 7) { 
   -webkit-animation-delay: 20s ; 
   animation-delay: 20s ; 
   }
#img_box img:nth-of-type( 8) { 
   -webkit-animation-delay: 16s ; 
   animation-delay: 16s ; 
   }
#img_box img:nth-of-type( 9) { 
   -webkit-animation-delay: 12s ; 
   animation-delay: 12s ; 
   }
#img_box img:nth-of-type(10) { 
   -webkit-animation-delay: 08s ; 
   animation-delay: 08s ; 
   }
#img_box img:nth-of-type(11) { 
   -webkit-animation-delay: 04s ; 
   animation-delay: 04s ; 
   }
#img_box img:nth-of-type(12) { 
   -webkit-animation-delay: 00s  ; 
   animation-delay: 00s ; 
   }

@-webkit-keyframes FadeImg {
	  0% { opacity:0 ; } 
	  2% { opacity:1 ; }
	  8% { opacity:1 ; }
	 10% { opacity:0 ; }
	100% { opacity:0 ; }
	}

@keyframes FadeImg {
	  0% { opacity:0 ; } 
	  2% { opacity:1 ; }
	  8% { opacity:1 ; }
	 10% { opacity:0 ; }
	100% { opacity:0 ; }
	}


#princ_der {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;
	font-weight:bolder;
	text-align:center;
	text-shadow:2px 2px #666666;
	color:#F60;
}

.centereddiv {
/*method 1 to center a block (div)*/
width: 800px ;
margin: 0px;
margin-left: auto ;
margin-right: auto ;
/*method 2 to center a block (div)
position: absolute; 
left: 50%;  
margin-left: -402px; 
width:802px; */
padding: 0px;
}

.Banner {
	width:800px;
	height:100px;
	margin:0px;
	padding:0px;
}

.Logo {
	width:150px;
	height:90px;
	margin:0px;
	padding:0px;
	float:left;

}

.Banner_animado {
	width:550px;
	height:90px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	position:relative;
}

.Banner_img_box img {
	position:absolute;
	left:0px;
}

.Banner_img_box img#closed {
	left:600px;
	opacity:0;
	
	-webkit-animation: KRclosed_anim 20s linear infinite;
	animation: KRclosed_anim 20s linear infinite;
}

.Banner_img_box img#open {
	left:40px;

	-webkit-animation: KRopen_anim 20s linear infinite;
	animation: KRopen_anim 20s linear infinite;

}
	
@keyframes KRclosed_anim {
	  0% { opacity:0; left:600px; }
	 25% { opacity:0; left:600px; }
	 35% { opacity:1; left:600px ;}
	 40% { opacity:1; left:600px; }
	 60% { opacity:1; left:-200px;}
	 65% { opacity:0; left:-200px; }
	 75% { opacity:0; left:-200px;}
	100% { opacity:0; left:600px; }
}

@-webkit-keyframes KRclosed_anim {
	  0% { opacity:0; left:600px; }
	 25% { opacity:0; left:600px; }
	 35% { opacity:1; left:600px ;}
	 40% { opacity:1; left:600px; }
	 60% { opacity:1; left:-200px;}
	 65% { opacity:0; left:-200px; }
	 75% { opacity:0; left:-200px;}
	100% { opacity:0; left:600px; }
}

@keyframes KRopen_anim {
	  0% { opacity:1; left:40px; }
	 25% { opacity:1; left:40px; }
	 35% { opacity:1; left:600px ;}
	 40% { opacity:0; left:600px; }
	 60% { opacity:0; left:-600px;}
	 65% { opacity:1; left:-600px; }
	 75% { opacity:1; left:40px;}
	100% { opacity:1; left:40px; }
}

@-webkit-keyframes KRopen_anim {
	  0% { opacity:1; left:40px; }
	 25% { opacity:1; left:40px; }
	 35% { opacity:1; left:600px ;}
	 40% { opacity:0; left:600px; }
	 60% { opacity:0; left:-600px;}
	 65% { opacity:1; left:-600px; }
	 75% { opacity:1; left:40px;}
	100% { opacity:1; left:40px; }
}


.HMenu {
	width:100%;
	height:100px;
	background:url(../images/button-bar.png);
    font-weight: bold;
    font-size: 14px;
    font-family: helvetica, verdana, arial, sans-serif;
    cursor: pointer;
}

.HMenu ul {
	list-style:none;
	padding-left:0px;
	padding-top:48px;
	display:table;
}

.HMenu a, a:visited {
	text-decoration:none;
	color:#FF0000;
}

.HMenu a:hover {
	color:#6C3;
}

.HMenu li {
	color:#FF0000;
	display:inline-block;
	width:160px;
	float:left;
	text-decoration:none;
}

.Seccion {
	width:100%;
	height:40px;
	background:url(../images/Fondo_pista.png) repeat-x;
	margin-bottom:10px;
	padding-top:0px;
	text-align:left;	
}

.Seccion h6 {
    font-weight: bold;
    font-size: 34px;
    font-family: helvetica, verdana, arial, sans-serif;
	color:#F60;
	font-stretch:wider;
	padding-left:60px;
	margin:0px;
	text-shadow:2px 2px #000;

}


.ProdSubMenu {
	position:relative;
	display:block;
	width:86%;
	left:7%;
	height:30px;
    font-weight: bold;
    font-size: 12px;
    font-family: helvetica, verdana, arial, sans-serif;
    cursor: pointer;
}

.ProdSubMenu ul {
	list-style:none;
	padding-left:0px;
	display:block;

}

.ProdSubMenu li {
	text-decoration:none;
	float:left;
	display:inline-block;
	width:160px;
	text-align:center;
}

.ProdSubMenu a, a:visited  {
		color:#F60;
		text-decoration:none;
}

.ProdSubMenu a:hover {
	color:#0C3;
}


.Producto {
	position:relative;
	display:block;
	width:82%;
	left:7%;
	border-color:#f60;
	border:thin solid #f60;
	margin:10px 0px 5px 0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2%;
	padding-right:2%;
	text-align:justify;
	min-height:250px;
	
	
}

.contenido h4 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	color:#f60;
	display:block;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	border-bottom:3px solid #f60;
	margin: 0 7% 0 7%;
}

.contenido a, a:visited, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#f60;
}

#ModEsf {
	position:relative;
}

#ModCil {
	position:relative;
}

.fad_img {
	width:300px;
	height:225px;
}

.fad_img img {
	position:absolute;
	margin:0px;
	top:0px;
	left:0px;

}

.fad_img img:nth-of-type(2) {
	opacity:0;
	
	-webkit-animation-name: KR_open_close;
	-webkit-animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
	animation-name: KR_open_close;
	animation-duration:4s;
	animation-iteration-count:infinite;

}

@keyframes KR_open_close {
   0% { opacity: 0 ;}
   25% { opacity:0 ;}
   50% { opacity:1 ;}
   75% { opacity:1 ;}
   100% { opacity:0; }

}

@-webkit-keyframes KR_open_close {
   0% { opacity: 0 ;}
   25% { opacity:0 ;}
   50% { opacity:1 ;}
   75% { opacity:1 ;}
   100% { opacity:0; }

}

.News_Text {
	margin:0px;
	padding:10px;
	display:block;
	float:left;
	width:320px;
	min-height:230px;

}

.News_Img {
	display:block;
	margin:0px;
	padding:0px;
	width:300px;
	height:250px;
	float:left;
	overflow:hidden;
}

.PiePag {
	display:block;
	float:none;
	min-height:100px;
	width:100%;
	margin:0px;
	padding:0px;
}

.img-topbanner
{
margin:0;
padding:0
}

.toptitle
{
width:800px;
/*height:240px;*/
height:100px;
padding:0;
margin:0;
position:relative;
/*top:-180px;*/
top:0px;
/*background: url("../img/top-title.png");*/
background: url("../img/button-bar.png");
}

.img-toptitle
{
margin:0;
padding:0;
}


.centeredmenu {
width: 800px ;
padding: 0px;
position:relative;
/*top:-239px;*/
top:-60px;
}

.barmenucontainer 
{
/*width:690px;*/
width:800px;
height:32px;
padding:0;
margin:0;
margin-left: auto ;
margin-right: auto ;
/*margin-left: 110px;*/
margin-bottom: 20px;
}

.bannerart
{
width:800px;
height:400px;
padding:0;
margin:0;
position:relative;
/*top:-241px;*/
top:-60px;
}


.bodytext 
{
width:350px;
/*height:32px;*/
padding:0;
margin:0;
/*margin-left: auto ;*/
margin-right:450px;
/*margin-bottom: 10px;*/
position:relative;
/*top:-509px;*/
top:0px;
}

.bodytext h2
{
   padding:0;
   margin:0;
   font-family: arial, giorgia, comic sans ms, ans-serif;
   font-size: 16px;
   text-align:left;
   /*font-weight:bold;*/
   /*text-align:left;*/
/*background-color:#009900;*/
   color:#FFFFFF;
}

.footer 
{
width:670px;
/*height:32px;*/
padding:0;
margin:0;
margin-left: auto ;
margin-right: auto ;
/*margin-bottom: 10px;*/
position:relative;
/*top:-380px;*/
top:0px;
}

.footer p
{
   padding:0;
   margin:0;
   font-family: arial, giorgia, comic sans ms, ans-serif;
   font-size: 14px;
   text-align:center;
   font-weight:bold;
   /*text-align:left;*/
/*background-color:#009900;*/
   color:#A5DA44;
}