/**************************************************************************************************

	ESTILOS PRINCIPALES
	
**************************************************************************************************/

/**************************************************************************************************
 L A Y O U T	
**************************************************************************************************/


body {
	background-color: #5a5541;
	margin: 0;
	padding: 0;
	font-family:  'Trebuchet MS', arial, helvetica, sans-serif;
	color: #555;
	font-size: 12px;
}


a:link {
	text-decoration: none;
	color: #222;
}

a:visited {
	text-decoration: none;
	color: #222;
}

a:active {
	text-decoration: none;
	color: #222;
}

a:hover {
	text-decoration: none;
	color: #E90;
}


#pagina {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 740px;
	background-color: #FFF;
}

#cabecera {
	background: url(images/gradiente.jpg) repeat-x #FFF;

}

#menu {
	background-color: #FFF;
	padding: 10px;b 
}

#menu ul {
	margin: 0;
	padding: 3px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #e0cdbf;
	height: 32px;
}


#menu ul li {
	display: block;
	float: left;
	height: 32px;
	width: 110px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, times new roman , serif;
	font-size: 14px;
	font-weight: bold;
}

#menu ul li span.traduccion {
	font-size: 10px;
}

#menu ul li a:link {
	text-decoration: none;
	color: #8d4e00;
}

#menu ul li a:visited {
	text-decoration: none;
	color: #8d4e00;
}

#menu ul li a:active {
	text-decoration: none;
	color: #8d4e00;
}

#menu ul li a:hover {
	text-decoration: none;
	color: #bca07b;
}

#contenido {
	background-color: #FFF;
	padding: 10px;
}


#pie {
	background: url(images/zirkel.jpg) top right no-repeat #ebe4ad;
	height: 100px;
	padding: 30px 80px 10px 10px;
	text-align: right;
	font-size: 10px;
	color: #767367;
}

/**************************************************************************************************
 D E C O R A T I V O S
**************************************************************************************************/

#login {
	margin: 30px 80px 30px 80px;
	padding: 10px 0 10px 0;
	border-style: dotted;
	border-width: 1px 0 1px 0;
	border-color: #ccc;
}

#login table tr td {
	width: 200px;
}

input {
	font-size: 11px;
	margin: 2px;
}

div.std_aviso_error {
	border: 1px solid #F99;
	padding: 10px 10px 10px 50px;
	background: url(iconos16/error.png) 10px center no-repeat #FEE;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.std_aviso_pregunta {
	border: 1px solid #FF9;
	padding: 10px 10px 10px 50px;
	background: url(iconos16/arrow_divide.png) 10px center no-repeat #FFE;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.std_aviso_ok {
	border: 1px solid #9F9;
	padding: 10px 10px 10px 50px;
	background: url(iconos16/tick.png) 10px center no-repeat #EFE;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.std_info {
	border: 1px solid #99F;
	padding: 4px 4px 4px 50px;
	background: url(iconos16/information.png) 10px center no-repeat #EEF;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.std_tabla table { 
	border-collapse: collapse;
	border: 0;
}

.std_tabla table th { 
	background: url(images/gradiente1.gif) repeat-x;
	padding: 3px 5px 3px 5px;
	border: 1px solid #ccc;
}

.std_tabla table tr { 
	background-color: #f5f5f5;
}


.std_tabla table tr:hover { 
	background-color: #f5f3e5;
}

.std_tabla table td { 
	padding: 3px 5px 3px 5px;
	border: 1px solid #ccc;
}

.std_nuevo {
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	display: block;
	height: 24px;
	width: 100px;
	background: url(images/gradiente1.gif) repeat-x;
	border: 1px solid #ccc;
}

.std_nuevo a {
	display: block;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 0 0 20px;
	background: url(iconos16/add.png) 0 center no-repeat;
}

#col_12 {
	float: left;
	width: 450px;
}

#col_22 {
	float: left;
	margin: 0 0 0 10px;
	width: 260px;
}

#col5050_12 {
	float: left;
	width: 355px;
}

#col5050_22 {
	float: left;
	margin: 0 0 0 10px;
	width: 355px;
}

.noticia {
	padding: 10px 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #ccc;
}

.noticia h3 {
	font-weight: bold;
}

.noticia h3 a:link {
	color: #5a5541;
}
.noticia h3 a:visited {
	color: #5a5541;
}
.noticia h3 a:active {
	color: #5a5541;
}
.noticia h3 a:hover {
	color: #bca07b;
}



.noticia p {
	margin: 5px 0 5px 0;
	text-align: justify;
}


.noticia span.fecha {
	padding: 0 0 0 20px;
	background: url(iconos16/calendar.png) 0 center no-repeat;
	font-size: 11px;
}

ul.lista {
	margin: 0;
	padding: 0;
}

ul.lista li {
	list-style: none;
	padding: 5px 0 5px 0;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #ccc;
	font-size: 11px;	
}

.album {
	float: left;
	height: 130px;
	width: 170px;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #CCC;
	padding: 5px;
}

.album p {
	margin: 2px;
}

.galeria {
	margin: 10px;
}

.galeria a img {
	border: 1px  #EDE5C5 solid;
	padding: 6px;
	margin: 6px;
	background-color:#F3EDD7;
}


/**************************************************************************************************
 E X T R A
**************************************************************************************************/

hr {
	border: 1px #DDD dotted;
}

img {
	border: 0;
}

td.acciones{
	white-space: nowrap;
}

td.acciones a{
	text-decoration: none;
}
