﻿* {
margin: 0px auto;
padding: 0px auto;
}

body
{
	background-color: #133315;
	background-image: url( '../../imagenes/Fondopag.gif' );
	background-repeat: repeat-y;
	background-position: 50% 0%;
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 20px 0px 20px 0px;
	text-align: center;
}

img
{
	display: block;
	margin: auto;
}

.showpage
{
    background-image: url('../../imagenes/FonPagIn.jpg' );
    width: 770px;
    height: 578px;
    text-align: left;
}

.ClaseCabecera
{
    background-image: url('../../imagenes/Fondo_01.jpg' );
    width: 770px;
    height: 150px;
}

.ClaseCuerpo
{
    background-image: url('../../imagenes/Fondo_02.jpg' );
    top: 150px;
    width: 690px;
    height: 348px;
    padding: 40px;
}

.ClaseCuerpo2
{
    background-image: url('../../imagenes/Fondo_03.jpg' );
    top: 150px;
    width: 690px;
    height: 348px;
    padding: 40px;
}

.ClasePie
{
	padding: 2px 0px 2px 0px;
	background-color: #133315;
	color: #BBBBBB; /*    background-image: url('../../imagenes/Fondo_02.jpg' ); **/
	width: 770px; /*height: 428px;*/
}

.ClaseRoxor
{
	padding: 2px 0px 2px 0px;
	color: #BBBBBB; /*    background-image: url('../../imagenes/Fondo_02.jpg' ); **/
	width: 770px; /*height: 428px;*/
}

.Seccion
{
	margin: 0px;
	padding: 10px;
	height: 328px;
	text-align: left;
}

.Seccion p
{
	text-indent: 30px;
	text-align:justify;
	margin-bottom: 10px;
}

.Seccion h5
{
	padding: 0px; /*color: #0099FF;*/
	border-bottom-style: solid;
	border-bottom-width: 1px; /*border-bottom-color: #0099FF;*/
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
}

.Seccion h3
{
	margin-top: 8px;
	color: Green;
	background: transparent url(../../imagenes/Punto.png) left no-repeat;
	padding: 0 0 0 15px;
	font: bold 1.3em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Seccion hr
{
	color: #000000;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.Seccion a
{
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}

/*.Seccion a:visited
{
	text-decoration: none;
	color: #BBBBBB;
}

.Seccioni a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

.Seccion a:active
{
	text-decoration: none;
	color: #BBBBBB;
}*/

.Seccion ul
{
	margin-left: 0px;
	text-align: left;
}
.Seccion li
{
	margin-left: 0px;
	text-align: left;
}

.showmenu
{
	width:100%;
	height: 26px;
    position: relative;
    top: 120px;
    text-align: left;
    vertical-align: middle;
    border-top: solid 2px #FFFFFF;
    border-bottom: solid 2px #FFFFFF;
}

.navegador
{
    list-style: none;
    margin: 0;
    padding: 0px 3px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    height: 26px;
}

.navegador li
{
    margin: 2px;
    padding: 2px;
    float: left;
}
.navegador li a
{
    display: block;
    padding: 2px 0;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

.navegadorpie
{
    list-style: none;
    margin: 0 auto;
    /*padding: 0px 3px;*/
    vertical-align: middle;
    /*font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    height: 26px;*/
}

.navegadorpie li
{
    /*margin: 2px;
    padding: 2px;
    float: left;*/
    
    display: inline;
}
.navegadorpie li a
{
	display: inline;
	text-decoration: none;
	text-align: center;
	color: #BBBBBB;
}
.navegadorpie li a:visited
{
	text-decoration: none;
	color: #BBBBBB;
}
.navegadorpie li a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
.navegadorpie li a:active
{
	text-decoration: none;
	color: #BBBBBB;
}

/************************************************************************/
.marco1
{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}
        



/**********************************************************************************/
.Seccion fieldset
{
	margin-bottom: 10px;
}
.Seccion legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}
/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */


/*.Seccion span {
	display: -moz-inline-block;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
.Seccion label
{
	display: -moz-inline-block;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
.Seccion fieldset ol {
  margin: 0;
  padding: 0;
}
.Seccion fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.Seccion fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.Seccion fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.Seccion fieldset fieldset label {
  display: block;
  width: auto;
}
*/

.Seccion fieldset em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

.Seccion fieldset label {
  width: 120px; /* Width of labels */
}
.Seccion fieldset span {
  width: 120px; /* Width of labels */
}
.Seccion fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

.Seccion fieldset table
{
	margin: 10px;
	width: 620px;
}
.Seccion fieldset td
{
	vertical-align:text-top;
}

/*************************************************************************************/
/******  GALERIA  ********************************************************************/

.marcogaleria
{
	background-image: url( '../../imagenes/marcos/marco_galeria.png' );
	width: 486px;
	height: 393px;
	position: relative;
	top: -15px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	vertical-align: middle;
}

.marcogaleria #submarcoa
{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}

.marcogaleria #submarcob
{
    margin-left: -213px; /* cambiar por la mitad del ancho */
    position: absolute;
    top: -162px; /* cambiar por la mitad del alto */
    left: 50%;
    width: 420px; /* cambiar por el ancho */
    height: 315px; /* cambiar por el alto */
    visibility: visible;
}

.classplaycontrol a
{
	text-decoration: none;
}
.classplaycontrol img
{
	border: 0px;
}


/************************************************************************************************/
.divservicios
{
	margin: 5px 0px 15px 0px;
	padding: 0px;
}

.divservicios img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	border: 0px;
}
