/* SANTIAGO REPUBLICANO STYLE SHEET
   SITE BY RICARDO CASTRO http://www.santiagorepublicano.cl/
   CSS AUTHOR: Ricardo Castro Meza
   -----------
   SANTIAGO REPUBLICANO HOJA DE ESTILOS
   SITIO HECHO POR RICARDO CASTRO http://www.santiagorepublicano.cl/
   AUTOR DEL CSS: Ricardo Castro Meza
*/

/*  PRINCIPALES  */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}

.text_celeste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0CAAE9;
}

.titulos {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #666666; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}


/*  LINK TRADICIONALES  */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #3895b8;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #3895b8;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #224353;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #AD3F14;
	text-decoration: none;
}


/*  TIPS DE TRES COLUMNAS  */

#derUnoNormal, #derDosNormal, #derUno-pobla, #derDos-pobla  {
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-bottom:30px;
}


#derUnoNormal {
	width: 200px;
	float: left;
	padding-left:30px;
	padding-top:30px;
}

#derDosNormal {
    width: 200px;
	float: left;
	padding-left:30px;
	padding-top:30px;
}


#derUno-pobla {
	width: 225px;
	float: left;
	padding-left:30px;
	padding-top:30px;
}
#pat-uno, #pat-dos, #pat-tres {
	padding-bottom:20px;
	width: 200px;
	float: left;
	padding-left:30px;
	
}
#derDos-pobla {
    width: 225px;
	float: left;
	padding-left:30px;
	padding-top:30px;
}
#contenedor-menu-vertical {
	width: 182px;
	float: left;
	padding-top:30px;
	height:240px;
}
#der_anexos  {
	width: 176px;
	float: left;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:30px;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;


}

.anexos {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0CAAE9;
	border-right-color: #0CAAE9;
	border-bottom-color: #0CAAE9;
	border-left-color: #0CAAE9;
	background-color: #DCF0F8;
	clip: rect(auto,auto,auto,auto);
	padding: 7px;
	
}

/*  TIPS DE TRES COLUMNAS pop up  */

#derUnoPOPUP, #derDosPOPUP  {
	FONT-SIZE: 11px;
	COLOR: #999999;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding-bottom:20px;
}


#derUnoPOPUP {
	width: 160px;
	float: left;
	padding-left:20px;
	padding-top:10px;
}
#derDosPOPUP {
    width: 160px;
	float: left;
	padding-left:20px;
	padding-top:10px;

}



/*  TIPS DE BOTONES UBICACIÓN  */

#der_form {
	float: right;
	height:35px;
	padding-left:5px;
	

}



/*  TIPS DE BOTONES FORMS  */

#formbuttons {
	text-align:right;
	clear:both;
	height:35px;
	margin-top:15px;
	
} 

.formbuttons {
	padding-top:10px;
} 

.estado_tieso {
	text-align:right;
	clear:both;
	margin-top:6px;
	padding-top:10px;
	font-size:11px;
	color:#039ADD;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #D0F0FC;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #039ADD;
	border-right-color: #039ADD;
	border-bottom-color: #039ADD;
	border-left-color: #039ADD;
	
}

div#der_form a {
	font-size:11px;
	color:#06BBF9;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #FFFFFF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	
}
div#der_form a:link, div#der_form a:visited {
	background-color:#FFFFFF;
	color:#06BBF9;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
div#der_form a:hover {
	background-color:#FFFFFF;
	color:#06BBF9;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4ED1F4;
	border-right-color: #4ED1F4;
	border-bottom-color: #4ED1F4;
	border-left-color: #4ED1F4;
}

/*  BOTONES FORM PREVIOUS */


#formbuttons_prev {
	text-align:right;
	clear:both;
	height:35px;
	margin-top:15px;
} 

.formbuttons_prev {
	padding-top:10px;
} 

/*  LIBRO DE VISITAS  */

.hr_color {
    color: #3895b8;
}

.nombre_visitante {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-STYLE: italic; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.fecha_visitante{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #999999; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LETTER-SPACING: 2px
}

.comentario_visitante {
	MARGIN-TOP: 5px; 
	FONT-SIZE: 12px; 
	COLOR: #5d5d5d
}

.numeracion {
	FONT-SIZE: 12px; 
	PADDING-RIGHT: 25px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 25px; 
	PADDING-TOP: 30px; 
	color: #666666;
}
.formbotones {
	BORDER-RIGHT: #039ADD 2px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #039ADD 2px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 2px; 
	TEXT-TRANSFORM: none; 
	BORDER-LEFT: #039ADD 2px solid; 
	COLOR: #039ADD; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #039ADD 2px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px; 
	BACKGROUND-COLOR: #DEF5FC
}

.form_campos {
    BORDER-RIGHT: #8CE0F9 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #8CE0F9 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 2px; 
	TEXT-TRANSFORM: none; 
	BORDER-LEFT: #8CE0F9 1px solid; 
	COLOR: #666666; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #8CE0F9 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px; 
	BACKGROUND-COLOR: #DEF5FC;
}	
/***********************FOOTER****************************/	

#footer-agregado {
	width:750px;
	padding:30px 0 0 150px;
	margin:0 auto;
	height:90px;
	background-image:url(i/fondolibrosmall.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
} 
#footer-agregado-texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-align:left;
	width:680px;
} 

#hecho-por-pure {
    float:right;
	padding: 0 20px 0 0;

}