/* @override http://o2gimnasios.com/style.css */

@import url(reset.css);

/*	Estilo Principal	*/

.invisible {display: none;}

#curva {
	background: transparent url(img/curva.png) no-repeat;
	height: 27px;
	position: relative;
	text-align: center;
	top: 12px;
	width: 820px;
}

#footer {
	margin: 0 auto;
	width: 820px;
}

#footer p.copy {
	color: #989898;
	font-size: 12px;
	padding: 20px;
	text-align: center;
}

#header {
	height: 160px;
	margin: 0;
}

#patrocinadores li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 20px;
}

#patrocinadores li a {
	display: block;
	height: 75px;
	width: 82px;
}

.adidas {
	background: transparent url(img/patrocinadores.png) no-repeat ;
}

.clearfix {
	clear: both;
}

.ja {
	background: transparent url(img/patrocinadores.png) no-repeat -265px 0;
}

.name {
	font-weight: 700;
}

.o2 {
	background: transparent url(img/patrocinadores.png) no-repeat -178px 0;
}

.der {
	text-align: right;
}

.rota {
	height: 420px;
}

.taf {
	background: transparent url(img/patrocinadores.png) no-repeat -86px 0;
}

a:hover.mas {
	background: url(img/masbtn_h.gif);
}

blockquote {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 15px;
	text-align: justify;
	width: 446px;
}

body {
	background: #474747 url(img/bgnew.png) repeat-x ;
	font-family: "Lucida Sans", Helvetica;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body p {
	font-size: 12px;
}

#curriculum img {
	border: solid 2px gray;
	float: left;
	position: relative;
	margin-right: 10px;
}

div#centro {
	background: none;
	float: left;
	height: 530px;
	margin: 0 13px;
	width: 365px;
}

div.side {
	background: #eee;
	min-height: 417px;
	width: 204px;
	float: left;
}

div#forma {
	padding: 20px;
	width: 576px;
	float: left;
	min-height: 377px;
}

h1 {
	background: transparent url(img/logonew.png) no-repeat ;
	height: 231px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 531px;
}

h2 {
	margin: 0 0 14px;
	padding: 0;
}

h3 {
	font-size: 27px;
	text-align: center;
	color: #bc0000;
}

h4 {
	color: #bc0000;
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}

p.d-clase {
	cursor: default;
	line-height: 14px;
}

#recipiente p {
	line-height: 12px;
}

p.chico {
	background: url(img/bg_desc_clases.jpg);
	font-size: 10px;
	height: 51px;
	padding: 25px 20px;
	text-align: justify;
	width: 325px;
}

p.grande {
	background: url(img/bg_desc_clases_big.jpg);
	font-size: 10px;
	height: 103px;
	padding: 25px 20px;
	text-align: justify;
	width: 325px;
}

p.grande2 {
	background: url(img/bg_desc_clases_big.jpg);
	font-size: 10px;
	height: 123px;
	padding: 15px 20px;
	text-align: justify;
	width: 325px;
}

p.division {
	background: url(img/division.jpg) repeat-x;
	height: 21px;
	width: 100%;
}

p.msj {
	text-align: center;
}

p.tel {
	color: #c11e12;
}

ul#patrocinadores {
	margin: 0 auto;
	width: 250px;
}

ul.clases {
	background: url(img/clases_bg.png) no-repeat;
	min-height: 490px;
	padding-top: 35px;
	width: 214px;
	float: left;
}

ul.clases li {
	border-bottom: solid 1px #cfcfcf;
	list-style: none;
	margin: 6px 18px;
}

ul.clases li a img {
	bottom: 4px;
	left: 165px;
	position: relative;
	text-decoration: none;
	border-style: none;
}

ul.clases li p {
	color: #6b6b6b;
	font-size: 10px;
	text-align: justify;
}

ul.clases li.noborder {
	border: none;
}

ul.instructores {
	background: blue;
	margin: 0 25px;
	width: 365px;
}

ul.instructores li {
	color: #3c3c3c;
	float: left;
	font-size: 10px;
	list-style: none;
	width: 182px;
	margin-bottom: 5px;
}

ul.instructores li a,ul.instructores li a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

