body { background-color: #FFFFFF; color: #004080; font-family: Verdana; font-size: 12px; line-height: 120%; } .bd { background-color: #FFFFFF; color: #004080; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; } .bdw { background-color: #A4A4A4; color: red; font-family: Arial; font-size: 15px; border-top-width: 3px; border-right-width: 3px; border-left-width: 3px; } .bdx { background-color: #D8F781; color: green; font-family: Arial; font-size: 12px; border-top-width: 3px; border-right-width: 3px; border-left-width: 3px; } .bdy { background-color: #FAAC58; color: red; font-family: Arial; font-size: 15px; border-top-width: 3px; border-right-width: 3px; border-left-width: 3px; } .bdz { font-family: Arial; width : 30%; font-size: 12px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; } .bxz { font-family: Arial; width : 24%; font-size: 14px; border-top-width: 3px; border-right-width: 2px; border-left-width: 2px; border-bottom-width: 3px; } .bx { background-color: #FFFFFF; width : 45%; color: navy; font-family: Arial; font-size: 13px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .tbl { background-color: #FFFFFF; } a:link { color: #FF0000; font-family: Verdana; font-size: 12px; } a:active { color: #0000FF; font-family: Arial; font-size: 12px; } a:visited { color: #800080; font-family: Arial; font-size: 12px; } .hr { background-color: #9AFE2E; color: #FFFFFF; font-family: Arial; font-size: 12px; } a.hr:link { color: #FFFFFF; font-family: Arial; font-size: 12px; } a.hr:active { color: #FFFFFF; font-family: Arial; font-size: 12px; } a.hr:visited { color: #FFFFFF; font-family: Verdana; font-size: 12px; } .dr { background-color: #FFFFFF; color: #000000; font-family: Verdana; font-size: 12px; } .sr { background-color: #FFFFCF; width : 59%; color: #000000; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .sr2 { background-color: #FFFFCF; width : 45%; color: #000000; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .sr21 { background-color: #FFFFCF; width : 44%; color: #000000; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .sr3 { background-color: #FFFFCF; width : 52%; color: #000000; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .srx { background-color: #FFFFCF; width : 45%; color: #000000; font-family: Arial; font-size: 12px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .sry { background-color: #FFFFCF; width : 45%; color: #000000; font-family: Arial; font-size: 13px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; } .sx { width : 30%; color: #000000; font-family: Arial; font-size: 11px; border-right-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-top-width: 3px; Border:3px; height:50%; } .tamcombo { width : 60%; color: navy; //font-family: Arial; font-size: 15px; font-weight: bold; } .tdw { width : 45% } .textbox { border: 4px solid #DBE1EB; font-size: 15px; font-family: Arial, Verdana; border-style:inset; //border-color:yellow; border-width: 3.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 4px; padding-right: 4px; padding-top: 1.5px; padding-bottom: 1.5px; border-radius: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; //color del texto del input } .textbox:focus { color: red; border-color: yellow; } .textboxz { border: 4px solid #DBE1EB; font-size: 15px; font-family: Arial, Verdana; border-style:inset; //border-color:yellow; border-width: 3.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 4px; padding-right: 4px; padding-top: 1.5px; padding-bottom: 1.5px; border-radius: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; //color del texto del input } .textbox:focus { color: red; border-color: yellow; } .textboxw { border: 4px solid #DBE1EB; font-size: 15px; font-family: Arial, Verdana; border-style:inset; //border-color:yellow; border-width: 3.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 4px; padding-right: 4px; padding-top: 1.5px; padding-bottom: 1.5px; border-radius: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: #FFFFFF; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: #2E3133; //color del texto del input } .textbox:focus { color: red; border-color: yellow; } .textos { border: 0.5px solid #DBE1EB; font-size: 18px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; padding-left: 15px; padding-right: 15px; padding-top: 14.5px; padding-bottom: 14.5px; color: navy; //color del texto } .textops { border: 0.5px solid green; font-size: 18px; font-family: Arial, Verdana; border-style:inset; border-color:black; border-width: 2.5px; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 5.5px; padding-bottom: 5.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: red; //color del texto } .textou { border: 0.5px solid #DBE1EB; font-size: 17px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.0px; border-length: 1.0px; color: navy; //color del texto } .textov { border: 0.5px solid #DBE1EB; font-size: 17px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: navy; //color del texto height : 10%; width : 50%; background-color: #FFFFCF; } .textox { border: 0.5px solid #DBE1EB; font-size: 12px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: navy; //color del texto height : 10%; width : 50%; background-color: #FFFFCF; } .textoy { border: 0.5px solid #DBE1EB; font-size: 13px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: navy; //color del texto height : 10%; width : 50%; background-color: #A9F5F2; } .textos2 { border: 2px solid #DBE1EB; font-size: 17px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 0.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: yellow; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: navy; //color del texto } .texto2 { font-size: 17px; text-align : center; border: black 1px solid; width: 35%; font-family: Arial, Verdana; border-style:outset; border-color:red; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 6px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: yellow; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: navy; //color del texto } .texto21 { font-size: 30px; text-align : center; border: black 3px solid; width: 45%; font-family: Arial, Verdana; border-style:outset; border-color:red; border-width: 1.5px; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 4px; padding-right: 4px; padding-top: 8px; padding-bottom: 6px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: green; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: navy; //color del texto } .texto3 { font-size: 15px; text-align : center; border: black 1px solid; width: 185%; font-family: Arial, Verdana; border-style:outset; border-color:red; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: yellow; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: navy; //color del texto } .texto4 { font-size: 20px; text-align : center; border: black 1px solid; width: 185%; font-family: Arial, Verdana; border-style:outset; border-color:red; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background: yellow; background: linear-gradient(left, #FFFFFF, #F7F9FA); background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA); background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA); background: -o-linear-gradient(left, #FFFFFF, #F7F9FA); color: black; //color del texto } .textowr { border: 0.5px solid #DBE1EB; font-size: 16px; width : 30%; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 0.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #FFFFCF; color: navy; //color del texto } .textowrz { border: 0.5px solid #DBE1EB; font-size: 16px; width : 30%; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 0.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #D8F781; color: black; //color del texto } .textowrw { border: 0.5px solid #DBE1EB; font-size: 16px; width : 30%; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 0.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #FAAC58; color: black; //color del texto } .textowrh { border: 0.5px solid #DBE1EB; font-size: 16px; width : 30%; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 0.5px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #A4A4A4; color: black; //color del texto } .textowxy { font-size: 17px; width : 35%; font-family: Arial, Verdana; color: black; //color del texto } .textowss { font-size: 17px; width : 35%; font-family: Arial, Verdana; color: navy; //color del texto } .textows { font-size: 18px; width : 65%; font-family: Arial, Verdana; text-decoration : underline; //border-color:yellow; color: navy; //color del texto } .textowx { border: 0.5px solid #DBE1EB; font-size: 17px; font-family: Arial, Verdana; border-style:outset; //border-color:yellow; border-width: 1.5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 5px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); padding-left: 2px; padding-right: 2px; padding-top: -1px; padding-bottom: -1px; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; background-color: #FFFFCF; color: navy; //color del texto } /***********************************BOTONES 01**********************************************************************/ .button01 { border-top: 1px solid #96d1f8; background: orange; color : white; font-align : center; font-family: Verdana; font-weight : bold; border-radius: 12px; font-weight : bold; margin: .2em; padding: 0.8em; cursor: pointer; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; text-decoration: none; vertical-align: middle; } .button01:hover { border-top-color: black; background: black; color: #ccc; } a:link, a:visited { text-decoration: none } a:hover { text-decoration: underline; color:#000000; } /***********************************BOTONES 02**********************************************************************/ .button02 { border-top: 1px solid #96d1f8; background: red; color : white; font-align : center; font-family: Verdana; font-weight : bold; border-radius: 12px; font-weight : bold; margin: .2em; padding: 0.8em; cursor: pointer; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; text-decoration: none; vertical-align: middle; } .button02:hover { border-top-color: black; background: black; color: #ccc; } /***********************************BOTONES 03**********************************************************************/ .button03 { border-top: 1px solid #96d1f8; background: #9AFE2E; color : black; font-align : center; font-family: Verdana; border-radius: 12px; margin: .2em; padding: 0.8em; cursor: pointer; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; text-decoration: none; vertical-align: middle; } .button03:hover { border-top-color: black; background: black; color: #ccc; } /***********************************BOTONES 04**********************************************************************/ .button04 { border-top: 1px solid #96d1f8; background: blue; color : white; font-align : center; font-family: Verdana; font-weight : bold; border-radius: 12px; font-weight : bold; margin: .2em; padding: 0.8em; cursor: pointer; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; text-decoration: none; vertical-align: middle; } .button04:hover { border-top-color: black; background: black; color: #ccc; } .button { padding: 15px 30px ; color : navy; width : 145px; background : orange; font-family: Verdana; font-size: 12px; font-align : center; font-weight : bold; border-radius: 8px; padding-left: 25px; padding-right: 28px; margin: .3em; padding: 1em; cursor: pointer; border-radius: 12px; } .button2 { padding: 15px 30px ; color : white; background : red; font-family: Verdana; font-size: 12px; font-weight : bold; border-radius: 8px; padding-left: 25px; padding-right: 28px; margin: .3em; padding: 1em; cursor: pointer; border-radius: 12px; } .button3 { padding: 15px 30px ; color : white; background : green; font-family: Verdana; font-size: 12px; font-weight : bold; border-radius: 8px; padding-left: 25px; padding-right: 28px; margin: .3em; padding: 1em; cursor: pointer; border-radius: 12px; } .button4 { padding: 15px 30px ; color : white; background : blue; font-family: Verdana; font-size: 12px; font-weight : bold; border-radius: 8px; padding-left: 25px; padding-right: 28px; margin: .3em; padding: 1em; cursor: pointer; border-radius: 12px; } input{ font-family : Verdana; border-radius: 3px; border-color: gray; border: 1px solid #DBE1EB; color: #000; padding: 0.2em; } select{ font-family : Verdana; border-radius: 3px; border-color: gray; border: 1px solid #DBE1EB; color: #000; padding: 0.2em; } textarea{ font-family : Verdana; font-size : 12px; border-radius: 2px; border-color: gray; color: #000; border: 1px solid #DBE1EB;padding: 0.2em; } table { width: 35%; text-align: left; border-collapse: collapse; border: 1px solid #000; margin: 0 0 0em 0; caption-side: top; } caption, td, th { padding: 0.3em; } th, td { border-bottom: 0px solid #000; border-right: 0px solid #000; border: 0px solid #000; } th.last, td.last { border-right: 0; } t foot th, tfoot td { border-bottom: 0; text-align: center; } th { lastchild, td:lastchild { } a:active { position: relative; top: 1px; } }