/* @group Global
----------------------------------------------------------------------------------------------------*/

body { background: #444 url(http://international.zumba.com/zumba-images/bg-body.jpg) repeat-x top left; color: #333; font: 10px/1.6em "Lucida Grande", Lucida, Verdana, sans-serif; text-align: left; }

input[type=text], input[type=password] { background: #ffffff url(http://international.zumba.com/zumba-images/bg-input.gif) no-repeat 0 0; border: 1px solid #777; }

.message-box { margin: 0 0 10px 0; padding: 0 50px 10px 50px; text-align: center; }
.message-box p { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; }
.clear { clear: both; }

/* @end */


/* @group Typography
----------------------------------------------------------------------------------------------------*/

.borderless { border-top: none; border-right: none; border-bottom: none; border-left: none; }
h1.big-title { color: #F18B03; font-size: 40px; font-weight: 500; line-height: normal; margin-top: 15px; margin-bottom: 15px; text-transform: uppercase; }

#header h1 { margin: 0; padding: 0; }

#login-form h1 { color: #333; font-size: 3.0em; padding: 5px 0 25px 0; }

#error h1 { font-size: 4.0em; padding: 20px 0 0 0; }
#error h2 { font-size: 2.0em; padding: 30px 0 0 0; }
#error p { font-size: 1.7em; padding: 10px 100px 0 100px; }


h1.big-title1 { color: #666666; font-size: 45px; font-weight: 600; line-height: normal; margin: 0 0 10px 0; text-transform: uppercase; float:left; }
h2.small-title { color: #666666; font-size: 30px; font-weight: 300; line-height: normal; margin: 0 0 10px 0; text-transform: uppercase; }
h3.medium-title { color: #666666; font-size: 36px; font-weight: 300; line-height: normal; margin: 0 0 10px 0; text-transform: uppercase; padding-left: 40px; }

h3.medium-title span { color: #666666; font-size: 14px; font-weight: 300; line-height: normal; margin: 0 0 0 0; text-transform: uppercase; ; }


/* @end */


/* Layouts
----------------------------------------------------------------------------------------------------*/

#overlay { background-color: #000; filter: alpha(opacity=80); height: 500px; left: 0; opacity: 0.8; -moz-opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: 100; }

#overlay-container { height: 100%; left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1000; }

.black_overlay { background: black url(http://international.zumba.com/zumba-images/loadingAnimation.gif) no-repeat center center; display: none; filter: alpha(opacity=40); opacity: .40; -moz-opacity: 0.4; position: absolute; z-index: 1001; padding:0px 0px 55px 0px; top:55px;}
.black_overlayleftwid{ margin: 0px 0px 0px 225px; }

#container { margin: 0 auto; width: 980px; }

#gap { background: transparent url(http://international.zumba.com/zumba-images/bg-gap.png) no-repeat top left; height: 13px; width: 980px; }

#content { background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; float: left; margin: 0 10px 10px 10px; padding: 0 10px 10px 10px; width: 940px; }
#content a { color: #0085CF; text-decoration: none; }
#content p a { border-bottom: 1px solid #0085CF; color: #0085CF; text-decoration: none; }

#content a:visited { color: #0085CF; }

#content a:active { color: #0085CF; }*/
#content ol { margin: 0 0 15px 0; }
#content ol li { margin: 0 0 5px 30px; }
#content #zin table { float: left; }
#header { background: url(http://international.zumba.com/zumba-images/bg-header.jpg) no-repeat center top; height: 86px; width: 980px; }
#header span { left: -3000px; position: absolute; }

#instructor-login { float: right; margin: 0 90px 0 0; }
#instructor-login p { background: url(http://international.zumba.com/zumba-images/btn.gif) no-repeat; color: #D5E14D; float: left; font-size: 12px; height: 21px; text-indent: -999999px; }
#instructor-login p.zin a { background: url(../images/buttons/btn-miembros-zin.png) no-repeat top right; color: #b6c546; display: block; margin: 0 0 0 0; padding: 2px 24px 5px 6px; text-decoration: none; width: 210px;}



#logo { float: left; width: 200px; text-align: left; padding-top: 5px; margin: 6px 0 0 25px; }
#logo h1 a { behavior: url(../Scripts/iepngfix.htc); background: url(../images/logos/zumbamex-logo.png) no-repeat; border: none; display: block; height: 72px; text-indent: -9999px; width: 341px; }



/* @group Navigation
----------------------------------------------------------------------------------------------------*/

#navigation { height: 39px; width: 961px; margin: 0 auto; }

ul#nav-buttons li { display: inline; }

ul#nav-buttons li.home a {  background: transparent url(../images/navigation-bar/home.png) no-repeat; float: left; height: 39px; overflow: hidden; width: 80px; }
ul#nav-buttons li.home a:hover { background-position: -80px 0; }
ul#nav-buttons li.que-es-zumba a { background: transparent url(../images/navigation-bar/queeszumba.png) no-repeat; float: left; height: 39px; overflow: hidden; width:174px;}
ul#nav-buttons li.que-es-zumba a:hover { background-position: -174px 0; }
ul#nav-buttons li.certificaciones a {background: transparent url(../images/navigation-bar/cert.png) no-repeat; float: left; height: 39px; overflow: hidden; width:192px;}
ul#nav-buttons li.certificaciones a:hover { background-position: -192px 0; }
ul#nav-buttons li.verifica-un-instructor a { background: transparent url(../images/navigation-bar/instructor.png) no-repeat; float: left; height: 39px; overflow: hidden; width:252px;}
ul#nav-buttons li.verifica-un-instructor a:hover { background-position: -252px 0; }
ul#nav-buttons li.productos a { background: transparent url(../images/navigation-bar/productos.png) no-repeat; float: left; height: 39px; overflow: hidden; width:152px; }
ul#nav-buttons li.productos a:hover { background-position: -152px 0; }
ul#nav-buttons li.ayuda a { background: transparent url(../images/navigation-bar/ayuda.png) no-repeat; float: left; height: 39px; overflow: hidden; width:111px; }
ul#nav-buttons li.ayuda a:hover { background-position: -111px 0; }


/* @end */

body#home #gap { display: none; }
body#home #content { margin: 0; padding: 0; width: 980px; }
body#home #flash-panel { background: transparent url(http://international.zumba.com/zumba-images/bg-panel.jpg) no-repeat center top; float: left; height: 434px; margin: 0; }
body#home #mod-wrapper { float: left; background: url(http://international.zumba.com/zumba-images/bg-module.jpg) no-repeat center top; width: 980px;  padding-bottom: 38px;}
body#home #mod-wrapper #certificaciones h4 a {float: left; background: transparent url(../images/background-images/certificacion.png) no-repeat; border: none; display: block; width: 230px; height: 200px; margin-left: 10px; text-indent: -9999; line-height: 200px;}

body#home #mod-wrapper #encuentra-una-clase h4 a{float: left; background:  url(../images/background-images/encuentra_una_clase.png) no-repeat; border: none; display: block; width: 230px; height: 200px; margin-left: 10px; text-indent: -99999; line-height: 200px;}
body#home #mod-wrapper #zumbawear h4 a{float: left; background: url(../images/background-images/convention-2010.png) no-repeat; border: none; display: block; width: 230px; height: 200px; margin-left: 10px; line-height: 200px;}
body#home #mod-wrapper #zumbaweek h4 a{float: left; background: url(../images/background-images/zumba_week.png) no-repeat; border: none; display: block; width: 230px; height: 200px; margin-left: 10px; line-height: 200px;}




#error { padding: 50px 0; text-align: center; }

#faq ul { margin: 0 10px 0 0; padding: 0 0 0 40px; }
#faq ul li { color: #333; font-size: 1.5em; line-height: 1.5em; list-style-type: disc; margin: 0 0.3em 0 0; }
#faq ol { list-style-type: upper-alpha; margin: 0 10px 0 0; padding: 0 0 0 40px; }
#faq ol li { color: #333; font-size: 1.5em; line-height: 1.5em; margin: 0 0.3em 0 0; }
#faq #table-of-contents { margin: 0; padding: 5px 0 0 0; }
#faq #table-of-contents ul { list-style-type: none; margin: 0 10px 0 0; }
#faq #table-of-contents ul li { color: #e5e5e5; display: inline; font-size: 1.5em; line-height: 1.5em; list-style-type: none; margin: 0 0.3em 0 0; padding: 0 0 0 10px; }
#faq #table-of-contents ul li a { color: #0085CF; text-decoration: none; }
#faq #table-of-contents ul li a:hover { border-bottom: 1px solid #0085CF; color: #fff; }


/* @group Footer
----------------------------------------------------------------------------------------------------*/

#footer { float: left; color: #e5e5e5; text-align: center; width: 980px; }
#footer ul { padding: 0 0 10px 0; }
#footer ul li { border-left: 1px solid #e5e5e5; display: inline; font-size: 1.1em; list-style-type: none; padding: 0 7px 0 10px; }
#footer ul li.no-border { border-left: none; }
#footer a { color: #e5e5e5; text-decoration: none; }
#footer a:hover { color: #0085CF; text-decoration: underline; }

/* @end */

.asterisk-helper { font-size: 13px; padding: 10px 0 0 0; font-style: italic; }
.time-zone-helper { color: #333; float: right; font-size: 11px; font-style: italic; }





/* @group Certicacion
----------------------------------------------------------------------------------------------------*/
body {font-family: "Lucida Grande"; color: #666666;}

h2.small-title { color: #666; font-size: 20px; font-weight: 100; line-height: normal; margin: 0 0 10px 0; text-transform: uppercase; }


#certificacion {padding-right: 5px; padding-left: 5px;}
#certificacion #header {background: url(../images/background-images/headers.png) no-repeat; width: 920px; height: 26px; display: block; text-indent: -999999px; margin-top: 50px;}
#certificacion .certification-type {padding-left: 10px; margin-top: 10px;}

#certificacion .workshop-details {float: left; font-size: 12px; padding-left: 40px; padding-top: 20px;}
#certificacion .workshop-details .first-column {padding-left: 5px; }
#certificacion .register h4 a {background: url(../images/buttons/btn-inscribete.png) no-repeat; border: none; display: block; height:106px; width:116px; text-indent: -9999px; }
	#certificacion .register h4 a.active:hover {background-position:  -116px 0;}
	#certificacion .register h4 a.active:active {background-position:  -232px 0;}
	#certificacion .register h4 a.soldout {background-image: url(../images/buttons/agotadabutton.png); }
#confirmacion #confirmation-details {font-size: 14px; padding-top: 15px;}
#confirmacion #confirmation-details tr {height: 30px;}
#confirmacion #confirmation-details .bold-text {font-weight: bold;}
#section {height: 150px; border-bottom: gray solid 1px;}

#inscripcion .form {width: 920px; font-size: 14px; line-height: 16px;}
#inscripcion .form p span {font-size: 12px; color:red; }

#inscripcion #button {margin-left: 175px; margin-top: 30px;}
#inscripcion #button h4 a {background:url(../images/buttons/envair.png)  no-repeat; border: none; display: block; height:39px; width:126px; text-indent: -99999px;}
#inscripcion #button h4 a:hover {background-position: -126px 0;}
#inscripcion #button h4 a:active {background-position: -252px 0;}
#inscripcion .header {margin-top: 30px;}

#receipt #instructions {font-size: 16px; text-transform: uppercase; border-bottom: black 1px solid; padding-top: 20px; padding-bottom: 50px; line-height: 22px;}
#receipt .certification-details {float: left; margin-top: 10px; font-size: 13px; font-weight: bold; line-height: 19px; color: #000000;}
#receipt .certification-place {float: left; font-size: 13px; width: 527x;  margin-top: 30px; padding-left: 190px;  line-height: 19px; color: #000000; }
#receipt .certification-place p span {font-weight: bold; font-size: 14px; color: #000000;}
#receipt h2.heading {font-size: 14px;  padding-bottom: 5px; border-bottom: solid #666666 1px; }
#receipt #certification-header {padding-bottom: 180px; padding-top: 20px;}
#receipt #general-details p {font-size: 13px; padding-bottom: 5px; line-height: 17px;color: #000000;}
#receipt .contact  {font-size: 12px; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; border-bottom: black solid 1px; line-height: 17px;}
#receipt #general-details p span {font-weight: bold; color: #666666; }
#receipt #general-details {padding-top: 20px;}
#receipt #payment-details {padding-top: 30px; border-bottom: solid black 1px;}
#receipt #payment-information {padding-top: 20px; padding-bottom: 20px;}
#receipt #payment-information p {font-size: 12px; padding-bottom: 5px; line-height: 14px;}
#receipt #payment-information p span { text-transform: uppercase; font-weight: bold;}
#receipt #payment-information p span span {font-weight: bold;}
#receipt #payment-information .caps {text-transform: uppercase;}
#receipt .disclaimer {padding-top: 20px; font-size: 12px;}
#receipt .disclaimer h4 {padding-bottom: 5px;}
#receipt .disclaimer p {padding-bottom: 4px; line-height: 17px;}
#receipt .disclaimer p span {font-style: italic;}
#receipt #instructions .save {float:left; margin-right: 20px; margin-bottom: 20px;}
#receipt #instructions .save h4 a {background:url(../images/buttons/guardar.png) no-repeat; display: block; text-indent: -9999px; height: 39px; width: 152px; }
#receipt #instructions .save h4 a:hover {background-position: -152px 0;}
#receipt #instructions .save h4 a:active {background-position: -304px 0;}
#receipt #instructions .print {float: left; margin-bottom: 20px;}
#receipt #instructions .print h4 a {background:url(../images/buttons/imprimir.png) no-repeat; display: block; text-indent: -9999px; height: 39px; width: 145px; }
#receipt #instructions .print h4 a:hover {background-position: -145px 0;}
#receipt #instructions .print h4 a:active {background-position: -290px 0;}

#confirmacion .changes {float: left; margin-top: 20px;}
#confirmacion .changes h4 a {background: url(../images/buttons/hacercambios.png) no-repeat; border: none; display: block; height:39px; width:314px; text-indent: -9999px; }
#confirmacion .changes h4 a:hover {background-position:  -314px 0;}
#confirmacion .changes h4 a:active {background-position:  -628px 0;}

#confirmacion .confirm {float:left; margin-left: 20px; margin-top: 20px;}
#confirmacion .confirm h4 a {background: url(../images/buttons/enviarapp.png) no-repeat; border: none; display: block; height:39px; width:210px; text-indent: -9999px; }
#confirmacion .confirm h4 a:hover {background-position:  -210px 0;}
#confirmacion .confirm h4 a:active {background-position:  -420px 0;}

/* @end */


/* @group Productos
----------------------------------------------------------------------------------------------------*/
.coming-soon {margin-left: -10px; margin-top: 17px;}
#shop-navigation {float:left; padding-right: 5px; width: 215px; padding-top: 41px;}
#shop-navigation .top {background-image: url(../images/background-images/shop-navigation-top.png); border:none;display: block; height: 26px; width: 215px; }
#shop-navigation .top h2 {color: white; font-size: 14px; padding-top: 5px; padding-left: 5px;}
#shop-navigation h4 {padding-top: 5px; color: white; font-size: 14px; padding-left: 5px;}
#shop-navigation h3 a {background-image: url(../images/background-images/shop-navigation.png); width:215px; height: 28px; display: block; border: none; color: white; }
#shop-navigation h3 a:hover{background-position: -215px 0;;}
#shop-navigation .bottom {background-image: url(../images/background-images/shop-navigation-bottom.png); height: 26px; width: 215px; border: none; display: block; margin-bottom: 10px;}


#tags {float:left; padding-right: 5px; width: 215px;}

#search {float: left; width: 710px; background-image: url(../images/background-images/shop-search-background.png); height: 46px;  margin-top: 41px;}
#search img {float:left; padding-right: 8px; padding-left: 8px; padding-top: 11px;}
#search p {font-size:  22px; color: white; padding-top: 13px; font-weight: bold;}
#product-list {margin-top: 10px; float: left; width: 708px;}
#product-list .product { background: #fff url(../images/background-images/background-composite-es.png) 0 0 no-repeat; height: 272.6px; width: 236px;; float: left}
#product-list .product:hover { background-position: -236px 0; }	
	#product-list .sale { background-position: 0 -272.6px; }
	#product-list .sale:hover { background-position: -236px -272.6px; }
	#product-list .product.new { background-position: 0 -545.2px; }
	#product-list .product.new:hover { background-position: -236px -545.2px; }

#product-list .product img {height: 160px; margin:20px 0 10px 35px;}
#product-list .product p {color: #fff; font-size: 14px; padding: 0 15px; width: 206px; text-align: center;}
#product-detail {float: left; margin: 0 0 0 10px; text-align: left; width: 708px;
}
#product-detail .product-title p { color: #707070; float: right; font-size: 2.0em; font-weight: bold; line-height: normal;
}
#product-detail .product-title h2 { color: #808080; font-size: 1.9em; line-height: normal;margin: 15px 0 0 0; padding: 0 0 10px 0; text-transform: uppercase;}
#product-detail .product-information {background: #999; border-bottom: 1px solid #999; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; float: left; width: 708px;}
#product-detail .product-information .product-images { float: left; margin: 10px 0 10px 10px; width: 160px;}
#product-detail .product-information .product-images img { border: 1px solid #e5e5e5; cursor: pointer; float: left; margin: 0 0 10px 0;}
#product-detail .product-information .product-images .last-thumbnail { float: right; margin: 0 -2px 0 0;}
#product-detail .product-information .product-description { float: left; margin: 0 0 10px 20px; width: 508px;}
#product-detail .product-information .product-description p { color: #fff; font-size: 1.4em; line-height: 1.5em; margin: 10px 0;}
#product-detail .product-information .product-description p em { font-size: 1em; font-style: italic; font-weight: normal;}
#product-detail .product-information .product-description table { background: #999; border: 1px solid #ddd; color: #fff; font-size: 1.2em; width: 100%;}
#product-detail .product-information .product-description table th { background: #fff; color: #6D6D6D; font-size: 1.1em; padding: 3px 5px;}
#product-detail .product-information .product-description table td { border: 1px solid #ddd; padding: 3px 5px;}
#product-detail .add-to-cart-attributes { background: #6D6D6D; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; float: left; height: 41px; padding: 2px 0; width: 708px;}
#product-detail .add-to-cart-attributes .product-options { padding: 5px 10px;}
#product-detail .add-to-cart-attributes .product-options label { color: #fff; float: left; font-size: 1.5em; padding: 8px 0 0 0;}
#product-detail .add-to-cart-attributes .product-options label#size { margin: 0 0 0 28px;}
#product-detail .add-to-cart-attributes .product-options select.shop-quantity { float: left; margin: 8px 0 0 5px; width: 60px;}
#product-detail .add-to-cart-attributes .product-options select.shop-sizes { float: left; margin: 8px 0 0 5px; width: 125px;}
#product-detail .add-to-cart-attributes .product-options input#add-to-cart { background: transparent url(../images/buttons/add-to-cart.png) no-repeat 0 0; border: none; cursor: pointer; float: right; height: 31px; margin: 0; text-indent: -9999px; width: 145px;}
#product-detail .add-to-cart-attributes .product-options input#add-to-cart:hover { background: transparent url(../images/buttons/add-to-cart.png) no-repeat -145px 0;}
#product-detail .add-to-cart-attributes .product-options input#add-to-cart:active { background: transparent url(../images/buttons/add-to-cart.png) no-repeat -290px 0;}

#tags {
  background: #96989C url(../images/background-images/shop-tag-background.png) no-repeat 0 0;
  border-top: 1px solid #bbb;
  padding: 5px 0;
}
#tags p {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0 5px 0 5px;
  padding: 2px;
  text-align: center;
  text-transform: lowercase;
}
#tags p a {
  background: transparent;
  border-bottom: 1px solid #ddd;
  color: #eee;
  margin: 0 10px 0 0;
  text-decoration: none;
}
#tags p a:hover {
  border-bottom: 1px solid #fff;
  color: #fff;
}



/* @end */



/* @group About
----------------------------------------------------------------------------------------------------*/

#about{margin:20px 0 0 0;}
#about h1{padding:15px 0 0 15px;}
#about h1.black{color:#000;font-weight:bold;margin:0 0 10px 0; font-size: 32px;}
#about a{color:#333;border-bottom:1px solid #333;text-decoration:none;}
#about a:hover{color:#000;border-bottom:none;text-decoration:underline;}
#about ul.intro{background:url(../images/background-images/workshops-overview-background.png) no-repeat bottom left;margin:0;padding:0 0 0 20px;}
#about ul.intro li{color:#000;font-size:17px;line-height:22px;list-style-type:disc;padding:0 25px 15px 0;}
#about ul.intro li span{font-size:30px;font-weight:bold;}
#about p{color:#333;font-size:14px;line-height:24px;margin:0 0 10px 0;padding:0 15px 15px 15px;}
#about ol.workshops{list-style-type:none;padding:0 0 20px 0;}
#about ol li{color:#333;font-size:14px;line-height:24px;padding:20px 40px 0 40px;}
#about ol.workshops li.one{background:url(../images/icons/32x32-basic-1.png) no-repeat 0 15px;}
#about ol.workshops li.two{background:url(../images/icons/32x32-basic-2.png) no-repeat 0 15px;}
#about ol.workshops li.three{background:url(../images/icons/32x32-gold.png) no-repeat 0 15px;}
#about ol.workshops li.four{background:url(../images/icons/32x32-toning.png) no-repeat 0 15px;}
#about ol.workshops li.five{background:url(../images/icons/32x32-aqua.png) no-repeat 0 15px;}
#about ol.workshops li.six{background:url(../images/icons/32x32-zumbatomic.png) no-repeat 0 15px;}
#about p.zin-helper{color:#777;text-align:justify;}
#about p.zin-helper img{margin:0 0 25px 0;}

/* @end */


/* @group verifica-un-instructor
----------------------------------------------------------------------------------------------------*/
#verifica-un-instructor #que-es-un-instructor {background-color: #EDEDED; width: 918px; float: left; border-left: #FF6600 1px solid; border-right: #FF6600 1px solid; padding-bottom: -50px;}
#verifica-un-instructor #que-es-un-instructor p {padding-left: 15px; padding-right: 10px; padding-top: 15px; float: left; width: 350px; font-size: 14px; line-height: 26px; width: 390px; }
#verifica-un-instructor .top-border { background: url(../images/background-images/verifica-top.png) no-repeat; border: none; display: block; height:10px; width:920px; text-indent: -99999px; line-height: 10px;}
#verifica-un-instructor .bottom-border { background: url(../images/background-images/verifica-bottom.png) no-repeat ; border: none; display: block; height:10px; width:920px; text-indent: -99999px; float: left;}
#verifica-un-instructor #que-es-un-instructor .reportar a {background: url(../images/buttons/btn-verifica-reporta-instructor.png) no-repeat; border: none; display: block; height:118px; width:462px; text-indent: -99999px;  margin-top: 15px; margin-left: 450px; line-height: 10px; }
#verifica-un-instructor #que-es-un-instructor .reportar a:hover {background-position: -462px 0;}
#verifica-un-instructor #que-es-un-instructor .reportar a:active {background-position: -924px 0;}
#verifica-un-instructor #que-es-un-instructor .encontrar a {background: url(../images/buttons/btn-verifica-encontrar-instructor.png) no-repeat; border: none; display: block; height:118px; width:462px; text-indent: -99999px;  margin-top: 0; margin-left: 450px; line-height: 10px; }
#verifica-un-instructor #que-es-un-instructor .encontrar a:hover {background-position: -462px 0;}
#verifica-un-instructor #que-es-un-instructor .encontrar a:active {background-position: -924px 0;}

/* @end */

/* @group reporta-un-instructor
----------------------------------------------------------------------------------------------------*/
#reporta-un-instructor #form p {font-size: 12px; padding-bottom: 10px; line-height: 14px; font-weight: bold;}
#reporta-un-instructor #text p {font-size: 16px; padding-bottom: 25px; padding-top: 7px; line-height: 20px;color: #666666; }
#reporta-un-instructor h2.instructions {font-size: 14px; padding-bottom: 20px; color: #666666;}
#reporta-un-instructor #form {width: 750px; font-size: 12px; padding-left: 30px; }
#reporta-un-instructor #form .button {padding-left: 466px; margin-top: 20px;}
#reporta-un-instructor #form table p {text-align: right; padding-right: 10px; color: #FF972F;}
#reporta-un-instructor #form table p span {text-align: right; padding-right: 10px; color: #FF972F; font-size: 10px;}
#reporta-un-instructor #form table .header {padding-top: 25px;}
/* @end */

/* @group gracias
----------------------------------------------------------------------------------------------------*/

#gracias {width: 960px; text-align: center;}
#gracias p {font-size: 46px; padding-top: 15px; line-height: 50px;}
#gracias p span { font-size: 18px; padding-bottom: 15px; line-height: 20px;}


/* @end */

/* @group gracias-certificacion
----------------------------------------------------------------------------------------------------*/
#gracias-certificacion {width: 960px;}
#gracias-certificacion h1 {font-size: 40px; line-height: 42px; padding-bottom: 20px; text-transform: uppercase;}
#gracias-certificacion p  { font-size: 20px; width: 500px; line-height: 22px;}
#gracias-certificacion .button h4 a {background: url(../images/buttons/volver.png) no-repeat; width: 290px; height: 90px; display: block; text-indent: -99999px; margin-top: 20px;}
#gracias-certificacion .button h4 a:hover {background-position: -290px 0;}
#gracias-certificacion .button h4 a:active {background-position: -580px 0;}

/* @end */


/* @group reporta-una-certificacion
----------------------------------------------------------------------------------------------------*/
#reporta-una-certificacion #form p {font-size: 12px; padding-bottom: 10px; line-height: 14px; font-weight: bold;}
#reporta-una-certificacion #text p {font-size: 16px; padding-bottom: 25px; padding-top: 7px; line-height: 20px;color: #666666; }
#reporta-una-certificacion h2.instructions {font-size: 14px; padding-bottom: 20px; color: #666666;}
#reporta-una-certificacion #form {width: 750px; font-size: 12px; padding-left: 30px; }
#reporta-una-certificacion #form .button {padding-left: 466px; margin-top: 20px;}
#reporta-una-certificacion #form table p {text-align: right; padding-right: 10px; color: #FF972F;}
#reporta-una-certificacion #form table p span {text-align: right; padding-right: 10px; color: #FF972F; font-size: 10px;}
/* @end */

/* @group ayuda
----------------------------------------------------------------------------------------------------*/
#ayuda .preguntas-frecuentes {margin-left: 100px; margin-top: 25px;}
#ayuda .preguntas-frecuentes h4 a {background: url(../images/buttons/preguntasfrecuentes.png) no-repeat; width: 695px; height: 118px; text-indent: -99999px; display: block;}
#ayuda .preguntas-frecuentes h4 a:hover {background-position: -695px 0;}
#ayuda .contactanos h4 {font-size: 30px; color: #ABBF40;}
#ayuda .contactanos {padding-left: 103px;padding-top: 25px; padding-bottom: 10px;}
#ayuda .contactanos p {font-size: 14px; line-height: 15px; margin-top: 10px;}
/* @end */

/* @group conactanos
----------------------------------------------------------------------------------------------------*/
#contactanos #form p {font-size: 12px; padding-bottom: 10px; line-height: 14px; }
#contactanos #text p {font-size: 16px; padding-bottom: 25px; padding-top: 7px; line-height: 20px;color: #666666; }
#contactanos h2.instructions {font-size: 14px; padding-bottom: 20px; color: #666666;}
#contactanos #form {width: 450px; font-size: 12px; padding-left: 30px; float: left; padding-right: 50px; }
#contactanos #form .button {padding-left: 330px; margin-top: 20px;}
#contactanos #form table p {text-align: right; padding-right: 10px; color: #666666;}
#contactanos #form table p span {text-align: right; padding-right: 10px; color: #FF972F; font-size: 10px;}
#contactanos #contact-info {padding-left: 30px; padding-top: 30px;}
#contactanos #contact-info p {font-size: 14px; line-height: 15px; padding-bottom: 5px; color: black;}
/* @end */

/* @group cart
----------------------------------------------------------------------------------------------------*/
#cart {float: left;}
#cart #products {border-right: dashed 1px; width: 600px; float: left; }
#cart #products h1 {font-size: 38px; color: #333333; text-transform: uppercase; padding-top: 38px;}
#cart #products h2 {font-size: 20px; color: #97AD3B; padding-top: 35px;}
#cart #products table {margin-top: 20px;}
#cart #products table tr th {font-size: 14px;}
#cart #products table tr td {font-size: 14px;}
#cart #products .minus {margin-right: 5px;}
#cart #products .plus {margin-left: 5px;}
#cart #products .remove {margin-left: 7px;}
#cart #options {float: left;}
#cart #options #hide {padding-left: 240px; margin-top: 10px; }
#cart #options #hide a {background:url(../images/buttons/X.png)no-repeat; display: block; height: 28px; width: 92px; }
#cart #options #hide a:hover {background-position: -92px 0;}
#cart #options #hide a:active {background-position: -184px 0;}
#cart #options h2 {text-transform: uppercase; font-size: 20px; padding-top: 19px; padding-left: 20px; }
#cart #options h1 {text-transform: uppercase; font-size: 38px; padding-top: 29px; padding-left: 85px; color: #333333;  }
#cart #options .keep-shopping {margin-left: 50px; margin-top: 30px;}
#cart #options .keep-shopping a {background:url(../images/buttons/seguircomprando.png)  no-repeat; width: 206px; height: 39px; display: block;}
#cart #options .keep-shopping a:hover {background-position: -206px 0;}
#cart #options .keep-shopping a:active {background-position: -412px 0;}
#cart #options .checkout {margin-left: 50px; margin-top: 10px;}
#cart #options .checkout a {background:url(../images/buttons/enviarorden.png)  no-repeat; width: 206px; height: 39px; display: block;}
#cart #options .checkout a:hover {background-position: -206px 0;}
#cart #options .checkout a:active {background-position: -412px 0;}
#divider {float:left; border-bottom: 1px dashed; width: 960px; margin-left: -10px;}
#checkout {float:left; background-color: #97AD3B; width: 960px; margin-left: -10px; height: 470px;}
#checkout #form {border-right: 1px dashed; width: 350px; padding-left: 50px; padding-top: 15px; height: 455px; float: left;}
#checkout #form label {font-size: 15px; color: white;}
#checkout #form .field input {height: 16px; width: 280px; font-size: 15px;}
#checkout #form .field select {height: 20px; width: 280px; font-size: 15px;}
#checkout #instructions {float: left; padding-left: 20px;}
#checkout #instructions p {width: 420px; font-size: 18px; color: white; line-height: 20px; padding-top: 120px; padding-left: 50px;}
#checkout #instructions .submit {padding-left: 100px; padding-top: 40px; }
#checkout #instructions .submit a {background:url(../images/buttons/envairforma.png) no-repeat; display: block; width: 290px; height: 89px; }
#checkout #instructions .submit a:hover {background-position: -290px 0;}
#checkout #instructions .submit a:active {background-position: -580px 0;}
#thank-you {padding-left: 250px; padding-top: 50px; padding-bottom: 50px;}
#close {float: right; padding-top: 20px; padding-right: 10px;}
#close a {background:url(../images/buttons/X.png) no-repeat; display: block; height: 28px; width: 92px; }
#close a:hover {background-position: -92px 0;}
#close a:active {background-position: -184px 0;}


/* @group convention2009
----------------------------------------------------------------------------------------------------*/
#convention2009 #video {width: 960px; margin-left: 40px; margin-top: 25px;}

/* Workshops > Splash
----------------------------------------------------------------------------------------------------*/

#workshops #splash {
  float: left;
}
#workshops #splash p {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  padding: 15px 15px 0 15px;
}
ul#workshop-buttons {
  height: 75px;
  margin: 20px 0 0 0;
  padding: 0;
}
ul#workshop-buttons li {
  float: left;
  list-style: none;
  margin: 0;
}
ul#workshop-buttons li a {
  background: url('../images/buttons/workshops-overview-navigation.png') 0 0 no-repeat;
  float: left;
  height: 75px;
  overflow: hidden;
}
ul#workshop-buttons li.basic a {
  background-position: 0 0;
  width: 166px;
}
ul#workshop-buttons li.basic a:hover {
  background-position: 0 -75px;
}
ul#workshop-buttons li.basic a.selected{
  background-position: 0 -150px;
}
ul#workshop-buttons li.basics-2 a {
  background-position: -166px 0;
  width: 146px;
}
ul#workshop-buttons li.basics-2 a:hover {
  background-position: -166px -75px;
}
ul#workshop-buttons li.basics-2 a.selected{
  background-position: -166px -150px;
}
ul#workshop-buttons li.gold a {
  background-position: -312px 0;
  width: 146px;
}
ul#workshop-buttons li.gold a:hover {
  background-position: -312px -75px;
}
ul#workshop-buttons li.gold a.selected{
  background-position: -312px -150px;
}
ul#workshop-buttons li.toning a {
  background-position: -458px 0;
  width: 146px;
}

