/* CSS Document */
BODY {
	font: 11px Verdana, Tahoma, Arial, Helvetica;
	color : #000000;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	text-align: left;
	background-color: #F8F8F8;
}
A, A:ACTIVE, A:FOCUS, A:LINK, A:VISITED {
	color : #003366;
	font-weight:bold;
	text-decoration:none;
}
A:HOVER {
	color: #FF9933;
	font-weight:bold;
	text-decoration:none;
}
H2 {
	font-family: Lucida Sans Unicode, Verdana, Arial;
	color: #D95805;
	font-size:14px;
	font-weight:bold;
}
H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6A2446;
}
#fondo_arriba {
	background:url(../img/fondo.jpg) repeat top left;
	height:120px;
	width:100%;
	border-bottom: #6A2446 1px solid;
}
#fondo_arriba_sombra {
	height:30px;
	margin: 0 auto;
	width:100%;
	background: url(../img/sombra.jpg) repeat-y top center;
}
/* ESTILOS DE LA CABECERA  ----------------------------------------------------- */
#topcab {
	width: 960px;
	margin: -150px auto 0 auto;
	text-align:right;
	line-height:normal;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#6A2446;
}
#topcab ul {
	margin:0;
	padding: 5px 0px 5px 0px;
	list-style:none;
}
#topcab li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
}
#topcab li a {
	color:#ffffff;
	text-decoration:none;
}
#topcab li a:hover {
	color: #FF9933;
	text-decoration:underline;
}
#cabecera{
	width: 960px;
	margin:0 auto;
	height:120px;
	background:url(../img/cabecera.jpg) left no-repeat;
}
/* ESTILOS DE sombra y borde  ----------------------------------------------------- */
#sombra {
	background: url(../img/sombra.jpg) repeat-y top left;
	width: 1000px;
	margin: 0 auto;
}
#borde{
	background:#F8F8F8;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	clear:both;
/*	border: #6A2446 1px solid;*/
}
/*---------------- ESTILOS DEL MENÚ HORIZONTAL-------------------------------------- */
#navigation {
	float:left;
	width:100%;
	font-size:14px;
	line-height:normal;
	background:#98376A;
	border-top: #6A2446 1px solid;
}
#navigation ul {
	margin:0;
	padding:10px 10px 0 200px;
	list-style:none;
}
#navigation li {
	display:inline;
	margin: 0;
	padding: 0;
}
#navigation a {
	float:left;
	background: url(../img/tableft.gif) no-repeat left top;
	margin:0;
	padding:0 2px 0 4px;
	text-decoration:none;
}
#navigation a span {
	float:left;
	display:block;
	background: url(../img/tabright.gif) no-repeat right top;
	padding:7px 15px 6px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
	color:#000;
}
#navigation a:hover {
	background-position:0% -75px;
}
#navigation a:hover span {
	background-position:100% -75px;
}
#navigation #current a {
	background-position:0% -75px;
}
#navigation #current a span {
	background-position:100% -75px;
	color:#000;
}
/*********** FIN menu vertical ************************************************************/


#principal {
	background-color:#F8F8F8;
}
#izquierda {
	float:left;
	width:200px;
	background-color:#F8F8F8;
	padding: 0px 0px 0px 0px;
}

/*------------------------------Definición menú vertical------------------------------------*/
#menuv{
width: 200px;
padding: 0 0 0 0;
margin-bottom: 10px;
background-color: #F8F8F8;
color: #663300;
}

#menuv ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menuv li {
border-bottom: 1px solid #CCCCCC;
margin: 0;
}

#menuv li a{
display: block;
padding: 10px 5px 10px 8px;
border-left: 10px solid #6A2446;
border-right: 8px solid #98376A;
background-color: #F8F8F8;
color: #003366;
text-decoration: none;
}

#menuv li a:hover{
border-left: 20px solid #FF6600;
border-right: 8px solid #FF9933;
background-color: #FFE2C6;
color: #003366;
}
#menuv #activado a {
border-left: 20px solid #FF6600;
border-right: 8px solid #FF9933;
background-color: #FFE2C6;
color: #003366;
}
/*FIN definición menú vertical*/

