@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	text-align: center;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h1 a {
	color: #0000CC;
	text-decoration: none;
}
h1 a:hover {
	color: #0000CC;
	text-decoration: underline;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-transform: uppercase;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
h5 {
	font-size: 1px;
	padding: 0px;
	clear: both;
	margin: 0px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	font-size: 24px;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 5px;
	clear: both;
	font-style: italic;
}

.subtit {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
}

.parra {
	margin-right: 30px;
	}
.tabla1 {
	border-collapse: collapse;
	width: auto;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;/*	border: 1px solid #996600;	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #996600;*/
}
.linea {
	height: 2px;
	display: block;
	font-size: 2px;
	background-color: #999999;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
    .tabla1 a{
	color: #660000;
}
    .tabla1 TD    {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

    .tabla1 TH {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
/*	background-image: url(img/fondobot.png);*/
	text-align: left;
}

	.tabla2 {
	text-align: left;
	border-collapse: collapse;
	width: 600px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #FFFFFF;
}
    .tabla2 a{
	color: #660000;
	text-decoration: none;
}
    .tabla2 TD    {
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;

}

    .tabla2 TH {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background-image: url(img/fondobot.png);
	background-position: center;
	font-size: 14px;
	color: #FFFFFF;
	padding: 5px;
}
	.tabla3 {
	border-collapse: collapse;
	width: auto;
	font-size: 11px;
	border: 1px solid #996600;
	background-color: #FFFFFF;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
    .tabla3 TD    {
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	border: 1px solid #996600;
}

    .tabla3 TH {
	background-image: url(img/fondobot.png);
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #996600;
}

	.tabla4 {
	width: auto;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}


	.tablaform {
	text-align: left;
	border-collapse: collapse;
	width: 500px;
	color: #000000;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
    .tablaform TD    {
	padding: 5px;
}



.dest {
	color: #660000;
}


.imag1 {
	float: left;
	border: 1px solid #666666;
	margin-right: 5px;
}

.mayor {
	font-size: 18px;
	color: #0033CC;
	text-transform: uppercase;
	font-style: italic;
}
.volver {
	font-size: 10px;
	text-align: center;
	margin: 10px;
	color: #0000CC;
}

.menor {
	font-size: 10px;
	color: #996600;
	font-weight: bold;
}

#atras {
	font-size: 10px;
	color: #006600;
	text-align: center;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bloquemedio {
	height: 105px;
	width: 50%;
	position: relative;
	float: left;
}
#bloque {
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	/*	border: 1px solid #0033FF; */
	text-align: justify;
	overflow: auto;
}
#bloqueblanco {
	position: relative;
	height: auto;
	overflow: auto;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
}

#bloquevacio {
	position: relative;
	overflow: auto;
	padding: 5px;
	width: auto;
	margin: 10px;
}

#cuadroimag {
	width: 310px;
	float: left;
	padding-right: 15px;
	height: 300px;
	text-align: center;
}

#cuadroimag2 {
	width: 215px;
	float: left;
	padding-right: 20px;
	text-align: center;
}

.cuadro50 {
	position: relative;
	width: 280px;
	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;/*	border: 1px solid #FF0000;*/
}


.contenido {
	font-size: 12px;
	position: relative;
	width: 755px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#encabezado {
	height: 170px;
	padding: 0px;
	width: 780px;
	margin: 0px;
}
.derecha {
	width: 170px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
	background-color: #F0F0F0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.mensaje {
	width: 220px;
	float: left;
	padding: 10px;
	background-color: #F0F0F0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: justify;
}
.central {
	text-align: justify;
	padding: 10px;
	width: 480px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


#listado {
	color: #660000;
	font-weight: bold;
}

#menu2 li {
	width: 135px;
	margin-bottom: 6px;
	border:1px #000000 solid;
} 

#menu2 {
	font-family: "Arial Narrow", Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFCC00;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-weight: bold;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
} 


#menu2 li a {
	display:block;
	width:125px;
	text-decoration:none;
	color: #FFFFFF;/*
	clip:  rect(   );              clip:  rect(   )*/
	background-color: #0033CC;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
} 

#menu2 li a:hover {
	display:block;
	background-color:#FF0000;
	color:#FFFF00;
/* 	clip:  rect(   )             clip:  rect(   )*/
} 

#menu50 {
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	text-transform: uppercase;
	padding-left: 0px;/*	border: 1px solid #FFFFFF; */
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-family: "Century Gothic";
	clear: both;
	width: 800px;
   }

#menu50 ul, li {
        list-style-type: none;
}

#menu50 ul {
	margin: 0;
	padding: 0;
	height: auto;
}

#menu50 li {
	float: left;
	width: 50%;
	text-align: center;
}

#menu50 a {
	text-decoration: none;
	color: #0033CC;
	display: block;
	text-align: center;
	width: auto;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border: 1px solid #cccccc;
}

#menu50 a:hover {
	color: #FFFFFF;
	background-color: #0033CC;
}


#menu20 {
	position: relative;
	width: 780px;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	background-image: url(img/fondobot.png);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
}

#menu20 ul, li {
        list-style-type: none;
}

