.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('../img/arr/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
 * 2011-03-08
 *
 * SIMPLE WEB PHP EDICION ADMINISTRADA
 *
 * themes/simplewebphp/css/general.css
 */

body{
	text-align:center;
	padding:0;
	margin:0;
	background:url(../img/fondo_body.png) top center repeat-y #c0c0c0;
}
body,table,p,input,textarea,select,button{
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Kalimati, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	font-size:12px;
}
body,table,p{
	color:#333333;
}
#pagebox{
	width:995px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}
#sidebox{float:right; width:344px; margin:0; background:#eceae9}
#sidebox_top{
	height:28px;
	padding:45px 0 0 38px;
	background:#c0bcb2;
	color:#eceae9;
}
#sidebox #sidebox_top a{
	font-size:10px;
	text-decoration:none;
	margin:0 25px 0 0;
	padding:0;
	text-transform:uppercase;
}
#sidebox #sidebox_top div a{
	margin:0;
	padding:0;
	text-transform:none;
}
#sidebox #sidebox_top a.on{font-weight:bold;}
#sidebox #sidebox_top a:link, #sidebox #sidebox_top a:visited{color:#625e58}
#sidebox #sidebox_top a:hover, #sidebox #sidebox_top a:active{color:#ffffff}
#sidebox_middle{padding:0 40px 0 38px;}
#sidebox_bottom{height:12px}
.sideblock{padding-bottom:20px}
.sideblock h3{font-size:18px; margin:10px 0 8px 0; font-weight:normal;}
.sideblock, .sideblock p{font-size:11px}
#sidebox a:link, #sidebox a:visited{color:#f55d09;font-weight:normal;padding:0;background:transparent}
#sidebox a.on:link, #sidebox a.on:visited{font-weight:bold}
#sidebox a:hover, #sidebox a:active{color:#f55d09;text-decoration:underline}
#sidebox ul{list-style:url('../img/li.png'); margin:0 10px; padding:0 10px}
#sidebox li{padding:4px 0}
#headerbox{
	padding:0;
	margin:0;
	width:650px;
	float:left;
	font-size:8pt;
	background:url('../img/fondo_header.png') top center no-repeat transparent;
	height:140px;
	text-align:center;
}
#loggedbox{height:50px}
#loggedbox, #loggedbox p{text-align:right}
#menubox{
	margin:108px auto 0 auto;
	padding:0 0 0 29px;
}
#menubox a{
	font-size:11px;
	text-decoration:none;
	padding:0 9px;
	text-transform:uppercase;
	border-bottom:1px solid #ffffff;
}
#menubox a.actual{border-bottom:1px solid #b4b0aa}
#menubox a:link,#menubox a:visited{color:#544d3e; }
#menubox a:hover,#menubox a:active{color:#b4b0aa; border-bottom:1px solid #ffffff}
#localizador{margin:24px 0 0 40px;color:#284b6d;font-size:90%;}
div.previsualizar{
	padding:18px 0 60px 0;
}
textarea.previsualizar{
	width:554px; /* +18 barra despl.?? */
}
div.previsualizar, #contentbox{
	width:554px;
	margin:0;
}
#contentbox{
	padding:18px 45px 60px 45px;
	float:left;
	min-height:500px;
	height:auto !important;
	height:500px;
}
h1#titlebox{
	font-size:21px;
	margin-top:0;
	font-weight:normal;
	color:#544d3e;
}
h1#titlebox a:link, h1#titlebox a:visited{text-decoration:none;color:#333333}
h1#titlebox a:hover, h1#titlebox a:active{text-decoration:none;color:#f55d09}
#footerbox{
	clear:both;
	padding:66px 56px 20px 55px;
	background:#c0bcb2;
}
#footerbox .column{
	float:left;
	font-size:11px;
	color:#59554c;
}
#footerbox .columntitle{
	border-bottom:1px solid #99958e;
	text-transform:uppercase;
	width:140px;
}
#footerbox .columnitem{
	padding-top:4px;
}
#footerbox .columnitem a, #socialbox a{text-decoration:none}
#footerbox .columnitem a:link,#footerbox .columnitem a:visited,#socialbox a:link,#socialbox a:visited{color:#59554c}
#footerbox .columnitem a:hover,#footerbox .columnitem a:active,#socialbox a:hover,#socialbox a:active{color:#ffffff}
#socialbox{
	clear:both;
	text-align:right;
	font-size:11px;
	padding:20px 0 30px 0;
}
#copyrightbox{
	text-align:right;
	color:#ffffff;
	font-size:11px;
}
#copyrightbox a:link, #copyrightbox a:visited{color:#ffffff}
#copyrightbox a:hover, #copyrightbox a:active{color:#ffffff; text-decoration:underline}