ul.instructores li a:hover {
	border-bottom: dotted 1px #3c3c3c;
	color: #3c3c3c;
}

#acerca {
	background: url(img/csub_bg.png) repeat-x;
	height: 130px
}

#acerca img {
	float: right;
}

img.loader {
	margin: 105px 145px;
}



/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background-color: #eee;
	padding: 0;
	opacity: .90;
}
#tooltip h3, #tooltip div { margin: 0; }


/*	Estilo Slider	*/

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#slider {
	position: relative;
	width: 820px;
	margin: 0 auto;
}

.scroll {
	background: #FFF url(img/content_pane-gradient.gif) repeat-x left bottom;
	clear: left;
	height: 550px;
	width: 820px;

}

.top {
	background: transparent url(img/topbg.gif) no-repeat;
	height: 20px;
	width: 820px;
	margin-top: 80px;
}

.scrollContainer div.panel {
	height: 551px;
	width: 820px;
	padding: 0;
}

#nutricion div.paquetes {
	width: 300px;
	position: absolute;
	background: url(img/bg_ac_ab.jpg) repeat-y;

	
}

#nutricion div.paquetes h6{
	background: url(img/top_ac_r.jpg);
	width: 280px;
	height: 20px;
	color: white;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

#nutricion div.paquetes h6.bot{
	background: url(img/bot_ac_r.jpg);
	width: 280px;
	height: 13px;
	color: white;
	font-size: 12px;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

#nutricion div.paquetes h6.toggle{
	background: url(img/bg_ac_r.jpg) repeat-x;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
}

#nutricion div.paquetes h6.toggle:hover{
	color: black;
}




#nutricion div.paquetes div p{
	width: 280px;
	font-size: 11px;
	padding: 10px;
	text-align: justify;
	
}

#nutricion div.paquetes h6 span{
	position: absolute;
	right: 10px;
	
}

#nutricion div.paquetes_gris {
	width: 230px;	
	position:relative;
	left: 319px;
	top: 120px;
}


#nutricion div.paquetes_gris h6{
	background: url(img/top_ac_g.jpg);
	width: 210px;
	height: 18px;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}


#nutricion div.paquetes_gris h6.toggle{
	background: url(img/bg_ac_g.jpg) repeat-x;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	height: 23px;
	line-height: 25px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	width: 208px;
}

#nutricion div.paquetes_gris div{
	width: 230px;
	font-size: 11px;
	text-align: justify;
	background: url(img/bg_ac_ab_g.jpg) repeat-y;
	
}

#nutricion div.paquetes_gris div ul{
	padding: 10px;
	width: 210px;
}
#nutricion div.paquetes_gris h6.bot{
	background: url(img/bot_ac_g.jpg);
	width: 210px;
	height: 16px;
	color: white;
	font-size: 12px;
	line-height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

#nutricion div.paquetes_gris h6 span{
	position: absolute;
	right: 10px;
	
}
#nutricion div.paquetes_gris h6.toggle:hover{
	color: #D40404;
}


#nutricion.panel {
	background: white url(img/bg_nutricion.jpg) no-repeat right bottom;
	padding: 0 20px;
	width: 780px;
	position: relative;
	height: 546px;
}

#nutricion div.paquetes_gris div ul li {
	list-style: square;
	list-style-position: inside;
	text-align: left;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 2px;
}

#shade {
	background:  url(img/shade2.png) no-repeat;
	height: 35px;
	text-align: center;
	width: 820px;
}

ul.navigation {
	font-size: 12px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: relative;
	text-align: center;
	margin: 30px 0;
	padding: 0 0 8px;
}

ul.navigation li {
	float: left;
	height: 42px;
}

ul.navigation a {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 102px;
	padding: 13px 0;
}

ul.navigation a:hover {
	color: #000;
}

ul.navigation a.selected {
	background: transparent url(img/bgbtn.png) no-repeat;
}

ul.navigation a.selected:hover {
	background: transparent url(img/bgbtn.png) no-repeat;
	color: #FFF;
}

ul.navigation a:focus {
	outline-style: none;
	outline-width: medium;
}



ul.navigation a.facebook{
color: #fff;
font-weight: bold;
background: #3B5998;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
padding:10px 0;
margin-top: 3px;
box-shadow: 10px 10px 5px #888;
}

