body {font:normal 16px  Arial, Helvetica, sans-serif;background:url(../img/design/bg.jpg)}
.text16 {font:normal 16px  Arial, Helvetica, sans-serif;}
.text12 {font:normal 12px  Arial, Helvetica, sans-serif;}


a:link    {color: #B00063;font-size:16px}
a:visited {color: #B00063;font-size:16px}
a:hover   {color: #540130;font-size:16px}  

ul {list-style-type:circle;line-height:150%}

#left ul  {list-style-type:none;font:normal 12px verdana;margin-left:10px;padding-left:0px;display:inline;float:left;margin-top:5px;line-height:25px}
#left ul li {display:inline;padding-right:10px;}
#left a     {padding:5px; text-decoration:none}
#left a:link    {color: #000;}
#left a:visited {color: #000;}
#left a:hover    {font-weight:normal;color: #B00063;}  
.col    {width:600px}

.field {border:1px solid #b00063;background:#FFDFEF}
.form td {font-size:12px}
a img {border:none}
.date {font-size:9px;color:#B00063}

#jflanguageselection {width:940px;}
ul.jflanguageselection {list-style-type: none;margin-bottom:5px;margin-left:800px;background:#FFF;width:130px;padding:3px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;border:2px dotted #b00063}
ul.jflanguageselection li {display:inline;margin:0px 5px;font-size:14px;}
ul.jflanguageselection li a:link {text-decoration:none;color:#b00063;font-size:14px}
ul.jflanguageselection li a:visited {text-decoration:none;color:#b00063;font-size:14px}
ul.jflanguageselection li a:hover {text-decoration:none;color:#000;font-size:14px}
#active_language {}


p {line-height:150%}
h1.contentheading  {font:normal 26px Arial;color:#B000063;margin-bottom:0px;text-transform:uppercase}
h3 {font: bold 14px Arial;color:#B00063;background: white;padding:5px;width:220px;border-right:1px solid #B00063;border-bottom:1px solid #B00063;margin:-5px 0px 10px -5px; border-radius: 11px 0 10px 0;}
h2, .contentheading {font: 26px Arial;color:#B00063;margin-bottom:-10px;margin-top:40px}
.h3 {font: 16px "Arial Black";color:#B00063;}
.box {padding:3px}
.boxtop {padding:0px 3px 3px 3px}
.border {font-size:14px;border:1px solid #b00063;padding:5px}

#outer {width:960px;margin:0px auto;}
#panel {background:white;width:100%;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
#header {height:95px;border-bottom:2px dotted #B00063}
#logo   {width:330px;float:left;height:90px;margin-top:5px}
#top    {width:530px;float:left;margin-top:40px;margin-left:80px;}
#middle {}
#left   {width:460px;height:100px}
#content {width:941px;margin-left:19px;padding-bottom:40px}
#right   {width:320px;float:right;line-height:150%;}

  
.boxleft {border:1px solid #b00063;background:#FFDFEF;font-size:12px;padding:5px;width:250px; border-radius: 10px;}
.boxright {width:250px;left:300px;position:absolute;border:1px solid #b00063;background:#FFDFEF;font-size:12px;padding:5px; border-radius: 10px;}


/* HORARIO  -------------------------------------------------------------------------*/


table.horarios  {table-layout:fixed}
table.horarios td   {padding:3px;font-size:11px;border:1px solid #E0E0E0 }
.toprow {text-align:center;background-color:#b00063;color:white;font-weight:bold;font-weight:bold;height:25px;font-size:14px}
.left			{ background-color:#FFDFEF;font-weight:bold;}
.init {font-size:8px}
.form { margin-top: 0; margin-bottom: 0; }

table.precios   {font: 16px arial;}
table.precios td {padding:10px;border:1px solid #E0E0E0}
.beige          {background:#FFDFEF}
.beigeright	{background:#FFDFEF;text-align:right}
.whiteright     {text-align:right}

	
.a {background:url(../img/design/tbg/purple.jpg);}  /* Hatha */
.b {background:url(../img/design/tbg/orange.jpg) }  /* Yoga Dinamico */
.c {background:url(../img/design/tbg/green.jpg) }   /* Iyengar */
.d {background:url(../img/design/tbg/yellow.jpg) }    /* Yoga embarazadas */
.e {background:url(../img/design/tbg/pink.jpg) }   /* Yoga mama y bebes */
.f {background-color:#9999FF}   /* Estimulacion Temprana */
.g {background:url(../img/design/tbg/lgreen.jpg) }   /* Yoga Mujeres*/
.h {background-color:#CC9966}   /* pilates*/
.i {background-color:#FFCC00}   /* power yoga */
.j {background:url(../img/design/tbg/red.jpg) }   /* chi kung*/
.k {background:url(../img/design/tbg/orangered.jpg) }   /* musicoterapia com sonido....*/
.l {background:url(../img/design/tbg/white.jpg) }   /* pranayama*/
.z {background-color:#FFFFFF}   /* empty */


/* MENU  -------------------------------------------------------------------------*/

@charset "UTF-8";

ul.dropdown, ul.dropdown li, ul.dropdown ul { margin: 0px; padding: 0px;font:normal 14px verdana;padding-left:0px }
ul.dropdown { position: relative; z-index: 597; float: left;list-style:none;list-style-type:none;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;padding: 5px 12px;
	 width:; border-style: solid; border-width: 0px 1px 0px 0; border-color: #fff #d9d9d9 #d9d9d9; color: #33333;}

ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;background-color:#DABECE;
	 color: #000000;}

ul.dropdown ul {visibility: hidden; list-style: none;list-style-type: none;position: absolute;padding-left:0px; top: 100%; left: 0; z-index: 598; width: 180px;border: 1px solid grey;}

ul.dropdown ul li { float: none;background-color: #fff;font-weight: normal;font-size:12px;border:none}

ul.dropdown ul ul { top: 0px; left: 99%;}

ul.dropdown li:hover > ul {visibility: visible;}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #333333; text-decoration: none; }
ul.dropdown a:hover		{ color: #B00063; }
ul.dropdown a:active	{ color: #blue; }

.nul {text-decoration: none; }



/* FRONTPAGE SLIDER   -----------------------------------------------   */
.main_image { width: 450px;height: 456px;float: left; background: #333;position: relative;overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 1.8em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 14px;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 0.7em;
    padding: 0px ;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;position:absolute;top:25px;right:20px}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}
.image_thumb {
    float: left;
    width: 50px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 5px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 140px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 0.8em;
    margin: 3px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
	border: 0px solid #ccc;
    width: 80px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* Favio _ Estilos agregados */

.txt-destacado {
	background-color: #FF9;
	border:dotted 1px  #FC9;	
	border-radius: 10px;
	color:#B00063;
	padding:8px;
	margin-left: -6px;
}
.boxright2form {
	width:250px;
	left:300px;
	position:absolute;
	border:1px solid #b00063;
	background:#FFDFEF;
	font-size:12px;
	padding:5px;
	border-radius: 10px;
	}

ul.news {color:#b00063}
ul.news li{margin-bottom:10px}

ul.noindent  {list-style-type:disc}
ul.noindent li {margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}


.cursosfecha {float:left;height:100px;margin-right:40px;font-weight:bold;color:#996699;}
.cursosblock {background:#FFFFCC;padding:20px;width:800px;margin-bottom:10px}
.cursosimage {float:right}