html, body{color:#000; font-size:12px; font-family:Trebuchet MS, Verdana, Arial;}

/******************* ESTRUCTURAS GENERALES **************************/
#container{width:900px; margin:auto; background:#fff url("/public/static/images/bg_content.gif") left repeat-y;}
#content{width:100%; overflow:hidden;  position:relative;  background:url("/public/static/images/bg_colLeft.gif") left bottom no-repeat;}

/**************** columna izquierda ******************/
#colLeft{width:183px; float:left; padding-bottom:150px;}
#colLeft .logo{width:183px; height:100px; background:url("/public/static/images/logo.jpg") no-repeat; display:block; text-indent:-99999px;}

/**************** columna derecha ******************/
#colRight{width:717px; float:left; background-color:#fff; overflow:hidden;}

/* CUERPO DE LA PAGINA */
#body{padding:10px 20px; font-size:12px; line-height:17px; background-color:#fff; width:677px;}
#body p{padding:5px 0;}
#body a{color:#003f85;}

/*FLASH*/
#visor_imagenes {width:717px; height:233px;}

/* menu de navegacion */
#navBar{margin:7px 0 0 0;}
#navBar ul li{background:url("/public/static/images/bg_navbar.gif") repeat-y; margin-bottom:4px;}
#navBar ul li a{font:11px Tahoma; color:#a1c0e1; font-weight:bold; text-decoration:none; width:158px; display:block; padding:5px 0 5px 20px;  background:url("/public/static/images/vineta_navbar.gif") 10px 10px no-repeat; }
#navBar ul li a:hover{text-decoration:underline; color:#fff;}
#navBar ul li .subNavbar{background:#a2c0e2; width:180px; padding:10px 0;}
#navBar ul li.subnavbarli{background-image:none; display:inline;}

#navBar ul li.navbardesplegable a{padding:5px 0 5px 10px;}
#navBar ul li.navbardesplegable a img{padding-right:5px;}

#navBar ul li .subNavbar li{ padding:0 0 3px 10px; background-image:none; margin: 0px;}
#navBar ul li .subNavbar a{color:#00408a; font-weight:normal; width:130px; background:url("/public/static/images/vineta_subnavbar.gif") 10px 4px no-repeat; padding:0px 0 0 20px;}
#navBar ul li .subNavbar a:hover{font-weight:normal; text-decoration:underline;}

#navBar ul li a.close{text-decoration:none; background:url("/public/static/images/menu_close.gif") no-repeat right 6px; width:143px; display:block; padding-right:15px;}
#navBar ul li a.open{background-image:url("/public/static/images/menu_open.gif");}

.facebook {width: 111px; height: 59px; margin:50px auto 0 auto;}

ul.servicios{position:absolute; left:0px; bottom:0px; margin:5px; width:173px;}
ul.servicios li{background:url("/public/static/images/bg_dotted.gif") bottom repeat-x; padding:5px 0; color:#999; font-weight:bold;}
ul.servicios li a{font:11px tahoma,Arial; color:#a1c0e1; font-weight:bold; text-decoration:none; padding-left:40px; background:url("/public/static/images/icons.gif") no-repeat; display:block;}
ul.servicios li a:hover{text-decoration:underline;}
ul.servicios li a.rss{background: url("/public/static/images/rss.gif") no-repeat 10px 0; display: block; color:#e47f2c;}
ul.servicios li a.telefono{background-position:0 -40px; }
ul.servicios li a.contacto{background-position:0 -70px; }
ul.servicios li a.direccion{background-position:0 -100px;}


/* ultimas noticias */
#ultimasNoticias{width:330px; padding:0 0 0 10px; margin:15px 0 10px 10px; overflow: hidden; background:#fff url("/public/static/images/bg_dotted_vertical.gif") 6px 0 repeat-y; padding-left:12px;}
#ultimasNoticias h2{color:#323232; background: url("/public/static/images/rss.gif") no-repeat left; padding-left:25px; margin:0;}
#ultimasNoticias h2 a{color:#323232;}
#ultimasNoticias .line{background:url("/public/static/images/bg_line.gif") bottom repeat-x; width:100%; height:5px; display:block; line-height:0px;}

#ultimasNoticias ul{margin:7px 0 10px 0; }
#ultimasNoticias ul li{padding:5px; display:block; font-size:11px; overflow: hidden;}
#ultimasNoticias ul li a{color:#000; font:11px Trebuchet MS, Verdana, Arial; text-decoration:none; width:82%; display:block; float:left;}
#ultimasNoticias ul li a:hover{text-decoration:underline;}
#ultimasNoticias ul li span.date{color:#003f85; font-weight:bold; width:18%; display:block; float:left;}
#ultimasNoticias ul li.impar{background-color:#e4e4e4;}

/* foot */
#foot{width:100%; color:#555;; padding:10px 0; background:#e1e1e1 url("/public/static/images/bg_foot.gif") left top no-repeat; font-size:11px;}
#foot .enlaces{margin:2px 0 0 10px; overflow: hidden; width:400px; float: left;}
#foot .enlaces a{color:#555; padding: 0 22px; text-decoration:none;}
#foot .enlaces a:hover{text-decoration:underline;}

/* modulo de autentificacion  */
.authentication{text-align:left; color:#555; width:380px; float:left; margin:0 0 10px 15px;}
.authentication form {margin:0; padding:0; }
.authentication .error{color:red; margin:0; font-weight:bold;}
.authentication a{color:#003f85; padding-left:15px; font-weight:bold;}
.authentication a:hover{color:#000;}
.authentication input{border:1px solid #aaa; padding:0 5px; color:#555; width:70px; font-size:11px; font-weight:bold; margin:0 10px 0 0 ;}
.authentication input.enviar{cursor:pointer; border:0; background:url("/public/static/images/bt_enviar.gif") no-repeat; width:58px; height:19px;}
.authentication .autentificado{color:#003f85; padding-top:0px;}



/******************* PÁGINAS **************************/

/* pagina de contacto */
.contactoContent{width:327px; float:left; margin:0 10px 40px 0; overflow: hidden;}

.localizacionContact{width:340px; float:left; overflow:hidden; display:inline;}
.localizacionContact .mapa{width:340px; height:275px; margin-bottom:5px; overflow: hidden;}
.localizacionContact .direccion{color:#003f85; background-color:#a1c0e1; font-weight:bold; text-align:center; padding:3px 0; margin-bottom:5px;}
.localizacionContact .direccion .phone{font-size:20px;}

.formContact {z-index:500;}
.formContact .head {margin:10px 0 0 0; width: 318px; height:6px; background:url("/public/static/images/contacto_head.gif") no-repeat bottom; }
.formContact .content {width:310px; background-color:#a1c0e1; padding: 0 0 0 8px; }
.formContact .foot { width: 318px; height:6px; background:url("/public/static/images/contacto_foot.gif") no-repeat; }
.formContact label{ color:#FFF; font-size:11px; font-weight: bold;}
.formContact p {margin: 0 0 0 0;}
.formContact input{width:280px; height: 24px; font-weight: bold; margin: 0; background:#a1c0e1 url("/public/static/images/contacto_input.gif") no-repeat; font-size:11px; font-family: Trebuchet MS, Verdana, Arial; border:0; padding:2px 5px; color:#003f85; }
.formContact textarea{width:288px; height: 64px; font-weight: bold; background:#a1c0e1 url("/public/static/images/contacto_textarea.gif") no-repeat; font-size:11px; font-family: Trebuchet MS, Verdana, Arial; border:0; padding:2px 5px; color:#003f85;}
.formContact input.enviar {cursor:pointer; border:0px; background:#a1c0e1 url("/public/static/images/bt_enviar.gif") no-repeat; width:58px; height:19px;}

/* pagina de los posts */
.linkPostAbstract{text-align:right;}
.linkPostAbstract a{font-weight:bold; color:#003f85; background:url("/public/static/images/vineta_navbar.gif") 0 6px no-repeat; padding:0 0 3px 10px;}
.linkPostAbstract a:hover{color:#000;}
.postGallery{overflow: hidden; float:right; padding:0 0 20px 20px; width:310px;}

#body .postContent p{ text-align:justify;}
.postContent ul li{padding:5px 0; list-style:circle; margin-left:20px;}

.postContent a{font-weight:bold; color:#003f85; }


/* PAGINA DE ENLACES */
#enlaces{margin-bottom:30px; width:100%;}
#enlaces h2{background-color:#3475bd; color:#fff; font:bold 11px Tahoma; padding:5px 10px; width:657px; overflow:hidden; margin:0px;}
#enlaces a{color:#3475bd; font:bold 11px Tahoma; padding-left:15px; display:block; text-decoration:none; width:322px; float:left;
			background:url("/public/static/images/vineta_navbar.gif") 0 4px no-repeat; margin:7px 0; }
#enlaces a:hover{text-decoration:underline;}

/* PAGINA DE DESCARGAS */
.descargas{width:670px; margin-bottom:10px; border:1px solid #3475bd; overflow:hidden;}
.descargas h2{background-color:#3475bd; color:#fff; font:bold 11px Tahoma; padding:5px 10px; margin:0px;}
.descargas .descripcion{padding:5px; line-height:17px; font-size:13px; color:#666;}
.descargas .tipo{padding: 0 5px; line-height:17px; font-size:13px; font-weight:bold;}
.enlaceDescargar{float:right; padding:5px 5px 0 0;}


/* ZONA DE ADMINISTRACION */

/* menu navegación zona privada */
#navbarAdmin{font-size:11px; font-family:arial; font-weight:bold; display:block; width:100%; overflow:hidden; margin-bottom:10px;}
#navbarAdmin ul{margin-left:0px;}
#navbarAdmin ul li{float:left; display:inline; border-bottom:1px solid #ccc; margin-bottom:10px;}
#navbarAdmin li a{cursor: pointer; text-decoration:none; color:#919191; text-align:center; width:121px; height:17px; padding-top:8px; background:url("/public/static/images/admin/bot-menu-active.gif") no-repeat; display: block;}
#navbarAdmin li a:hover, #navbarAdmin li.active a{color:#fff; background:url("/public/static/images/admin/bot-menu-hover.gif") no-repeat; text-decoration: none;}


/* pagina para relacionar categorias */
.contenRelcategorias{margin:20px;}
.contenRelcategorias .contentCategories{width:47%; float:left; margin:20px 0;}
.contenRelcategorias .first{margin-right:20px;}
.contenRelcategorias .contentCategories .titulos{background-color:#003f85; padding:5px; color:#fff; font-size:13px; font-weight:bold; margin-bottom:10px;}
.contenRelcategorias a{color:#000; font-size:12px; margin-bottom:5px; display:block;}
.contenRelcategorias a:hover{color:#666;}
.contenRelcategorias .guardar{background-color:#ccc; width:98%; padding:2px; overflow: hidden; clear:both; margin-top:10px;}
.contenRelcategorias .close{margin:10px; float:right; font-weight:bold;}

.contenRelcategorias #asigned a{background:url("/public/static/images/arrow_right.gif") no-repeat right; padding-right:18px;}
.contenRelcategorias #unasigned a{background:url("/public/static/images/arrow_left.gif") no-repeat left; padding-left:18px;}