ul#workshop-buttons li.aqua a {
  background-position: -604px 0;
  width: 146px;
}


ul#workshop-buttons li.zumbatomic a {
  background-position: -750px 0;
  width: 170px;
}

#workshops #splash #workshop-descriptions {
  background: url('../images/background-images/workshops-overview-background.png') no-repeat;
  height: 300px;
  margin: 0 0 15px 0;
}
#workshops #splash #workshop-descriptions h2 {
  color: #333;
  margin: 40px 0 0 0;
  padding: 0 0 0 0;
}
#workshops #splash #workshop-descriptions h2 span {
  color: #000;
  font-weight: bold;
}
#workshops #splash #workshop-descriptions p {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  width: 475px;
}
#workshops #splash #workshop-overview-buttons {
  margin: 0 0 0 0;
  width: 960px;
}


#workshops #splash #workshop-overview-buttons #zin h1 a {
  background: url('../images/buttons/btn_miembros_de_zin.jpg') no-repeat;
  float: left;
  height: 213px;
  margin: 0 0 0 5px;
  width: 231px;
  text-indent: -9999px;
}

#workshops #splash #workshop-overview-buttons #existing-instructors h1 a {
  background: url('../images/buttons/btn_instructores_vigentes.jpg') no-repeat;
  border-bottom: none;
  cursor: pointer;
  display: block;
  height: 213px;
  text-decoration: none;
  text-indent: -9999px;
  width: 231px;
  margin: 0 0 0 5px;
  float: left;
}

