/* estilos.css por www.gruposistemas.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background:#FFF url(img/fnd-arriba.gif) repeat-x left top; /*background-color:#356ba4;*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a { color:#004276; text-decoration:none; }
a:hover { text-decoration:underline; }

.left { float:left; }
.right { float:right; }
.clearer { overflow:hidden; width:100%; }

.tar { text-align:right; }
.tac { text-align:center; }

/* wp */
.aligncenter, div.aligncenter
{ display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin:2px 0 2px 7px; display:inline; }
img.alignleft { margin:2px 7px 2px 0; display:inline; }
.alignright { float: right; }
.alignleft { float: left; }

.esq { background-repeat:no-repeat; height:4px; position:absolute; width:4px; } 
.si { left:0; top:0; }
.sd { right:0; top:0; background-position:-4px 0; }
.ii { left:0; bottom:0; background-position:0 -4px; }
.id { right:0; bottom:0; background-position:-4px -4px; }

.ico { line-height:16px; padding:1px 0 1px 20px; }
ul.ico { line-height:normal; padding:0; }
ul.ico li { line-height:16px; padding:1px 0 1px 20px; }
.icor { line-height:16px; padding:1px 20px 1px 0; }

/*#fondo { background:#ebebeb url(img/fnd-arriba.gif) repeat-x left top; }*/
#fondoPie { background-color:#f0f0f0; border-top:1px solid #CCC; padding-top:4px; /*position:relative; z-index:1;*/ }
#fondoPie div { background-color:#356ba4; height:20px; }

#envoltura { margin:0 auto; width:960px; }

#cabecera { background:url(img/fnd-cabecera.gif) repeat-x; height:70px; padding:0 5px; position:relative; }
#cabecera .esq { background-image:url(img/esq-cabecera.gif); height:50px; width:5px; }
#cabecera .ii { background-position:0 0; }
#cabecera .id { background-position:-5px 0; } 

#cabecera h1 { background:url(img/logo.png) no-repeat; height:40px; margin:12px 0 0 22px; width:159px; }
#cabecera h1 a { display:block; height:100%; text-indent:-9999em; width:100%; }

#menu { height:70px; margin-top:10px; }
#menu li { display:inline; float:left; text-align:center; }
#menu li a { border-left:1px dotted #6891bc; color:#FFF; display:block; /*float:left; /*height:30px;*/ padding:8px 25px; text-decoration:none; }
#menu li a span { display:block; font-size:11px; }
#menu li a:hover,
#menu li a:hover span { color:#ebebeb; }

#cuerpo { /*background-color:#FFF; border:1px solid #c6c6c6;*/ margin:10px 0; /*padding:20px 15px;*/ }

#temas.fixed {position: fixed;}
#temas.static {position: absolute;}
#temas { float:left;margin-bottom: 0;position: relative;width:170px; }
#principal-inicio { float:right; width:780px; }

