@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	margin: 0; 
	padding: 0;
	text-align: center; 	
}

.oneColElsCtrHdr #container {
	width: 48em;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: none;
	text-align: left; /* esto anula text-align: center en el elemento body. */
}

#header .mainMenu td{
	font: 			Arial, Helvetica, sans-serif;
	font-size:		18px;
	font-weight:	bold;
	color: #942225;
	padding-right: 	10px;
}

.oneColElsCtrHdr #mainContent {
	margin: 0;
	background:none;
	/*padding: 20px;  recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div 
	*/
}
.oneColElsCtrHdr #footer { 
	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	text-align: center;	
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

#footer 
{
	text-align: center;
	margin-top: 60px;
	background: none;
}

#footer .mainMenu td{
	padding-left: 	7px;
	padding-right: 	7px;
	font: 			Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color: #942225;
}

#footer .mainMenu a {
	padding-left: 	7px;
	padding-right: 	7px;
	font: 			Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color: #942225;	
        text-decoration: none;
}

#footer .mainMenu a:visited {
	padding-left: 	7px;
	padding-right: 	7px;
	font: 			Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color: #942225;	
        text-decoration: none;
}

#footer .mainMenu a:hover {
	padding-left: 	7px;
	padding-right: 	7px;
	font: 			Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color: #00602A;
        text-decoration: none;
}

.textoDireccion {
	padding-left: 	7px;
	padding-right: 	7px;
	font: 			Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color: 			#00602A;
}

div.hr {
   	height: 3px;
  	background: #fff url(../images/line.gif) repeat;
}
div.hr hr {
  display: none;
}

#selected, #selected .sb-inner { background:#FFF; }
#selected .sb-shadow { background:blue; }
#selected .sb-border { background:green; }

#mainContent, #mainContent .sb-inner { background:#FFF; }
#mainContent .sb-shadow { background:blue; }
#mainContent .sb-border { background:green; }

.imageContainer{
	padding: 15px;
}

.mediumText {
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
}

.smallText div{
	text-align: justify;
}

.smallText p {
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ultimosEventos-item  {
    width: 160px; 
	height: 180px;
    float: left;
    margin: 0px;
}

.ultimosEventos-item img
{
    margin: 16px 10px 10px 14px;
}

.ultimosEventos-item table
{
	padding-top: 5px;
	padding-left: 10px;
}

.ultimosEventos-item td
{
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;	
    text-align: left;
    clear: left;
}

/*
#proximosEventos {
	background:url(../images/prox-events.gif) no-repeat top left;
	width: 180px;
	height: 206px;
	margin: 10px 0 0 0 ;
	float: left;
	vertical-align:top;
        padding-top: 40px;
        padding-left: 40px;
}

#proximosEventos  td
{
    color:#808080;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    clear: left;
}


#proximosEventos-corp {
	background:url(../images/prox-events-corp.gif) no-repeat top left;
	width: 175px;
	height: 200px;
        padding-top: 40px;
        padding-left: 40px;
}

#proximosEventos-corp td {
    color:#808080;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    clear: left;
}
*/


.form-contacto div
{
	
}

.alignRight
{
	text-align:right;
}

.form-contacto tr
{
	height: 35px;
}

.form-contacto label
{
	color:#5A4A42;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;	
    text-align: right;
    clear: left;	
}

.textAlimentacion
{
	color:#74B74A;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;	
    text-align: right;
    clear: left;	
	vertical-align:top;
}

input[type="text"]
{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12pt;
	
  background-color:#FFF;
  border-color:#74B74A;
  border-style:solid;
  border-width:1px;
  color:#5A4A42; 	
}


textarea
{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12pt;
	
  background-color:#FFF;
  border-color:#74B74A;
  border-style:solid;
  border-width:1px;
  color:#5A4A42; 	
}