#menu20 ul {
	margin: 0;
	padding: 0;
}

#menu20 li {
	float: right;
	text-align: center;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#menu20 a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	text-align: center;
	width: auto;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#menu20 a:hover {
	color: #FFFFFF;
	background-position: center;
	background-color: #993300;
}


#pie {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000000;
   }
   
#ruta {
	width: auto;
	position: relative;
	height: auto;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 2px;
	padding-top: 2px;
}
#ruta a {
	color: #FF0000;
	text-decoration: none;
}

#todo1 {
	width: 800px;
	position: relative;
	top: 0px;
	height: auto;
	overflow: hidden;
	margin: auto;
	background-image: url(img/fondob.png);
	text-align: left;
}

#todo {
	width: 780px;
	position: relative;
	top: 0px;
	height: auto;
	overflow: hidden;
	background-image: url(img/arriba.png);
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-color: #FFFFF0;
}

.medio {
	font-size: 14px;
	color: #0000CC;
	font-weight: bold;
	text-transform: uppercase;
}

/*    Estilos correspondientes a script ajaxtabs    */


.contentstyle{
/*		background-color: #ffffe0;
border: 1px solid #00FF00;*/
	width: 100%;
/*	margin-bottom: 1em;*/
	height: 300px;
	float: left;
}
.textos {
	text-align: justify;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.textos1 {
	text-align: justify;
	background-color: #E0E0E0;
	margin: 0px;
	padding: 10px;
}

.textos2 {
	text-align: justify;
	margin: 0px;
	padding: 10px;
}
.textos3 {
	text-align: center;
	margin: 0px;
	padding: 5px;
	background-color: #333333;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	text-transform: uppercase;
}


.punteado li{
	list-style-type: square;
}

.numerado li{
	list-style-type: decimal;
}

.letrado li{
	list-style-type: lower-alpha;
}

.textodes, .fecha {
	font-weight: bold;
	color: #CC6600;
	font-size: 12px;
	text-decoration: none;
}
.textodes a{
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
.textodes a:hover{
	color: #990000;
	text-decoration: underline;
}
.textores {
	font-weight: bold;
	color: #000066;
}

.textosup {
	font-weight: bold;
	color: #663300;
	font-size: 13px;
	text-decoration: none;
}
.img1 {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #666666;
	clear: both;
}
.img2 {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	border: 1px solid #666666;
}
.img3 {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #666666;
}
.avisos {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	margin: 10px;
	font-family: "Times New Roman", Times, serif;
}
.muestramodulo {
	border: 1px solid #996600;
	background-color: #FFFFFF;
	display: block;
	clear: both;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.modulos{
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	margin-right: 0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	font-weight: bold;
}

.modulos li{
display: inline;
margin: 0;
}

.modulos li a{
	text-decoration: none;
	margin-right: 1px;
	color: #2d2b2b;
	background-color: white;
	background-image: url(img/fondobot.png);
	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: #996600;
	border-right-color: #996600;
	border-bottom-color: #CC9900;
	border-left-color: #996600;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.modulos li a:visited{
color: #2d2b2b;
}

.modulos li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.modulos li.selected{
position: relative;
top: 1px;
}

.modulos li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.modulos li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.modulo {
	width: 550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	background-color: #FFFFFF;
}

.img_item {
/*	float: left;*/
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.medio {
	font-size: 14px;
	color: #0000CC;
	font-weight: bold;
	text-transform: uppercase;
}

/*    Estilos correspondientes a script ajaxtabs    */
.cliente8 {
	float: left;
	display:block;
	height: 74px;
	/*	border: 1px solid #009900;*/
	width: 70px;
	text-align: center;
}



#mosaico {
	/*	width: 500px; */
	text-transform: uppercase;
	margin: 8px;
}

#mosaico ul {
	margin: 0;
	padding: 0;
}

#mosaico a {
	width: 70px;
	display: block;
	height: 74px;
	text-align: center;
	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: #cccccc;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #cccccc;
	background-color: #FFFFFF;
}

#mosaico a:hover {
	border: 1px solid #0000ff;
}

#mosaico li {
	float: left;
	list-style-type: none;
	margin: 2px;
}

#mosaico li.selected a{
	border: 1px solid #ff0000;
}

.bloquemostrar{
	width: 605px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
.detalle {
	font-size: 12px;
	color: #000000;
	padding: 5px;
	margin: 0px;
	text-align: justify;
}
.gal0, .gal1, .gal2, .gal3 {
	display: block;
	text-align: left;
	float: left;
	width: 350px;
	margin: 0px;
	padding: 5px;
	height: 210px;
}
.gal1, .gal2 {
	background-color: #F0F0F0;
}
/**************************************/

.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	margin-left:8px;
	margin-top:8px;
	border: 0px;
}

.thumbnails{
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.imglink{
	color:#FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.piegal {
	padding: 5px;
	color: #333333;
	font-size: 10px;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.piegal a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.piegal a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
.galin {
	margin: 0px;
	padding: 5px;
	color: #000000;
}
.galin a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.galin a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
.galin hr {
	clear: both;
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
}
.last {
	border-right-style: none !important;
}
.fecha {
	float: right;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}