#workshops #splash #workshop-overview-buttons #new-instructors h1 a {
  background: url('../images/buttons/btn_conviertete_instructor.jpg') no-repeat;
  float: left;
  height: 213px;
  margin: 0 0 0 5px;
  width: 230px;
}
#workshops #splash #workshop-overview-buttons #reporta h1 a {
  background: url('../images/buttons/btn_reporta_certificacion.jpg') no-repeat;
  float: left;
  height: 213px;
  margin: 0 0 0 5px;
  width: 230px;
}



#workshops #splash label {
  color: #e5e5e5;
  display: block;
  font-size: 14px;
  line-height: 18px;
}
#workshops #splash label:after {
  content: ":";
}
#workshops #splash select {
  width: 130px;
}



.container-12,.container-16{margin-left:auto;margin-right:auto;width:960px}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container-12 .grid-3,.container-16 .grid-4{width:220px}
.container-12 .grid-6,.container-16 .grid-8{width:460px}
.container-12 .grid-9,.container-16 .grid-12{width:700px}
.container-12 .grid-12,.container-16 .grid-16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container-12 .grid-1{width:60px}
.container-12 .grid-2{width:140px}
.container-12 .grid-4{width:300px}
.container-12 .grid-5{width:380px}
.container-12 .grid-7{width:540px}
.container-12 .grid-8{width:620px}
.container-12 .grid-10{width:780px}
.container-12 .grid-11{width:860px}
.container-16 .grid-1{width:40px}
.container-16 .grid-2{width:100px}
.container-16 .grid-3{width:160px}
.container-16 .grid-5{width:280px}
.container-16 .grid-6{width:340px}
.container-16 .grid-7{width:400px}
.container-16 .grid-9{width:520px}
.container-16 .grid-10{width:580px}
.container-16 .grid-11{width:640px}
.container-16 .grid-13{width:760px}
.container-16 .grid-14{width:820px}
.container-16 .grid-15{width:880px}
.container-12 .prefix-3,.container-16 .prefix-4{padding-left:240px}
.container-12 .prefix-6,.container-16 .prefix-8{padding-left:480px}
.container-12 .prefix-9,.container-16 .prefix-12{padding-left:720px}
.container-12 .prefix-1{padding-left:80px}
.container-12 .prefix-2{padding-left:160px}
.container-12 .prefix-4{padding-left:320px}
.container-12 .prefix-5{padding-left:400px}
.container-12 .prefix-7{padding-left:560px}
.container-12 .prefix-8{padding-left:640px}
.container-12 .prefix-10{padding-left:800px}
.container-12 .prefix-11{padding-left:880px}
.container-16 .prefix-1{padding-left:60px}
.container-16 .prefix-2{padding-left:120px}
.container-16 .prefix-3{padding-left:180px}
.container-16 .prefix-5{padding-left:300px}
.container-16 .prefix-6{padding-left:360px}
.container-16 .prefix-7{padding-left:420px}
.container-16 .prefix-9{padding-left:540px}
.container-16 .prefix-10{padding-left:600px}
.container-16 .prefix-11{padding-left:660px}
.container-16 .prefix-13{padding-left:780px}
.container-16 .prefix-14{padding-left:840px}
.container-16 .prefix-15{padding-left:900px}
.container-12 .suffix-3,.container-16 .suffix-4{padding-right:240px}
.container-12 .suffix-6,.container-16 .suffix-8{padding-right:480px}
.container-12 .suffix-9,.container-16 .suffix-12{padding-right:720px}
.container-12 .suffix-1{padding-right:80px}
.container-12 .suffix-2{padding-right:160px}
.container-12 .suffix-4{padding-right:320px}
.container-12 .suffix-5{padding-right:400px}
.container-12 .suffix-7{padding-right:560px}
.container-12 .suffix-8{padding-right:640px}
.container-12 .suffix-10{padding-right:800px}
.container-12 .suffix-11{padding-right:880px}
.container-16 .suffix-1{padding-right:60px}
.container-16 .suffix-2{padding-right:120px}
.container-16 .suffix-3{padding-right:180px}
.container-16 .suffix-5{padding-right:300px}
.container-16 .suffix-6{padding-right:360px}
.container-16 .suffix-7{padding-right:420px}
.container-16 .suffix-9{padding-right:540px}
.container-16 .suffix-10{padding-right:600px}
.container-16 .suffix-11{padding-right:660px}
.container-16 .suffix-13{padding-right:780px}
.container-16 .suffix-14{padding-right:840px}
.container-16 .suffix-15{padding-right:900px}
.container-12 .push-3,.container-16 .push-4{left:240px}
.container-12 .push-6,.container-16 .push-8{left:480px}
.container-12 .push-9,.container-16 .push-12{left:720px}
.container-12 .push-1{left:80px}
.container-12 .push-2{left:160px}
.container-12 .push-4{left:320px}
.container-12 .push-5{left:400px}
.container-12 .push-7{left:560px}
.container-12 .push-8{left:640px}
.container-12 .push-10{left:800px}
.container-12 .push-11{left:880px}
.container-16 .push-1{left:60px}
.container-16 .push-2{left:120px}
.container-16 .push-3{left:180px}
.container-16 .push-5{left:300px}
.container-16 .push-6{left:360px}
.container-16 .push-7{left:420px}
.container-16 .push-9{left:540px}
.container-16 .push-10{left:600px}
.container-16 .push-11{left:660px}
.container-16 .push-13{left:780px}
.container-16 .push-14{left:840px}
.container-16 .push-15{left:900px}
.container-12 .pull-3,.container-16 .pull-4{left:-240px}
.container-12 .pull-6,.container-16 .pull-8{left:-480px}
.container-12 .pull-9,.container-16 .pull-12{left:-720px}
.container-12 .pull-1{left:-80px}
.container-12 .pull-2{left:-160px}
.container-12 .pull-4{left:-320px}
.container-12 .pull-5{left:-400px}
.container-12 .pull-7{left:-560px}
.container-12 .pull-8{left:-640px}
.container-12 .pull-10{left:-800px}
.container-12 .pull-11{left:-880px}
.container-16 .pull-1{left:-60px}
.container-16 .pull-2{left:-120px}
.container-16 .pull-3{left:-180px}
.container-16 .pull-5{left:-300px}
.container-16 .pull-6{left:-360px}
.container-16 .pull-7{left:-420px}
.container-16 .pull-9{left:-540px}
.container-16 .pull-10{left:-600px}
.container-16 .pull-11{left:-660px}
.container-16 .pull-13{left:-780px}
.container-16 .pull-14{left:-840px}
.container-16 .pull-15{left:-900px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix{height:1%}

/* Workshops > Inst-vencido
----------------------------------------------------------------------------------------------------*/
#inst-vencido {padding-top: 15px; text-align: center; font-size: 24px; line-height: 26px;}

/* Workshops > legal
----------------------------------------------------------------------------------------------------*/
#legal p{font-size: 15px; margin-bottom: 15px; line-height: 20px;}
#legal h2 {font-size: 26px; padding-bottom: 15px; padding-top: 10px; line-height: 30px;}
#legal ol {list-style: decimal; font-size: 15px; line-height: 20px;}
#legal ul {list-style: disc; font-size: 15px; line-height: 20px; padding-left: 23px;}

/* ZW
----------------------------------------------------------------------------------------------------*/
#zw p {font-size: 16px; line-height: 20px; color: #333333;}
#zw .disclaimer {font-size: 12px; line-height: 20px;}
#zw h4 {font-size: 18px; color: #cc0066; padding-bottom: 10px; padding-top: 15px;}
#zw h3 {font-size: 18px; color: #333333; padding-bottom: 10px;}
#zw h3 span {font-size: 16px; color: #333333;}
#zw h2 {font-size: 18px; color: #cc0066; padding-bottom: 10px;}
#zw h2 span {font-size: 16px; color: #cc0066;}
#zw .header { margin-top: 10px;}
#zw #copy {float: left; width: 640px; margin-right: 48px; }
#zw #details {float: left; width:252px;}
#zw #details #text {background-color: #b4e2e7; float: left; width: 247px; margin-top: -5px;}
#zw #details #text #space {width:218px; margin-left: 15px; margin-right: 15px;}
#zw #details #text #space li {list-style-type: disc; margin-left: 15px; color: #333333; font-size: 14px; margin-bottom: 10px;}
#zw #logo {float: left; width: 247px;}
#zw #tarifa {float: left; padding-left: 20px; padding-top: 20px; width: 645px; height: 110px; }
#zw #bottom {float:left; padding-left: 55px; height: 192px; width: 334px;}
#zw .zw-logo {margin-left:  50px;}
#zw .registrate {  margin-top: 60px;}
#zw #disclaimer {margin-top: 20px;}