.scrollButtons {
	cursor: pointer;
	position: absolute;
	top: 350px;
}

.scrollButtons.left {
	background: transparent url(img/finew.png) no-repeat;
	height: 40px;
	left: -50px;
	width: 40px;
}

.scrollButtons.right {
	background: transparent url(img/fdnew.png) no-repeat;
	height: 40px;
	right: -50px;
	width: 40px;
}
.bold {
	font-weight: bold;
}

.scrollButtons.left:hover {
	background: transparent url(img/finew_h.png) no-repeat;
}

.scrollButtons.right:hover {
	background: transparent url(img/fdnew_h.png) no-repeat;
}

.hide {
	display: none;
}

#curriculum {
	width: 280px;
	padding: 10px;
	background: url(img/bg_nut.jpg) repeat-y;
	margin-bottom: 20px;
	height: 103px;
}



#curriculum h5 {
	color: #c20101;
	margin-bottom: 10px;
	
}

p.nutricion {
	width: 478px;
	height: 134px;
	background: url(img/bg_nut2.jpg) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 30px;
}

ul#costos {
	background: url(img/bg_costos.jpg) no-repeat;
	width: 345px;
	height: 96px;
	font-size: 11px;
	padding-top: 10px;
	float: right;
	position: absolute;
	right: 135px;
	bottom: 300px;
	}

ul#costos li {
	padding: 0 12px;
	margin: 0 0 3px 0;
	list-style-type: circle;
	list-style-position: inside;
	opacity: 1;
	width: 321px;
}
ul#costos li.rojo {
	font-weight: bold;
	font-size: 13px;
	color: #D00202;
	list-style-type: none;
}

#horarios_consulta {
	font-size: 12px;
	width: 240px;
	position: absolute;
	right: 0;
	top: 270px;
}

#horarios_consulta h5 {
	color: #D00202;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: bold;
}

#horarios_consulta ul li {
	margin-bottom: 3px;
}

ul#costos li span {
	position: absolute;
	right: 10px;
}

div#info_citas {
	width: 560px;
	height: 15px;
	font-size: 12px;
	position: absolute;
	bottom: 26px;
}
div#info_citas ul li {
	float: left;
	margin-right: 20px;
}

#info_citas ul li.rojo {
	color: #D00202;
	font-weight: bold;
}




.ui-tabs-hide { display: none; }



div#contenedor_columnas {
	width: 820px;
/*	background: red; */
	height: 375px;

}

#col_izq,#col_der,#col_cen {
	float: left;
}

#col_izq, #col_der {
	width: 256px;
/*	background: blue; */
	height: 375px;
}
#col_cen {
	width: 308px;
	height: 375px;
/*	background: green; */
}



div.paquete {
	width: 226px;
	height: 166px;
	background: url(img/cajas_bg.jpg);
	margin: 15px;
}

div.paquete ul.detalles {
	font-size: 12px;
	height: 96px;
}
div.paquete ul.detalles span{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 8px 3px 5px 3px;
	display: block;
}

div.paquete ul.info_adicional {
	font-size: 12px;
	color: white;
	padding: 0 10px;
}
div.paquete ul.detalles li {
	list-style: none;
	padding: 0 6px;
	margin-bottom: 3px;
	font-size: 10px;
}



div.paquete h5 {
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
}

div.notas {
	width: 258px;
	height: 111px;
	background-image: url(img/notas_bg.jpg);
	float: left;
	margin: 7px;
}

div.notas ul {
	height: 91px;
	padding: 10px;
}

div.notas ul span {
	font-size: 16px;
	font-weight: bold;
	color: #D00202;
	margin-bottom: 5px;
	display: block;
}

div.notas ul li {
	font-weight: normal;
	color: black;
	font-size: 11px;;
}

div#nota1_milenio ul li {
	font-size: 10px;
}



div#nota2.notas,div#nota3.notas  {
	padding: 15px;
	width: 228px;
	height: 81px;
	text-align: center;
}



