/*FIT-BALL Training Latinamerica CSS*/
@import url("reset.css");

/*ESTILOS GENERALES*/
html,body{height:100%;}
body {font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; background:#333;}
h1,h2,h3,h4,h5,h6{color:#35451f; font-weight:bold;}
a:link, a:visited, a:hover{color:#3b2c7f;}
a:link, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{color:#666666; clear:both;}
h1{font-size:16px; margin-bottom:5px;}
h2{font-size:14px; margin-top:5px;}
h3{color:#3b2c7f}
h1.titulo{font-size:16px; color:#3b2c7f; margin:0px 0 5px 0; font-weight:bold; text-transform:uppercase}
hr{height:1px; color:#eee; background:#eee;}
em{display:block; color:#3b2c7f; font-style:normal; padding-top:5px;}
ol{list-style:disc; list-style-position:outside; margin-left:15px }
ol li{padding-left:0px; margin:0}
.floatleft{float:left; text-align:left;}
.floatright{float:right; text-align:right;}
.nobordernobg {border:0; background:none;}
.clearer{clear:both;}
.aclaracion{font-size:10px}
.resaltado{font-size:13px; color:#CC0000; background:#FFFF99; font-weight:bold }
.trazoGrande{font-size:16px; background:#FFF; text-align:left}
.tcontenido td.colizq{padding-left:20px; background: #FFF;}

/*LAYOUT*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*.clearfix {display: inline-block;} */ /* for IE/Mac */
.wrapper{width:780px; margin:0 auto;}
.header{width:auto; height:230px; background: #fcfcfd;}
.logos{height:54px; border-bottom:3px solid #3b2c7f; padding-bottom:10px;}
.headImage{height:163px; background: url(../images/prof-nevenka-magister.jpg) no-repeat 0 0; border-top:1px solid #8980b2;}
.headImage h1, .headImage h2{display:none;}
.content{height:100%; background:#fafafa; padding:10px 10px;}
.home .content{background: url(../images/bg/content.gif) repeat-y 0 0; padding:0;}
.leftSide, .rightSide{width:370px; min-height:120px; padding:10px; border:0;}
.leftSide{float:left; background:#fafafa;}
.rightSide{float:right; background:#e1e3e0;}
.footer{padding:10px; width:760px; margin:0 auto; background:#fafafa}


/*HEADER*/
.logos a, .logos em{display:block; height:54px; line-height:170px; vertical-align:top; overflow:hidden; margin-top:5px;}
.logoFitball, .logoFitball:hover{float:right; width:208px; margin-right:10px; background: url(../images/logo-mini-fitball.gif) no-repeat right 10px}
.logoNVK{padding:0; float:left; width:157px; margin-left:10px;  background: url(../images/logo-nvk.jpg) no-repeat 0 0}

/*MAIN MENU*/
#mainMenu{width:780px;}
#mainMenu ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 1;
	height:31px;
	background:url(../images/bg/bg-menu.gif) repeat-x 0 0;
}
#mainMenu li { /* all list items */
	display: block;
	float: left;
	padding:0;
	position:relative;
}
#mainMenu li:hover{min-height:1%;}
#mainMenu .mainMenu_list_item{background: url(../images/bg/bg-li.gif) no-repeat left 11px;}

#mainMenu li a:link, 
#mainMenu li a:active,
#mainMenu li a:hover,
#mainMenu li a:visited   {
	display: block;
	float:left; 
	padding:8px 16.5px; 
	line-height:15px; /* line-height must be equal to the height  */
	height:15px;
	overflow:hidden;
	color:#FFF; 
	text-decoration:none;
}

#mainMenu li a:hover{
	background: #51428e;
	text-decoration:underline;
}

	#mainMenu li ul { /* second-level lists */
		position: absolute;
		width: 160px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		top:30px;
	}
	
		#mainMenu li ul.mainMenu_second_level_list,
		#mainMenu li ul.mainMenu_second_level_list li,
		#mainMenu li ul.mainMenu_second_level_list li a{
			background: #3b2c7f;
		}
	
		#mainMenu li ul.mainMenu_second_level_list li a{
			display: block;
			float:left; 
			width:150px;
		}
		
			#mainMenu li ul.mainMenu_second_level_list li a:hover{
				background: #51428e;
			}
	
		#mainMenu li ul ul { /* third-and-above-level lists */
			margin: -30px 0 0 160px;
		}
		
			#mainMenu li ul ul ul{
				top:30px;
			}


	#mainMenu li:hover ul ul, 
	#mainMenu li:hover ul ul ul, 
	#mainMenu li.sfhover ul ul, 
	#mainMenu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#mainMenu li:hover ul, 
	#mainMenu li li:hover ul, 
	#mainMenu li li li:hover ul, 
	#mainMenu li.sfhover ul, 
	#mainMenu li li.sfhover ul, 
	#mainMenu li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0; 
	}



/*FOOTER*/
.footer, .footer a:link, .footer a:visited, .footer a:hover{font-size:10px; color:#999999}
.footMenu{margin-bottom:5px; height:12px;} 
.footMenu li{display:inline}
.footMenu li a:link, .footMenu li a:visited, .footMenu li a:hover{padding:0px 4px; display:block; float:left; height:12px; background:url(../images/bg/bg-li-foot-menu.gif) no-repeat left 3px;}
.footer p{clear:both;}
.footMenu li a.firstItem:link, .footMenu li a.firstItem:hover, .footMenu li a.firstItem:visited{background:none; padding-left:0}
.miniLogo{float:right; margin-top:-10px;}

/*CONTENT STYLES*/
.content, .contentBox, .bannerSimple{clear:both;}
.contentBox{margin:20px 0 0; position:relative}
.fitnessBox{background: #FFFFFF url(../images/bg/rightBox-top.gif) no-repeat 0 top; padding:5px}
.fitnessBox dl{line-height:24px; min-height:110px; background: #f8faf4 url(../images/logo-universo-nvk.gif) no-repeat right 3px;}
.fitnessBox dt{color:#006600;}
.fitnessBox dd/*,
.fitnessBox dd a:link,
.fitnessBox dd a:hover,
.fitnessBox dd a:visited*/{
	color:#8aaf52; 
	/*text-decoration:underline;*/ 
	display:block; float:left; clear:both;
	height:20px; line-height:20px;  
	padding-left:27px; width:70%;  
	background: url(../images/icos-universo-nvk.gif) no-repeat;
}
/*.fitnessBox dd a:hover{color:#719836; background: url(../images/icos-universo-nvk.gif) no-repeat;}*/
.fitnessBox dd.gimnasios/*, .fitnessBox dd a.gimnasios*/{background-position: 0 0;}
.fitnessBox dd.personalTrainer/*, .fitnessBox dd a.personalTrainer:link, .fitnessBox dd a.personalTrainer:hover, .fitnessBox dd a.personalTrainer:visited*/{background-position: 0 -25px;}
.fitnessBox dd.officeTraining/*, .fitnessBox dd a.officeTraining:link, .fitnessBox dd a.officeTraining:hover, .fitnessBox dd a.officeTraining:visited*/{background-position: 0 -49px;}
.fitnessBox dd.sports/*, .fitnessBox dd a.sports:link, .fitnessBox dd a.sports:hover, .fitnessBox dd a.sports:visited */{background-position: 0 -73px;}
.clubesBox{margin:10px 0 0px; padding-top:5px; background: url(../images/bg/bnr-clubes.gif) no-repeat 0 0; height:256px; overflow:hidden;}
.clubesBox p{margin:5px 15px;}

.bannerSimple, .youTubeVideo{margin:10px 0 0; position:relative}

.boxgreen{background: #fbfbfb /*url(../images/bg/light-green.gif) repeat-x 0 0*/; padding:7px 10px; margin-top:10px}
.boxlight{background: #fdfdfd; _height:450px; min-height:450px; padding:7px 10px;}
.boxlight p{margin:10px 0 0;}
.boxlight strong{font-weight:normal; color:#3b2c7f}
.boxdark{background:#f5f5f5; padding:10px; margin-top:20px;}

.prof_nevenka_magister{background: url(../images/bg/bg_quienes_nevenka.jpg) no-repeat 0 0; padding:20px;}

/*NOVEDADES HOME*/
.boxNovedades{width:370px; height:148px; overflow: hidden }
.boxNovedades img{width:370px; height:148px;}
.navNovedades{clear:both;float:right; height:25px; display:none;}
.navNovedades a{display:block; float:left; cursor:pointer; width:24px; height:25px; line-height:160px; vertical-align:top; overflow:hidden; margin-left:2px;}
.navNovedades #btnPrev{background: url(../images/btn/btn-prev.gif) no-repeat 0 0;}
.navNovedades #btnNext{background: url(../images/btn/btn-next.gif) no-repeat 0 0;}
.navNovedades #btnPause{width:29px; background: url(../images/btn/btn-pause.gif) no-repeat 0 0;}

/*LISTAS*/
.listaBeneficios{width:420px; height:268px; overflow:hidden;}
.listaBeneficios img{width:420px; height:268px;}
.listaGimnasios li{background:url(../images/bullet/circle_red.gif) no-repeat 5px 3px; padding-left:20px; font-weight:bold}

/*TITULOS*/
.home .titulo{padding-bottom:4px; border-bottom:2px solid #5a4e91; }
.titulo{overflow:hidden; margin:10px 0; line-height:170px; background-position:0 0; background-repeat:no-repeat;}
.titulo{display:block; height:15px; padding-bottom:0px; vertical-align:text-top; border:none }
.bienvenido{ background-image: url(../images/titles/bienvenido.gif)}
.novedades{ background-image: url(../images/titles/novedades.gif)}
.entrenamiento{ background-image: url(../images/titles/entrenamiento.gif)}
.quees{ background-image: url(../images/titles/que-es-fitball.gif)}
.caracteristicas{ background-image: url(../images/titles/caracteristicas.gif)}
.objetivo{ background-image: url(../images/titles/objetivo.gif)}
.origen{ background-image: url(../images/titles/origen.gif)}
.cursos{ background-image: url(../images/titles/cursos.gif)}
.galeria{ background-image: url(../images/titles/galeria.gif)}
.preguntas{ background-image: url(../images/titles/preguntas-frecuentes.gif)}
.prensa{ background-image: url(../images/titles/prensa.gif)}
.contacto{ background-image: url(../images/titles/contacto.gif)}
.quienes{ background-image: url(../images/titles/quienes.gif)}
.productosfitball{ background-image: url(../images/titles/productos-fitball.gif)}
.productosnvk{ background-image: url(../images/titles/productos-nvk.gif)}

h3.titulo_zonas_par, h3.titulo_zonas_impar{padding:13px 30px 10px; color:#CC0033; text-transform:uppercase;}
h3.titulo_zonas_par{background:url(../images/bg/bg_tit_zonas_verde.gif) no-repeat 0 0;}
h3.titulo_zonas_impar{background:url(../images/bg/bg_tit_zonas_am.gif) no-repeat 0 0;}

/*PRODUCTOS*/
.bnerSolicitaPrd{float:right; margin-top:-35px; margin-left:5px;}

.listaProductos{margin:20px 0; width:auto; clear:both; position:relative; min-height:82px;}
.listaProductos li{
	display:block; clear:both;
	text-decoration:none;
	border-bottom:1px dotted #d1d1d1; 
	padding:10px 0;
	min-height:82px;
}

.listaProductos img{margin-top:0px; border:0; float:left;}
.listaProductos .descripcion{float:left; width:550px; }

.listaProductos h2{
	display:block; 
	color:#e22746;
	font-weight:bold; 
	text-align:left; 
	text-transform:uppercase;
	font-size:14px; 
	margin:0;
	padding:0px 10px 0px 10px;  
	background:none;
}
.listaProductos li p{padding: 0 10px 5px;}


.productosNVK{clear:both; background:#fff; padding:10px; margin:0px auto 0; min-height:300px;}

.productBox{position:relative; margin:0px 0 0;}
.box1{width:440px;}
.box2{width:300px;}
.box1, .box2, .productBox .descripcion, .productBox .imagen{float:left;}
.productBox .descripcion{padding: 0 10px 15px 0px; font-size:11px; vertical-align:top}
.box1 .descripcion{width:270px;}
.box2 .descripcion{width:auto;}
.box2 img{float:right}
.productBox .descripcion h3{color:#e22746; text-transform:uppercase; font-size:12px}
.productBox .descripcion h2{font-weight:bold; font-size:16px; line-height:18px; color:#f4ad39; margin:0 0 10px;}
.productBox .btn{cursor:pointer; float:right; clear:both}
.box1 .btn{float:left; clear:both}
.descripcion ol{list-style:decimal inside; margin: 10px;}

/*LISTA SIMPLE*/
.listaSimple{margin-top:10px;}
.listaSimple li{
	background:url(../images/bullet/circle.gif) no-repeat 0 5px;
	padding-left:10px;
	color:#000066;
	margin-bottom:7px;
}

/*GALERIA DE IMAGENES DE CURSOS*/
.pagerNav, .galeriaImagenesCursosNav{width:725px; margin:0 auto; height:49px; padding:0 0 0 15px;}
.pagerNav{margin:0 0 -51px 0; position:absolute; z-index:10;}
.pagerNav a:link, .pagerNav a:hover, .pagerNav a:visited, .galeriaImagenesCursosNav li{display:block; float:left; margin-right:4px; width:75px; height:49px; }
.pagerNav a:link, .pagerNav a:hover, .pagerNav a:visited{line-height:110px; overflow:hidden; vertical-align:top; background: url(../images/transparent.gif); cursor:pointer;}

.galeriaImagenesCursosNav{position:relative; z-index:0;}
.galeriaImagenesCursos{border:5px solid #F5F5F5; clear:both; margin:5px auto 0;}
.galeriaImagenesCursos, .galeriaImagenesCursos li{display:block; width:700px; height:463px; overflow:hidden;}


/*FECHAS CURSOS*/
table.fechas_cursos{font-size:11px; border:0px solid #eef6e1;}
table.fechas_cursos th, table.fechas_cursos td {padding:3px;}
table.fechas_cursos thead th, table.fechas_cursos thead td{text-transform:uppercase; background:#eef6e1;border-bottom:1px solid #679c18;}
table.fechas_cursos thead th, table.fechas_cursos thead td, table.fechas_cursos th{
	font-weight:bold; color:#679c18;
}
table.fechas_cursos .curso1{color:#CC0000;}
table.fechas_cursos .curso2{color:#000000;}
table.fechas_cursos tbody th, table.fechas_cursos tbody td{border-bottom:1px dashed #666; border-right:0px solid #eef6e1; padding:5px 3px;}


.tabla_cursos th, .tabla_cursos td {padding:3px;}
.tabla_cursos thead th{background:#000066; color:#FDFDFD; font-weight:bold}
.tabla_cursos tbody th{background:#7ba241; color:#FDFDFD; font-weight:bold}
.tabla_cursos tbody td{background:#F5FBEC;}

/*PRENSA*/
.prensaBox{margin:10px 0;}
.prensaBox table td{padding:5px;}
.prensaBox table td img{position:relative; margin:0; float:none;}

.prensaTexto{padding: 0 20px; line-height:16px;}
.cuerpoymente{background:#fcf8dc;}
.revistaacad{background:#ecf8e9;}

.gimnasiosBox{margin:10px 0; clear:both; padding:20px;}
.gimnasiosBox table td{padding:5px;}
.gimnasiosPar{background:#edf7dc;}
.gimnasiosImpar{background:#fcf8dc;}


/*CONTACT FORM*/
.contact_form{margin:20px 0 0; position:relative}
.contact_form img{float:right; position:absolute; margin-left:350px; margin-top:45px;}
.contact_form h2{
	display:block;
	margin-bottom:7px;
	height:24px;
	line-height:150px;
	vertical-align:top;
	overflow:hidden;
	background: url(../images/titles/tit-escribinos.gif) no-repeat 0 0;
}
.contact_form .form_row{margin:0px; clear:both; display:block;}
.contact_form  label{display:block; margin:10px 0 0 0; color:#000099; font-weight:bold}
.contact_form .input_text, 
.contact_form .textarea,
.contact_form .focus{border:1px solid #ccc; width:240px; line-height:17px; font:12px Arial, Helvetica, sans-serif; color:#666666}
.contact_form .focus{border:1px solid #00CC00;}

.contact_form .input_text, .contact_form input.focus{height:17px; padding-top:3px;}
.contact_form .textarea, .contact_form textarea.focus{height:100px;}

.contact_form .button{
	cursor:pointer; 
	border:none; 
	float:left; 
	margin:5px 10px 5px 175px; 
	background: #f8f8f8; 
	clear:both; 
	text-transform:none;
	width:70px; 
	height:24px; 
	font-size:11px;
}
.contact_form .warning{color:#CC0000; display:none;}
.contact_form .warning em{color:#CC0000;}



/*FLASH BANNER*/
#flashBanner{
	width:400px;
	height:400px;
	overflow:hidden;
	background: url(../images/banners/promo-pelotas-reflexball-overball.png) no-repeat 8px 25px;
	position:absolute;
	top:200px;
	left:35%;
	z-index:100;
}

#flashBanner .banner_home{
	display:block;
	width:300px;
	height:300px;
	margin:20px auto 0;
	line-height:10000px;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	background:  url(space.gif) no-repeat 0 0;
	position:relative;
	
}

#btnCerrar{
	display:block;
	width:74px;
	height:72px;
	background: url(../images/bg/bg_btn_cerrar.png) no-repeat 0px 0px;
	line-height:1000px;
	overflow:hidden;	
	vertical-align:top;
	text-align:right;
	text-decoration:none;
	color:#FF0000;
	position:absolute;
	right:0;
	z-index:5;
	outline:none;
	cursor:pointer;
}

/*NIFTY CORNERS*/
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/******************************************************
*
*						PNG FIX FOR IE6
*
******************************************************/	
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

