/*Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* -- css colegio veterinaria daniel castaņera garrido **/	


img	{border: 0;}

body {   margin:0 ;padding:0;   color: #333;  background:#ccc; font: 12px  Verdana, Helvetica, sans-serif;   }
   
#header{width:980px; margin: 0 auto; height:100%; padding:0;}
#maincontent{ width:980px; height:100%; padding:0px;}   
a{color:#1d1d1d; text-decoration: none;	}
a:hover {color: #333;text-decoration: underline;}
 
#logo{ height:115px; background:#fff;padding:0; margin:0;}
#logo{float:left; margin-right:10px;}
.banner{float:right;}
.clear {clear:both;}
#acceso{float:left; margin-left:300px; height:25px;}

#infoMenu{float:left;}
#wrapper{background:#fff; width:980px; margin:0 auto;}
#login {   margin-top:15px;}

strong {font-weight:bold;}

/*----  menu  -----*/ 
#firstnav li ul {position: absolute; 	top:2em;left:0; display:none;	font-size:1.1em;    text-decoration: none;     text-align: left;    list-style-type: none;  	background-color:#494949;}
#firstnav  li {	position:relative;	float:left;	margin: 0;      font-size:11px;}
#firstnav  li a{width:9em; padding: 6px 6px 10px 9px;    display: block;     text-decoration: none;    color:#fff; }
#firstnav li a:hover{ background:#f4f4f4 url('../imgs/bgbarra.gif') repeat-x;    }
#firstnav li:hover ul, #firstnav li.over ul {	display: block;}
#firstnav li li {float:none;height:auto;}
#firstnav li li a {color:#FFF; width:11em;background:none;}
#firstnav li li a:hover {text-decoration:none;color:#fff; background:#75ba14;}

#firstnav li.socio ul{background-color:#494949;}
#firstnav li.socio a{ background:#990000;    }
#firstnav li.socio a:hover{ background:#990000;}
#firstnav li.socio li a {color:#FFF; width:11em;background:none;}
.menuServ {height:30px; background:#9f9784;}


/*----  breadcrumbs -----*/
#breadcrumbs{  font-size:10px;  height:20px;  padding:3px 5px 10px 5px ;  background:#fff;  border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:15px; }
/*#breadcrumbs{  font-size:10px;  height:75px;  padding:3px 5px 5px 5px ;  background:#fff;  border-top:1px solid #eee;  }*/
#breadcrumbs a{font-size:10px; color:#000;  text-decoration: underline; padding:2px;}

/*---- publicidad ------ */
#publicidad ul li {width:120px;margin:0 0 5px 10px;}

/*--- Formularios  ----*/

#formulario_login{margin-top:2px;
height:40px;
}

#formulario p {
 margin-top:4px;
}
/* ----- ESTRUCTURA -----*/
#firstcolumn{ float:left;  width:175px; margin-right:10px; padding:0 7px;}
#secondcolumn{ float:left; width:750px;  padding:0px 0px 0px 10px;  border-left:1px dotted #f1f1f1;  text-align:justify;}
#thirdcolumn{ float:left; width:100px; margin-right:5px; padding:0 5px; text-align:center; }

#thirdcolumn2{ float:right; width:100px; margin-right:45px; padding:0 5px; text-align:center; }
* html #thirdcolumn2{margin-right:10px;}
#linea{clear:both; width:90%; padding:3px;}
#footer{ text-align:center; margin:0 auto; clear:both; margin-top:20px;  height:50px; color:#1d1d1d;  border-top:1px dotted #eee;
 border-bottom:1px dotted #eee;}
.footermenu {margin:0 auto; width:530px;}
.footermenu ul{ font-weight : bold;    text-decoration: none;   list-style-type: none;     padding:0px }
.footermenu ul li  { float:left;    margin: 0;    font-size:11px;   color:#fff;}
.footermenu ul li a{ padding: 4px 6px 3px 9px;   font-size:10px;   display: block;    text-decoration: none;    color:#1d1d1d;}
.footermenu ul li a:hover{background: #e79f13;color:#fff;}
.footerdiv {clear:both; margin:0 auto; }

/* MENU PRINCIPAL */



/*----- OPCIONES --------*/
#home #firstnav ul li#inicio a  { background: #e79f13;    padding:  4px 6px 8px 9px; }
#colegio #firstnav ul li#colegionav a  { background: #e79f13;  padding:  4px 6px 8px 9px;  }
#areas #firstnav ul li#areasnav a  { background: #e79f13;  padding:  4px 6px 8px 9px;  }
#actualidad #firstnav ul li#actualidadnav a  { background: #e79f13;  padding:  4px 6px 8px 9px; }
#servicios #firstnav ul li#serviciosnav a  { background: #e79f13;  padding:  4px 6px 8px 9px; }
#enlaces #firstnav ul li#enlacesnav a  { background: #e79f13;  padding:  4px 6px 8px 9px;  }
#publicidad #firstnav ul li#publicidadnav a  { background: #e79f13;  padding:  4px 6px 8px 9px;  }


.menu{ margin-bottom:10px; padding:2px;}
.menu ul {}
.menu ul li.titulo {height:30px; padding:0 0 1px 0px;  color:#696969; font:14px arial black; font-weight:normal; border-bottom:#d0d0cb 2px solid;}
.menu ul li.titulo p {padding-top:10px; color:#8f8f8e;}
.menu ul li {margin:5px 0; }
.menu ul li a {font-size:12px; color:#999; height:20px; padding:2px 0 0 3px; display:block; width:180px; }
.menu ul li a:hover {color:#fff;  background:#37a803; text-decoration:none;}

 
#secondcolumn .logoh1 {float:left; margin-right:7px;}
#secondcolumn h1 { height:31px;  color:#5e9411; font: 18px arial ; font-weight:bold;padding:10px 0 0 10px; background:url('../imgs/bg_h1.jpg') top repeat-x;}
#secondcolumn h1.titulo { height:31px;  color:#696969; font: 18px arial ; font-weight:bold;padding:10px 0 0 10px; background:url('../imgs/bg_h1.jpg') top repeat-x;}
#secondcolumn #contenido{clear:both; padding:5px 5px 10px 5px; margin:0 5px;}
#secondcolumn #contenido p{margin-bottom:5px; line-height:140%;color:#666;}
#secondcolumn #contenido strong {font-weight:bold; color:#000;}
#secondcolumn #contenido ul li {margin:0 0 5px 5px;}


/*----- junta de gobierno ----*/
#secondcolumn #contenido ul.miembros li {border:1px #f4f4f4 solid; padding:5px;}
#secondcolumn #contenido .imagen {width:100px; height:100px; float:left; background:#f4f4f4; margin-right:10px;}
#secondcolumn #contenido .textoinfo { float:left; margin-top:20px;}
#secondcolumn #contenido .cargo {color:#7acb0f;}
 



#thirdcolumn  h1  {height:47px;font-size:20px; color:#5e9411;background:url('../imgs/periodico.jpg') no-repeat right;}
#thirdcolumn h2{  font-size:14px; color:#99cc00; text-align:right; }
#registerForm h1 {font-size:1.6em; color:#5e9411; margin: 3px 0 0 0 ; padding:2px 0 0 0;}
  

 
.titulo  h1 a {	margin:0px;   font-size: 16px;	font-weight: bold;  	color:#5e9411;    text-decoration:none; background:url('../imgs/noticialogo.jpg') no-repeat left;
                padding: 3px 0 3px 25px;
	           
}
.titulo h2 {font-size:13px;}
.titulo h1 a:hover { text-decoration: underline; }
.texto {  clear:both;   text-align: justify; color:#333; }
 
 
 /*NOTICIAS AGENDA EVENTOS EN GENERAL CUALQUIER COSA CON FECHA*/
 
 .list_news, .list_eventos {margin:20px 10px; padding:0;float: left; clear:both; width:90%;}
 .list_news a, .list_eventos a{text-decoration:none; color:#5085D5;  margin:0 0 0 7px;padding:0;}
 .list_news p, .list_eventos p{font-size:0.75em; margin:0 0 6px 43px;padding:0;color:#999;}
 
 
 /* FECHA Y EVENTOS */
 .date {float:left; font-weight:bold; padding:5px 0 0 0;text-align:center;  width:50px; height:60px; }
 .date .mes {margin:-3px 0 0 0; padding:0; font-size:0.8em;color:#fff;}
 .date .year {margin:-1px 0 0 0; padding:0 1px 0 0; font-size:0.8em; background-color:#f9bc04; color:#000; width:48px; }
 .date .day {margin:0; padding:0; font-size:1.3em;color:#fff;}
 .date p {font-size:0.75em; margin:0 0 6px 43px;padding:0;color:#999;}
 
 .list_news .date    { background:url('../imgs/newbg.jpg') no-repeat;}
 .list_eventos .date { background:url('../imgs/agendabg.jpg') no-repeat;}
 .list_eventos .date .year { background:#ccc; }
 
 
 
 /*LISTA DE LINKS */ 

#listlinks h2{font-size:18px; color:#3d3d3d;margin:2px 10px 0 0;} 
#listlinks img{float:left;}
#listlinks dl {clear:both; margin:5px 0;            padding:10px 5px;  
	           background:#fff;  

}
#listlinks dl:hover {background:#f1f1f1;}

#listlinks dl dt {margin-bottom: 5px; border: 0;}
#listlinks dl dt a {font-weight : bold;	text-decoration : none;	color: #99cc00;	background: transparent;}
#listlinks dl dd {padding-left:15px;text-align: justify; background: transparent;}

dd.url {color:#999999; font-size:1em; font-weight:bold;}
	
/* -------------- Menu Bar -------------- */
#menuopcion {margin: 0 0 0 0; padding: 0ex 0.8em 0px 0px; border: 1px solid #A0BDEB; font-size: 11px; color:#333;}


#serviciosnav{
 position: absolute;
	right: 50px;
    top: 50px;
    margin: 0 0 0 0;
    height:140px;
    width:250px;
    padding: 0ex 0.8em 0px 0px;
 	font-size: 11px;
}

#menucontacto {
    
	
	margin: 0 0 0 0;
	padding: 0ex 0.8em 0px 0px;
 	font-size: 11px;
    
    height:140px;
    width:120px;
   
}
#menuopcion a {
	font-weight : bold; 
	text-decoration : none;
	font: normal 11px/20px  verdana, lucida, arial, helvetica, sans-serif;
	color:#333;
	background: transparent; 
}
#menuopcion a:hover {
	font-weight: normal;
	text-decoration : underline;
	color: #333;
	background: transparent; 
	
}
#menuopcion a:visited, .menuopcion a:link {	font-weight: normal;	color:#333;}
	
	
.principal{ padding:0px 10px; margin:0px 0;}	
.principal h1,.principalsocios h1{font-weight: bold;	font-size: 16px;}
.principal h2,.principalsocios h2{font-weight: bold;	font-size: 14px; }
.principal h3, .principalsocios h3{font-weight: bold;	font-size: 13px;}
.principal .peque{font-size:10px; font-weight:bold; padding-bottom:10px;}	
.principal .resumen {font-size:12px; color:#333; border-top:1px dotted #ccc; background:#f4f4f4; padding:5px;}
.principal .texto {border-top:1px dotted #ccc; padding-top:15px; line-height:140%;}
.principal .texto p{margin-bottom:10px; font: arial;}
.comment {padding:5px; border:1px solid #fff;}
.comment:hover {border:1px solid #ccc; background:#f4f4f4;}

.fecha img{float:left;margin-right:15px;}
.fecha p {font-weight:bold;font-size:10px;} 


/*--------------- NOTICIAS Y AGENDA ------------------------*/
.lista_noticias{margin:5px 0 0 5px; font: 12px verdana;}
.lista_noticias li {margin-top:15px; border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:10px;}
.lista_noticias .tituloNoticia a  {   margin-left:10px;   font-weight:bold;   color:#69aa12;   text-transform:uppercase;}
.resumenNoticia{    margin:2px 0 0 10px;}
.tituloNoticia span.fecha {   font-style: normal;   color:#6dac15;}
.socios{ background:url('../imgs/socios.gif') no-repeat top right;}


.list_documents .tituloNoticia a { margin-left:0px; } 


/*-- Formacion --*/
.formacion ul li {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #f4f4f4;}
.formacion h2 a{font-size:16px; color:#75ba14}
.formacion .descripcion{padding:10px 5px 10px 10px;}


#contacto2{ width:155px; height:200px; margin:0; padding-top:10px; font-size:10px; background: url('../imgs/contacto2.gif') no-repeat top;}
#contacto2 p {padding:0px 3px 0px 6px;}





#formulario{margin:0; padding:10px 0; float:left;}
#formulario label {font-weight:bold; }
input, textarea {background:#fff; border:1px solid #ccc;   }
input:focus, textarea:focus {color: #000; background-color:#f1f1f1; border:1px solid #1fa11c;}	


input.boton {
    width:100px; 
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:1.1em;
	font-weight:bold;
	color:#FFF;
    padding: 2px 1em;  
    background-color: #75ba14;
    border:1px solid #ccc;
}	

.error_msg {background:#990000; color:#fff;   font-size:1.1em; padding:10px 0; margin:10px 0;}
.info_msg {background:#ccc; color:#333; font-size:1.1em; padding:10px 0; margin:10px 0;}




/*------------------------------*/
.masOpcion {text-align:right;}
.masOpcion a{ text-align:right;   background: url('../imgs/bg-opcion.gif') no-repeat  left;  padding-left:20px;}
/*-------- Colores  -----------------------*/
.verde{color:#75ba14; font-weight:bold; }
.oscuro {font-weight:bold;}
.verdeFondo{color:#fff; background:#75ba14;}

#opciones{display:block; clear:both;}

.box { float:left;  margin-right:30px; width:218px; height:112px;}
.boxUltimo { float:left;  width:218px; height:112px;}



.clear{ clear:both;}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

/*-- paginador--*/
.grisDesactivado {color:#ccc;}
.paginador {margin-top:40px;padding:10px 20px; background:#f4f4f4; text-align:center;}

/*-- Etiquetas --*/
.volver { margin:1em 0; font-weight:bold; text-align:left;}


/*-------- Perfil de Usuario --------------------*/
#formulario {padding:10px;}
.perfil{border:1px solid #eee; }
.contrasenia{background: url('../imgs/bg-contrasenia.gif') no-repeat bottom right; height:300px;}
.usuario  {background: url('../imgs/bg-usuario.gif') no-repeat bottom right;}
.usuarios {background: url('../imgs/bg-usuarios.gif') no-repeat bottom right;}

.perfil .etiqueta { background:#eee; padding:5px 0; } 
.perfil .respuesta {background:#f4f4f4; padding:2px 0; color:#666;} 

/*------------------ Socios -----------*/
/*-- mensajes para socios --*/

.mensaje {float:right;height:300px; width:200px;background:url('../imgs/bg-mensaje.gif') no-repeat  top right;}
.leerMensajes{padding:10px 0px 10px 32px; background:url('../imgs/bg-correo-leido.gif') no-repeat top left; }
.enviarMensajes{ padding:10px 0px 10px 32px;  background:url('../imgs/bg-correo-enviado.gif') no-repeat top left;}

/*- enviar correo-*/
#enviarCorreo{ background:url('../imgs/bg-enviarCorreo.gif') no-repeat bottom right;}




/*-- Mensajes --*/
.mensaje table{border:0.1em solid #f4f4f4;width:99%;font-size:1em;}
.mensaje th {background:#f57900; color:#fff; text-align:center;}
.mensaje tr {text-align:center;}
.mensaje td {padding:0.5em 1.2em}
.mensaje tr.leido{background:#fff;}
.mensaje tr.noleido{background:#ffebd7; color:#000;}

.mensaje .aviso{padding:0.5em; background:#cc0000; color:#fff; text-align:left;font-weight:bold;}
/*-- Suscripcion tabla  fichas ...--*/
.mensajen label{font-size:1em; font-weight:bold; color:#e77d1f;}

tr,td{
text-align:left;
padding:0px;
margin:0px; 

}
.mensaje textarea{width:250px;}
.mensaje selector{width:100px;font-size:0.9em;}