#derecha {
	margin-left:200px;
	background-color:#FFFFFF;
	border-left: #DEDEDE 1px solid;
	padding-bottom:10px;
}
#seguimiento {
	padding: 10px 0px 5px 10px;
	border-bottom: #CCCCCC 1px dotted;
	color:#003366;
	font-weight:bold;
}
#seguimiento a{
	color:#003366;
	font-weight:bold;
	text-decoration:underline;
}
#seguimiento a:hover{
	color:#FF9933;
	font-weight:bold;
	text-decoration:underline;
}
#cuerpo {
	width:95%;
	font-family: Lucida Sans Unicode, Verdana, Arial;
	margin-left:10px;
	padding: 10px 10px 10px 10px;
	color: #333333;
	background-color: #FFFFFF;
	line-height:150%;
	min-height:500px;
	height:auto !important; /* Hack para ie */
	height:500px;
}
#titular {
	font-family: Lucida Sans Unicode, Verdana, Arial;
	color: #D95805;
	font-size:14px;
	font-weight:bold;
}
/*------------------------------------------------ ESTILOS DEL PIE DE PÁGINA -------------- */

#nav_abajo{
	clear:both;
	background: url(../img/fondo.jpg) repeat;
	text-align:center;
	color:#FFFFFF;
	padding:10px;
	border-top: #6A2446 1px solid;
	border-bottom: #6A2446 1px solid;
}
#nav_abajo a {
	color:#FFFFFF;
}
#nav_abajo a:hover{
	color:#FF9933;
}
#pie{
	text-align:center;
	color:#666666;
	padding:10px;
	background-color:#ededed;
	border-bottom: #ccc 1px solid;
	line-height:170%;
}

/*---------------------ESTILOS DEL CONTENIDO--------------------------------------------------*/
#img_lateral{
	width:180px;
	height:135px;
	margin:auto;
	background:url(../img/marco.jpg) no-repeat center;
	text-align:center;
	padding-top:15px;
}
#img_derecha{
	float:right;
	margin: 0px 10px 10px 10px;
	padding: 0px 10px 10px 0px;
}
#img_izquierda{
	float:left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#img_centro{
	margin: 10px 10px 10px 0px;
	padding: 5px 5px 5px 5px;
}
#contenido{
	padding-top:10px;
	width:90%;
	margin:0 auto 0 auto;
}
.mapa_donde{
	width:90%;
	margin: 0 auto 0 auto;
}
.separa {
	width:90%;
	margin: 20px auto;
	border-bottom:#ccc 1px dotted;
}
#texto_izquierda{
	float:left;
	text-align:right;
	text-align:left; font-weight:bold;
	padding-left:20px;
}
#foto_derecha{
	margin-left:320px;
	text-align:right;
	text-align:left;
}
#foto_izquierda{
	float:left;
	text-align:right;
}
#texto_derecha{
	margin-left:320px;
	height:165px;
	font-weight:bold;
	padding-left:20px;
}

/* ESTILOS FORMULARIO -------------- */
.fboton {
	width:80px;
	height: 25px;
	background:url(../img/fboton.gif) no-repeat center;
	border-width:0px;
	color:#000000;
	font-weight:bold;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F8F8F8;
	border: 1px solid #B3B9C3;
	vertical-align: middle;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #B3B9C3;
	background-color: #F8F8F8;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #B3B9C3;
	background-color: #F8F8F8;
}
/* ESTILOS acordeon -------------- */
.acc_izq {
	width:340px;
	float:left;
}
.acc_dcha {
	width:340px;
	margin-left:370px;
}
.acc_fotos, .acc_videos {
	padding: 30px 0 30px 80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#98376A;
}
.acc_fotos {
	background:url(../img/ver_foto.gif) no-repeat top left;
}
.acc_videos {
	background:url(../img/ver_video.gif) no-repeat top left;
}
.chorreo {
	padding: 10px 0px 0px 0px;
	height:100px;
}
.chorreo h3 {
	margin:0;
	padding:0;
}
.chorreo_izquierda {
	float:left;
	width:410px;
	text-align:right;
}
.chorreo_derecha {
	float:left;
	width:300px;
	text-align:center;
}