/*------------------

- Pag. con recuadro pequeño a la derecha (ej: pagina docente)
colocar div con clase "x4" arriba del div que tiene clase "x8",
y reemplazar las clases por "x4_2" y "x8_2" respectivamente.

- pagina con la botonera (ej: pagina panel)
remplazar tabla contenedora de la botonera por lista y aplicarle la
clase "botonera-azul"

- en feedback ajustar posicion, en lugar de utilizar "right:50%; margin-right:-x...",
colocar "left:100%;margin-left:-295px;"

------------------*/
/* -------------------------------------------------------------- 
Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, sup,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;padding:0;margin:0;border:0;vertical-align:baseline}
fieldset{border:1px solid #ddd;padding:0 .5em .5em}
legend{color:#0b77b7;font-size:1.2em}
legend span{width:20em;text-align:right}
/* label{float:left;width:10em;text-align:right;margin-right:1em} */
pf {border-bottom:1px solid #B7DDF2;color:#666666;font-size:11px;margin-bottom:20px;padding-bottom:10px;}
a.active_up, a.desactive_down {display:inline-block;background-repeat:none;background-position:center;height:20px;width:92px;margin-left:4px;margin-right:4px;text-indent:-90%;}
a.active_up {background:url("../images/activo.gif");}
a.desactive_down {background:url("../images/desactivo.gif");}
a.vote_up, a.vote_upE, a.vote_down, a.falt, a.insc-f {display:inline-block;background-repeat:none;background-position:center;height:20px;width:92px;margin-left:4px;margin-right:4px;text-indent:-90%;}
a.falt {background:url("../images/falt.gif");}
a.vote_up {background:url("../images/reg.gif");}
a.vote_upE {background:url("../images/elim.gif");}
a.vote_down {background:url("../images/insc.gif");}
a.insc-f {background:url("../images/insc-f.gif");}
.editable input[type=submit] {color:#F00;font-weight:bold;}

/* -------------------------------------------------------------- 
Text
-------------------------------------------------------------- */
h1,h2,h3,
h4,h5,h6{color:#111;margin-bottom:.75em;}
h1 {font-size:30px;line-height:1em;}
h2 {font-size:24px;font-weight:normal;color:#222;margin-bottom:1em}
h3 {font-size:16px;color:#333;line-height:1;margin-bottom:.75em}
h4 {font-size:14px;color:#666;line-height:1.25;margin-bottom:1.25em}
h5 {font-size:12px;font-weight:bold;margin-bottom:1.5em}
h6 {font-size:11px;font-weight:bold}
p {margin:0 0 1.5em}
p.last{margin-bottom:0}
img {border:none;}
ul, ol{margin-left:28px;margin-bottom:1.5em;}
li ul,
li ol{margin-top:1em;}
ul li{list-style-type:disc;}
li{margin-bottom:.5em;}
dl{margin:0 0 1.5em 0}
dl dt {font-weight:bold}
dd{margin-left:1.5em}
abbr, 
acronym {border-bottom:1px dotted #666}
address {margin-top:1.5em;font-style:italic}
del {color:#666}
sup{font-size:9px;vertical-align:top;}
a{color:#358;text-decoration:underline}
a:visited{color:#667}
a:focus, 
a:hover {color:#933}
blockquote{margin:1.5em;color:#666;font-style:italic}
strong{font-weight:bold}
em,dfn{font-style:italic;background:#ffc}
dfn {font-weight:bold}
pre,code{margin:1.5em 0;white-space:pre}
pre,code,tt {font:12px 'andale mono', 'monotype.com', 'lucida console', monospace;line-height:1.5} 
tt {display:block;margin:1.5em 0;line-height:1.5}
hr {border:none;border-bottom:1px dotted #CCC;margin-bottom:2em;margin-top:1em;}
table {width:100%;border:0;margin-bottom:2em;}
table thead th{font-size:11px;font-weight:bold;text-align:left;padding:5px;background-color:#263849!important;color:#FFF;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
table thead th{font-size:11px;font-weight:bold;text-align:left;padding:5px;background-color:#263849!important;color:#FFF;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
table td {vertical-align:top;}
table td .odd:hover{background:#F5F5F5}
table tbody tr td {background:#FFF;border-bottom:1px dotted #DDD;}
table th {padding:2px 0;}
table tbody td {padding:5px;font-size:11px;}
table tr.even td {background:#F9F9F9;}
tr:nth-child(odd) {background-color:#F9F9F9;}
tr:nth-child(even) {background-color:#FFF;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}

/* -------------------------------------------------------------- 
Layout
-------------------------------------------------------------- */
html,body{height:100%;overflow-x:hidden;}
body{min-height:100%;background-image:url(../images/bg_blue_square.jpg);background-repeat:repeat-x;background-attachment:fixed;background-position:bottom left;background-color:#daf7ff;font:12px/1.7em arial,sans-serif;}
#wrapper {background:#F7FFFF;min-width:930px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;-o-border-radius:4px;border-radius:4px;min-height:100%}
#header {background:#263849 url(../images/header_bg.png) repeat-x 0 0;height:96px;margin:0 auto;position:relative;}
#header h1{background:url(../images/title.png) no-repeat 0 0;width:180px;height:27px;line-height:500px;overflow:hidden;color:#FFF;font-size:32px;position:absolute;top:40px;left:10px;}
#header h1 a {display:block;}
#info{width:415px;font-size:11px;font-weight:bold;color:#DDD;text-align:right;position:absolute;right:10px;top:7px;padding-right:245px;}
#info h4 {font-size:16px;color:#DDD;margin-bottom:.6em;}
#info a {color:#F90;}
#info img {width:220px;border:3px solid #FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;position:absolute;top:0;right:0;}
#nav {background:#A1EB55;height:47px;margin:0 auto 0px;position:relative;z-index:100;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;-moz-box-shadow:0px 1px 3px rgba(0,0,0,.35);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.35);box-shadow:0px 1px 3px rgba(0,0,0,.35);}
#content{margin:15px auto;min-height:65%}
#footer{width:93%;border-top:1px dotted #AAA;clear:both;padding:15px 0;margin:0 auto;margin-top:5em;margin-bottom:1px;}
.portlet{background:#FFF;margin-bottom:1.5em;border:1px solid #CCC;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.10);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.10);box-shadow:1px 1px 2px rgba(0,0,0,.10);}
.portlet-header{background:#F0F0F0 url(../images/portlet-header-bg.png) repeat-x 0 0;color:#444;text-align:left;padding:15px 0 15px 0;width:100%;cursor:pointer;position:relative;border-bottom:1px solid #CCC;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;}
.portlet-state-closed .portlet-header {padding-bottom:10px;}
.portlet-header h4{font-size:14px;font-style:normal;font-weight:bold;color:#263849;padding:0 0 0 10px;margin:0;}
.portlet-state-closed .portlet-header {-moz-border-radius:6px;-webkit-border-radius:6px;}
.portlet-content {padding:20px 15px 15px;}
.portlet-contents {padding:4px 15px 5px;}
.portlet-state-closed .portlet-content {display:none;}
.portlet-state-closed h4 {border:none;}
.portlet-toggle-icon{background:url(../images/portlet/portlet-arrow-close.html) no-repeat 0 0 !important;width:12px;height:5px;display:block;position:absolute;right:15px;top:16px;}
.portlet-state-closed .portlet-toggle-icon {background:url(../images/portlet/portlet-arrow-open.html) no-repeat 0 0 !important;}
.portlet-tab-nav{padding:0;margin:0;position:absolute;top:11px;right:10px;}
.portlet-state-closed .portlet-tab-nav {display:none;}
.portlet-tab-nav li{background:transparent;line-height:2em;list-style-type:none;float:left;margin:0 1em 0 0;-moz-border-radius:100px;-webkit-border-radius:100px;-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.portlet-tab-nav li:hover {background:#DDD;}
.portlet-tab-nav li a{color:#444;font-size:11px;font-weight:bold;text-decoration:none;padding:5px 8px;outline:none !important;}
.portlet-tab-nav li a:hover {}
.portlet-tab-content {display:block;}
/* Menu */
.portlet-tab-nav .portlet-tab-nav-active{background-color:#263849 !important;border:1px solid transparent;}
.portlet-tab-nav-active a {color:#FFF !important;}
.portlet-tab-nav-active a:hover {text-decoration:none !important;}
.portlet-tab-content-active {display:block !imporant;}
.portlet-tab-nav .portlet-tab-nav-activea {color:#0B66B9;text-decoration:none;}
/* Menu Actives*/
.portlet-tab-nav .portlet-tab-nav-actives{background-color:#228B22 !important;border:1px solid transparent;padding-right:18px;}
.portlet-tab-nav .portlet-tab-nav-actives span{background-image:url(../images/amp-btn-icon-sprite.png);background-repeat:no-repeat;background-position:0 0;background-position:-16px -16px;width:16px;height:16px;position:absolute;top:50%;margin-left:3px;margin-top:-8px;}
/* Menu Desactivo*/
.portlet-tab-nav .portlet-tab-nav-desactive{background-color:#263849 !important;border:1px solid transparent;padding-right:18px;}
.portlet-tab-nav .portlet-tab-nav-desactive span{background-image:url(../images/amp-btn-icon-sprite.png);background-repeat:no-repeat;background-position:0 0;background-position:-112px -16px;width:16px;height:16px;position:absolute;top:50%;margin-left:3px;margin-top:-8px;}
/* Menu Actives - bloqueo */
.portlet-tab-nav .portlet-tab-nav-bloqueo{background-color:#CC0000 !important;border:1px solid transparent;padding-right:18px;}
.portlet-tab-nav .portlet-tab-nav-bloqueo span{background-image:url(../images/amp-btn-icon-sprite.png);background-repeat:no-repeat;background-position:0 0;background-position:-16px -16px;width:16px;height:16px;position:absolute;top:50%;margin-left:3px;margin-top:-8px;}
/* Menu */
.portlet-tab-nav-actives a, .portlet-tab-nav-desactive a, .portlet-tab-nav-bloqueo a {color:#FFF !important;}
.portlet-tab-nav-actives a:hover, .portlet-tab-nav-desactive a:hover, .portlet-tab-nav-bloqueo a:hover {text-decoration:none !important;}
.portlet-tab-content-active {display:block !imporant;}
.portlet-tab-nav .portlet-tab-nav-actives, .portlet-tab-nav .portlet-tab-nav-desactivea,.portlet-tab-nav .portlet-tab-nav-bloqueo {color:#0B66B9;text-decoration:none;}

/* -------------------------------------------------------------
FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form {padding:0;margin:0;}
.form .field {width:100%;float:left;}
.form .field_help {margin-left:145px;font-size:90%;color:#777;}
.form label, 
.form span.label {color:#444;margin-right:0px;padding-right:10px;width:155px;display:block;float:left; font-weight:bold;text-align:right;position:relative;}
.form label em, 
.form span.label em {position:absolute;right:0;font-size:120%;font-style:normal;color:#C00;}
.form .upload {margin-bottom:-5em;}
.form .buttonrow {float:left;margin-top:1em;margin-bottom:2.5em;margin-left:145px;display:block;}
.form .cancel {font-size:11px;color:#C00;padding-left:10px;}
.form .field {margin-bottom:1.5em;}
.form .uploader {margin-bottom:.5em !important;}
.form .field input,
.form .field textarea{padding:4px;margin-right:1px;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;}
.form .phone_field input {margin-right:0;}
/* Label top styles */
.label-top .field label {width:100%;display:block;text-align:left;}
.label-top .field span.label {width:100%;display:block;float:left;text-align:left;position:relative;}
.label-top .field .field_help {margin-left:0;font-size:11px;}
.label-top .buttonrow {margin-left:0;}
.label-top .selector {width:100%;display:block;float:left;}
.form div.controlset label, 
.form div.controlset input {display:inline;float:none;}
.form .controlset label {font-size:11px;font-weight:normal !important;}
.controlset {margin-bottom:2.5em;float:left;}
.controlset .controlset-pad {width:300px;float:left;}

/* -------------------------------------------------------------- 
Grid
-------------------------------------------------------------- */
.xgrid {width:960px;margin:0 auto;}
.xfluid {}
.x1 {width:60px;}
.x2 {width:140px;}
.x3 {width:220px;}
.x4 {width:300px;}
.x5 {width:380px;}
.x6 {width:460px;}
.x7 {width:540px;}
/*.x8 {width:620px;}
*/.x9 {width:700px;}
.x10 {width:780px;}
.x11 {width:860px;}
.x12 {width:940px;}
.a1{padding-right:80px;}
.a2{padding-right:160px;}
.a3{padding-right:240px;}
.a4{padding-right:320px;}
.a5{padding-right:400px;}
.a6{padding-right:480px;}
.a7{padding-right:560px;}
.a8{padding-right:640px;}
.a9{padding-right:720px;}
.a10{padding-right:800px;}
.a11{padding-right:880px;}
.a12{padding-right:960px;}
.p1{padding-left:80px;}
.p2{padding-left:160px;}
.p3{padding-left:240px;}
.p4{padding-left:320px;}
.p5{padding-left:400px;}
.p6{padding-left:480px;}
.p7{padding-left:560px;}
.p8{padding-left:640px;}
.p9{padding-left:720px;}
.p10{padding-left:800px;}
.p11{padding-left:880px;}
.p12{padding-left:960px;}
.xfluid .x1 {width:6.33%;}
.xfluid .x2 {width:14.66%;}
.xfluid .x3 {width:23%}
.xfluid .x4,.xfluid .x4_2{width:300px}
.xfluid .x4_2{float:right;margin-right:10px;}
.xfluid .x5 {width:39.66%;}
.xfluid .x6 {width:48%;}
.xfluid .x7 {width:56.33%;}
.xfluid .x8 {width:64.67%;}
.xfluid .x9 {width:73%;}
.xfluid .x10 {width:81.33%;}
.xfluid .x11 {width:89.67%;}
.xfluid .x12 {width:98%;}
.xfluid .a1{padding-right:8.33%;}
.xfluid .a2{padding-right:16.66%;}
.xfluid .a3{padding-right:25%;}
.xfluid .a4{padding-right:33.33%;}
.xfluid .a5{padding-right:41.66%;}
.xfluid .a6{padding-right:50%;}
.xfluid .a7{padding-right:58.33%;}
.xfluid .a8{padding-right:66.67%;}
.xfluid .a9{padding-right:75%;}
.xfluid .a10{padding-right:83.33%;}
.xfluid .a11{padding-right:91.67%;}
.xfluid .a12{padding-right:100%;}
.xfluid .p1{padding-left:8.33%;}
.xfluid .p2{padding-left:16.66%;}
.xfluid .p3{padding-left:25%;}
.xfluid .p4{padding-left:33.33%;}
.xfluid .p5{padding-left:41.66%;}
.xfluid .p6{padding-left:50%;}
.xfluid .p7{padding-left:58.33%;}
.xfluid .p8{padding-left:66.67%;}
.xfluid .p9{padding-left:75%;}
.xfluid .p10{padding-left:83.33%;}
.xfluid .p11{padding-left:91.67%;}
.xfluid .p12{padding-left:100%;}
.x1, .x2, .x3, .x4, 
.x5, .x6, .x7, .x8,
.x9, .x10, .x11,.x12 {margin:0 0px 1.5em 10px;float:left;}
/*.xfluid .x1, .xfluid .x2, .xfluid .x3, 
.xfluid .x4, .xfluid .x5, .xfluid .x6, 
.xfluid .x7, .xfluid .x8, .xfluid .x9, 
.xfluid .x10, .xfluid .x11,.xfluid .x12 {margin:0 .85% 2em;}*/
.xbreak {clear:both;}
.xgrid:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
ul.botonera-azul{overflow:hidden;width:100%;list-style:none; display:block;margin:0;padding:0;}
ul.botonera-azul li{float:left; margin:5px 0px 5px 5px;list-style:none}
/* -------------------------------------------------------------- 
Menu
-------------------------------------------------------------- */
#menu-sub {display:none;}
.mega-sub:hover #menu-sub {display:block;}
.mega-container{text-align:left;list-style-type:none !important;padding:0;margin:0;}
/* List item styling */
.mega-container li {list-style-type:none;}
.mega{float:left;position:relative;z-index:10;padding-left:10px;margin:8px 0 4px 0;list-style-type:none !important;}
.mega:first-child {background:none !important;}
.mega:hover {z-index:10000 !important;}
*:first-child+html .mega:hover {zoom:1 !important;}
/* Menu tab styling */
.mega .mega-tab,
.mega .mega-link,
.mega-current .mega-tab,
.mega-current .mega-link{background:url(../images/button-gradient.png) repeat-x right -200px;font-weight:bold;color:#222;font-size:12px;text-decoration:none;line-height:0;display:block;padding:15px 35px 15px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;position:relative;z-index:2;border:1px solid transparent;text-shadow:1px 1px 3px rgba(0,0,0,.35);}
.mega-current .mega-tab {background-position:right -100px !important;}
.mega-link {background-position:right -2000px !important;color:#fff !important;padding-right:10px !important;padding-bottom:10px;}
.mega-link:hover,
.mega-current .mega-link{background-position:right -100px !important;-webkit-border-radius:4px !important;-moz-border-radius:4px !important;border-radius:4px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mega .mega-tab,
.mega .mega-link{padding-bottom:10px !important;}
}
.mega:hover .mega-tab{background-position:right -100px;background-color:#AAA;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
/* Content container styling */
.mega-content {width:175px;display:none;-webkit-border-radius:4px;-webkit-border-top-left-radius:0;-moz-border-radius:4px;-moz-border-radius-topleft:0;border-radius:4px;border-top-left-radius:0;padding:10px;position:absolute;top:98%;left:10px;border:4px solid #aaa;text-align:left;color:#222;font-size:11px;z-index:6;background:#FFF;}
.mega .mega-content li {background-image:none;}
.mega:hover .mega-content {display:block;border-color:#aaa;}
*+html .mega-content {padding-bottom:5px !important;} /* Fix padding in IE7 */
*+html .mega-menu li > ul {padding-top:5px !important;padding-bottom:10px !important;}

/* Drop Menu Styling */
.mega-menu {background:#aaa;filter:none !important;padding:5px 5px 0 !important;z-index:10000 !important;}
.mega-menu ul {list-style-type:none;margin:0;}
.mega-menu li {margin-bottom:.5em;}
.mega-menu li a{background-color:#F9F9F9;display:block;padding:5px 10px 5px 10px;color:#358;text-decoration:none;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.mega-menu li a.hasSub {background-image: url(../images/link-menu-arrow.png);background-repeat:no-repeat;background-position:95% 50% ;}
.mega-menu li a:hover {background-color:#DDD;}
.mega-menu li {position:relative;}
.mega-menu li:hover > ul {display:block !important;}
.mega-menu li > ul {background:#689C29;width:175px;padding:10px 10px 5px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:1000;position:absolute;left:100%;top:0;}
/* Utility Classes */
.mega-left {left:0;}
.mega-right {left:auto;right:0;}
.mega-right {-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-moz-border-radius:4px;-moz-border-radius-topright:0;border-radius:4px;border-top-right-radius:0;}
/* Color styling */
.mega-container .mega-tab {background-color:transparent;color:#fff !important;background-position:right top;border:1px solid transparent;}
.mega-container .mega:hover .mega-tab,
.mega-container .mega:hover .mega-link,
.mega-container .mega-current .mega-tab,
.mega-container .mega-current .mega-link{background-color:#263849;color:#fff !important;border-color:#1C2B37; }
.mega-container .mega:hover .mega-content {border-color:#263849;}
.mega-container .mega-menu {background:#263849 !important;}
.mega-container li > ul {background-color:#263849 !important;}

/* -------------------------------------------------------------- 
Buttons
-------------------------------------------------------------- */
.btn,
.btn-icon,
.btn-mini{background-repeat:repeat-x;color:#FFF;font-weight:bold;display:inline-block;text-decoration:none;border-width:1px;border-style:solid;padding:0 15px 4px;margin:0;text-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;position:relative;}
/* Active/Click state */
.btn:active, .btn-icon:active, .btn-mini:active {top:1px;}
/* Sizes */
.btn, .btn-icon {background-position:0 -80px;font-size:12px;height:32px;line-height:29px;}
.btn.btn-small, .btn-icon.btn-small {background-position:0 0;font-size:10px;height:26px;line-height:23px;}
.btn.btn-large, .btn-icon.btn-large {background-position:0 -160px;font-size:15px;height:42px;line-height:40px;}
/* Sizes - Line height for A buttons need to be different */
a.btn, a.btn-icon {height:32px;line-height:32px;padding-bottom:0;}
a.btn.btn-small, a.btn-icon.btn-small {line-height:26px;padding-bottom:0;}
a.btn.btn-large, a.btn-icon.btn-large {line-height:42px;padding-bottom:0;}
/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon {border-color:none ;border:1px solid transparent;}
/* Set default button colors */
.btn, .btn-icon, .btn-mini { background-image:url(../images/bg-lite.png);background-color:#228B22;border-color:#00CCCC;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.btn:hover, .btn-icon:hover, .btn-mini:hover {background-color:#389738;color:#FFF;}
.btn-orange {background-color:#F90;border-color:#D58000;}
.btn-orange:hover {background-color:#FF8000;}
.btn-grey {background-color:#999;border-color:#888;}
.btn-grey:hover {background-color:#888;}
/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-grey {background-image:url(../images/bg-dark.png) !important;}
/* 65% opacity for lighter colors */
.btn-orange {background-image:url(../images/bg-lite.png) !important;}
/* Icon Button Styles */
.btn-icon {padding-left:32px !important;}
*+html .btn-icon {padding-left:20px !important;padding-right:5px !important;}
.btn-icon span{background-image:url(../images/amp-btn-icon-sprite.png);background-repeat:no-repeat;background-position:0 0;width:16px;height:16px;position:absolute;left:6px;top:6px;}
.btn-icon.btn-small span {top:4px;}
.btn-icon.btn-large span {top:12px;}
@-moz-document url-prefix() {.btn-icon span {left:3px;top:6px;} .btn-icon.btn-small span {top:2px;} .btn-icon.btn-large span {top:4px;}}
/* Mini Buttons */
.btn-mini {background-position:0 0;width:32px;height:26px !important;line-height:500px !important;overflow:hidden;padding:0;}
.btn-mini span {background-image:url(../images/amp-btn-icon-sprite.png);background-repeat:no-repeat;display:block;width:16px;height:16px;line-height:0;position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;}
/* Icon Classes */
.btn-arrow-down span {background-position:-48px 0;}
.btn-arrow-up span {background-position:-32px 0;}
.btn-arrow-right span {background-position:-16px 0;}
.btn-arrow-left span {background-position:0 0;}
.btn-comment span {background-position:-112px 0;}
.btn-heart span {background-position:-96px 0;}
.btn-star span {background-position:-80px 0;}
.btn-cart span {background-position:-64px 0;}
.btn-print span {background-position:-128px 0;}
.btn-rss span {background-position:-144px 0;}
.btn-person span {background-position:0 -16px;}
.btn-check span {background-position:-16px -16px;}
.btn-dollar span {background-position:-32px -16px;}
.btn-refresh span {background-position:-48px -16px;}
.btn-home span {background-position:-64px -16px;}
.btn-plus span {background-position:-80px -16px;}
.btn-minus span {background-position:-96px -16px;}
.btn-cross span {background-position:-112px -16px;}
/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover {background-image:url(../images/bg-lite.png);background-color:transparent;filter:none;border-color:transparent\0/;border-color:rgba(0,0,0,.4) !important;margin:0 1em 0 0;}
*+html .btn-transparent {border:none;}

/*----------------------------*/
.form .agregar {float:right;margin-top:1em;margin-bottom:2.5em; display:block; margin-right:10px;}

.form td.td{font-weight:bold;color:#444; font-size:12px;}
.form div.grados{width:280px; margin-top:40px; }

.form input.boton{
background-repeat:repeat-x;color:#FFF;font-weight:bold;display:inline-block;text-decoration:none;border-width:1px;border-style:solid;padding:0 15px 4px;margin:0;
text-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;-moz-border-radius:4px;-webkit-border-radius:4px;cursor:pointer;position:relative;
background-position:0 -80px;font-size:12px;height:32px;line-height:29px;
background-image:url(../images/bg-lite.png) !important;
background-color:#263849;border-color:#263849;
}
.form input.boton:active {top:1px;}
.form input.boton:hover {background-color:#354D65;}
.accion{
padding:0 10px 1px;
height:32px; width:64px;
background-repeat:repeat-x;color:#FFF;font-weight:bold;display:inline-block;text-decoration:none;border-width:1px;border-style:solid;
margin:0;text-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 1px;-webkit-box-shadow:1px 1px 1px;-moz-border-radius:4px;-webkit-border-radius:4px;
cursor:pointer;position:relative;
background-position:0 -80px;font-size:12px;line-height:29px;
}
.form input.guardar{
background-image:url(../images/bg-lite.png);
background-color:#228B22;
border-color:#00CCCC;
}
.form input.guardar:active {top:1px;}
.form input.guardar:hover {background-color:#389738;color:#FFF;}
.form input.cancelar:hover{background-color:#888;color:#FFF; }
.form input.cancelar{background-image:url(../images/bg-dark.png) !important; background-color:#999;border-color:#888; }

.form div#notas{float:right; width:100%;}
.lista{float:right;margin-top:-25px; margin-right:10px; text-align:center;padding:5px 0px 0px; width:150px; height:25px; background-color:#263849; -moz-border-radius:100px;-webkit-border-radius:100px;-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.lista p{text-shadow:1px 1px 1px rgba(0,0,0,.2);color:#fff; font-weight:bold; text-decoration:none;  }

.form input.enviar{
height:22px;width:62px;color:#000;font-weight:bold; background-color:#fff;font-size:12px;
text-decoration:none;border-width:1px;border-style:solid;padding:0 10px 4px;margin:0;
background-image:url(../images/bg-lite.png);
text-shadow:1px 1px 1px rgba(0,0,0,.2);-moz-border-radius:10px;-webkit-border-radius:10px;}

.form input.enviar:active {top:1px; }
.form input.enviar:hover {background-color:#D0D0D0;color:#FFF;}
.form input.articulo, .form input.descripcion {width:97%}
.form select.tipo{ width:97%}
#comentarios{width:75%; float:right; margin-right:10px;}
.form div.botones{margin-left:40%; margin-top:1em;margin-bottom:2.5em;display:inline-block;}
.form select{
width:190px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;border:solid 1px #ccc; cursor:pointer;
color:#424242;text-shadow:0 1px 0 #fff;
-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.10);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.10);box-shadow:1px 1px 2px rgba(0,0,0,.10);
padding:2px 5px;margin:0 3px;
position:relative;overflow:hidden;
}
.form option{color:#000; text-shadow:0 0px 0 #fff;}

.info{text-align:justify; margin-top:0px; margin-right:2px; width:28%; 
float:right; padding:5px; -moz-border-radius:10px;-webkit-border-radius:10px; margin-bottom:10px;}
.info legent{color:#000000;}
.infoDiv{-moz-border-radius:10px;-webkit-border-radius:10px; }
.info2{width:40%;}
.info3{width:85%; margin-right:10px;}
.form tr,.form td{border-bottom:0px;}

.btn-o {background-color:#921113;border-color:#7E0002;}
.btn-o:hover {background-color:#7E0002;}
.btn-o {background-image:url(../images/bg-lite.png) !important;}

/***********/
.ayuda_desplegable{	clear:both;margin-top:0;width:100%;background:#A1EB55;padding:20px 10px 10px 10px;width:auto;display:none;	
-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.ayuda_desplegable h1{ width:100%;text-align:center;font-weight:bold;padding:0 0 15px 0;font-size:18px;text-shadow: 2px 1px 1px #F4F4F4;margin-bottom: 0;	}
.ayuda_desplegable  div{background:#fff;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;max-height:300px;overflow-y:scroll}
.ayuda_desplegable p{ margin: 0; }