.message{background:#ffffdb; color:#333333; border:2px solid #f6e4b8; padding:4px; margin:0 0 1em 0; }

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#nav {height:25px;}
#nav, #nav ul {padding:0; margin:0; list-style:none; position:relative; z-index:200; }
#nav ul {border:1px solid #c0bcb2; background:#ffffff; text-align:left}

#nav table {border-collapse:collapse;}
#nav table, #nav table td {padding:0; margin:0;}
#nav li {float:left;}
#nav li li {float:none; padding-right:10px; min-width:140px; width:auto !important; width:140px;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; height:25px; line-height:25px; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none; padding-right:5px;}

#nav li:hover {position:relative; z-index:300;}
#nav a:hover {position:relative; z-index:300;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/**
 * Jose Carlos Cruz Parra
 * www.programadorphpfreelance.com
 * 2011-03-08
 *
 * SIMPLE WEB PHP EDICION ADMINISTRADA
 *
 * themes/simplewebphp/css/estilos.css.php
 */

/* INI popup */
div.popup{
	position:absolute;
	text-align:left;
	width:400px;
	background:url('../img/fondo_popup.gif') bottom left repeat-x #f0f0f0;
	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}

h1{font-size:20px; color:#494132}
h2{font-size:16px; color:#494132}
h3{font-size:14px; color:#494132}

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:#ecebea}

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

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}
div.box_ra{
	background:url(../img/fondo_box_ra.png) top right no-repeat #ecebea;
	padding:25px 40px 25px 20px;
}

div.colizq{width:186px; margin-right:0px; float:left;}
div.colcen{width:184px; margin-right:0px; float:left;}
div.colder{width:184px; float:right;}

div.recursos{background:url('../img/round_recursos.png') top center no-repeat #ffffff}
div.informacion{background:url('../img/round_informacion.png') top center no-repeat #ffffff}
div.recursos, div.informacion{padding:106px 10px 0 10px; width:164px}
div.recursos h2, div.informacion h2{margin-top:0}
div.recursos p, div.informacion p{text-align:left; font-size:11px}

div.sep{background:#c0bbb2; height:1px; clear:both; font-size:1px; border-top:20px solid #ffffff; border-bottom:20px solid #ffffff}

h3.blog_entrada_titulo{
	color:#494132;
	font-size:14px;
	font-weight:normal;
	margin:10px 0 8px 0;
}

div.login{
	margin:0px auto; width:800px;
}
div.login input.requerido{
	width:200px;
}
div.login input.boton{
	border:0;
	background:#df6521;
	padding:2px 20px;
	color:#ffffff;
	cursor:pointer;
	text-align:left;
}
div.login a{
	color:#df6521;
}

.tenue{color:#c0bcb2}

.noticia,.noticia_on{clear:both; padding:10px 0}
.noticia{border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.noticia_on{cursor:pointer; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#fcfcfc}
.noticia h2, .noticia h3, .noticia_on h2, .noticia_on h3{margin:0}
.noticia h2 a:link, .noticia h2 a:visited{text-decoration:none;color:#494132}
.noticia_on h2 a:link, .noticia_on h2 a:visited{text-decoration:none;color:#494132}
.noticia h2 a:hover, .noticia h2 a:active, .noticia_on h2 a:hover, .noticia_on h2 a:active{text-decoration:none;color:#f55d09}
.noticia_imagen{width:186px; margin-right:0px; float:left; text-align:center; height:158px}
.noticia_fecha{color:#c0bcb2; font-size:14px; font-weight:bold}
.noticia_intro{margin:10px 0}
.noticia_fin{font-size:1px; height:1px; clear:both}

.enlaces{margin-top:4px}
.enlaces a{font-weight:normal; font-size:90%}

.sideblock h1{color:#8d8b7a}
.sideblock p.maxi{color:#8d8b7a; font-size:12px}