.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}


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.jpg) top center no-repeat #c0c0c0;
}
body,table,p,input,textarea,select,button{
	font-family:Verdana, Kalimati, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	color:#393939;
	font-size:12px;
}
#pagebox{
	width:1030px;
	text-align:left;
	margin:0 auto;
	padding:0;
}
#headerbox{
	padding:0;
	margin:0;
	background:url('../img/fondo_header.png') bottom left no-repeat transparent;
	height:173px;
	font-family: "Trebuchet MS", Arial, Tahoma, Sans-serif, Verdana, Kalimati, "Bitstream Vera Sans", "DejaVu Sans", Geneva;
}
#titulobox{padding:10px 0 0 168px; float:left}
#titulobox h1{color:#666699; font-size:24px; margin:0}
#titulobox h2{color:#666666; font-size:18px; font-weight:normal; margin:-1px 0 0 0}
#titulobox h3{color:#808080; font-size:16px; font-weight:normal; margin:-3px 0 0 0}
#loggedbox{height:20px; padding-top:10px}
#loggedbox, #loggedbox p{text-align:right; font-size:90%}
#menubox{
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #808080;
	height:36px;
	color:#808080;
}
#menubox a{
	font-size:18px;
	text-decoration:none;
	padding:0 44px 0 32px;
	background-position:center left;
	background-repeat:no-repeat;
	background-color:transparent;
}
#menubox a.ultimo{padding-right:0}
#menubox a.e_inicio{background-image:url(../img/iconos/inicio.gif)}
#menubox a.e_info{background-image:url(../img/iconos/info.gif)}
#menubox a.e_portafolio{background-image:url(../img/iconos/portafolio.gif)}
#menubox a.e_demos{background-image:url(../img/iconos/demos.gif)}
#menubox a.e_descargas{background-image:url(../img/iconos/descargas.gif)}
#menubox a.e_noticias{background-image:url(../img/iconos/noticias.gif)}
#menubox a.e_soporte{background-image:url(../img/iconos/soporte.gif)}
#menubox a.e_enlaces{background-image:url(../img/iconos/enlaces.gif)}
#menubox a.actual{}
#menubox a:link,#menubox a:visited{color:#666666;}
#menubox a:hover,#menubox a:active{color:#000000;}
#submenubox{
	clear:both;
	text-align:right;
	padding:10px 0 0 0;
	color:#808080;
}
#submenubox a{
	font-size:14px;
	text-decoration:none;
	padding:0 0 0 24px;
}
#submenubox a.actual{}
#submenubox a:link,#submenubox a:visited{color:#888888;}
#submenubox a:hover,#submenubox a:active{color:#000000;}
#localizador{margin:24px 0 0 40px;color:#284b6d;font-size:90%;}
div.previsualizar{
	padding:18px 0 60px 0;
}
textarea.previsualizar{
	width:669px; /* +18 barra despl.?? */
}
div.previsualizar, #contentbox{
	margin:0;
}
#contentbox{
	clear:both;
	padding:0 15px;
	background:url('../img/fondo_content.png') top center repeat-y transparent;
}
#whitebox{
	background:#ffffff;
	padding:0 60px;
	text-align:justify;
	min-height:500px;
	height:auto !important;
	height:500px;
}
h1#titlebox{
	font-size:24px;
	margin-top:10px;
}
h1#titlebox,h1.title{
	font-weight:bold;
	color:#666699;
	font-family: "Trebuchet MS", Arial, Tahoma, Sans-serif, Verdana;
}
#titulobox a:link, #titulobox a:visited,
h1#titlebox a:link, h1#titlebox a:visited,
h1.title a:link, h1.title a:visited{
	text-decoration:none;color:#666699
}
#titulobox a:hover, #titulobox a:active,
h1#titlebox a:hover, h1#titlebox a:active,
h1.title a:hover, h1.title a:active{
	text-decoration:none;color:#000000
}
#footerbox{
	clear:both;
	padding:50px 60px 0 60px;
	margin:0 0 10px 0;
	text-align:center;
	font-size:11px;
	background:url('../img/fondo_footer.png') top center no-repeat transparent;
}
#copyrightbox a:link, #copyrightbox a:visited{color:#02236a}
#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; }

#popup_contacto{width:600px; height:338px}
#popup_contacto div.popup_content{font-size:130%; padding:40px 0 0 20px; height:auto}
#popup_contacto .mini{font-size:12px}
#popup_contacto h1{color:#666699;}
#popup_contacto h2{color:#666666; font-weight:normal;}
#popup_contacto h3{color:#808080; font-weight:normal;}/**
 * 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:10px;
	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,h2,h3,h4,h5,h6{font-family: "Trebuchet MS", Arial, Tahoma, Sans-serif, Verdana, Kalimati, "Bitstream Vera Sans", "DejaVu Sans", Geneva;}

