/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.piePagina {
	padding-left: 5px;
	padding-top: 5px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #666666;
}

.datetop {
	padding-left: 5px;
	padding-top: 5px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
}

a.btnTxt:active, a.btnTxt:link, a.btnTxt:visited {
	letter-spacing: 1px;
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.btnTxt:hover {
	letter-spacing: 1px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

/* MENU SUPERIOR */
a.btnNavTop:active, a.btnNavTop:link, a.btnNavTop:visited {
	padding-left: 1px;
	padding-right: 4px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.btnNavTop:hover {
	padding-left: 1px;
	padding-right: 4px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

/* MENU IZQUIERDO */
.tituloMenuIzq {
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../imagenes/img_bgTituloNavIzq.jpg);
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
}

a.btnNavIzq:active, a.btnNavIzq:link, a.btnNavIzq:visited {
	display: block;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: 1px;
	background-image: url(../imagenes/img_bgNavIzq.jpg);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #003366;
	text-decoration: none;
}

a.btnNavIzq:hover {
	display: block;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: 1px;
	background-image: url(../imagenes/img_bgNavIzqHover.jpg);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #003366;
	text-decoration: none;
}

/* MENU DERECHO */
.tituloDerechoContent {
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* CONTENIDO */
.tituloDivisorContent {
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 3px; 
    /*background-image: url(../imagenes/img_tituloDivisorContent.jpg);*/
	border-bottom: 1px solid #CCCCCC;
	letter-spacing: 1px;
	color: #000000;
	font-weight: bold;
}

.tituloDivisorContent1 {
	display: block;
	padding-top: 5px;
	padding-bottom: 3px; 
	border-top: 1px solid #CCCCCC;
	color: #000000;
}

.tituloPrincipalPortada {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

.tituloPrincipalSeccion {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.tituloPrincipalSeccionWeb {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

.ContenidoSeccionAlt {
	font-size: 10px;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

.tituloPrincipalSeccionWeb1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

.tituloPrincipalSeccionWeb2 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

a.btnTituloPrincipal:active, a.btnTituloPrincipal:link, a.btnTituloPrincipal:visited {
	color: #003366;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

a.btnTituloPrincipal:hover {
	color: #6699CC;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

a.btnTituloPrincipal1:active, a.btnTituloPrincipal1:link, a.btnTituloPrincipal1:visited {
	color: #003366;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.btnTituloPrincipal1:hover {
	color: #6699CC;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
}

a.btnTituloSecundario:active, a.btnTituloSecundario:link, a.btnTituloSecundario:visited {
	color: #003366;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.btnTituloSecundario:hover {
	color: #6699CC;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

/* BARRAS Y SEPARADORES */
.separadorPrincipalPortadaV {
	border-left: 1px solid #CCCCCC;
}

.separadorPrincipalBottomH {
	border-bottom: 1px solid #CCCCCC;
}

.separadorPrincipalTopH {
	border-top: 1px solid #CCCCCC;
}

/* FORMULARIOS */
.boxFormTxt {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.boxFormBtn {
	background-color: #E9ECEF;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}

/*Menú*/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.menu ul{
	background:#CC0000;
	height:28px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#CC0000 bottom right no-repeat;
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:28px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background:#0066CC  url("../images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#FFFFFF  ;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:200px;
		z-index:200;
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:28px;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		
	.menu p{
		clear:left;
		}	

.tituloSubsec {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

.tituloDesc {
	color: #003366;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
/* Menu Secciones adicionales*/

.menusec{margin:0; padding:0; width:200px; list-style:none;background:rgb(255,255,255);}
.menusec li{padding:0; margin:0 0 1px 0; height:35px; display:block; }
.menusec li a{text-align:left;height:35px; padding:0px 25px; font:13px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.menusec li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menusec li a.active, .menusec li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menusec li a span{line-height:35px;}

/*Menu actual a imp*/
/*.menusec1{margin:0; padding:0; height:30px; width:100%; display:block; background:url('../images/verMenuImages1.png') repeat-x;}
.menusec1 li{padding:0; margin:0; list-style:none; display:inline;}
.menusec1 li a{float:right; padding-left:15px; display:block; color:rgb(64,62,62); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/verMenuImages1.png') 0px -30px no-repeat;}
.menusec1 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/verMenuImages1.png') 100% -30px no-repeat;}
.menusec1 li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menusec1 li a:hover span{background-position:100% -60px;}
.menusec1 li a.active, .menusec1 li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/verMenuImages1.png') 0px -90px no-repeat; color:rgb(64,62,62);}*/


.menusec1{margin:0; padding:0; height:30px; width:100%; display:block; background:url('../images/verMenuImages2.png') repeat-x;}
.menusec1 li{padding:0; margin:0; list-style:none; display:inline;}
.menusec1 li a{float:left; padding-left:15px; display:block; color:rgb(255,252,252); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/verMenuImages2.png') 0px -30px no-repeat;}
.menusec1 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/verMenuImages2.png') 100% -30px no-repeat;}
.menusec1 li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menusec1 li a:hover span{background-position:100% -60px; font-weight:bold;}
.menusec1 li a.active, .menusec1 li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/verMenuImages2.png') 0px -90px no-repeat; color:rgb(252,247,247);}
.menusec1 li a.active span, .menusec1 li a.active:hover span{background:url('../images/verMenuImages2.png') 100% -90px no-repeat;}

/*DROP SEPARADOR*/
.menusec3{ margin:0; top:0px auto; padding:0; height:30px; width:100%; display:block;}
.menusec3 ul{margin:0 auto; padding:0; height:30px; display:block; background:url('../images/verMenuImages3.png') 100% -30px repeat-x; }
.menusec3 ul li{padding:0; margin:0 auto; list-style:none; float:left; height:30px display:inline;}
.menusec3 ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('../images/verMenuImages3.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.menusec3 ul li a:hover {text-decoration:underline; color:rbg(255,255,255);}
.menusec3 ul li a.active{background:none; color:rgb(255,255,255);}
.menusec3 ul li a.active:hover {text-decoration:none;}


/*SUBMENI PRN*/
.menusec4{margin:0; padding:0; height:30px; width:100%; display:block; background:url('../images/verMenuImages4.png') repeat-x;}
.menusec4 li{padding:0; margin:0; list-style:none; display:inline;}
.menusec4 li a{float:left; padding-left:15px; display:block; color:rgb(255,252,252); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../images/verMenuImages4.png') 0px -30px no-repeat;}
.menusec4 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../images/verMenuImages4.png') 100% -30px no-repeat;}
.menusec4 li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menusec4 li a:hover span{background-position:100% -60px;}
.menusec4 li a.active, .menusec4 li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../images/verMenuImages4.png') 0px -90px no-repeat; color:rgb(252,247,247);}
.menusec4 li a.active span, .menusec4 li a.active:hover span{background:url('../images/verMenuImages4.png') 100% -90px no-repeat;}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:306px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:300px; height:255px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:300px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:255px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../extras/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../extras/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:255px; width:300; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../extras/images/link.gif) center center no-repeat}
#thumbnails {margin-top:0px}
#slideleft {float:left; width:20px; height:81px; background:url(../extras/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../extras/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:256px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

html, body { margin: 0px; padding: 0px; }

div.TabView
{
  font-family: Verdana, Sans-Serif;
  font-size:   12px;
}

/* ***** Tabs *************************************************************** */
div.TabView div.Tabs
{
  height: 22px;

  background: url('../imagenes/index/tab-view.png')  repeat-x 0px -72px;
}

div.TabView div.Tabs a
{
  display: block;
  float:    left;

  margin-right: 1px;

  width: 100px;
  text-align: center;

  height:      22px;
  line-height: 21px;
  vertical-align: middle;

  background: url('../imagenes/index/tab-view.png') no-repeat 0px   0px;

  text-decoration: none;
  font-weight: 900;
  color:   #003366;
  cursor:  pointer;
}

div.TabView div.Tabs a:hover
{
  background: url('../imagenes/index/tab-view.png') no-repeat 0px -35px;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
  margin-top: 01px;
  height:     21px;
  background: url('../imagenes/index/tab-view.png') no-repeat 0px   0px;
  cursor:  default;
}

/* ***** Pages ************************************************************** */
div.TabView div.Pages
{
  clear: both;

  border: 1px solid #404040;
  border-top: none;

  background: #FCFCFC;
}

div.TabView div.Pages                  { overflow: hidden; }
div.TabView div.Pages div.Page         { overflow:   auto; }
div.TabView div.Pages div.Page div.Pad { padding: 7px 7px; }