* {margin:0;padding:0}
body {background: white url(../images/background_home.gif) top left repeat-y;font: 12px/1.7 sans-serif;color:#666;text-align: justify}
#content {margin-left: 260px;width:625px;min-height:450px}
#content p {padding:0 25px 12px 0}
	#content p.print {padding-bottom:0}

#footer  {width:620px;background:url(../images/footer_home.gif) top center no-repeat;padding:15px;color:#999;margin:10px 0 20px 232px;text-align:center;font-weight:bold;clear:right;line-height:17px}
#footer ul {list-style-type:none;text-align:center}
#footer a, #footer a:active, #content a:active, #content a, #content a:active, ul#language li a, ul#top_menu a, #globalnav a {font-weight: normal;color: #ea982f;text-decoration: none}
#content a:hover, #footer a:hover, #globalnav a:hover, #content a.button:hover, #header a.selected {color:#333;text-decoration: none}
#sidebar {float: left;width: 230px;background:  url(../images/pareja.gif) bottom center no-repeat;min-height:700px}
#sidebar li a {color: #FFF;text-decoration:none;display: block;font-weight: bold;padding:0 0 0 10px;margin:0;background-color: transparent;text-align:left}
#sidebar ul {margin-top:10px;list-style-type: none}
 #sidebar ul a:active { background-color: #FAFAFA; color: #356853}
#sidebar ul a:hover {background-color: #FAFAFA; color: #356853;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out}
#sidebar p {position:absolute;top:880px;left:0}
#sidebar p#macaron {border:0;top:700px;left:35px}

#header {position:relative;height:170px;width:600px}
#content #header ul {position:absolute;padding-right:0}
#content #header ul li {padding-left:0}
ul#language {border-top:2px solid #999;top:13px;left:0;padding:0}
ul#top_menu {top:13px;right:0;text-transform:uppercase;font-size:16px}
#top_menu a {margin-left:20px;padding-left:30px;background:url(../images/top_menu.png) no-repeat}
#top_menu #contactus:hover, #contact #top_menu #contactus {background-position:0 -30px;color:#333}
#top_menu #book {background-position:0 -60px}
#top_menu #book:hover, #enrollment #book {background-position:0 -90px;color:#333}

#header ul a {float:left}
ul#language li, ul#top_menu li {display:inline;list-style:none}
ul#language li a {padding-top:6px;margin:0 5px 0 5px;background: url(../images/topnav_arrow.png) top center no-repeat;}
ul#language li a:hover, ul#language li a.selected {padding-top:6px;color:#999;background: url(../images/topnav_arrow.png) 50% -29px no-repeat}
.logo {margin:50px 0 0 200px}

.active  { background-color: #356853}
.volver {border-top: 1px solid #FFF;border-bottom: 1px solid #FFF}
.date {text-align:right;font-weight:bold;color:#999;padding: 0 25px 10px 0}
.clear {clear:both}
.backtotop, .print {text-align:right;clear:right}
.backtotop a {background: url(../images/backtoTop.gif) 0 60% no-repeat;padding-left:15px;height:17px}
.print a {background: url(../images/print.gif) 0 50% no-repeat;padding:2px 0  2px 23px;height:20px}
.link a {background: url(../images/bullet_single.gif) 0 60% no-repeat;padding-left:12px;height:17px;border-bottom:1px solid #CCC}
#sidebar li a.extra {margin-bottom:10px}
#content p.extra {margin-top:30px}
#content p.center {text-align:center;clear:both;margin-top:20px}

#home #content .first {width:275px;float:left}
#home #content .second {margin: 0 0 0 300px;width:300px}
#home #content .second img {margin-bottom:20px}
#home #floatwrapper {float:left}
#content #floatwrapper p {padding:0 0 16px 0}
/*#home #content .first ul {list-style-type:none;padding:0;margin:0 0 20px 0;line-height:15px}
#home #content ul li {padding:0 0 4px 16px;margin:0 0 3px 0;background: url(../images/list.png) 0 2px no-repeat}*/
#home #content h2 {margin:0;height:35px;color:#777}
#home #content h2.menu {background: url(../images/h2_menu.gif) top left no-repeat;padding:7px 0 0 32px;margin-top:10px}
#home #content h2.languagetools {background: url(../images/h2_languagetools.gif) top left no-repeat;padding:7px 0 0 26px;margin-top:20px}
#home #content h2.activities {background: url(../images/h2_activities.gif) top left no-repeat;padding:7px 0 0 38px}
#home #content h2.testimonials {background: url(../images/h2_testimonials.gif) top left no-repeat;padding:7px 0 0 38px;margin-top:20px}
#home #content h2.links {background: url(../images/h2_links.gif) top left no-repeat;padding:7px 0 0 38px}
#home #content table {border:1px solid #CCC;border-collapse:collapse;margin:0 0 15px 0;width:300px;text-align:left;-webkit-box-shadow:0 0 3px #ddd;-moz-box-shadow:0 0 3px #ddd;box-shadow:0 0 3px #ddd}
#contact #content table, body#enrollment table {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#home #content table td, #home #content table th {padding:4px;margin-right:5px;border:1px solid #CCC;vertical-align:top}
#home #content table th {background-color:#CCC;background:-moz-linear-gradient(50% 75% 90deg,#ABABAB, #C9C9C9);background:-webkit-gradient(linear, 0% 100%, 0% 25%, from(#ABABAB), to(#C9C9C9));color:white;text-shadow:#999 1px 0 0}
#home #content blockquote p {background: url(../images/quote-top.gif) top left no-repeat;color:white;background-color:#CCC;padding:30px 10px 0 10px;font-weight:bold}
#home #content blockquote cite {display:block;text-align:right;padding:40px 10px 30px 0;background: url(../images/quote-bottom.gif) top left no-repeat;font-weight:bold}
#home form {display:block;margin:0;padding:0}
#home #content ul {text-align: left}
#content #floatwrapper p.fb {line-height:33px;background:#efeff3 url(http://clubivy.com/images/layout/facebook-small2.png) top left no-repeat;text-align:left;margin:0 0 10px 0;padding:0 0 0 45px}
ul ul {margin-top:5px}
.credit {font-size:9px;padding-top:5px}
#home label {display:block;padding-top:5px;color:#777;font-weight:bold}
.contact {position: absolute;border:0;top:10px;left:755px}
#home input.button {vertical-align: middle;margin-top: -5px;width:82px;border:none}
#home input {width: 180px;font-size: 11px;background-color: #ECECEC;border: 1px solid #CCC;font-weight: bold}
#contact input, #contact textarea, #enrollment input, #enrollment textarea  {padding:5px}
#useful_links dl dt {font-weight:bold;margin-right:25px}
#activities dl {padding-bottom:10px;border-bottom:2px solid #dedede}
#activities dl dt, #practical_information dl dt {font-weight:bold}
#practical_information dl {margin:0 10px 10px 0;float:left;width:180px}
.notice {background:#FFF6BF url(../images/notice.gif) 95% 50% no-repeat;color:#514721;border: 1px solid #FFD324;margin-bottom:15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.notice dl {padding:10px;margin:0;text-align:left}
#content .notice dt a {color:#356853;font-weight:bold}
.notice dd {padding-bottom:5px}
p.badge {background:url(../images/badge.gif) no-repeat;display:block;height:92px;width:250px;text-align:left}
	#content p.badge a {padding:25px 15px 0 100px;display:block;font-size:90%}
	#content p.badge a:hover {color:white}
.notice ol {padding:15px;margin:0}
#practical_information .notice {margin-right:25px}

img {border: 0}
img.centered {display: block;text-align: center;margin-left: auto;margin-right: auto}
img.floatright {float: right;margin-left:10px;margin-bottom:10px}
img.border {padding:5px;border:1px solid #ccc}
img.floatright2 {float: right;margin:0 0 5px 10px}
img.floatleft {float: left;margin: 0 10px 5px 0;padding:5px;border:1px solid #CCCCCC;background-color:#FAFAFA}
img.floatleft2 {float: left;margin: 0 10px 5px 0}
img.photoborder {margin:5px}
img.centeredtitle {display: block;text-align: center;margin-left: auto;margin-right: auto;margin-bottom: 25px}
img.centeredtopmargin {display: block;text-align: center;margin-left: auto;margin-right: auto;margin-top: 50px;border: 1px solid #CCC}
.centeredblock {width:200px;display: block;text-align:center;margin-left: auto;margin-right: auto;margin-top:20px;margin-bottom:20px;padding: 10px;background-color:#F7F7F7;border: 1px solid #CCC;font-weight:bold}
img.contact {position: absolute;border:0;top: 5px;right:25px}
.bar {margin:0 25px 10px 0; padding:10px;border-left: 5px solid #999;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#E3E9EB;text-align:left}
#content .bar li {background-image:none;padding-left:0}
.title {text-align: center}
.italics {font-style: italic}
.crumb a {background: url(../images/list.png) 100% 50% no-repeat;padding-right:15px;height:17px}
p.crumb {color:#999;font-weight:bold}
#home #content .second p.news {border:1px solid #ccc;padding:5px 2px;margin-bottom:15px;background-color:#dedede;font-weight:bold;text-align:center}
h1 {text-align: center;font-size: 22px;text-transform:uppercase;font-weight: normal;color: #FAA434;letter-spacing: 0.1em;margin:0 0 20px 0}
h2 {font-size: 12px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;color: #FAA434;letter-spacing: 0.1em;margin: 10px 0 10px 0;padding:0}
h2.subtitle {font-size:11px;text-align:center}
h3 {background:url(/images/h3_title.gif) no-repeat;padding:0 5px 0 10px;margin-bottom:5px;height:35px;line-height:35px;font-size:12px;display:block;width:600px}
h3:hover {color:black}
#content h3 a:link, #content h3 a:visited {color:#888}
#content h3 a:hover {color:#666}
.stretcher, #content p.stretcher {padding-left:5px}
.down {color:#222}
h4 {background-image:url(/images/endsection.gif);background-position:center;background-repeat:no-repeat;padding: 0;margin-top: 15px}
h5 {text-align: center;font-size: 10px;margin: 6px;}
.PDF{ width: 190px; padding:3px; border: 1px solid #CCCCCC;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:15px}
.pdf_link {background: url(../images/pdf_button.png) left center no-repeat;padding:5px 0  5px 22px;height:15px}
.PDF img {float:left;margin:0;padding:0}
dl {margin:20px 20px 0;color:#666}
#content ul {color: #666;padding-right: 25px;list-style-type:none;margin-bottom:10px}
#content li, #content ol li ul li {padding:0 0 0 16px;margin:0 0 3px 0;background: url(../images/list.png) 0 2px no-repeat}
#content ol li {background:none;padding:0}
#content ol {margin:0 22px 10px 22px}
/*textarea {width: 250px;background-color: #ECECEC;border: 1px solid #666;font-size: 11px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif}*/
input.styled, select, textarea {width: 300px;font-size: 11px;background-color: #E3E9EB;border: 1px solid #ccc;font-weight: bold;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:1px 1px 4px #dedede;-moz-box-shadow:1px 1px 4px #dedede;box-shadow:1px 1px 4px #dedede}
input.nostyle {background-color: #faa434;border: 1px solid #ccc;font-weight: bold;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:1px 1px 4px #dedede;-moz-box-shadow:1px 1px 4px #dedede;box-shadow:1px 1px 4px #dedede;color:white}
input.nostyle:hover {background-color:#444;cursor:pointer}
input:focus, textarea:focus {background:white;outline:none}
table {-webkit-box-shadow:0 0 8px #ccc;-moz-box-shadow:0 0 8px #ccc;box-shadow:0 0 8px #ccc;margin:20px 20px 20px 0;border-collapse:collapse;border:1px solid #CCC;width:600px}
#content table p {padding:5px 0 0 15px}
.stretcher table {width:590px}
th.narrow {width:120px}
th.wide {width:200px}

#enrollment table,#enrollment td, #enrollment th,#special_offers td, #special_offers table, #special_offers th, #contact table, #contact td, #contact th {border:none}
#special_offers table {width:540px}
#content strong.asterisk {color:red}
#content table ul {list-style-type:none;margin:0;padding:0}
#content table ul li {padding:0;margin:0;background-image:none}
td, th {padding:5px}
td.featured {background:url(../images/featured.png) bottom center no-repeat}
td {border-collapse:collapse;border:1px solid #CCC;text-align:left}
.tdjustify {text-align:justify;vertical-align:top}
th {text-align:center;background-color: #FBB145;background:-moz-linear-gradient(0% 75% 90deg,#E3A03E, #faa434);background:-webkit-gradient(linear, 0% 100%, 0% 25%, from(#E3A03E), to(#faa434));font-weight: bold;color: #FFF;text-transform:uppercase;text-shadow:#cf9034 1px 0 1px;letter-spacing:0.1em}
.tdbold {background-color: #E3E9EB;font-weight: bold;min-width:80px}
.pushtop {vertical-align:top}
.tablecenter {text-align:center}
caption {caption-side:top;font-weight:bold;padding-bottom:10px;color: #FAA434}
.tablecenter td {border-collapse:collapse;border:1px solid #CCC}
/*
#Flash {margin-bottom:15px}
#home #content .first #Flash img {margin-bottom:5px}
#home #content .first #Flash p {border:1px solid #ccc;background-color:#dedede;padding:5px;margin:0}
*/
#content p.error {background-color:#FBE3E4;color:#D12F19;border:1px solid #FBC2C4;display:block;padding:5px;margin:0 25px 12px 0}
#content p.success {background-color:#E6EFC2;color:#529214;border:1px solid #C6D880;display:block;padding:5px;margin:0 25px 12px 0}

/* sitemap */
#sitemap ol ul {margin-bottom:0}
#sitemap ol li {padding-top:5px}

/* global nav */
#globalnav {overflow:hidden;zoom:1;background:url(../images/globalnav.gif) top left repeat-x;width:653px;margin-left:232px}
#globalnav img {margin:0;padding:0}
#globalnav ul {list-style:none}
#globalnav li {float:left}
#globalnav li a {display:block;border-top:2px solid #ccc;width:217px}
#globalnav li a:hover, #globalnav li a.current {border-top:2px solid #FAA434}
#globalnav li a span {padding:5px 2px 5px 2px;display:block;text-align:center}

/* word of the day */
#home #content table.ig_tbl_line, #home #content table.ig_tbl_line td {border:none;padding:0;text-align:left}
#home #content table.ig_tbl_line td a {font-size:11px}
#home #content table.ig_tbl_line td a img, #home #content table.ig_tbl_line td div a {display:none}
#home #content table.ig_tbl_line {font-size:9px;margin:12px 0 0 0}
#home #content .wordtool {padding:5px;border:1px solid #ccc;margin-bottom:10px;background-color:#fefefe;line-height:11px}
#home #content .wordtool b {color:#777}

/* google translate tool */
#google_translate_element {margin:10px 0 0 10px;font-size:10px;height:50px}
#google_translate_element select {width:210px;font-size:11px;background-color:#fda300;border-color:white;color:white}
#google_translate_element option {padding-left:5px}
.goog-te-gadget span {visibility: hidden}
.goog-te-gadget span a img {visibility:visible}

/* CSS3 Buttons */
#content a.button {
   border: 1px solid #89acb7;
   border-radius: 12px;-webkit-border-radius:12px;-moz-border-radius:12px;
   background-image: -moz-linear-gradient(top, #e3e9eb, #bdcdd2); /* FF3.6 */
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3e9eb),color-stop(1, #bdcdd2)); /* Saf4+, Chrome */
   color: #547985;
   text-shadow: 0 1px #fff;
   padding: 5px 20px}
#content a.button:active {position: relative;top: 1px}

/* slideshowpro */
#photo-gallery #content ul li, #home #content ul li {padding:0;margin:0;background:none}
#content p.tmbrdr {padding:0}
.svwp {width: 50px; height: 20px; background: #fff} /*preloader stuff. do not modify!*/
.svwp ul {position: relative; left: -999em} /*preloader stuff. do not modify!*/
.slideViewer {position: relative;overflow: hidden; margin: 0;padding: 0;-webkit-box-shadow:0 0 5px #999;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999}
.slideViewer ul {  /*your list of images*/ position: relative;left: 0;top: 0;width: 1%;list-style-type: none;margin: 0; padding: 0}
.slideViewer ul li {float:left}
#home .ldrgif {margin-left:125px}
#photo-gallery .ldrgif {margin-left:260px}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;color: #000;font: normal 10px Verdana}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;width: 1%;background: #fff}

.thumbSlider ul {list-style-type:none;margin:0;padding:0}
.thumbSlider ul li {float:left;margin:0}
.thumbSlider a {color: #fff;text-decoration: none}
.thumbSlider a img {border: 0;display: block;padding:0}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb. width, height and top values are dynamically added by the script. Do not modify. */
position:relative;left: 0;font-size: 0.01em;left: 0;margin: 0;padding: 0}
a.left, a.right { /*the left and right buttons (links)*/ color: #FAA434;font: bold 18px Arial;overflow: hidden;background:transparent}

a.left span, a.right span {}
a.left img, a.right img {border: 0}
a.l_dis, a.r_dis {cursor: default;background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */}
a.l_dis span, a.r_dis span {display: none}
a:focus {outline:none}


#contact iframe {width:600px;height:400px;border:0;margin-bottom:10px;overflow:hidden}
#contact label {float:left;width:180px;display:block;padding:0 10px;text-align:left;font-weight:bold}
#contact input[type="submit"] {margin-left:200px}
#contact fieldset {border:1px solid #ccc;width:600px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#contact form {margin-top:10px}
#contact legend {padding:5px;border:1px solid #ccc;margin-left:10px;background-color:#E3E9EB;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#contact #map {width:600px;height:400px;margin-bottom:10px}