div#nota2.notas p.tel {
	color: #D00202;
	font-size: 25px;
	font-weight: bold;
	margin: 0 10px 10px 10px;
}
div#nota3.notas b {
		color: #D00202;

}
div#horario.notas ul li  {
color: black;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 17px;

}
div#horario.notas ul li span {
color: black;
font-size: 12px;
font-weight: normal;
display: inline;
position: absolute;
right: 20px;

}

table.striped {
	width: 820px;
	text-align: center;
}
table.striped {
	border-bottom: solid 4px #d31f0c;
}


table.striped tbody tr th {
	background: #545454;	
	color: white;
	padding: 10px;
	border-bottom: solid 4px #d31f0c;
}
table.striped tbody tr {
	border-top: solid 3px white;
	font-size: 14px;
}
table.striped tbody tr td {
	background: #f2f2f2;
	color: #535353;
	line-height: 25px;
}


img.tira {
	margin-top: 4px;
	
}

div#info_horario {
	min-height: 96px;
	
}

#info_horario p.abrimos {
	width: 180px;
	float: left;
	height: 50px;
	padding: 30px 0;
	color: #545454;
	}

#info_horario div.tel_info {
	background: url(img/bg_info_horarios.jpg);
	width: 338px;
	height: 86px;
	float: right;
	margin: 13px;
}

#info_horario div.tel_info p.tel{
	font-size: 30px;
	padding: 28px 10px;
	float: left;
}

#info_horario div.tel_info p {
	
}

#dir_info {
	height: 45px;
	padding: 20px 0;
}

div#horarios.panel {
	background: white;
	
}




div#info_horario ul {
	width: 200px;
	background: url(img/horarios_side.jpg) no-repeat;
	min-height: 80px;
	padding-left: 14px;
	position: relative;
	margin: 15px;
	float: left;
}


#info_horario ul li {
	font-size: 12px;
	color: #484848;
	margin: 0 0 3px 0;
	background: #f2f2f2;
	padding: 3px;
}

#info_horario ul li.odd {
	font-size: 12px;
	color: #484848;
	margin: 0 0 3px 0;
	background: #e4e4e4;
	padding: 3px;
}


#info_horario ul li span {
	position: absolute;
	right: 0;
}




table.striped tbody tr.odd td {
	background: #e4e4e4;
	color: #535353;
}

#contacto div.side h2 {
	color: #a21b1b;
	font-size: 16px;
	text-align: center;
	padding: 20px;
	font-variant: small-caps;
	margin: 0;
}

#contacto div.side ul li p.tel {
font-size: 18px;

}

input.sucursal {
	width: auto;
	height: ;
}

#contacto div.side ul li {
	margin-bottom:20px;
	padding: 0 10px;
	

}

p.selsucursal {
	
	padding: 10px 10px;
	text-align: center;
}

#contacto div.side ul li p.dir {
	color: #484848;
	font-size: 11px;
	line-height: 14px;
}

#contacto div.side p.msj {
	color: #484848;
	padding: 0 5px 20px 5px;
	line-height: 18px;	
}


p#success
		{
			padding: 3px 10px;
			background: #92FFA5;
			border: 2px solid #009218;
			color: #009218;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
			
		}

#myForm p label {
	color: #a21b1b;
	font-weight: bold  ;
}
		
		p#bademail, p#badserver
		{
			padding: 3px 10px;
			background: #FFA3A1;
			border: 2px solid #D00D00;
			color: #D00D00;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
		}


#commentForm {
	display: none;
}
form {
	margin: 0 120px;
	background: #EEEF;
}

p.botones input {
	width: 100px;
	text-align: center;
	float: right;
	min-height: 25 px;
}

textarea {
	width: 100%;
	height: 110px;
	background: #EAEAEA;
}

form input{
	width: 100%;
	margin: 0 1 15px 0;
	padding: 0;
	background: #EAEAEA;
	line-height: 22px;
	
}



td.smaller {
font-size: 9px;
}


a.facebox {
	text-decoration:underline;
	color:black;
	font-weight:bold;
	font-variant:small-caps;
	
}

a.facebox:hover{
	background: white;
	color: #900;
	
	}

#paquetes_abajo {
width: 550px;
margin: 0 auto;
}

h2.aviso {
color: #fff;
text-align: center;
padding-top: 30px;
font-size: 22px;
margin-bottom: 25px;
}