/* CSS Document */
body { text-align:center; margin:0px; padding:0px; background: url('../images/bg.jpg');  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color: #000; }

p { text-align:justify; margin: 0; }
a { outline:none}
* { margin:0; padding:0; }
#container { width:928px; margin:auto; border-left: 78px; width:  }

.nobg { background: none}
#accesibilidad { text-indent:-9999em; height:0.01em; overflow:hidden}
#hide { text-indent:-9999em; overflow:hidden;height:0.01em;}
#header { width:928px; height:129px; display:block; background:url('../images/header.png') top no-repeat; }
#header .logo { width:400px; height:90px; display: block; float: left; text-indent:-9999em; overflow: hidden; }
#header .fecha { width:400px; height:20px; text-align: right; display: block; float:right; padding: 10px 14px 0 0; color:#000; margin: 90px 0 0 0;  }

#header #redes-sociales { width:220px;margin: 95px 0 0 0; height:29px; display: block; float: right; padding: 0 0px 0 0;}

#header #redes-sociales .ico-facebook { width:24px; height:24px; display: block; text-indent:-999em; overflow:  hidden; background: url('../images/facebook_24.png') no-repeat top;} 
#header #redes-sociales .ico-facebook:hover { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/facebook_24.png') no-repeat bottom;} 

#header #redes-sociales .ico-twitter { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/twitter_24.png') no-repeat top;} 
#header #redes-sociales .ico-twitter:hover { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/twitter_24.png') no-repeat bottom;} 

#header #redes-sociales .ico-linkend { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/linkedin_24.png') no-repeat top;} 
#header #redes-sociales .ico-linkend:hover { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/linkedin_24.png') no-repeat bottom;} 

#header #redes-sociales .ico-linkend { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/linkedin_24.png') no-repeat top;} 
#header #redes-sociales .ico-linkend:hover { width:24px; height:24px; display: block; text-indent:-999em; overflow: hidden; background: url('../images/linkedin_24.png') no-repeat bottom;} 

#header #redes-sociales .ico-blog { width:90px; height:24px; display: block; text-decoration: none; color: #000} 
#header #redes-sociales .ico-blog:hover {  display: block; text-decoration: underline } 

#header #redes-sociales ul{ list-style: none; margin:0; padding: 1px 0 0 0; float: left }
#header #redes-sociales ul li { float: left; padding: 0 3px }

#migas { width: 914px; height:21px; padding: 5px 0 0 14px ; margin: 0 6px 0 0; font-size: 11px; text-align: left; background: #3E3C3D; color: #fff}
#migas span{ background:url("../images/ico-migas.gif") no-repeat left; padding: 0 0 0 20px; }

#swf-index { width:616px; height:180px; display:block; margin: 0 0 15px 0; }
#content { float:left; width:919px; padding: 15px 6px 10px 3px; margin: 0 0 0 0; background: #fff; color: #fff}

#content #sidebar-left { float:left; width:264px; padding: 0px 3px; margin: 0 0 0 0;  color: #716C6C}
#content #sidebar-center { float:left; width:641px; padding: 10px 3px; border:1px solid #ECECEC; margin: 0;  color: #716C6C; line-height:18px}
#content #sidebar-center .h2-noticias { width:619px; height:40px; margin: 0 0 12px 0; display: block; text-indent: -999em; overflow: hidden; background:url('../images/h2-noticias-aneproma.gif') no-repeat}
#content #sidebar-center .h2-formacion { width:303px; height:40px; margin: 0 0 12px 0;  display: block; text-indent: -999em; overflow: hidden; background:url('../images/h2-formacion.gif') no-repeat}
#content #sidebar-center .h2-actividades { width:303px; height:40px; margin: 0 0 12px 0;  display: block; text-indent: -999em; overflow: hidden; background:url('../images/h2-actividades.gif') no-repeat}
#content #sidebar-center h3 { text-align: left; font-size:1.1em; line-height: 24px; border-bottom: 1px solid #ECECEC;}
#content #sidebar-center h4 { text-align: left; font-size:1em; line-height: 24px; }
#content #sidebar-center strong { color: #003A24}
#content #sidebar-center img { margin: 4px 4px 4px 4px}

#content #sidebar-center ul { margin: 0 0 0 20px; text-align:left;}
#content #sidebar-center ul li { margin: 0 0px 7px 0px}
#content #sidebar-center ol { margin: 0 0 0 20px; text-align:left;}
#content #sidebar-center ol li { margin: 0 0px 7px 0px}


#content #sidebar-center .col_left{ width: 303px; display: block; float: left; }
#content #sidebar-center .col_right{ width: 303px; display: block; float: left; padding: 0 0 0 10px; }

/*Listado items*/
#content #sidebar-center .list-items { width:100%; display:block; float: left; border-bottom: 1px dotted #716C6C; padding: 10px 0; }
#content #sidebar-center .list-items2 { width:283px; display:block; float: left;  padding: 10px 10px  }

#content #sidebar-center .fecha { background: #ECECEC }
#content #sidebar-center a { text-decoration: none; color: #716C6C}
#content #sidebar-center a:hover { text-decoration: underline }

/*paginado*/
#content #sidebar-center .vinculopaginado { text-decoration:none; color:#82B445}
#content #sidebar-center .vinculopaginado:hover { text-decoration:none; color:#000}
#content #sidebar-center .paginado_on { font-weight:bold}
#content #sidebar-center .align_middle { vertical-align:top;}
#content #sidebar-center #paginado { width:100%; height:25px; float:left; display:block;  text-align:center; margin:15px 0 10px 0; }
#content #sidebar-center .btn { border: none; background:url("../images/btn-submit.gif") no-repeat; width:85px; display: block; text-align: center; height:17px; padding: 10px 0 0 0; font-size:13px; line-height:0px; font-weight:bold; color:#fff}

#content #sidebar-left .h2-categorias { width:264px; height:40px; margin: 0 0 12px 0; display: block; text-indent: -999em; overflow: hidden; background:url('../images/h2-categorias.gif') no-repeat}
#content #sidebar-left .h2-contacto { width:264px; height:40px; margin: 0 0 12px 0;  display: block; text-indent: -999em; overflow: hidden; background:url('../images/h2-contacto.gif') no-repeat}
#content #sidebar-left form {margin:0; padding:0; text-align:left;}
#content #sidebar-left fieldset { border: none; width:250px;}
#content #sidebar-left fieldset legend { visibility: hidden; height:1px}
#content #sidebar-left label { font-size: 11px; color:#716C6C;}
#content #sidebar-left label strong { color:#716C6C; float:left; width:70px; }
#content #sidebar-left .f-input { border: 1px solid #716C6C; width:250px; font-size:11px; height:18px; margin: 6px 0}
#content #sidebar-left .f-textarea { border: 1px solid #716C6C; width:250px; height:140px;font-size:11px; overflow: auto; margin: 2px 0}
#content #sidebar-left .f-submit2 { border: none; background:url("../images/btn-submit.gif") no-repeat; width:85px; text-align: center; height:27px; font-size:13px; line-height:0px; font-weight:bold; color:#fff}

/*menu*/
#content #sidebar-left ul { margin: 0; padding:0; list-style: none; width: 234px; text-align: left}
#content #sidebar-left li { margin: 0; padding: 0; padding: 8px 0 5px 5px; border-bottom: 1px solid #ECECEC }
#content #sidebar-left li a {text-decoration: none; height:19px; color: #716C6C; font-size: 1.1em; background: url('../images/row-menu.gif')  left no-repeat; padding-left: 10px }
#content #sidebar-left li a:hover { text-decoration: underline; }

#content #sidebar-left ul li ul { margin: 0; padding:0; list-style: none; width: 234px; text-align: left}
#content #sidebar-left ul li ul li { margin: 0; padding: 0; padding: 8px 0 5px 5px; border: none }
#content #sidebar-left ul li ul li a {text-decoration: none; height:19px; color: #716C6C; font-size: 1em; background: none }
#content #sidebar-left ul li ul li a:hover { text-decoration: underline; }

#footer { width:100%; float:left; margin-top:5px; }
.footer-a { float:left; padding-left:4px}
.footer-a li { float:left; list-style-type:none; margin:6px 2px; color:#fff;}
.footer-a li a{ color:#fff; text-decoration:none; letter-spacing:0;}
.footer-a li a:hover{ color:#fff; text-decoration:underline}

.footer-b { float:right;padding-right:4px}
.footer-b li { float:left; list-style-type:none; margin:6px 2px; color:#fff;}
.footer-b li a{ color:#fff; text-decoration:none}
.footer-b li a:hover{ color:#fff; text-decoration:underline}
.footer30 { float:right; display:block; padding-top:7px; margin:0; }
.footer30 img { border:none;}
.xhtml { list-style-type: none; margin:0px; padding:0px; }
.xhtml li { float:left; margin:0 3px }

#creditos { width:200px; display:block; float:left; text-align:left; margin:15px 0; color:#fff; padding-left:4px}

#diseno { width:140px; display:block; float:right; text-align:right; margin:15px 0; color:#fff; padding-right:4px}
#diseno a { color:#fff; text-decoration:none }
#diseno a:hover { color:#fff; text-decoration:underline}
#registro { color:#fff; width:700px; margin:auto; text-align:center;  clear:both}
#registro a { text-decoration: none; color: #fff}
#registro a:hover {text-decoration: underline; color: #fff}
.video { width:425px; display:block; margin: 15px auto;}

.xhtml { list-style-type: none; margin:0px; padding:0px; }
.xhtml li { float:left; margin:0 3px }
.xhtml li img { border: none}

.creditos { width:260px; display:block; float:right; text-align:left; margin:5px 0;padding-left:4px; text-decoration:none; color:#DCD9D9; }
.creditos a { text-decoration: none; color:#fff;}
.creditos a:hover { text-decoration: underline;}

.center {text-align:center; margin:auto}
.bold {font-weight:bold;}

.line { border-bottom:1px dotted #BF3B3B; background:none}
.line-gris { border-bottom:1px dotted #888;}
.txt-red {color:#BF3B3B;}
.txt-gris {color:#666;}
.txt-verde {color:#427405;}
.caja-verde {background-color:#D0F9CA; padding:10px}
.caja-roja {background-color:#F4DADA; padding:10px}
.img-left { float:left; margin: 0 15px 2px 0px; }
.img-preload { float:left; margin: 0; vertical-align: middle }
.vertical-align { vertical-align:middle; border:none}
.align-right { text-align: right;}
.align-left { text-align: left;}
.right { float: right;}
.left { float: left}
.mini-hr {  border-bottom: 1px dotted #CFC8C8; width:200px; display: block; clear:both; margin:13px auto 9px auto}

.clear { clear:both; height:0; display:block}
.foto-mod { float:left; margin:0px; border:#716C6C solid 1px;}
.foto-mod-middle { margin: 5px auto 8px auto; border:#716C6C solid 1px;}
.row {padding: 0 0 0 12px; color:#5D5C5C; background:url("../images/row-black.gif") left 5px no-repeat;}
