﻿/*
--------- GENERAL ---------
*/


#pie {background:#19897B;color:#EAE7D4;font-size:11px;width:100%;}
.pie_contenido {margin:0 auto;width:880px;padding:5px 0px 5px 10px;}
.pie_contenido a:link, .pie_contenido a:active, .pie_contenido a:visited {color:#EAE7D4;font-size:12px;font-family:Arial;}
.pie_contenido a:hover {color:#0D463F;}

.pie_contenido .derecha {float:right;width:670px;overflow:hidden;text-align:right;padding-right:10px;}

#cabecera {background:url(../img/fnd_flash.jpg) no-repeat 20px top;height:285px;overflow:hidden;width:887px;}

#contenedora {background:url(../img/fnd_contenedora_clinica_veterinaria.gif) repeat-y;width:867px;overflow:hidden;padding:0px 10px 30px 10px;margin:0 auto;}

* {margin:0;outline:none;padding:0;}
a img {border:0;}
ul {list-style:none;}
ol {list-style:none;}
#articulo ul {list-style-type:disc;list-style-position:inside;padding:8px 0px;}
#articulo ol {list-style-type:decimal;list-style-position:inside;padding:8px 0px;}
body {border-top:2px solid #19897B;background:#ABABAB url(../img/fnd_body_clinica_veterinaria_vilanova.gif) repeat;color:#585129;font:11px verdana,sans-serif;line-height:18px;}

/*
--------- ALINEADOS ---------
*/

.izquierda {float:left;}
.derecha {float:right;}
.clear {clear:both;}

/*
--------- ESTRUCTURA ---------
*/

/* Estructura general */

#contenedora1 {background:url(../img/fnd_contenedora1_clinica_veterinaria.png) no-repeat left bottom;/*background:url(../img/fnd_contenedora1_clinica_veterinaria.png) no-repeat left bottom;*/width:100%;}
#contenedora {margin:0 auto;overflow:hidden;width:960px;background:url(../img/fnd_contenedora_clinica_veterinaria.jpg) repeat-y;}

#cabecera {background:url(../img/fnd_cabecera.jpg) no-repeat center top;_background:url(../img/fnd_cabecera.jpg) no-repeat center top;height:130px;overflow:hidden;width:939px;}

#contenido {overflow:hidden;width:960px;}
#colizq {float:left;padding:20px 10px 20px 30px;width:650px;}
#colder {float:right;padding:20px 30px 20px 10px;overflow:hidden;width:230px;}

#pie {background:#19897B;color:#EAE7D4;font-size:11px;width:100%;}
.pie_contenido {margin:0 auto;width:960px;padding:10px;}
.pie_contenido a:link, .pie_contenido a:active, .pie_contenido a:visited {color:#EAE7D4;font-size:12px;font-family:Arial;}
.pie_contenido a:hover {color:#0D463F;}


/* Lateral */
.cajaLateral {background:url(../img/fnd_caja.jpg) no-repeat 0px 0px;height:237px;margin:15px 0px;padding:0px 10px;width:217px;}
.nubeEtiquetas {line-height:14px;padding:15px 0px;text-align:center;}
.cajaLateral p {color:#666666;}
.nubeEtiquetas h1 {text-align:left;}
.listadoCategorias {padding:15px 0px;}
/* Principal */
.articulo_listado {overflow:hidden;padding:7px 0px 15px 0px;}
.articulo_listado h1 a:link, .articulo_listado h1 a:visited, .articulo_listado h1 a:active {color:#938746;display:block;font-weight:normal;padding:6px 0px;text-decoration:none;}
.articulo_listado h1 a:hover {text-decoration:underline;}
/* Artículo ampliado */
.comentario {background:#f2f2f2;border:1px solid #dfdfdf;margin:10px 0px;padding:2px 5px 3px 5px;}

/*
--------- TEXTOS ---------
*/
h1 {color:#19897B;font-size:21px;font-weight:normal;line-height:24px;padding:7px 0px 6px 0px;}
#colder h1 {font-size:14px;font-weight:bold;line-height:16px;}
h2 {color:#938746;font-size:17px;font-weight:normal;line-height:21px;padding:6px 0px 5px 0px;}
h3 {color:#938746;font-size:11px;font-weight:bold;line-height:21px;padding:6px 0px 4px 0px;text-transform:uppercase;}
p {padding:7px 0px;}
.descripcionBlog {font:17px verdana,sans-serif;padding-top:105px;float:right;padding-right:30px;color:#003366;}
.txt_peque {color:#938746;font-size:10px;}
/* Textos con iconos */
.txtEtiquetas {background:url(../img/ico_etiquetas.gif) no-repeat 0px 1px;padding-left:15px;}
.txtCategoria {background:url(../img/ico_carpeta.gif) no-repeat 0px 0px;padding-left:17px;}
.info {background:#FFC url(../img/fnd_info.gif) no-repeat 7px 6px;padding:3px 5px 5px 32px;}
/* Alineaciones de textos */
.txtder {text-align:right;}
.txtcen {text-align:center;}
.rojo {color:#f00;}
/*
--------- NAVEGACIÓN ---------
*/
a:link,a:visited,a:active {color:#19897B;text-decoration:underline;}
a:hover {color:#938746;}
/* Link descripción blog (cabecera) */
.descripcionBlog a:link,.descripcionBlog a:visited,.descripcionBlog a:active {color:#19897B;text-decoration:none;}
.descripcionBlog a:hover {color:#938746;}
/* Links con iconos */
.lnkIco_comentarios:link,.lnkIco_comentarios:visited,.lnkIco_comentarios:active {background:url(../img/ico_coment.gif) no-repeat 0px 2px;padding-left:18px;}
/* Nube de tags */
.nubeEtiquetas a:link,.nubeEtiquetas a:visited,.nubeEtiquetas a:active {font-weight:normal;text-decoration:none;}
.nubeEtiquetas .enlace1:link,.nubeEtiquetas .enlace1:visited,.nubeEtiquetas .enlace1:active {font-size:9px;}
.nubeEtiquetas .enlace2:link,.nubeEtiquetas .enlace2:visited,.nubeEtiquetas .enlace2:active {font-size:11px;}
.nubeEtiquetas .enlace3:link,.nubeEtiquetas .enlace3:visited,.nubeEtiquetas .enlace3:active {font-size:13px;}
.nubeEtiquetas .enlace4:link,.nubeEtiquetas .enlace4:visited,.nubeEtiquetas .enlace4:active {font-size:15px;}
.nubeEtiquetas .enlace5:link,.nubeEtiquetas .enlace5:visited,.nubeEtiquetas .enlace5:active {font-size:17px;}
.nubeEtiquetas .enlace6:link,.nubeEtiquetas .enlace6:visited,.nubeEtiquetas .enlace6:active {font-size:19px;}
.nubeEtiquetas .enlace7:link,.nubeEtiquetas .enlace7:visited,.nubeEtiquetas .enlace7:active {font-size:21px;}
.nubeEtiquetas .enlace8:link,.nubeEtiquetas .enlace8:visited,.nubeEtiquetas .enlace8:active {font-size:22px;}
.nubeEtiquetas .enlace9:link,.nubeEtiquetas .enlace9:visited,.nubeEtiquetas .enlace9:active {font-size:23px;}
.nubeEtiquetas .enlace10:link,.nubeEtiquetas .enlace10:visited,.nubeEtiquetas .enlace10:active {font-size:24px;}
.color0 {color:#76ABA0;}
.color1 {color:#006600;}
.color2 {color:#0099CC;}
.color3 {color:#003399;}
.color4 {color:#996600;}
.color5 {color:#CC9933;}
.color6 {color:#663366;}
.color7 {color:#9999FF;}
.color8 {color:#999999;}
.color9 {color:#993333;}
.violeta {color:#990099;}
.verde {color:#23746A;}
.lima {color:#8C9F09;}
.violeta:link,.violeta:visited,.violeta:active {color:#990099;}
/* Paginacion */
.paginacion {background:#eee;overflow:hidden;padding:10px 0px;}
.paginacion table {margin:5px auto;}
.paginacion table td {border:0;}
.paginacion a:link,.paginacion a:visited,.paginacion a:active {background:#777;color:#fff;display:block;float:left;margin-left:4px;padding:2px 8px;text-decoration:none;}
.paginacion a:hover {background:#000;}
.paginacion span {display:block;float:left;padding:2px 6px;}
/*
--------- FOTOS ---------
*/
.fotoder {border:1px solid #bbb;clear:right;float:right;margin-left:5px;max-width:300px;padding:1px;}
.fotoizq {border:1px solid #bbb;clear:left;float:left;margin-right:5px;max-width:300px;padding:1px;}
.foto {border:1px solid #bbb;padding:1px;}
.video {border:1px solid #bbb;clear:both;float:right;margin:10px auto;padding:1px;width:300px;}
.videoPeq {border:1px solid #bbb;clear:both;float:right;padding:1px;width:212px;}
.etiqFoto {background:url(../img/ico_lupa.gif) no-repeat;display:block;font-size:10px;height:17px;position:absolute;right:10px;top:10px;width:17px;}
/*
--------- LISTAS ---------
*/
.lista li {background:url(../img/punt1.gif) no-repeat 0px 8px;line-height:16px;padding:3px 0px 3px 6px;}
/*
--------- FORMULARIOS ---------
*/
/* Definición de textos para todos los campos */
.input_txtarea1,.input_txtarea2,.boton,.input_txt0,.input_txt1,.input_txt2,.input_txt3,.dropdown1,.dropdown2,.dropdown3 {color:#000;font:11px tahoma,sans-serif;}
/* Estilos de los controles */
.input_txtarea1 {border:1px solid #d2d2d2;height:42px;padding:4px;width:400px;}
.input_txtarea2 {border:1px solid #d2d2d2;height:84px;padding:4px;width:400px;}
.boton {background:#ddd;border:1px solid #999;padding:3px 7px;}
.input_txt0 {border:1px solid #d2d2d2;height:13px;padding:2px;text-align:center;width:50px;}
.input_txt1 {border:1px solid #d2d2d2;height:13px;padding:2px;width:125px;}
.input_txt2 {border:1px solid #d2d2d2;height:13px;padding:2px;width:200px;}
.input_txt3 {border:1px solid #d2d2d2;height:13px;padding:2px;width:275px;}
.dropdown1 {border:1px solid #d2d2d2;padding:2px;width:130px;}
.dropdown2 {border:1px solid #d2d2d2;padding:2px;width:205px;}
.dropdown3 {border:1px solid #d2d2d2;padding:2px;width:280px;}
.checkbox {padding-right:10px;}
.checkbox input {margin-right:4px;}
/* Estructuras en formularios */
.comentario_colizq {float:left;overflow:hidden;padding:11px 20px 0px 0px;text-align:right;width:220px;}
.comentario_colder {float:right;overflow:hidden;width:410px;}
/* LinkButton */
.boton {background:#ccc;border:1px solid #aaa;height:25px;padding:1px 10px 4px 10px;}
/* Estructura formulario */
.form_fila {clear:both;padding:15px 0px;text-align:center;}
.form_colizq {float:left;overflow:hidden;padding:0% 1%;text-align:right;width:18%;}
.form_colder {float:right;overflow:hidden;padding:0% 1%;text-align:left;width:78%;}
/* File Uploader */
.CampoFileUploader input {background:#f00;}




/*
--------- ÁREA INTERNA ---------
*/
#contenido1col {padding:0px 40px;}
#cajaAcceso {background:#eee;border:1px solid #d3d3d3;margin:50px auto;padding:10px 27px 14px 27px;text-align:center;width:230px;}
.menuGestion {height:50px;padding:30px 0px;}
.menuGestion li {float:left;}
.menuGestion a:link,.menuGestion a:visited,.menuGestion a:active {border:1px solid #d0d0d0;display:block;float:left;margin-right:5px;padding:5px 15px;}
.menuGestion a:hover {}
.menuGestion .seleccionado:link,.menuGestion .seleccionado:visited,.menuGestion .seleccionado:active {border-bottom:1px solid #fff;color:#000;font-weight:bold;text-decoration:none;}
/* Tablas */
.tabla1 {clear:both;margin:10px 0px;width:99%;}
.tabla1 td {border-bottom:1px solid #ddd;padding:4px 0px;text-align:center;}
/* Celdas buscador de artículos (editar.aspx) */
td.tdTitulo {text-align:left;width:45%;}
td.tdCategoria {width:20%;}
td.tdFecha {width:10%;}
td.tdAcciones {width:25%;}
/* Celdas comentarios (moderar.aspx) */
td.tdComentario {text-align:left;width:35%;}
td.tdTitulo {padding-left:1%;text-align:left;width:24%;}
td.tdAutor {width:15%;}
td.tdAccionesComentario {width:15%;}
/* Celdas categorías (categorias.aspx) */
td.tdCat {text-align:left;width:20%;}
td.tdAccionesCategoria {width:30%;}
td.tdVacio {width:50%;}