#slide,
#col-izq,
.caja { background-color:#FFF; border:1px solid #CCC; margin-bottom:10px; }

/*#slide { background:#fff; border:1px solid #c6c6c6; height:248px; margin-bottom:10px; }*/
#slide { height:247px;position: relative; }
#slide p{ line-height:1.6em; }
#slide .opciones{ margin-top:5px; }
#slide .left { float:right; border:none;bottom: 0;display: none;left: 258px; padding:5px; position:absolute;top: 0; width:502px; }
#slide .left:first-child { display:block; }
#slide .left img { float:left; margin-right:10px; }
#slide .left h3,
#principal h2,
.post h3 { font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:18px; margin-bottom:5px; }
/*#slide .left h3 {margin-bottom: 0;}*/

#slide .right { float:left; width:258px; }
/*#slide .right li { }*/
#slide .right li a { border-right:1px solid #ccc; background-image:url(img/bg-slide-actual1.gif); /*background:url(img/bg-slide.gif) repeat-x;*/background-color:#FFF; border-bottom:1px solid #CCC; height:53px; float:left; padding:4px 4px 4px 4px; width:249px; }
#slide .right li.fin a { border-bottom:0px solid #CCC;  }

#slide .right li a:hover
, #slide .right li a.actual { border-right:1px solid #FFF; background-image:none; text-decoration:none; }
#slide .right li a span { font-weight:bold; margin:0px 0 0 0px; width:190px; height:49px; display:table-cell; vertical-align:middle; }
#slide .right li a img { float:left; border:2px solid white; margin-right:5px; }

/* columnas */
#col-izq { float:left; margin-bottom:0; padding:14px; width:480px; }
#col-der { float:right; width:260px; }

#principal { background: #FFF; border: 1px solid #ccc; float:left; padding: 15px; width:618px; }
#ladoDer { float:right; width:300px;; }

.contenido { font-size:14px; line-height:1.6em; }
.contenido p,
.contenido ul { margin-bottom:1em; }
.contenido,

.post { border-bottom:1px solid #96b0cc; margin-bottom:20px; padding-bottom:17px; }
.datos { border-bottom:1px dotted #b3b3b3; color:#666; font-size:11px; padding-bottom:2px; margin-bottom:10px; }
.post a.imagen { margin:2px 10px 2px 0; display:inline; }
.post p { line-height:1.8em; }
.post .opciones a { font:bold 11px Tahoma, Geneva, sans-serif; margin-top:5px; }

#principal h2 { font-size:26px; }
#post ul,
#post ol { margin:0 0 1em 14px; line-height:1.8em; list-style:disc; }

blockquote { background-color:#DDD; border-left:5px solid #999; margin-bottom:1em; padding:30px 35px 15px 30px; }

.caja h3 { background-image:url(img/fnd-caja.gif); padding:9px 15px; }
.caja li { border-top:1px dotted #9e9e9e; margin:0 15px; }
.caja li.primero { border:none; }
.caja li a { display:block; padding:10px 0; }
.caja li a span{ color:#CCC; }
.caja li a:hover span{ color:#004276; }

.caja .ico { line-height:15px; }
.tw { background:url('img/ico-tw.png') no-repeat; }

.caja .contenedor { padding:10px; }
#autor span.left { margin-right:5px; }
#autor .contenedor a { font-weight:bold; }
#autor li.tar a { display:inline; font-weight:bold; line-height:32px; }
#autor .contenedor p { color:#454545; line-height:1.5em; margin:2px 0 0 53px; }

#autores .contenedor { padding:10px 0 5px 10px; }
#autores .contenedor a { float:left; margin:0 9px 5px 0; }

#comments h3 {font-size:20px; margin:30px 0 15px 0; }
#comments li { line-height:18px; margin:0 0 20px; }
.ml40 { margin-left:40px; }
#comments li em { color:#9F9F9F; font-size:11px; }
#comments li p { margin:5px 0; line-height:1.8em; }
#comments form p { margin:10px 0; }
#comments input { margin-right:10px; }
#comments input,
#comments textarea { border:1px solid #96b0cc; padding:2px; }
#comments #submit { background-color:#000; border:none; color:#FFF; font-size:11px; font-weight:bold; padding:7px; }

#commentform h3 { margin-bottom:2px; }

#pie { background-color:#f0f0f0; border:solid #c6c6c6; border-width:1px 1px 0; bottom:-1px; padding:0 4px 0; position:relative; /*z-index:2;*/ }
#pie .clearer { background-color:#356ba4; bottom:-4px; padding-top:10px; position:relative; }
#pie .left { border-left:1px solid #6890bb; padding:0 20px; width:276px; }
#pie .primero { border:none; }
#pie .ico { background:url(img/icos-pie.gif) no-repeat; line-height:24px; padding:2px 0 2px 28px; }
#pie .monitor { background-position:0 -24px; }
#pie .engranaje { background-position:0 -48px; }
#pie h3 { font-size:18px; margin-bottom:7px; }
#pie * { color:#FFF; }
#pie p { line-height:1.5em; }
