@charset "utf-8";
/*
**********************************************

screen.css
----------------------------------------------

Estilo maestro


Autor:
Moises Torres Romero
hhtp://www.devtorres.net
info@devtorres.net
© 2008

* Prohibida la copia ilegal de este sistema.

**********************************************
*/




* {font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; margin:0pt; padding:0pt; }

body {font-size:70%; color:#666666; line-height:1.5em}

a {color:#0080d2; text-decoration:none}
a:hover {color:#0066FF; text-decoration:underline}
li {list-style-type:none}

.autoalto {clear:both}
img {border:0}

.imgleft {float:left; border:1px solid #c5c5c5; padding:1px; margin-right:10px; margin-bottom:10px}
.imgright {float:right; border:1px solid #c5c5c5; padding:1px; margin-left:5px; margin-bottom:5px}

h1 {font-size:2.1em;}
h2 {font-size:1.9em;}
h3 {font-size:1.6em; background:url(../img/bg.dblinea.gif) bottom left repeat-x; color:#0d5cbd; margin:15px 0; padding-bottom:15px }
.articulo h3 {background:url(../img/bg.dblinea2.gif) bottom left repeat-x; color:#0dbda2 }

h4 {font-size:1.3em;}
h5 {font-size:1.1em;}

input, select, textarea {border-top:1px solid #707274; border-right:1px solid #ebebeb; border-left:1px solid #707274; border-bottom:1px solid #ebebeb}

.cab, .med, .cnt {padding:0 4px; float:left}
label.error {color:#FF3300 }
form {margin:10px 0 40px 0}

/* pg */
.pg {width:818px; margin:0 auto; padding:10px 0}

/* cab */
.logo {width:249px; height:50px; float:left; background:url(../img/bg.logo.gif) top left no-repeat; cursor:pointer; overflow:hidden; line-height:100000px}
.buscar {float:right; margin-top:10px; margin:0 !important}
.buscar input {border:0; background:none; padding:0}
.buscar .bgbuscar {background:url(../img/bg.buscar.gif) 0 2px no-repeat; width:257px; height:24px; overflow:hidden}
.buscar .bgbuscar .txt {width:170px; margin-right:10px; padding:4px 0 0 5px; }
.buscar .bgbuscar .btn {width:65px; font-weight:bold; color:#FFF; cursor:pointer; _padding:1px 0 0 0; font-size:1em; line-height:18px }


/* med */
.med {background:url(../img/bg.menu.gif) top left no-repeat;}
.med .swf {width:806px; height:138px; overflow:hidden; margin:6px 1px 1px 2px; _margin:6px 1px 1px 1px;    background-color:#b4d4fa}




/*menu nav  http://www.cssplay.co.uk/menus/skeleton.html*/

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font:Arial, Helvetica, sans-serif !important; border:1px solid #000; border-color:#dee4ec #d9dadb #d9dadb #dee4ec; border-width:1px 2px 2px 1px; background:#edf0ec; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 5px 0 5px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; height:25px; padding-left:2px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;font-family:Arial, Helvetica, sans-serif !important;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#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;}

.menu {border:none !important; background:none !important; padding-top:2px !important; height:40px !important; float:left !important}
.link_home {float:left; margin:6px 10px 0 8px}
li.liRaiz{border-left:1px solid #dee4ec !important; border-right:1px solid #dee4ec !important;}
li.liRaiz:hover{border-left:1px solid #dee4ec !important; border-right:1px solid #dee4ec !important;}



/*cnt*/
.cnt {width:806px; padding:0 6px; }

.cuerpo{width:600px}
.cuerpo h3 span{display:block; background:url(../img/ico1.gif) 0 1px no-repeat; padding-left:20px;}
.ntPrensaResumen {width:290px; float:left; overflow:hidden; margin-right:20px; line-height:1.2em; margin-bottom:20px}
.ntPrensaResumen img{margin-top:5px;}



/* opc */
.opc {float:right; width:190px;}
.tool {border-bottom:1px solid #CCCCCC; padding-bottom:5px}
.tool img{margin-right:8px}

ul.accesos, .notas {border:1px solid #d9d9d9; background-color:#f4f4f4; margin-top:15px; padding:10px}
ul.accesos li {margin-bottom:10px}

.clima {background:url(../img/cloudy.png) top left no-repeat; padding-left:25px }
.calendario {background:url(../img/ico.calendar.gif) 0 3px no-repeat; padding-left:25px }
.webmail {background:url(../img/ico.webmail.gif) 0 3px no-repeat; padding-left:25px }
.intranet {background:url(../img/ico.intranet.gif) 0 3px no-repeat; padding-left:25px }

.notas h3  {background:none; margin:0; height:auto}

/* pie */
.pie {height:78px; background:url(../img/bg.pie.gif)  no-repeat; width:810px; line-height:1.2em; margin-top:20px}
.pie .elor{float:left; padding:18px 0 0 45px; background:url(../img/ico.copy.gif) 10px 15px no-repeat }
.pie .elor span{color:#909090; font-size:.8em}

.pie .link {float:right; text-align:right; padding:43px 10px 0 0 }
.pie .link a {text-decoration:none; color:#426793;}
.pie .link a:hover {text-decoration:none; color:#1f67bd;}
.pie .autor {display:block; font-size:.8em}
.pie .autor a, .pie .autor a:hover { color:#899fb8}

.noborder {border:0 !important}
.nopadding {padding:0 !important}
.nomargin {margin:0 !important}


h1 {font-size:24px; margin:10px 0}
h2 {font-size:21px; font-weight:bold; margin:10px 0; color:#b6b360; border-bottom:1px solid #CCC}
h4 {font-size:16px; font-weight:bold; margin:10px 0; color:#b54a3c; border-bottom:1px solid #CCC}
h5 {font-size:14px; }

blockquote.resaltar, div.cita{ background:url(../img/bg.comillas.gif) 10px  10px no-repeat #f1f5fa; padding:10px 10px 10px 60px; display:block; border-top:1px solid #c3d0e0;border-bottom:1px solid #c3d0e0; font-size:16px; margin:7px 0 }
p{margin-bottom:10px}
table.tabFormato {border-collapse:collapse; border:1px solid #dce3ec; width:100%}
table.tabFormato td,  table.tabFormato th{border:1px solid #dce3ec; padding:2px 5px}
table.tabFormato th {border:1px solid #becbdb; background-color:#dce3ec}

form table.tabFormato {border:0}
form table.tabFormato td,  table.tabFormato th {border-left:0; border-right:0; padding:4px 0}

ul.ulFormato { margin:10px }
ul.ulFormato li { background:url(../img/ico4.gif) 0 7px no-repeat; padding-left:10px}
pre {border:1px solid #dbdabe; background-color:#f9f8e5; margin:10px 0; padding:5px 10px; font-family:"Courier New", Courier, monospace }

ol.olFormato { margin:10px;}
ol.olFormato li { list-style-type:decimal}

.color1 {color:#47a4fb}
.color2 {color:#611c67}
.color3 {color:#1c674a}
.color4 {color:#1c3e67}
.color5 {color:#9a0100}

.boton {width:85px; height:24px; background:url(../img/dt.boton.jpg) top left no-repeat; color:#FFF; border:0; font-weight:bolder; cursor:pointer}

/* imponer medida de las noticias del home */
.imgHome {width:285px !important; height:152px !important}




ul.ruta {border-top:1px solid #e3e3df; border-bottom:1px solid #e3e3df; background:#fbfbed; padding-top:3px; height:20px }
ul.ruta li{float:left; margin-right:5px}
ul.ruta li img {margin-top:2px}
ul.ruta li a{color:#CC6600}

ul.hermanos {}
ul.hermanos li {margin:0px auto; border-bottom:1px solid #e3eaee; line-height:20px}
ul.hermanos li a {background:url(../img/dt.li.gif) 0 3px no-repeat; padding-left:15px; display:block; text-decoration:none;}
ul.hermanos li a:hover {background-color:#265186; color:#FFF }

div.adicionales {clear:both; display:inline; border-top:1px dashed #CCCCCC; padding:0  10px;}

ul.hojas {background-color:#e5ebf3; height:23px; padding:5px 10px 0 10px; border:1px solid #d0d4d9}
ul.hojas {margin-top:20px;}
ul.hojas li {float:left}
ul.hojas li a {display:block; padding-left:10px; font-weight:bold }

ul.hijos li{background:url(../img/dt.ico.pagina.gif) 0 2px no-repeat; padding-left:18px}


body.inicio {background:url(../img/fondo.gif) repeat;}
body.inicio .pie {margin:0}
body.inicio .swf {margin-top:1px}

.articulo .ulConteCat li {background:url(../img/dt.ico.pagina.gif) 0 2px no-repeat; padding-left:18px; border-bottom:1px dashed #CCCCCC}

/*web editor*/
.wym_submit, .wym_cancel {width:85px; height:24px; background:url(../admin/imagenes/dt.boton.jpg) top left no-repeat; color:#FFF; border:0; font-weight:bolder; cursor:pointer}
.wym_dialog fieldset {margin:10px; border:1px solid #CCCCCC; padding:20px }
.wym_dialog fieldset legend {font-size:16px;}
#btnImg{background:url(../admin/imagenes/dt.opendir.gif) 0 4px no-repeat; width:20px; height:20px; border:0; cursor:pointer}
input, select, textarea {
background:white none repeat scroll 0%;
border-color:#83A5C7 rgb(211, 225, 238) rgb(211, 225, 238) rgb(131, 165, 199);
border-style:solid;
border-width:1px;
font-family:Verdana,arial,sans-serif;
font-size:10pt;
padding:3px;
}
.wym_dialog label {float:left; width:150px; text-align:right; padding-right:10px}
.wym_dialog .row {clear:both; margin-bottom:10px}
.wym_dialog .row-indent {text-align:center; border-top:1px solid #CCC; padding-top:10px; margin-top:10px}