#banner {height: 44px; background: url('img/banner_sppc.png') no-repeat 15px; background-color: #F2F2F2; border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; text-align: right;text-indent:200px;padding: 10px; color: #666; font-size: 2em;font-weight: normal;}

.left {text-align: left}
.center {text-align: center}
.right {text-align: right}

table.detail {width: 96%}
table.detail td, table.detail th {padding: 5px;vertical-align: top }
table.detail th {text-align: right; font-weight: bold; width: 90px; color: #333;}
table.detail td {text-align: justify; color: #333; }
table.detail input[type="text"], table.detail input[type="file"], table.detail textarea, table.detail select, table.detail input[type="password"] {background-color: #e7e7e7; border: 1px solid #333; padding: 3px}
table.detail input[type="text"]:hover,table.detail textarea:hover {background-color: #ece7d4;}
table.detail input[type="submit"] {display: inline}
table.detail .iconify {width: 90%}


input[type="button"],input[type="submit"], input[type="reset"] { padding: 2px; margin: 3px; background-color: #ece7d4; border: 1px solid #b8a34f }

input.large {width: 480px} input.medium {width: 270px} input.small {width: 185px}
textarea.large {width: 480px; height: 80px} textarea.medium {width: 200px} textarea.small {}
select.large {width: 485px} select.medium {width: 275px} select.small {width: 190px}


table.detail .buttons {text-align: center}

ul.reports li {padding: 3px 3px 3px 22px}
ul.reports a {color: #333; text-decoration: none}
ul.reports a:hover {text-decoration: underline;}
ul.folders li.folder {background: transparent url(img/tmh.gif) 0 0px no-repeat; padding: 3px 3px 3px 22px; color: #600}

.icon-ppt {background: transparent url(img/icons.png) 0 0px no-repeat}  
.icon-dmg {background: transparent url(img/icons.png) 0 -36px no-repeat}  
.icon-prv {background: transparent url(img/icons.png) 0 -72px no-repeat}  
.icon-gen {background: transparent url(img/icons.png) 0 -108px no-repeat}  
.icon-doc {background: transparent url(img/icons.png) 0 -144px no-repeat}  
.icon-jar {background: transparent url(img/icons.png) 0 -180px no-repeat}  
.icon-zip {background: transparent url(img/icons.png) 0 -216px no-repeat}
.icon-pdf {background: transparent url(img/pdf.gif) no-repeat}

.list {width: 100%}
.list {color: #333; border: 1px solid silver; margin-top: 5px;}
.list a {color: #333; text-decoration: none}
.list a:hover {text-decoration: underline}
.list th {text-align: center; padding: 4px; font-weight: bold}
.list td {padding: 4px}
.list td {}
.list tr.odd {background: #e7e7e7; }
.list tr.even {background: white}
.list tbody tr:hover {background: #ece7d4}
.list tr {border-top: 1px solid silver}

.list tr.odd_noread {background: #e7e7e7; font-weight: bolder}
.list tr.even_noread {background: white; font-weight: bolder}
.list tr.odd_read {background:  #e7e7e7;  }
.list tr.even_read {background: white; }

.money { text-align: right; color: black}
.number { text-align: center}

.spacer {height: 0.9em}

img.left{ float: left; margin-right: 1em; margin-bottom: 1em}


.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}
div.errors { 
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors input, td.errors select {
    border: 1px solid red;
}

ul.indicadores {text-align: left; }
ul.indicadores li {padding: 2px}
ul.indicadores a {text-decoration: none; color: #333}
ul.indicadores a:hover {text-decoration: underline}

ul.componentes {text-align: left; }
ul.componentes li {padding: 2px}
ul.componentes a {text-decoration: none; color: #333}
ul.componentes a:hover {text-decoration: underline}

ul.metas {text-align: left; }
ul.metas li {padding: 2px}
ul.metas a {text-decoration: none; color: #333}
ul.metas a:hover {text-decoration: underline}

ul.comentarios {text-align: left; }
ul.comentarios li {padding: 2px}
ul.comentarios a {text-decoration: none; color: #333}
ul.comentarios a:hover {text-decoration: underline}

ul.materiales {text-align: left; }
ul.materiales li {padding: 2px}
ul.materiales a {text-decoration: none; color: #333}
ul.materiales a:hover {text-decoration: underline}
ul.materiales a.download {color: #600}


.step, .currentStep, .prevLink, .nextLink {margin-left: 10px; color: #009; font-size: 1.2em;}
.currentStep {color: #900}

table.detail td.note {font-style: italic; font-size: 1em; color: #900; text-align: right}
.ayuda {text-align: justify; color: #333}
.pie {color: #333; margin-top: 1em; padding: .3em; border-top: 1px solid gray;  text-align: center}

.form {color: #333}
.form label {display: block; font-weight: bold; padding: 0.3em}
.form input[type="text"] {color: #333}
.form select { color: #333}
.form .buttons {text-align: right; padding: .3em}

ul.intro {margin-left: 1em}
ul.intro li {padding: .5em; text-align: justify;}

.situacion3 {background-color: rgb(255,85,85)}
.situacion2 {background-color: rgb(255,255,85)}
.situacion1 {background-color: rgb(85,255,85)}

.estado1 {background-color: #6E6E6E}
.estado2 {background-color: #FF0000}
.estado3 {background-color: #00FF00}
.estado4 {background-color: #FFB90F}
.estado6 {background-color: #0000FF}
.estado5 {background-color: #000000}
.estado7 {background-color: #663399}


.info {float: right}

.trans {color: gray; font-style: italic;}


.help p {margin-bottom: 5px;}

.avance-bueno {background-color: rgb(85,255,85)}
.avance-regular {background-color: rgb(255,255,85)}
.avance-malo {background-color: rgb(255,85,85)}

.situ-bueno {color: #080; font-weight: bold}
.situ-regular {color: #880; font-weight: bold}
.situ-malo {color: #800; font-weight: bold}

a.tipo1 {padding-left: 22px; background: url(../images/file_jpg.png) no-repeat left}
a.tipo2 {padding-left: 22px; background: url(../images/file_doc.png) no-repeat left}
a.tipo3 {}
a.tipo4 {padding-left: 22px; background: url(../images/file_pdf.png) no-repeat left}
a.tipo5 {padding-left: 22px; background: url(../images/file_ppt.png) no-repeat left}
a.tipo6 {padding-left: 22px; background: url(../images/file_zip.png) no-repeat left}

a:visited {color: #ba0e17;}
a:link {color: #666;}
a.title-link {float: right; font-weight: normal; color: #770}

.buttons input.find{
 	background: transparent url(../icons/magnifier.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.find:hover{
 	background: #CCC url(../icons/magnifier.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.save{
 	background: transparent;
}
.buttons input.save:hover{
 	background: #CCC;
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
}

ul.reports li {padding: 3px 3px 3px 22px}
ul.reports a {color: #333; text-decoration: none}
ul.reports a:hover {text-decoration: underline;}
ul.folders li.folder {background: transparent url(img/tmh.gif) 0 0px no-repeat; padding: 3px 3px 3px 22px; color: #600}

.bullet {background: transparent url(img/bullet_go.png) no-repeat left center}