.descarga,a.info,.off,.on,.app,.pdf,.open,.back,.usr,.print,.view,.excel,.card,.add,.edit,.del,.ok,.mail,.lock,.key,.ambar,.rojo,.verde,.azul,.amarillo,.gris,.home,.img,.doc,.folder{padding:2px 2px 2px 20px;font-weight:bold}
.descarga{background-image:url('../img/arr/descargar.gif')}
a.info{background-image:url('../img/arr/info.gif')}
.off{background-image:url('../img/arr/off.gif')}
a.off:link,a.off:visited{color:#c9450e}
a.off:hover,a.off:active{color:#aa7030}
.on{background-image:url('../img/arr/on.gif')}
a.on:link,a.on:visited{color:#45a90e}
a.on:hover,a.on:active{color:#aa7030}
.app{background-image:url('../img/arr/app.gif')}
.pdf{background-image:url('../img/arr/pdf.gif')}
.open{background-image:url('../img/arr/open.gif')}
.back{background-image:url('../img/arr/back.gif')}
.usr{background-image:url('../img/arr/usr.gif')}
.print{background-image:url('../img/arr/print.gif')}
.view{background-image:url('../img/arr/view.gif')}
.excel{background-image:url('../img/arr/excel.gif')}
.card{background-image:url('../img/arr/card.gif')}
.add{background-image:url('../img/arr/add.gif')}
.edit{background-image:url('../images/flechita_edit.gif')}
.del{background-image:url('../img/arr/del.gif')}
.ok{background-image:url('../img/arr/ok.gif')}
.mail{background-image:url('../img/arr/mail.gif')}
.lock{background-image:url('../img/arr/lock.gif')}
.key{background-image:url('../images/flechita_key.gif')}
.ambar{background-image:url('../img/arr/ambar.gif')}
.rojo{background-image:url('../img/arr/rojo.gif')}
.verde{background-image:url('../img/arr/verde.gif')}
.azul{background-image:url('../img/arr/azul.gif')}
.amarillo{background-image:url('../img/arr/amarillo.gif')}
.gris{background-image:url('../img/arr/gris.gif')}
.home{background-image:url('../img/arr/home.gif')}
.img{background-image:url('../img/arr/img.gif')}
.doc{background-image:url('../img/arr/doc.gif')}
.folder{background-image:url('../img/arr/folder.gif')}

.info,.info_,.error,.aviso,.ayuda,.ayuda_,.espera,.check,.prohibido{padding:4px 0px 0px 24px}
.info{background-image:url('../img/icons/16x16/info.png');color:#52515b}
.info_{background-image:url('../img/icons/16x16/info2.png');color:#52515b}
.error{background-image:url('../img/icons/16x16/exclamation.png');color:#c9450e}
.aviso{background-image:url('../img/icons/16x16/warning.png');color:#333366}
.ayuda{background-image:url('../img/icons/16x16/help.png');color:#52515b}
.ayuda_{background-image:url('../img/icons/16x16/help2.png');color:#525b51}
.espera{background-image:url('../img/icons/16x16/clock.png');color:#333366}
.check{background-image:url('../img/icons/16x16/accept.png');color:#669966}
.prohibido{background-image:url('../img/icons/16x16/forbidden.png');color:#c9450e}

.descarga,a.info,.off,.on,.app,.pdf,.open,.back,.usr,.print,.view,.excel,.card,.add,.edit,.del,.ok,.mail,.lock,.ambar,.rojo,.verde,.azul,.amarillo,.gris,.home,.img,.doc,.folder,
.info,.info_,.error,.aviso,.ayuda,.ayuda_,.espera,.check,.prohibido
{background-position:top left;background-repeat:no-repeat}

.external{/* para prepareTargetBlank.js */}
td,th{vertical-align:top}
h1 img,h2 img,h3 img{vertical-align:middle}
.numeric{text-align:right}
img{border:0}

/*.transparente{filter:alpha(opacity=72);opacity:.72}*/
.derecha{float:right}
.izquierda{float:left}
.clear{clear:both}
.middle{vertical-align:middle}
table.middle td{vertical-align:middle}
.cursor_pointer{cursor:pointer}
.indent{margin-left:16px}
.center{margin:0 auto;text-align:center}
table.center{text-align:left}
td.center{text-align:center}
.noborder{border:none}
.weightnormal{font-weight:normal}
.bold{font-weight:bold}
.nomargin{margin:0}
.justify{text-align:justify}
.monospace{font-family:Courier New}
/**
 * Jose Carlos Cruz Parra
 * www.programadorphpfreelance.com
 * 2010-05-08
 *
 * SIMPLE WEB PHP EDICION ADMINISTRADA
 *
 * themes/simplewebphp/css/general.css
 */

body{
	text-align:center;
	padding:0;
	margin:0;
	background:url(../img/fondo_body.jpg) top center no-repeat #3399cd;
}
body,table,p,input,textarea,select,button{
	font-family:Verdana, Kalimati, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	font-size:14px;
}
body,table,p{
	color:#333333;
}
#pagebox{
	width:1014px;
	text-align:left;
	margin:0 auto;
}
#headerbox{
	font-size:10px;
	height:133px;
	background:url(../img/fondo_header.png) bottom center no-repeat transparent;
}
#logobox{float:left}
#loggedbox{float:right; padding:4px 20px 0 0; height:20px; text-align:right; width:600px; color:#f0f0f0}
#loggedbox a{text-decoration:none}
#loggedbox a:link,#loggedbox a:visited{color:#ffffff}
#loggedbox a:hover,#loggedbox a:active{color:#ffffff; text-decoration:underline}
#esloganbox{float:right; padding:0 38px 0 0; height:54px; text-align:center; width:562px}
#esloganbox h2{
	font-size:12px;
	font-weight:normal;
	color:#f0f0f0
}
#menubox{
	text-align:right;
	padding:0 20px;
}
#menubox a, #menubox a.on{
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	padding:0 18px 0 0;
	background:transparent;
}
#menubox a.on{}
#menubox a:link,#menubox a:visited{color:#ffffff}
#menubox a:hover,#menubox a:active{color:#ffffff; text-decoration:underline}
div.previsualizar{
	padding:0 0 40px 0;
	margin:0;
}
textarea.previsualizar{
	width:700px; /* +18px barra despl. ?? */
}
#contenterbox{
	padding:0 17px;
	margin:0;
	background:url(../img/fondo_contenter.png) top center repeat-y transparent;
}
#contentbox{
	min-height:500px;
	height:auto !important;
	height:500px;
	background:url(../img/fondo_contenter.png) top center repeat-y #ffffff;
	padding:0 36px 40px 36px;
}
h1#titlebox{
	font-size:24px;
	margin-top:0;
	padding-top:32px;
	font-weight:normal;
}
h1#titlebox a:link, h1#titlebox a:visited{text-decoration:none;color:#003467}
h1#titlebox a:hover, h1#titlebox a:active{text-decoration:none;color:#003467;text-decoration:underline}
#footerbox{
	font-size:10px;
	color:#f0f0f0;
	text-align:center;
	padding:40px 20px;
	background:url(../img/fondo_footer.png) top center no-repeat transparent;
}
#footerbox a{text-decoration:none}
#footerbox a:link,#footerbox a:visited{color:#ffffff}
#footerbox a:hover,#footerbox a:active{color:#ffffff; text-decoration:underline}

.message{background:#ffffdb; color:#333333; border:2px solid #f6e4b8; padding:4px; margin:0 0 1em 0; }
/**
 * Jose Carlos Cruz Parra
 * www.programadorphpfreelance.com
 * 2010-05-08
 *
 * SIMPLE WEB PHP EDICION ADMINISTRADA
 *
 * themes/simplewebphp/css/estilos.css.php
 */

/* INI popup */
div.popup{
	position:absolute;
	text-align:left;
	width:400px;
	background:#ffffff;
	z-index:999;
	padding:0;
	overflow:visible;
	border:1px solid #909090
}
div.popup_content{padding:0 10px 4px 10px;overflow:auto;height:280px}
#popup_overlay{
  background-color:#666666;
  /* The following properties should not be changed */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:500px;
}
span.popup_link,a.popup_link{
  cursor:pointer;
  border-bottom:1px dotted;
}
span.popup_closebox{cursor:pointer}
.popup_draghandle{cursor:move}
.popup_titlebar{background:#336699;color:#ffffff;text-align:right}
/* END popup */

div.sized{width:800px;height:500px;padding:10px;overflow:auto}
#videobox{width:auto;height:auto;padding:10px;overflow:visible}

h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h1,h2,h3{color:#003467}

p{text-align:justify}
pre.plaintext{}
hr{}

th{background-color:#284b6d;color:#ffffff}

.mini{font-size:90%}
.maxi{font-size:110%}

.border{border:1px solid #f0f0f0}
.underline{border-bottom:1px solid #f0f0f0}
.overline{border-top:1px solid #f0f0f0}
.coloreado{background-color:#f8f8f8}

a:link,a:visited{text-decoration:none; color:#3399cd}
a:hover,a:active{text-decoration:underline; color:#3399cd}

#contentbox a:link img, #contentbox a:visited img{border:1px solid #c0c0c0}
#contentbox a:hover img, #contentbox a:active img{border:1px solid #3399cd}

a.boton:link,a.boton:visited,a.boton:hover,a.boton:active{border:1px solid #c0c0c0;background-color:#f5f5f5;color:#666666;text-decoration:none}
a.boton:hover,a.boton:active{color:#284b6d;border:1px solid #d0b900;}

.titulolink a:link,.titulolink a:visited,.titulolink a:hover,.titulolink a:active{color:#333333;text-decoration:none}

input.boton{width:120px}

.listadoclaro{background-color:#f8f8f8}
.listadonormal{background-color:#eeeeee}

.flabel{width:110px;color:#284b6d}
.fhelp{color:#999999;font-size:80%}

.separado1{padding-top:12px}
.separado2{padding-top:24px}
.separado3{padding-top:36px}

.light{color:#999999}

option.icon{
	background-position:center left;
	background-repeat:no-repeat;
	padding:4px 0px 4px 20px;
}

div.box,div.boxon{padding:8px; border:1px solid #cccccc;}
div.box{background:url(../img/fondo_box.gif) bottom left repeat-x #fcfcfc}
div.boxon{background:url(../img/fondo_boxon.gif) bottom left repeat-x #eaf8fe}

.validadorError{
	border:1px solid #ff0000;
}

.noticia,.noticia_on{clear:both; padding:10px 10px 10px 0; height:160px; overflow:hidden; margin:0 0 10px 0}
.noticia{
	border:1px solid #cccccc;
	background:url(../img/fondo_trabajo.png) bottom left repeat-x #fcfcfc;
}
.noticia_on{
	cursor:pointer;
	border:1px solid #3399cd;
	background:url(../img/fondo_trabajo.png) bottom left repeat-x #fcfcfc;
	}
.noticia h2, .noticia h3, .noticia_on h2, .noticia_on h3{margin:0}
.noticia h2 a:link, .noticia h2 a:visited, .noticia h3 a:link, .noticia h3 a:visited{text-decoration:none;color:#003467}
.noticia_on h2 a:link, .noticia_on h2 a:visited, .noticia_on h3 a:link, .noticia_on h3 a:visited{text-decoration:none;color:#003467}
.noticia h2 a:hover, .noticia h2 a:active, .noticia_on h2 a:hover, .noticia_on h2 a:active,
.noticia h3 a:hover, .noticia h3 a:active, .noticia_on h3 a:hover, .noticia_on h3 a:active{text-decoration:underline;color:#003467}
.noticia_imagen{width:186px; margin-right:0px; float:left; text-align:center; height:158px}
.noticia_fecha{color:#a0a0a0; font-size:11px; font-weight:bold}
.noticia_intro{margin:10px 0; height:78px; overflow:hidden}
.noticia_leermas{float:right; font-size:90%}
.noticia_leermas a{background:url(../img/icons/24x24/search.png) center left no-repeat transparent; padding:5px 0 5px 30px}
.noticia_fin{font-size:1px; height:1px; clear:both}

.paginacion{
	clear:both;
	padding-top:20px;
}
.pag_primera, .pag_anterior, .pag_siguiente, .pag_ultima{
	font-size:18px;
	font-weight:bold;
}
.pag_primera, .pag_anterior{float:left}
.pag_ultima, .pag_siguiente{float:right}
.pag_primera a, .pag_anterior a, .pag_siguiente a, .pag_ultima a{
	display:block;
	border:1px solid #c0c0c0;
	height:24px;
	text-align:center;
	color:#ffffff;
	margin:0 1px;
}
.pag_primera a, .pag_ultima a{
	width:70px;
}
.pag_anterior a, .pag_siguiente a{
	width:100px;
}
.pag_primera a:link, .pag_primera a:visited,
.pag_anterior a:link, .pag_anterior a:visited,
.pag_ultima a:link, .pag_ultima a:visited,
.pag_siguiente a:link, .pag_siguiente a:visited{
	background:url(../img/fondo_boton24.png) center left repeat-x #60d717;
}
.pag_primera a:hover, .pag_primera a:active,
.pag_anterior a:hover, .pag_anterior a:active,
.pag_ultima a:hover, .pag_ultima a:active,
.pag_siguiente a:hover, .pag_siguiente a:active{
	background:url(../img/fondo_boton24_hover.png) center left repeat-x #d8e01f;
	text-decoration:none;
}
.pag_primera a.pag_off:link, .pag_primera a.pag_off:visited,
.pag_anterior a.pag_off:link, .pag_anterior a.pag_off:visited,
.pag_ultima a.pag_off:link, .pag_ultima a.pag_off:visited,
.pag_siguiente a.pag_off:link, .pag_siguiente a.pag_off:visited,
.pag_primera a.pag_off:hover, .pag_primera a.pag_off:active,
.pag_anterior a.pag_off:hover, .pag_anterior a.pag_off:active,
.pag_ultima a.pag_off:hover, .pag_ultima a.pag_off:active,
.pag_siguiente a.pag_off:hover, .pag_siguiente a.pag_off:active{
	background:url(../img/fondo_boton24_off.png) center left repeat-x #d8d8d8;
}
.pag_paginas{text-align:center; font-size:13px; color:#999999; padding-top:3px}
.pag_paginas a{}
.pag_resultados{font-size:11px}

.firmabox{width:250px; float:right}

div.sistemas h2.primero{padding-top:0}
div.sistemas h2{clear:both; padding-top:40px}
div.sistemas div.box{float:left; width:420px; height:165px; margin:2px 4px}
div.sistemas div.box div.thumb{float:left; padding:2px 12px 2px 2px}
div.sistemas div.box div.thumb img{width:158px; height:158px}

ul.listado li{margin-top:10px; margin-bottom:10px}

.masbox a{display:block; margin:10px 0}