@charset 'utf-8';

.Cabeza{height:345px;}
.Cabeza h2 { font: 14px/24px 'Helvetica Neue', Arial, sans-serif; color: #333;margin:0; text-shadow: 1px 1px 0 white;padding:0 }
.Cabeza h1 { text-align: center; margin-bottom: 30px; text-shadow: 1px 1px 0 white; }
.Cabeza dt { font-weight: bold; }
.Cabeza dd { margin: 0; }
.Cabeza figure { display: block; width: 100%; height: 100%; margin: 0 }
.Cabeza figcaption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; background: rgba(0,0,0,0.7); color: white;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 97%; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
/****************************************** Basic */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
/****************************************** Dark */
.dark { border: 9px solid #272935; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #272935; color: white; }
.dark li > h2 b { background: #272935\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #3B3F4F; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #3B3F4F\9; }
.dark li > div { background: #030303; margin-left: 5px; }
/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/***************************************** Light */
.Light { border: 9px solid #f0efef; border-bottom-width:8px; padding:5px 5px 6px 0; background: #fbfaf9; -webkit-box-shadow: 0 -1px 0 #bbbfc2 inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #bbbfc2 inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #bbbfc2 inset, 0 5px 15px rgba(0, 0, 0, 0.4);box-shadow: 0 -1px 0 #bbbfc2 inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.Light li > h2 { background: #fbfaf9; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #fbfaf9; }
.Light li > h2 span { background: #121218; color: #fff;  background: -moz-linear-gradient(top left, #121218 0%, #272935 100%);}
.Light li > h2 b { background: #121218\9; color: #fff; font-size: 20px; text-shadow: -1px 1px 0 #bbbfc2; }
.Light h2.selected span, .Light h2.selected span:hover { background: #0052a9; background: -webkit-gradient(linear, left top, right top, color-stop(0, #0052a9), color-stop(1, #009cdc)); background: -moz-linear-gradient(top left, #0052a9 50%, #009cdc 100%); }
.Light h2.selected b { background: #0052a9\9; }
.Light li > div { background: #fbfaf9; padding-lef:2px;}
/**************************************** Stitch */