/* common - based on Eric Meyer's reset, you shouldn't change this section ======================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; behavior:url(PIE.php);} /* se modifico el tipo de letra para hacerla mas legible */ body {background: #232527; font: 75%/1.5 arial, sans-serif; color: #333; margin: 10px;} /* body {background: #ddd; font: 75%/1.5 "myriad pro", helvetica, arial, sans-serif; color: #333;} */ table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} li {list-style-type: none;} .bullets { list-style-type: circle; margin-right: 20px; margin-left: 20px; } hr {display: none;} strong, b {font-weight: bold;} em, i {font-style: italic;} /* basic links properties ====================================*/ .no-border {border : 0px;} a {border-bottom: 1px solid #ccc; text-decoration: none; color: #333;} a.liga {border-bottom: 0px solid #ccc; text-decoration: none; color: white;} a.liga:hover, a.liga:active, a.liga:focus {color: white;} a.alt, .altbox .content a {/* border-color: #bc2085; color: #bc2085; */} /* No se mostraba el boton correctamente dentro de una tabla */ a:hover, a:active, a:focus, a.alt:hover, a.alt:active, a.alt:focus, .altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {/* border-color: #d840a1; color: #a21d6f; */} a img {border: none;} /*end links =================================*/ /* abstract classes ======================================*/ /* autocleaning (use for parent of floated element, but take care, it has some limitations) */ .cw {width: 100%; overflow: hidden;} .cw2 {overflow: hidden; height: 1%;} /* float helpers ================================*/ .fl {float: left;} .fr {float: right;} /* classic cleaner =============================*/ .cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;} /* safe cleaning, use eg. for parent of floated element */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* image replacement (see

section in index.html for example) */ .ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;} /* text align helpers ==============================*/ .tl {text-align: left !important;} .tr {text-align: right !important;} .tc {text-align: center !important;} .ttop {vertical-align: top !important;} /* for buttons etc. ==================================*/ .hand {cursor: hand; cursor: pointer;} /* accessible hiding of elements =========================================*/ .a-hidden {position: absolute; top: -10000em;} /* first and last helpers, mainly for table cells ===============================================================*/ .first {border-left: 0 !important;} .last {border-right: 0 !important;} /* layout ======================================*/ .wrap {width:980px; margin:0 auto; background: white; padding: 10px 0px;} .inner-container {width: 960px; margin: 0 auto;} #header {width: 960px; margin: 0 auto; border-bottom: 1px solid #d53fa1; /*background: #8d0f86 url("img/purple/header.png") repeat-x; */ background: rgb(188,32,133); /* Old browsers */ background: -moz-linear-gradient(top, rgba(188,32,133,1) 0%, rgba(115,14,70,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,32,133,1)), color-stop(100%,rgba(115,14,70,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(188,32,133,1) 0%,rgba(115,14,70,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(188,32,133,1) 0%,rgba(115,14,70,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(188,32,133,1) 0%,rgba(115,14,70,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(188,32,133,1) 0%,rgba(115,14,70,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc2085', endColorstr='#730e46',GradientType=0 ); /* IE6-9 */ min-height: 100px;} #header .-inner-container {padding: 20px 0 16px 0;} /* logo: set the width and height of your logo (in px) and margin-top depending on height of your logo ===================================================================================================================*/ #header #logo {position: relative; float: left; width: 450px; height: 70px; margin-top: 20px; background: url("img/logo.png") no-repeat;} #header #logo a.home .ir {/* background: url("img/brown/logo.png");*/} #header #logo a.button {position: absolute; left: 100%; top: 3px; margin-left: 20px; padding: 4px 9px 4px; white-space: nowrap;} /* box for user info, settings and logout ==============================================*/ #userbox {margin: 20px 15px 16px 0;} /* background general ================================*/ #header #userbox {/*background: url("img/purple/userbox.png") no-repeat;*/ background: #901e60; /* Old browsers */ background: -moz-linear-gradient(top, #901e60 0%, #911e62 25%, #7d1c53 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#901e60), color-stop(25%,#8d1e61), color-stop(100%,#7d1c53)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #901e60 0%,#911e62 25%,#7d1c53 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #901e60 0%,#911e62 25%,#7d1c53 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #901e60 0%,#911e62 25%,#7d1c53 100%); /* IE10+ */ background: linear-gradient(to bottom, #901e60 0%,#911e62 25%,#7d1c53 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#901e60', endColorstr='#7d1c53',GradientType=0 ); /* IE6-9 */ border-radius: 7px; box-shadow: 0 5px 4px #5b0d39 inset; box-shadow: 0 5px 4px #5b0d39 inset; position: relative; float: right; width: 225px; min-height: 65px; line-height: 1.3;} /*brillo a los costados ==================================*/ .gradient{border-top: 1px solid #d8349e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d8349e), to(#7d1c53)); background-image: -webkit-linear-gradient(#d8349e, #7d1c53); background-image: -moz-linear-gradient(#d8349e, #7d1c53), -moz-linear-gradient(#d8349e, #7d1c53);/*la acción esta doble para que se muestre en ambos lados (izquierdo y derecho)*/ background-image: -o-linear-gradient(#d8349e, #7d1c53), -o-linear-gradient(#d8349e, #7d1c53); background-image: linear-gradient(#d8349e, #7d1c53), linear-gradient(#d8349e, #7d1c53); -moz-background-size:1px 100%; background-size:1px 100%; background-position:0 0, 100% 0; background-repeat:no-repeat; position: relative; float: right; width: 225px; min-height: 65px; line-height: 1.3; border-radius:7px;} .logout {float: right; margin-right: 12px; padding-top: 5px;} .name {float:left; margin-left: 33px; margin-top: 3px; width:135px !important;} .user-icon {position: relative; float: left; width: 173px; height: 24px; margin-top: 3px; margin-left:-38px; background: url("img/user-icon.png") no-repeat;} #header #userbox .inner {padding: 17px 50px 0 55px;} #header #userbox a#logout {border: 0; position: absolute; right: 14px; top: 21px; display: block; width: 23px; height: 24px; overflow: hidden; line-height: 1; font-size: 90%;} #header #userbox a#logout .ir {background: url("img/logout.png");} #header #userbox a#logout:hover .ir, #header #userbox a#logout:focus .ir, #header #userbox a#logout:active .ir {background-position: -23px 0;} #header #userbox strong {font-size: 100%; font-weight: normal; color: #fff;} #header #userbox a {border-color: #fff; color: #fff;} #header #userbox a:hover, #header #userbox a:active, #header #userbox a:focus {border-color: #d840a1; color: #d840a1;} #header #userbox ul {} #header #userbox ul li {display: inline;} #header #userbox ul a {float: left; margin-right: 7px;} /* navigation stripe ======================================*/ #nav {border-top: 1px solid #572f00; border-bottom: 1px solid #999; background: #fff;} #nav .inner-container {position: relative; z-index: 2; padding: 26px 0 25px 0;} /* navigation section switcher ========================================*/ #nav #h-wrap {position: absolute; top: 14px; left: 0; width: 220px;} /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */ #nav #h-wrap.active {border: 4px solid rgba(200, 200, 200, 0.5); top: 7px; left: -22px;} #nav #h-wrap.active {-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;} #nav #h-wrap.active .inner {border: 1px solid #999; background: #fff; padding: 2px 0 10px 17px;} #nav #h-wrap.active .inner {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #nav #h-wrap .h-ico {background: 0 50% no-repeat;} #nav #h-wrap .h-ico span {display: block; padding-left: 50px;} #nav #h-wrap .ico-dashboard {background-image: url("img/h-ico/dashboard.png");} /* feel free to add/modify your own icons - icons are located in "css/img/h-ico/*" */ #nav #h-wrap .ico-comments {background-image: url("img/h-ico/comments.png");} #nav #h-wrap .ico-color {background-image: url("img/h-ico/color.png");} #nav #h-wrap .ico-edit {background-image: url("img/h-ico/edit.png");} #nav #h-wrap .ico-media {background-image: url("img/h-ico/media.png");} #nav #h-wrap .ico-syndication {background-image: url("img/h-ico/syndication.png");} #nav #h-wrap .ico-cash {background-image: url("img/h-ico/cash.png");} #nav #h-wrap .ico-users {background-image: url("img/h-ico/users.png");} #nav #h-wrap .ico-advanced {background-image: url("img/h-ico/advanced.png");} #nav #h-wrap .ico-send {background-image: url("img/h-ico/send.png");} /* feel free to add more icons here like above (icon set is included in directory "./img/h-ico" and is free for commercial use) */ #nav #h-wrap h2 {background: url("img/h-wrap-h2.png") 100% 100% no-repeat; position: relative; float: left; height: 51px; line-height: 55px; vertical-align: middle; font-size: 200%; font-weight: bold;} #nav #h-wrap.active h2 {background: none;} #nav #h-wrap h2 .h-ico {display: block; height: 100%; padding-right: 42px;} #nav #h-wrap h2 .h-arrow {background: url("img/h-arrow.gif") 0 0 no-repeat; position: absolute; top: 18px; right: 19px; display: block; width: 11px; height: 15px; overflow: hidden;} #nav #h-wrap.active h2 .h-arrow {background-position: 100% 0;} #nav #h-wrap ul {display: none; clear: both;} #nav #h-wrap ul li {display: inline;} #nav #h-wrap ul a {border: 0; display: block; height: 40px; width: 100%; overflow: hidden; line-height: 45px; vertical-align: middle; font-size: 150%;} #nav #h-wrap ul a:hover, #nav #h-wrap ul a:focus, #nav #h-wrap ul a:active {color: #b1682e;} /* search form ================================*/ #nav form {background: url("img/search-input.png") no-repeat; float: right; width: 227px; height: 28px; padding: 0; overflow: hidden; font-family: inherit;} #nav form input.text {outline: 0; border: 0; background: transparent; width: 194px; height: 14px; vertical-align: middle; margin: 1px 0 1px 1px; padding: 6px 2px; overflow: hidden; font-size: 100%; color: #555;} #search {height: 50px;} #search form {background: url("img/search-input.png") no-repeat; float: right; width: 227px; height: 28px; padding: 0; overflow: hidden; font-family: inherit;} #search form input.text {outline: 0; border: 0; background: transparent; width: 194px; height: 14px; vertical-align: middle; margin: 1px 0 1px 1px; padding: 6px 2px; overflow: hidden; font-size: 100%; color: #555;} #comandos {min-height: 50px; /* background: gray; */} #comandos #acciones {position: relative; float: left; padding: 10px; width: 328px; /* background-color: blue; */ /* 360% */; /* border: 1px solid #888;*/ vertical-align: middle;} #comandos #buscador {position: relative; float: right; padding: 0; width: 598px; /* background-color: green; */ /*600px*/; /* border: 1px solid #888;*/} /* content wrapper =========================*/ #container {/* background: url("img/container.gif") repeat-x;*/} #container .inner-container {position: relative; z-index: 1; /* left: 10px; */ width: 960px; padding-bottom: 0px;} /* #container .inner-container {position: relative; z-index: 1; left: 10px; width: 980px; padding: 20px 0;} */ /* footer =====================*/ #footer {clear: both; padding: 20px 0 10px 0; text-align: center;} #footer p {margin: 0 0 10px 0; color: #999;} #footer a {color: #777;} #footer a:hover, #footer a:active, #footer a:focus {border: none;} /* content styling ========================*/ /* stylish buttons with rounded corners */ input.button {font-size:95%;} /* agregado de momento para igualra el tamaño de los botones; Se complementa con un hack condicional en la plantilla general para IE */ #cboxClose, /* id utilizado por colorbox */ .button {border: 1px solid #6c0d48; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; /*background: #6b3000 url("img/brown/button.gif") repeat-x;*/ background-color: #d840a1 !important; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; color: #fff; padding: 5px 9px 5px; cursor: pointer;} .button:hover, .button:focus, .button:active {border: 1px solid #272727; /*background: #2a2a2a url("img/altbutton.gif") repeat-x;*/ background: #565656; /* Old browsers */ background: -moz-linear-gradient(top, #565656 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#303030 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#303030 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#303030 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #8b8b8b inset; text-shadow: #000 1px 1px 0;color:#fff;} /* alternative colors =================================*/ .altbox .button {border: 1px solid #272727; /*background: #2a2a2a url("img/altbutton.gif") repeat-x;*/ background: #565656; /* Old browsers */ background: -moz-linear-gradient(top, #565656 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#303030 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#303030 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#303030 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #8b8b8b inset; text-shadow: #000 1px 1px 0; color:#fff;} .altbox .button:hover, .altbox .button:focus, .altbox .button:active {border: 1px solid #6c0d48; /*background: #6b3000 url("img/brown/button.gif") repeat-x;*/ background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; color: #fff;} .altbutton {border: 1px solid #272727; /*background: #2a2a2a url("img/altbutton.gif") repeat-x;*/ background: #565656; /* Old browsers */ background: -moz-linear-gradient(top, #565656 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#303030 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#303030 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#303030 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #8b8b8b inset; text-shadow: #000 1px 1px 0;} .altbutton:hover, .altbutton:focus, .altbutton:active {border: 1px solid #6c0d48; /*background: #6b3000 url("img/brown/button.gif") repeat-x;*/ background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; color: #fff;} .altbox .altbutton {border: 1px solid #6c0d48; /*background: #6b3000 url("img/brown/button.gif") repeat-x;*/ background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; color: #fff;} .altbox .altbutton:hover, .altbox .altbutton:focus, .altbox .altbutton:active {border: 1px solid #272727; /*background: #2a2a2a url("img/altbutton.gif") repeat-x;*/ background: #565656; /* Old browsers */ background: -moz-linear-gradient(top, #565656 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#303030 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#303030 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#303030 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #8b8b8b inset;text-shadow: #000 1px 1px 0;} /* icons for content links etc. ====================================*/ .ico { border: 0 !important; } .ico-a { border: 0 !important; padding-left: 20px !important; } /* tags, filetypes ==========================*/ .tag {padding: 4px 7px; color: #fff !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */ border-bottom: 1px solid #666; background: #999; background: gradient(linear, left top, left bottom, from(#bbb), to(#999)); background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));} /* error/information messages ======================================*/ .msg { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid; margin: 0 0 10px 0; padding: 10px;} .msg p {margin: 0px; padding-left: 25px;} .msg-ok {border-color: #a6d877; /*background: #d2ecba url("img/msg-ok.png") repeat-x;*/ background: rgb(238,255,222); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,255,222,1) 0%, rgba(210,236,186,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,255,222,1)), color-stop(100%,rgba(210,236,186,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,255,222,1) 0%,rgba(210,236,186,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,255,222,1) 0%,rgba(210,236,186,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,255,222,1) 0%,rgba(210,236,186,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,255,222,1) 0%,rgba(210,236,186,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffde', endColorstr='#d2ecba',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #fff inset; color: #336801;} .msg-error {border-color: #f3abab; /*background: #f9c9c9 url("img/msg-error.png") repeat-x;*/ background: rgb(255,234,234); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,234,234,1) 0%, rgba(249,201,201,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,234,234,1)), color-stop(100%,rgba(249,201,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,234,234,1) 0%,rgba(249,201,201,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,234,234,1) 0%,rgba(249,201,201,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,234,234,1) 0%,rgba(249,201,201,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,234,234,1) 0%,rgba(249,201,201,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaea', endColorstr='#f9c9c9',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #fff inset; color: #8d0d0d;} .msg-warn {border-color: #d7e059; /*background: #f3f7aa url("img/msg-warn.png") repeat-x;*/ background: rgb(250,252,215); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,252,215,1) 0%, rgba(243,247,170,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,252,215,1)), color-stop(100%,rgba(243,247,170,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(250,252,215,1) 0%,rgba(243,247,170,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(250,252,215,1) 0%,rgba(243,247,170,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(250,252,215,1) 0%,rgba(243,247,170,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(250,252,215,1) 0%,rgba(243,247,170,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcd7', endColorstr='#f3f7aa',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #fff inset; color: #6c6600;} .msg-info {border-color: #9fd1f5; /*background: #c3e6ff url("img/msg-info.png") repeat-x;*/ background: rgb(234,247,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(234,247,255,1) 0%, rgba(195,230,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,247,255,1)), color-stop(100%,rgba(195,230,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(234,247,255,1) 0%,rgba(195,230,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(234,247,255,1) 0%,rgba(195,230,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(234,247,255,1) 0%,rgba(195,230,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(234,247,255,1) 0%,rgba(195,230,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf7ff', endColorstr='#c3e6ff',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #fff inset; color: #005898;} .msg-context {border-color: #b1b1b1; /*background: #dddddd url("img/thead.gif") repeat-x; */ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ margin: 0 0 10px 0; padding: 10px; /* Se redefinen el margen y el padding */} .msg-ok p {background: url("img/led-ico/accept.png") 0 50% no-repeat;} .msg-error p {background: url("img/led-ico/cross_octagon.png") 0 50% no-repeat;} .msg-warn p {background: url("img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;} .msg-info p {background: url("img/led-ico/exclamation.png") 0 50% no-repeat;} /* incrementamos el tamaño de la letra */ .msg-grande p{ font-size: larger;} .msg-context p { } .msg-context form {padding:0px;} .error {color: #b70b0b;} /* forms ====================*/ /* form {padding: 18px;} */ form {padding: 10px; border-radius: 6px;} form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */ form.plain fieldset {border: 0 !important; padding: 0 !important;} /* #forma dl {overflow: visible; // Agregado para evitar que el cuadro de validación de téxtos en la vista solicitante-cambiar-contrasena se esconda } form#forma.basic dl dt, form#forma.basic dl dd {min-height: 25px;} */ form.basic dl {width: 100%; overflow: hidden; /* basic layout for forms */ padding-top: 5px; /* Agregado para evitar que el primer boton de upload se muestre mocho */ } form.basic dt {font-weight: bold; width:20%; clear: both;} /* Se agrego clear: both para evitar que el dt se mostrara en la misma linea que del dt y dd anterior http://stackoverflow.com/questions/896815/css-dl-with-spacing-margin-between-the-dt-dd-pairs */ form.basic dl dt, form.basic dl dd {float: left; min-height: 28px; padding-bottom: 6px;} form.basic fieldset {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;} form.basic fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;} form.basic fieldset legend {padding: 0 10px; font-size: 110%; color: #990000; /* red oscuro*/} #forma { background-color: #fff;} label.check, label.radio {margin-right: 5px;} form small {color: #999;} input[type=radio] {margin: 5px 5px 5px 0px;} select {height: 27px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #999; /*background: #ffffff url("img/txt.gif") repeat-x;*/ background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#ffffff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#ffffff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 4px;} .escuela {width:365px !important;} /* incluido a efecto de corregir la alineación de los campos despues de un SELECT */ input, input.txt, textarea {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #999; /*background: #ffffff url("img/txt.gif") repeat-x;*/ background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #ffffff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#ffffff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#ffffff 50%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#ffffff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 5px 5px;} form.basic input.txt, form.basic textarea {/* width: 100%; */} input.error, textarea.error {border-color: #d35757; background-image: url("img/txt-error.gif");} span.loading {background: url("img/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;} form.fields {} /* plain and clean layout for forms */ form.fields fieldset {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;} form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;} form.fields fieldset legend {padding: 0 10px; font-size: 110%;} form.fields label, form.fields div.sep {display: block; margin-top: 6px;} form.fields label.check, form.fields label.radio {display: inline; margin-top: 0;} form.fields span.loading {margin-left: 10px;} /* lists for actions (remove, modify) ===============================================*/ ul.actions {margin: 0;} ul.actions li {display: inline; margin-right: 5px;} /* content boxes =================================*/ .box { float: left; width: 960px; margin: 0 20px 20px 0;} /* El float left hace que el divisor wrap no lo cubra */ .box-25 {width: 225px;} /* 25% box */ .box-30 {width:250px;} .box-50 {width: 460px;} /* 50% box valor original 470px*/ .box-75-izq {width: 715px; margin: 0 0px 20px 0; } /* arreglamos el margen derecho a 0, a efecto de que entre dentro del contenedor y /* evitar que el div se mueva para abajo por falta de espacio */ .box-75 {width: 715px;} /* 75% box */ .box-70{width:650px;} .box-100 {width: 960px;} /* 100% box */ .altbox .header, .contentinner .altbox{/*background: #6b2f00 url("img/brown/altheaderbox.png") repeat-x;*/ border-top-color: #6c0d48; background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */} /* class for alternative (emphasized) boxes (blue headings and colors) */ /* wrap of box's content */ .boxin {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#fff;} .boxin .header{color:#fff; text-shadow: #151515 0 1px 0;} /* boxes' headers */ .box .header {/*background: #3d3d3d url("img/headerbox.png") repeat-x;*/ background: #656565; /* Old browsers */ background: -moz-linear-gradient(top, #656565 0%, #3d3d3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #656565 0%,#3d3d3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #999 inset; border-top: 1px solid #444; border-radius: 5px 5px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; position: relative; margin: -1px -1px 0 -1px; padding: 7px 0 9px 20px;} .altbox .header {/*background: #6b2f00 url("img/brown/altheaderbox.png") repeat-x;*/ border-top-color: #6c0d48; background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; color: #fff;} .box .header h3 {position: relative; display: inline; font-size: 150%; color: #fff;} .box .header .button {margin-left: 15px;} .box-100 .header{text-align:center;} /* tags in the header ==========================*/ .box .header ul {position: absolute; right: 9px; bottom: 0;} .box .header ul li {display: inline;} .box .header ul a {border-radius: 5px 5px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;} .box .header ul a.active, .box .header ul a:hover, .box .header ul a:focus, .box .header ul a:active {background: #fff url("img/headertab.png") repeat-x; color: #444;} .altbox .header ul a {background-color: #c97e36;} .altbox .header ul a.active, .altbox .header ul a:hover, .altbox .header ul a:focus, .altbox .header ul a:active {background: #fff url("img/altheadertab.png") repeat-x; color: #6a2f00;} /* boxes' content types – tabular ==========================================*/ .box .content {margin-bottom: 5px;} .box .content table {width: 100%;} /* Se elimina el color de fondo de las celdas para que funcione tablecloth.css si el color se define por especiificdad tomo el color de la hoja de estilo */ .box .content table th, .box .content table td {padding: 10px; border-right: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; color: #333;} /* background-color: white; */ /* Color del fondo de la celda por default */ .box .content table th {text-align: left; font-weight: normal; vertical-align: middle;} .celda {text-align: center;} .rojo {background-color: #990000; color: white;} .verde {background-color: #006600; color: white;} .naranja {background-color: #ff6600; color: white;} .blanco {background-color: #999999; color: white;} .box .content table tr.odd th, .box .content table tr.odd td {/* background: white; */ } /* Color del fondo de la celda EVEN */ .altbox .content table tr.odd th, .altbox .content table tr.odd td {/* background: #fff0f0; */} .box .content table tr.even th, .box .content table tr.even td {/* background: white; */ } /* Color del fondo de la celda EVEN */ .altbox .content table tr.even th, .altbox .content table tr.even td { /*background: #f2fae3; */} .box .content table th.first, .box .content table td.first {padding-left: 20px;} .box .content table thead th, .box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; /*background: #ddd url("img/thead.gif") repeat-x;*/ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ text-shadow: #fff 0 1px 0;} .box .content table tbody tr.first th, .box .content table tbody tr.first td {border-top: 1px solid #bbb;} .altbox .content table tbody {color: #572f00;} .box .content table a.ico-comms {border: 0; background: url("img/ico-tablecomms.gif") 50% 60% no-repeat; padding: 10px; color: #fff;} .box .content table tfoot th, /************************************************************************************************** *se camibio la propiedad *.box .content table tfoot td {border-top: 1px solid #ccc; background: #fff url("img/tfoot.gif") repeat-x;} *para resaltar el pie de tabla ****************************************************************************************************/ .box .content table tfoot td {border-top: 1px solid #ccc; background-color: #3d3d3d;color: #ffffff; font-weight: bold;} .content table tfoot td a:link{color: white; } .content table tfoot td a:over{background-color: #ff6666; } /* boxes' content types – simple list ===============================================*/ .box .content ul.simple li {clear: both; padding: 10px 20px 8px 20px; overflow: hidden;} .box .content table tr.even th, .box .content ul.simple li.even {background: #f5f5f5;} .altbox .content table tr.even th, .altbox .content ul.simple li.even {background: #f8f2eb;} .box .content ul.simple strong {float: left; font-weight: normal;} .box .content ul.simple span {float: right;} /* boxes' content types – grid ====================================*/ .box .content .grid {} .box .content .grid .line {border-bottom: 1px solid #ddd; width: 100%; overflow: hidden;} .altbox .content .grid .line {border-bottom-color: #ebd6bd;} .box .content .grid .even {background: #f5f5f5;} .altbox .content .grid .even {background: #f8f2eb;} .box .content .grid .item {float: left; width: 50%;} .box .content .grid .item .inner {padding: 17px 15px 12px 20px;} .box .content .grid .firstline {border-top: 0 !important;} .box .content .grid .lastline {border-bottom: 0 !important;} .box .content .grid .item a.thumb {border: 0; float: left;} .box .content .grid .item .data {margin-left: 165px;} .box .content .grid .item h4 {margin: 0 0 10px 0; font-size: 110%; font-weight: bold;} .box .content .grid .item h4 span {margin-right: 5px; font-weight: normal; font-size: 90%;} .box .content .grid .item p {margin: 0 0 5px 0; color: #666;} .box .content .grid ul.actions {margin-top: 8px;} /* boxes' pagination ===============================*/ .pagination {border-top: 1px solid #999; /*background: #fff url("img/pagination.gif") repeat-x;*/ background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d5d5d5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d5d5d5 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d5d5d5 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #d5d5d5 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ text-align: center; color: #333 !important;} .pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;} .pagination ul li {display: inline;} .pagination a {border: 0; /*background: #ebebeb url("img/pagination-item.gif") repeat-x;*/ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ margin: 0 5px; padding: 6px 10px; color: #333 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 5px;} .pagination a:hover, .pagination a:active, .pagination a:focus {color: #b1682e !important;} .pagination strong {background: url("img/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;} /* calendar =======================*/ table.calendar {width: 100%;} table.calendar thead {zoom: 1;} table.calendar thead tr {zoom: 1;} table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;} table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;} table.calendar th, table.calendar td {width: 14.3%; text-align: center;} table.calendar tbody td, table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;} table.calendar strong {font-size: 140%;} table.calendar .inactive {color: #aaa;} table.calendar div.items a {border: 0; margin: 0 1px;} /* login page ==========================*/ #login {background: #222; padding: 100px;} #login .box {float: none; margin: 0 auto;} #login .boxin {box-shadow: #111 0 0 10px; -webkit-box-shadow: #111 0 0 10px; -moz-box-shadow: #111 0 0 10px; border: 0;} #login .header {padding-top: 10px; padding-bottom: 10px; margin: 0;} #login table {width: 75%; margin: 0 auto;} #login th, #login td {padding: 0 0 5px 0;} #login th {width: 60px;} #login td.proceed {padding-right: 0;} #login td.proceed input {margin: 0;} /* #login input.txt {width: 260px;} */ /* Estilos importados de COMECYT */ /* hacemos rojo la marca de campo requerido */ em {font-weight:bolder; color: red;} .l-5 {width: 5px !important;} .l-10 {width: 10px !important;} .l-15 {width: 15px !important;} .l-20 {width: 20px !important;} .l-25 {width: 25px !important;} .l-30 {width: 30px !important;} .l-35 {width: 35px !important;} .l-40 {width: 40px !important;} .l-45 {width: 45px !important;} .l-50 {width: 50px !important;} .l-75 {width: 75px !important;} .l-100 {width: 100px !important;} .l-125 {width: 125px !important;} .l-150 {width: 150px !important;} .l-200 {width: 200px !important;} .l-250 {width: 250px !important;} .l-300 {width: 300px !important;} .l-350 {width: 350px !important;} .l-400 {width: 400px !important;} .l-450 {width: 450px !important;} .l-500 {width: 500px !important;} .l-550 {width: 550px !important;} .l-600 {width: 600px !important;} .l-650 {width: 650px !important;} .l-700 {width: 700px !important;} .l-750 {width: 750px !important;} .l-800 {width: 800px !important;} .l-850 {width: 850px !important;} /* anchos usados para las tablas ========================================*/ .l-5c {width: 5% !important;} .l-10c {width: 10% !important;} .l-15c {width: 15% !important;} .l-20c {width: 20% !important;} .l-25c {width: 25% !important;} .l-30c {width: 30% !important;} .l-35c {width: 35% !important;} .l-40c {width: 40% !important;} .l-45c {width: 45% !important;} .l-50c {width: 50% !important;} .l-55c {width: 55% !important;} .l-60c {width: 60% !important;} .l-65c {width: 65% !important;} .l-70c {width: 70% !important;} .l-75c {width: 75% !important;} .l-80c {width: 80% !important;} .l-85c {width: 85% !important;} .l-90c {width: 90% !important;} .l-95c {width: 95% !important;} .l-100c {width: 100% !important;} .show {width: 100%;} .hide {width: 100%; display:none;} div.seccion {background: #666666; margin-bottom: 10px; font-size: medium; text-indent: 20px; color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .post-it {/* http://webdesignandsuch.com/create-a-post-it-note-with-css3/ */ background:#fefabc; padding:10px; font-style: italic; /* font-family: 'Gloria Hallelujah', cursive; font-size:15px; */ color: #000;/* width:200px; */ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); box-shadow: 0px 4px 6px #333; -moz-box-shadow: 0px 4px 6px #333; -webkit-box-shadow: 0px 4px 6px #333;} /* usado para separar el icono del campo jquery datepicker */ .ui-datepicker-trigger {padding-left: 10px; vertical-align: middle;} /*divisor para segmentar una seccion*/ div.segmentacion_secciones{/*background: #666666; background: #61922b url("img/brown/altheaderbox.png") repeat-x;*/ border-top-color: #6c0d48; background: #d840a1; /* Old browsers */ background: -moz-linear-gradient(top, #d840a1 0%, #a21d6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d840a1), color-stop(100%,#a21d6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d840a1 0%,#a21d6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #d840a1 0%,#a21d6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d840a1', endColorstr='#a21d6f',GradientType=0 ); /* IE6-9 */ box-shadow: 0 1px 1px #ed79c2 inset; text-shadow: #2f0e00 1px 1px 0; margin-bottom: 10px; font-size: large; text-indent: 20px; color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px 0px;} .datepicker {background: url("img/calendar_1.png") right no-repeat;} .button_seccion {font-size: small;} /* ESTILOS MENÚ PRINCIPAL ====================================*/ .ca-menu{padding-left:80px; /*** el tamaño del cuerpo es de 940px, le damos el margen y se resta esa cantidad en el width*** lo mismo para .ca-menuuti*/ padding-top:20px;/*margin:20px auto;*/ width: 860px;} /*posición de las imágenes */ .ca-menu .trans img {left:55px; top:25px; position:absolute;} .ca-menu li:last-child {margin-right: 0px;} .ca-menu li a{text-align: left; width: 100%; height: 100%; display: block; color: #fff; position: relative; border-bottom: none;} .ca-menu li {margin-top: 20px; border: #999 solid 13px; /**** borde de circulos estado "ON" ****/ text-align:center; width: 230px; height: 230px; overflow: hidden; position: relative; float:left; background: #333; /* FONDO CIRCULOS PRINCIPALES ESTADO "REPOSO" */ margin-left:-48px; box-shadow: 0 3px 2px #999; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,1); box-shadow: 1px 1px 2px rgba(0,0,0,1); -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; /*animación*/ -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .ca-menu li:hover .trans {background:#e1e1e1; /* FONDO CIRCULOS PRINCIPALES ESTADO "OVER" */ -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; /*animación*/ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ca-menu li:hover .trans { /*display: none;*/ } .ca-icon {color: #fff; /* COLOR DE TIPOGRAFÍA EN REPOSO CIRCULOS GRANDES */ text-shadow: 0px 0px 1px #333; line-height: 150px; position: absolute; width: 100%; height: 50%; left: 0px; top: 0px; text-align: center; /*animación*/ -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;} .ca-content{position: absolute;left: 0px;width: 100%; height: 50%; top: 58%;} .ca-main {font-size: 21px; opacity: 0.8;text-align: center; /*animación */ -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-sub {text-align:center; font-size: 10px; color: #666; /* MENU PRINCIPAL, TIPOGRAFÍA SUBTÍTULOS */ line-height: 25px; opacity: 0.8; /*animación*/ -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-menu li:hover {border-color: #ba1f83; /* BORDE ROSA MENU PRINCIPAL */ z-index: 999; /*animación*/ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .ca-menu li:hover {font-size: 70px;} .ca-menu li:hover .ca-main {color: #333; /* TIPOGRAFIA MENU PRINCIPAL GRIS */ /*animación*/ -webkit-animation: moveFromBottom 100ms ease; -moz-animation: moveFromBottom 100ms ease; -ms-animation: moveFromBottom 100ms ease;} .ca-menu li:hover .ca-sub {color: #ba1f83; /*TIPOGRAFIA ROSA "OVER" (SUBTÍTULOS) */ opacity:0.5; /*animación*/ -webkit-animation: moveFromBottom 100ms ease; -moz-animation: moveFromBottom 100ms ease; -ms-animation: moveFromBottom 100ms ease;} #container .center {margin: 0 auto;} .tabla-eleccion ul .centrar{text-align:center;} /* menú principal botones utilitarios (más pequeños) ============================================================*/ .ca-menuuti {/*padding-left:225px; padding-top:20px;*/ margin:auto; width:540px;} .ca-menuuti li {box-shadow: 0 3px 2px #999; border: #999 solid 7px; /* BORDE CIRCULOS PEQUEÑOS ESTADO "REPOSO"*/ text-align:center; width: 100px; height: 100px; overflow: hidden; position: relative; float:left; background: #333; /* FONDO CIRCULOS PEQUEÑOS ESTADO REPOSO */ margin-right:10px; margin-top: 10px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,1); box-shadow: 1px 1px 2px rgba(0,0,0,1); -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; /*animación*/ -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;} .ca-menuuti li:hover .transuti{background:#e1e1e1; /* FONDO CIRCULOS PEQUEÑOS ESTADO "OVER" */ /*animación*/ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} /* posición de las imágenes */ .ca-menuuti .transuti img {left:33px; top:13px; position:absolute;} .ca-mainuti {font-size: 12px;opacity: 0.8; line-height:1; text-align: center; color:#fff; /* TIPOGRAFIA MENU PEQUEÑO */ /*animación*/ -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .ca-menuuti li:hover {border-color: #ba1f83; /*BORDE ROSA MENU PEQUEÑO */ background:#e1e1e1; z-index: 999; /*animación*/ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} li:hover .ca-mainuti {color: #333; /*TIPOGRAFÍA MENÚ SECUNDARIO */ /*animación*/ -webkit-animation: moveFromBottom 100ms ease; -moz-animation: moveFromBottom 100ms ease; -ms-animation: moveFromBottom 100ms ease;} /* flechas menú principal ======================================*/ .arrow_box { position: relative; background: #ba1f83; border: 4px solid #ba1f83; width:8px; height:20px; z-index:1000; top:100px; left:183px;} .arrow_box:after, .arrow_box:before {left: 100%; border: solid transparent;content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .arrow_box:after { border-color: rgba(186, 31, 131, 0); border-left-color: #ba1f83; border-width: 20px; top: 50%; margin-top: -20px;} .arrow_box:before { border-color: rgba(186, 31, 131, 0); border-left-color: #ba1f83; border-width: 23px; top: 50%; margin-top: -23px;} /* CORTA EL DOCUMENTO GENERANDO UN ESPACIO EN EL (ENTRE DOS ELEMENTOS)*/ .clr, .espacio {clear: both;} /* menú de selección de apoyo =========================================================*/ .apoyo {background: #d0d2d0; /* Old browsers */ background: -moz-linear-gradient(top, #d0d2d0 0%, #ffffff 41%, #ffffff 42%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d2d0), color-stop(41%,#ffffff), color-stop(42%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d0d2d0 0%,#ffffff 41%,#ffffff 42%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d0d2d0 0%,#ffffff 41%,#ffffff 42%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d0d2d0 0%,#ffffff 41%,#ffffff 42%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #d0d2d0 0%,#ffffff 41%,#ffffff 42%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-radius: 0 0 6px 6px; padding-top: 75px; text-align: center !important;} .button-documentos{margin: 22px 0;} .apoyo img {width:128px; height: 128px;} .apoyo .titulo{font-size: 1.2em; font-style: italic; line-height: 1.1em; margin: 30px;} .box-last {margin-left: 4px;} .seleccionar{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /**background: #6b3000 url("img/brown/button.gif") repeat-x; **/ padding: 7px 50px 7px; text-shadow: #2f0e00 1px 1px 0; color: #fff; cursor: pointer; font-size: 1.3em; margin-top: 30px;} .boxin-25 {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; width: 224px; float: left; display: block; } /* menú apoyos otorgados =======================================*/ .menu-apoyo {padding:0; /*margin:20px auto;*/width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .menu-apoyo li {width: 290px; height: 300px; overflow: hidden; position: relative; float:left; border: 1px solid #c2c2c2; display:inline-block; /* fondo gris*/ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 45%, #bebebe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(45%,#eeeeee), color-stop(100%,#bebebe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebebe',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*animación*/ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;} .menu-apoyo li a {height: 100%; display: block; color: #bc2085;} .menu-apoyo .nuevo{/* fondo rosa*/ background: #bc2085; /* Old browsers */ background: -moz-linear-gradient(top, #bc2085 0%, #730e46 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc2085), color-stop(100%,#730e46)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bc2085 0%,#730e46 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bc2085 0%,#730e46 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bc2085 0%,#730e46 100%); /* IE10+ */ background: linear-gradient(to bottom, #bc2085 0%,#730e46 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc2085', endColorstr='#730e46',GradientType=0 );/* IE6-9 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:center;} .nuevo a:hover {/* gris*/ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 45%, #bebebe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(45%,#eeeeee), color-stop(100%,#bebebe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 45%,#bebebe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebebe',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .content-apoyo {position: absolute; left: 0px; width: 100%; height: 60%; top: 40%;} .icon-apoyo {position: absolute; width: 100%; height: 40%; left: 30%; opacity: 0.3;} .icon-apoyo, .icon-nuevo, .menu-apoyo h2, .titulo-nuevo, .menu apoyo p, .menu-apoyo h3, .menu-apoyo h3 a:hover, .ver-ficha{/*animación*/ -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .menu-apoyo h2{font-size: 21px; opacity: 0.8; text-align: center;} .titulo-nuevo {color:#fff; text-shadow: 0 1px 0 #2A0B00;} .menu-apoyo p {text-align:center; font-size: 12px; color: #000; opacity: 0.8;} .menu-apoyo .nuevo p {text-align: center; position: relative !important; vertical-align: text-bottom; margin-top: 90px;} .menu-apoyo h3 {text-align:center; font-size: 12px; color: #fff; opacity: 0.8;} .menu-apoyo h3 a:hover {text-align:center; font-size: 12px; color: #999; text-shadow: 1px 1px 1px #fff;opacity: 0.8;} .menu-apoyo li:hover{ background: #656565; /* Old browsers */ background: -moz-linear-gradient(top, #656565 0%, #3d3d3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #656565 0%,#3d3d3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px !important;} .menu-apoyo li:hover .icon-apoyo {opacity: 1;} .menu-apoyo li:hover .icon-nuevo {opacity: 0.3;} .menu-apoyo li:hover .icon-apoyo, .menu-apoyo li:hover .icon-nuevo {-webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease;} .menu-apoyo li:hover h2 {color: #fff; text-shadow: 0 1px 0 #2A0B00;} .menu-apoyo li:hover .titulo-nuevo{color: #bc2085; text-shadow: 1px 0px 1px rgba(255,255,255,0.8);} .menu-apoyo li:hover h2{-webkit-animation: moveFromRight 300ms ease; -moz-animation: moveFromRight 300ms ease; -ms-animation: moveFromRight 300ms ease;} .menu-apoyo li:hover p {color: #fff;} .menu-apoyo li:hover h3{color: #000;} .menu-apoyo li:hover p, .menu-apoyo li:hover h3, .menu-apoyo li:hover .ver-ficha, .menu-apoyo li:hover p {-webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;} .ver-ficha { font-size: 14px !important; color: #fff !important; line-height: 40px; text-align:center; position: absolute; bottom: 0; width: 100%; background: #656565; /* Old browsers */ background: -moz-linear-gradient(top, #656565 0%, #3d3d3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #656565 0%,#3d3d3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #656565 0%,#3d3d3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */} .agregar{font-size: 14px !important; color: #fff !important; line-height: 40px; text-align:center; position: absolute; bottom: 0; width: 100%;} .menu-apoyo li:hover p {color: #fff; background: transparent;} .menu-apoyo li:hover .agregar {background: linear-gradient(to bottom, #BC2085 0%, #730E46 100%) repeat scroll 0 0 transparent;} .img-menu{margin-top: 30px;} .nuevo .img-menu{margin-top:55px;} .img-estatus{vertical-align:middle;} .mail {background: transparent url("img/led-ico/email.png") no-repeat; width:16px; height:16px; margin: 0 auto;} /* imágenes apoyos otorgados ================================*/ .EstudiantePremio {background: transparent url("img/EstudiantePremio.png") no-repeat; } .EstudianteApoyo {background: transparent url("img/EstudianteApoyo.png") no-repeat;} .EstudianteConcurso {background: transparent url("img/EstudianteConcurso.png") no-repeat;} .ProfesorAsesor {background: transparent url("img/ProfesorAsesor.png") no-repeat;} .ProfesorParticipante {background: transparent url("img/ProfesorParticipante.png") no-repeat;} .size96 {background-size: 96px;} /* ribbons ====================*/ /* ribon 2 ---45 grad ---- */ .ribbon { width: 200px; position: absolute; text-align: center; font-size: 10px!important; -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px; -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px; box-shadow: rgba(000,000,000,0.3) 0 1px 1px; font-family: 'Helvetica Neue',Helvetica, sans-serif; transform:rotate(45grad); -ms-transform:rotate(45deg); /* IE 9 */ -webkit-transform:rotate(45deg); /* Safari and Chrome */ -sand-transform: rotate(45deg);/* IE 6-8 */ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ line-height: 1; } .ribbon h1 { font-size: 10px!important; color: #fff; text-shadow: #000 0 1px 1px; margin:0px; padding:10px; letter-spacing: 0.5px; } .ribbon:before, .ribbon:after { content: ''; position: absolute; display: block; bottom: -1em; /*border: 1.5em solid #c23a3a;*/ z-index: -1; } .ribbon:before { left: -2em; border-right-width: 1.5em; border-left-color: transparent; -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px; -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px; box-shadow: rgba(000,000,000,0.4) 1px 1px 1px; } .ribbon:after { right: -2em; border-left-width: 1.5em; border-right-color: transparent; -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px; -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px; box-shadow: rgba(000,000,000,0.4) -1px 1px 1px; } .ribbon .ribbon-content:before { left: 0; border-width: 1em 0 0 1em; } .ribbon .ribbon-content:after { right: 0; border-width: 1em 1em 0 0; } .ribbon-stitches-top { margin-top:2px; border-top: 1px dashed rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .ribbon-stitches-bottom { margin-bottom:2px; border-top: 1px dashed rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3); } .container-ribbon{ margin: 25px 140px; display:block; position:absolute; z-index:1000; } /* Estados de evaluación banderas =================================*/ .NoAprobado{ background: #d64b4b; background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c)); background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c); background: -moz-linear-gradient(top, #d64b4b, #ab2c2c); background: -ms-linear-gradient(top, #d64b4b, #ab2c2c); background: -o-linear-gradient(top, #d64b4b, #ab2c2c); background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%); } .Pendientedeevaluar{ background: #f6b900; background: -webkit-gradient(linear, left top, left bottom, from(#f6b900), to(#d37b11)); background: -webkit-linear-gradient(top, #f6b900, #d37b11); background: -moz-linear-gradient(top, #f6b900, #d37b11); background: -ms-linear-gradient(top, #f6b900, #d37b11); background: -o-linear-gradient(top, #f6b900, #d37b11); background-image: -ms-linear-gradient(top, #f6b900 0%, #d37b11 100%); } .Aprobado{ background: #8ab66b; background: -webkit-gradient(linear, left top, left bottom, from(#8ab66b), to(#398235)); background: -webkit-linear-gradient(top, #8ab66b, #398235); background: -moz-linear-gradient(top, #8ab66b, #398235); background: -ms-linear-gradient(top, #8ab66b, #398235); background: -o-linear-gradient(top, #8ab66b, #398235); background-image: -ms-linear-gradient(top, #8ab66b 0%, #398235 100%); } /* Estados de evaluación Lista =================================*/ .Pendientedeinvitar-icon{ background: transparent url("img/ball_grey.png") top/16px no-repeat; width:16px; height:16px; margin: 0 auto; } .Invitaciónenviada-icon{ background: transparent url("img/16_ball_orange.png") top/16px no-repeat; width:16px; height:16px; margin: 0 auto; } .Noaceptado-icon{ background: transparent url("img/ball_blue.png") top/16px no-repeat; width:16px; height:16px; margin: 0 auto; } .Pendientedeevaluar-icon{ background: transparent url("img/16_ball_red.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Evaluaciónparcial-icon{ background: transparent url("img/16_ball_yellow.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Evaluado-icon{ background: transparent url("img/16_ball_green.png") no-repeat; width:16px; height:16px; margin: 0 auto; } /* Estado del cotejo =================================*/ .Pendientedecotejo{ background: transparent url("img/16_ball_yellow.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Cotejoconobservaciones{ background: transparent url("img/16_ball_red.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Cotejoaprobado{ background: transparent url("img/16_ball_green.png") no-repeat; width:16px; height:16px; margin: 0 auto; } /* Estado del pago y de la revisión del informe final =================================*/ .Pendientedecobrar, .Pendientedeaprobar{ background: transparent url("img/16_ball_yellow.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Nocobrado,.Conobservaciones{ background: transparent url("img/16_ball_red.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Cobrado,.Aprobado{ background: transparent url("img/16_ball_green.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Sancionadounaño{ background: transparent url("img/16_ball_purple.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Sancionadodefinitivo{ background: transparent url("img/16_ball_grey.png") no-repeat; width:16px; height:16px; margin: 0 auto; } .Sancionadounañoobservaciones{ background: transparent url("img/16_ball_pink.png") no-repeat; width:16px; height:16px; margin: 0 auto; } /* ficha revisión ===========================*/ .contentinner { padding: 15px; width: 930px; } .contentinner p {color:#fff; } .contentinner .altbox{color: #fff; border-radius:10px; min-height: 100px; padding-top:10px; text-shadow: #2f0e00 1px 1px 0;} .contentinner .altbox h1 {font-size:18px; color:#fff; line-height:1.5;} .contentinner h1{color:#A21D6F; font-size:18px;} .contentinner img{display: block;float: left;margin-left: 30px;margin-right: 5px;width: 96px;} .contentinner .box-50 {float: left;margin-right:20px;margin-bottom: 20px; width:430px;} .contentinner .box-70 {border-right: 1px solid #999;float: left;margin-right: 20px;margin-bottom: 20px;} .contentinner .box-30 {margin-bottom: 20px; float:left;} .contentinner dt {float:left; margin-right:5px; font-weight:bold; } .contentinner dd {margin-right:10px;} .list-inside{background: none repeat scroll 0 0 #F4F4F4;line-height: 3; text-align: center;} .list-inside strong{color:#a21d6f;} .list-inside a{ margin-right: 10px; margin-left:10px;} /* animaciones ==============================*/ /*** animación ---movimientos de título e imagen MENÚ APOYOS OTORGADOS--- ****/ @-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } } /* animación ---MENÚ PRINCIPAL--- */ @-webkit-keyframes moveFromLeftRotate{ from { -webkit-transform: translateX(-100%) rotate(-90deg); } to { -webkit-transform: translateX(0%) rotate(0deg); } } @-moz-keyframes moveFromLeftRotate{ from { -moz-transform: translateX(-100%) rotate(-90deg); } to { -moz-transform: translateX(0%) rotate(0deg); } } @-ms-keyframes moveFromLeftRotate{ from { -ms-transform: translateX(-100%) rotate(-90deg); } to { -ms-transform: translateX(0%) rotate(0deg); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform: translateY(100%); } to { -ms-transform: translateY(0%); } } .rosa{color:#A21D6F;}