h1{font-size:21px; color:#494132}
h2{font-size:17px; color:#494132}
h3{font-size:15px; 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:#3333ff}
a:visited{color:#4444ff}
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; margin-bottom:18px}
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.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;
}

.tenue{color:#c0bcb2}

.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 #666699;
	background:url(../img/fondo_trabajo_on.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:#02236a}
.noticia_on h2 a:link, .noticia_on h2 a:visited, .noticia_on h3 a:link, .noticia_on h3 a:visited{text-decoration:none;color:#02236a}
.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:none;color:#000000}
.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;}
.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}

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

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

.trabajo,.trabajo_on{
	float:left;
	width:405px;
	height:145px;
	margin:0 5px 10px 5px;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
.trabajo{
	border:1px solid #cccccc;
	background:url(../img/fondo_trabajo.png) bottom left repeat-x #fcfcfc;
}
.trabajo.destacado{background:url(../img/fondo_trabajo_destacado.png) bottom left repeat-x #fbfbe5;}
.trabajo_on{
	cursor:pointer;
	border:1px solid #666699;
	background:url(../img/fondo_trabajo_on.png) bottom left repeat-x #fcfcfc;
}
.trabajo_on.destacado{background:url(../img/fondo_trabajo_destacado_on.png) bottom left repeat-x #fbfbe5;}
.trabajo h2, .trabajo_on h2{margin:0; font-size:14px}
.trabajo h2 a:link, .trabajo h2 a:visited{text-decoration:none;color:#02236a}
.trabajo_on h2 a:link, .trabajo_on h2 a:visited{text-decoration:none;color:#02236a}
.trabajo h2 a:hover, .trabajo h2 a:active, .trabajo_on h2 a:hover, .trabajo_on h2 a:active{text-decoration:none;color:#000000}
.trabajo_imagen{width:170px; height:140px; margin-right:0px; float:left; text-align:left}
.trabajo_imagen img{width:160px; height:120px; border:1px solid #e0e0e0;}
.trabajo_imagen div{text-align:center; margin:6px 0 0 0; font-size:11px}
.trabajo_fecha{color:#999999; font-size:11px}
.trabajo_mitrabajo{margin:10px 0 0 0; height:88px; overflow:hidden}
.trabajo_leermas{text-align:right}
.trabajo_fin{font-size:1px; height:1px; clear:both}

.trabajodetalles{
	height:380px;
	margin:5px;
	padding:10px;
	overflow:hidden;
	text-align:left;
	border:1px solid #cccccc;
	background:url(../img/fondo_box.gif) bottom left repeat-x #fcfcfc;
}
.trabajodetalles.destacado{background:url(../img/fondo_trabajo_destacado.png) bottom left repeat-x #fbfbe5;}
.trabajodetalles h2{margin:0 0 10px 0; font-size:18px}
.trabajodetalles_imagen{width:420px; height:320px; margin:0; float:left; text-align:left}
.trabajodetalles_imagen img{width:400px; height:300px; border:1px solid #e0e0e0;}
.trabajodetalles_imagen div{text-align:center; margin:10px 0 0 0; font-size:12px}
.trabajodetalles_fecha{color:#666666; font-size:12px}
.trabajodetalles_descripcion{margin:10px 0; height:180px; overflow:hidden; font-size:14px}
.trabajodetalles_descripcion p{margin:10px 0; font-size:14px}
.trabajodetalles_mitrabajo{margin:10px 0; height:90px; overflow:hidden; font-size:12px}
.trabajodetalles_visitar{float:right; font-size:18px; font-weight:bold;}
.trabajodetalles_visitar a, .trabajodetalles_visitar span.offline{
	display:block;
	border:1px solid #c0c0c0;
	height:24px;
	text-align:center;
	color:#ffffff;
	margin:0 20px 0 0;
	width:140px;
}
.trabajodetalles_visitar a:link, .trabajodetalles_visitar a:visited{
	background:url(../img/fondo_boton24.png) center left repeat-x #60d717;
}
.trabajodetalles_visitar a:hover, .trabajodetalles_visitar a:active{
	background:url(../img/fondo_boton24_hover.png) center left repeat-x #d8e01f;
	text-decoration:none;
}
.trabajodetalles_visitar span.offline{background:url(../img/fondo_boton24_off.png) center left repeat-x #d8d8d8}
.trabajodetalles_volver{float:left; font-size:18px; font-weight:normal;}
.trabajodetalles_volver img{vertical-align:middle}
.trabajodetalles_volver a{
	margin:0 20px 0 0;
}
.trabajodetalles_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}

table.listaenlaces{width:100%}
table.listaenlaces h3{font-weight:normal; margin-top:10px}
table.listaenlaces td{border-bottom:1px solid #c0c0c0; ; padding:0 10px 20px 10px}
table.listaenlaces tr{background:url(../img/fondo_box.gif) bottom left repeat-x #fcfcfc;}

table.listadescargas{width:100%}
table.listadescargas h3{font-weight:bold; margin-top:10px}
table.listadescargas td{border-bottom:1px solid #c0c0c0; padding:0 10px 20px 10px}
table.listadescargas tr{background:url(../img/fondo_box.gif) bottom left repeat-x #fcfcfc;}

table.listademos{width:100%}
table.listademos h3{font-weight:bold; margin-top:10px}
table.listademos td{border-bottom:1px solid #c0c0c0; padding:0 10px 20px 10px}
table.listademos tr{background:url(../img/fondo_box.gif) bottom left repeat-x #fcfcfc;}

.validadorError{border:1px solid #ff0000}

.perfil{padding-bottom:14px}
.perfil div{padding:2px 0; font-size:14px; color:#666666}

.external{/*para que salga en el tinymce*/}

#editlangs img{border:2px solid transparent}
#editlangs a.selected img{border:2px solid #999999}
#editlangs{position:absolute; z-index:99999; padding:4px; border:1px solid #999999; background:#ffffff}
.editlang img.lang{cursor:pointer}