@import url('reset.css');/* Se requiere para el slider de cuatro cuerpor*/

body{
       background: url("../img/background.png") repeat left; 
        color: #f0f0f0;
        font-family:Arial;
        font-size: 16 px;
        text-align:  center;
 }


/*1em inidica un valor de fuente por defecto = 16px*/
/* margin margen externa*/
/* padding margen interna arriba derecha abajo izquierda -  con dos digitos el primero es arriba y abajo y el segundo es derecha e izquierda*/

.pctmarco{
  background:white;
  margin: 10px;
  padding:  20px;
  border-radius: 0px, 50px,0px, 50px;
  -moz-border-radius: 0px, 50px,0px, 50px;
  -moz-box-shadow:2px 0px 1px #E8E8F4 inset;
  -webkit-box-shadow:2px 0px 1px #E8E8F4 inset;
  box-shadow:2px 5px 8px   #84B2F0/*#0104CD*//*#A6D9EC*/ inset;
  border-style: inset;
  border-color: #A6D9EC;
}


.pctmarconota{
  color:blue;
  margin: 10px;
  padding:  20px;
  border-radius: 0px, 50px,0px, 50px;
  -moz-border-radius: 0px, 50px,0px, 50px;
  -moz-box-shadow:2px 0px 1px #E8E8F4 inset;
  -webkit-box-shadow:2px 0px 1px #E8E8F4 inset;
  box-shadow:2px 5px 8px   #84B2F0/*#0104CD*//*#A6D9EC*/ inset;
  border-style: inset;
  border-color: #A6D9EC;
}

/*PCT Propiedades estandares del logo*/
.pctlogo-img-logo { 
  background-image: url(../img/logopct.gif) ;
  background-repeat: no-repeat;
  z-index: 100;

  background-size: 100%;
  float: left;}

.pctlogo-img {
  width: 100px; 
  height: auto;

 }


/*Hint del logo*/
.pctlogo-img:hover:after, .pcthome-img:hover:after {
  display: block;
  background:white;
  font-size: 0.5em;
  margin-top: 80%;
  margin-right: 5%;
  content:"Pagina de Inicio";
}

/*PCT Propiedades del banner*/
.pctbanner-img-dinamico { 
  background-image: url(../img/titulobanner.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 91;
  /*background-size: 100%;*/
  float: left;
  margin: 2;
}

.pctbanner-img {
  width: 100%; 
  height: 150px;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px  10px 0px 50px;

 }

/*Hint del banner dinamico, propiedades del texto*/

.pctbanner-img:hover:after {
    display: block;
/*  background:white;*/
  text-shadow:1px 1px 1px white;
  text-align : center;
  font-weight: bold;
  font-size: 0.6em;
  color: black;
  margin-top: 23%;
  margin-right: 0px;
  content: "PCT LTDA - Apoyamos el respeto por la Naturaleza";
}

/*PCT Propiedades de la direccion del encabezados*/
.pctdireccion-img-dir { 
  background-image: url(../img/direccion.png);
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 91;
  /*background-size: 100%;*/
  float: left;
}

.pctdireccion-img {
  width: 250px;
  height: 100px;
 }

/*PCT Propiedades del boton de Home, Contactenos y Webmail*/
.pcthome-img-imagen { 
  background-image: url(../img/inicio.png);
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 91;
  /*background-size: 100%;*/
  float: left;
}

.pctcontactenos-img-imagen { 
  background-image: url(../img/contactenos.png);
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 91;
    /*background-size: 100%;*/
  margin-top: 5%;  
  float: left;
}


.pctwebmail-img-imagen { 
  background-image: url(../img/Webmail.png);
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 91;
  /*background-size: 100%;*/
  float: left;
}


.pcttransparencia-img-imagen { 
  background-image: url(../img/wwwtransparencia.png);
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 91;
  /*background-size: 100%;*/
  float: left;
}
.pcthome-img, .pctcontactenos-img, .pctwebmail-img, .pcttransparencia-img {
  width: 40px;
  height: 40px;

 }

/*Hint del Contactenos*/
.pctcontactenos-img:hover:after{
  display: block;
  background:white;
  font-size: 0.5em;
  margin-top: 80%;
  margin-right: 5%;
  content:"Contáctenos";
}


/*Hint del Webmail*/
.pctwebmail-img:hover:after{              
  display: block;
  background:white;
  font-size: 0.5em;
  margin-top: 80%;
  margin-right: 5%;
  content:"Correo electrónico de funcionarios PCT LTDA.";
}

.pcttransparencia-img:hover:after{              
  display: block;
  background:white;
  font-size: 0.5em;
  margin-top: 80%;
  margin-right: 5%;
  content:"Acceso para funcionarios de PCT LTDA.";
}

/*PCT Propiedades del Derecho de autor*/
.pctcopyright-img-imagen { 
  background-image: url(../img/copyright.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 93;
  /*background-size: 100%;*/
  float: left;
}

.pctcopyright-texto{
  display: block;
  background:white;
  font-size: 1em;
  margin-top: 0%;
  content:"Derechos de Autor PCT LTDA - Ultima Actualización 27/02/2020";  
}

.pctcopyright-texto p{
  font-size: 1em;  
}

.pctresalto-texto p{
  font-size: 1em;  
  color: red;
}

.pctcopyright-img {
  width: 80px;
  height: 20px;
 }

/*Hint del dercho de autor dinamico*/
.pctcopyright-img:hover:after {
  display: block;
  background:white;
  font-size: 0.5em;
  margin-top: 80%;
  margin-right: 5%;
  content:"Derechos de Autor PCT LTDA.";
}



/*PCT Propiedades imagenes de WEBDEMO*/

.pctwebdemo img {
  width: 50px;
  height: 50px;
 }

/*resize WEBDEMO*/
.pctwebdemo img:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}


.tooltip:hover:after { content: attr(data-tooltip); }
/*.row{
	background: #f0f0f0;
}
*/

/*Fondo de los paneles*/
.pctnoticiasppal{
    margin: 2%;
    padding: 2%;

/*     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: inset;
*/

   border-radius: 0px, 50px,0px, 50px;
  -moz-border-radius: 0px, 50px,0px, 50px;
  -moz-box-shadow:2px 0px 1px #E8E8F4 inset;
  -webkit-box-shadow:2px 3px 1px #E8E8F4 inset;
  box-shadow:2px 3px 1px #E8E8F4 inset;

  /*background: #7F7F7F;*/
}


.tooltip:hover:after { content: attr(data-tooltip); }
/*.row{
	background: #f0f0f0;
}
*/

/*Fondo de los paneles*/
.pctnoticiasppal{
    margin: 2%;
    padding: 2%;
   border-radius: 0px, 50px,0px, 50px;
  -moz-border-radius: 0px, 50px,0px, 50px;
  -moz-box-shadow:2px 0px 1px #E8E8F4 inset;
  -webkit-box-shadow:2px 3px 1px #E8E8F4 inset;
  box-shadow:2px 3px 1px #E8E8F4 inset;

  /*background: #7F7F7F;*/
}


/*Fondo de los paneles*/
.panel{
	/*background: transparent url("../img/logopcttransparencia.gif") repeat;*/
    background:transparent url("../img/logopcttransparencia.gif") repeat; opacity 0.3;  
    background-size: 2.5%;
    font-size: 1em;
    margin: 0%;
    padding: 0%;

/*     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: inset;

   border-radius: 0px, 50px,0px, 50px;
  -moz-border-radius: 0px, 50px,0px, 50px;
  -moz-box-shadow:2px 0px 1px #E8E8F4 inset;
  -webkit-box-shadow:2px 0px 1px #E8E8F4 inset;
  box-shadow:2px 0px 1px #E8E8F4 inset;
*/

	/*background: #7F7F7F;*/
}



a.btnmenu:hover,a.btnmenu:active {font-size:300%; font-family:monospace; opacity: 1; background-color: #0085FB}


/*STILO ASOCIADO AL SLIDER DE CUATRO CUERPOS*/

.rm_wrapper{
	/*width:1160px;*/
	width:95%; /*Tamano que ocupa el contenido delcuadros externo*/
	margin:50px;/*margen izquierdo*/
	position:relative;
}
.rm_container{
	width:100%;/*Tamano que ocupa el contenido de los cuadros internos*/
/*	width:1050px;*/
	overflow:hidden;
	position:relative;
	height:100%;
	margin:5px ;
	
	
}
.rm_container h2{
	background:transparent url(../images/lines.png) repeat top left;
	padding:5px 5px;
	position:absolute;
	bottom:30%;/*mas cercano a cero baja la posicion*/
	right:10%;/*mas cercano a cero mas se acerca a la derecha*/
	color:#000;/*Letra del PCT Enterprise flotante*/
	font-size:36px;
	text-transform:uppercase;
	text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
	width:100%;
/*	width:1170px;*/
}
.rm_container ul li{
	float:left;
	margin-left:3em;
	position:relative;
	overflow:hidden;
	width:250px;
	height:400px;
	border:30px solid #f0f0f0;/*background del contenedor de las imagenes*/
	border-width:5px 5px 0px 5px;
	background-color:#f0f0f0;
	border-radius: 0px 50px 0px 50px;
	 
}
.rm_container ul li img{
	position:absolute;
	width:100%;/* la imagen completa e 100% del cuadro asignado a la imagen*/
	height:100%;
	top:0;
	left:0; /*margen en el contenedor de la imagen especifica*/
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	background: #f0f0f0;/*corte que le da la forma a la parte inferior de la foto*/
	/*height: 100px;*/
	height: 0px;
	/*width: 530px;*/
	width: 0px;
	bottom: -30px;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rm_mask_right{
	left:auto;
	right:0px;
	background: #f0f0f0;/*forma especial inferior derecha*/
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
	background: #f0f0f0;/*corte que le da la forma a las esquinas*/
	position:absolute;
	width: 0px;
	height: 0px;
	/*width:200px;
	height:100px;*/
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	background: #f0f0f0;/*forma es derecha*/
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	position:absolute;
	top:200px;
	width:38px;
	height:87px;
	cursor:pointer;
	opacity:0.7;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next{
	background:transparent url(../images/next.png) no-repeat top left;
/*	background:url(../img/right-arrow.png) no-repeat top left;*/
	right:0px;
}
.rm_nav a.rm_prev{
	background:transparent url(../images/prev.png) no-repeat top left;
	/*background:url(../img/left-arrow.png) no-repeat top left;*/
	left:0px;
}
.rm_controls{
	position:absolute;
	top:0px;
	left:-40px;
	height:20px;
}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:16px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.rm_play{
	display:none;
	background:transparent url(../images/play.png) no-repeat center left;
	font-size: 0.6em;
}
.rm_controls a.rm_pause{
	background:transparent url(../images/pause.png) no-repeat center left;
	font-size: 0.6em;
}


div.barra_boton { overflow: hidden; }
div.barra_boton ul.grupo_boton { float: left; margin-right: 8px; }
div.barra_boton ul.grupo_boton:last-child { margin-left: 0; }

/*Solo 1 h1 por pagina*/
/*primer del shdow es movimiento en eje x y y el eje vertical se le puede colocar signonegativo*/
/*el ultimo digito corresponde a la transparencia y va de cero a uno donde cero es lo mas invisible*/
.pctheader h1 {
  margin:0;
  font-weight: bold; /*quita la negrita*/
  /*text-shadow: #0ff 5px 5px 0px;*/
  color: #332BBB;
  text-align: center;
  font-size: 3em;
  text-shadow: rgdba(255,200,255,0.4) 5px 5px 0px;
}


.pctheader h2 {
  margin:0;
  text-shadow: rgdba(0,0,0,0.5) 5px 5px 0px;
}

.pctheader p {
  margin-top:0.5em;
  margin-right:10px;
  font-weight: normal; /*quita la negrita*/
  /*text-shadow: #0ff 5px 5px 0px;*/
  /*text-shadow: rgdba(255,200,255,1) 0px 5px 0px;*/
  text-align: right;
  font-size: 0.5em;
}

/*Propiaedaedes del objeto para abrir otras paginas inmersas*/
.pctinicio object
{
  width: 100%;
  height: 250px;
  overflow:hidden;

}
/*ESTILO PARA LA PAGINA INICIAL*/

.pctinicio panel-mov {
     margin: 5%;
     font-size: 1em;
     text-transform:none;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: dotted;
     border-radius: 50px, 0px,50px, 0px;
     -moz-border-radius:  50px, 0px,50px, 0px;
	-moz-box-shadow:10px 10px 2px red inset;
	-webkit-box-shadow:10px 10px 2px red inset;
	box-shadow:10px 10px 2px red inset;
}


.pctinicio h1 {/*Nombre de la entidad*/
        color:#1345BC;
        font-size: 1em;
        font-family: none; 
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        text-align: left;
}

.pctinicio h2 {
        color:#3130BA;
        font-size: 1.5em;
        text-transform:none;
	    font-weight: bold;
        text-shadow:1px 1px 1px #000;
        margin: 1%;
}

.pctinicio h3 {
        color:#aaa;
        font-size: 1.2em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 0px #000;
        margin: 0%;
        text-align: center;
}


.pctinicio h4 {
        color:#666666;
        font-size: 0.8em;
        text-transform:none;
        text-decoration:none;
        margin: 2px;
        padding: 3px;
    /*    text-shadow:1px 1px 1px #000;*/

}

.pctinicio p {
        color:#000;
        font-size: 0.5em;
        text-transform:none;
        text-decoration:none;
    /*    text-shadow:1px 1px 1px #000;*/

}

.pctinicio ol li p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
        /*margin-bottom: 5px;*/
}

.pctinicio ol li p:hover {font-size:200%; /*font-family:monospace;*/ opacity: 1; /*background-color: #0085FB*/}

.pctinicio ol li  {
        color:#2B2B05;
        font-size: 0.5em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
}


.pctinicio ol {
        list-style-type: decimal;
        margin-left: 30px;
        margin-top: 0px;
       /* margin-bottom: 5px;*/
}


/*ESTILO PARA LA PAGINA PRINCIPAL PANEL DE PRODUCTOS QUIENES SOMOS*/

/*ESTILO PARA LA PAGINA QUIENES SOMOS*/
.pctquienessomos panel {
     background:transparent url("../img/logopct.gif") no-repeat center left;  
     font-size: 1em;
     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: groove;

     border-radius: 0px, 20px,0px, 20px;
     -moz-border-radius: 0px, 20px,0px, 20px;
	-moz-box-shadow:0px 0px 2px red inset;
	-webkit-box-shadow:0px 0px 2px red inset;
	box-shadow:10px 0px 2px red inset;
}

.pctquienessomos h1 {
        color:#1345BC;
        font-size: 2em;
        font-family: fantasy; 
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        text-align: center;
        margin: 0%;
}

.pctquienessomos h2 {
        color:#aaa;
        font-size: 2em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 1%;
}

.pctquienessomos h2.resaltar:hover {font-size:200%; /*font-family:monospace;*/ opacity: 1; /*background-color: #0085FB*/}


.pctquienessomos h3 {
        color:#aaa;
        font-size: 1.5em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 0%;
        text-align: center;
}


.pctquienessomos h4 {
        color:#666666;
        font-size: 0.8em;
        text-transform:none;
        text-decoration:none;
        margin: 2px;
        padding: 3px;
    /*    text-shadow:1px 1px 1px #000;*/

}

.pctquienessomos p.resaltar:hover,a.btnmenu:active {font-size:300%; font-family:monospace; opacity: 1; background-color: #0085FB}

.pctquienessomos p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: center;
}



.pctquienessomos ul {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: left;
}


.pctquienessomos a {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: left;
}



/*ESTILO PARA LA PAGINA DESCRIPCION FUNCIONAL, NUESTRO PRODUCTO*/

.pctnuestroproducto object
{
  width: 100%;
  height: 800px;
  overflow:auto;

}

.pctnuestroproducto panel {
     background:transparent url("../img/logopct.gif") no-repeat center left;  
     font-size: 1em;
     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: groove;

     border-radius: 0px, 20px,0px, 20px;
     -moz-border-radius: 0px, 20px,0px, 20px;
  -moz-box-shadow:0px 0px 2px red inset;
  -webkit-box-shadow:0px 0px 2px red inset;
  box-shadow:10px 0px 2px red inset;
}

.pctnuestroproducto h1 {
        color:#1345BC;
        font-size: 2em;
        font-family: fantasy; 
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        text-align: center;
        margin: 0%;
}

.pctnuestroproducto h2 {
        color:#aaa;
        font-size: 2em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 1%;
}

.pctnuestroproducto h2.resaltar:hover {font-size:200%; /*font-family:monospace;*/ opacity: 1; /*background-color: #0085FB*/}


.pctnuestroproducto h3 {
        color:#aaa;
        font-size: 1.5em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 0%;
        text-align: center;
}


.pctnuestroproducto h4 {
        color:#666666;
        font-size: 0.8em;
        text-transform:none;
        text-decoration:none;
        margin: 2px;
        padding: 3px;
    /*    text-shadow:1px 1px 1px #000;*/

}


.pctnuestroproducto tr {
        width: 20px;
        height: 20px;

}
.pctnuestroproducto p.resaltar:hover,a.btnmenu:active {font-size:300%; font-family:monospace; opacity: 1; background-color: #0085FB}

.pctnuestroproducto p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: center;
}



.pctnuestroproducto ul {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: left;
}


.pctnuestroproducto a {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:underline;
        text-shadow:0px 0px 0px #000;
        text-align: left;
        margin: 0;
}


/*ESTILO PARA LA PAGINA NUESTROS CLIENTES*/

.pctnuestrosclientes ul li img{
	position:relative;
	width:80px;/* la imagen completa e 100% del cuadro asignado a la imagen*/
	height:80px;
	top:0;
	left:0; /*margen en el contenedor de la imagen especifica*/

	
}



.pctnuestrosclientes li{
  border-style: none; 
  vertical-align: middle;
}

.pctnuestrosclientes table {
    margin: 10px auto;
    /*margin: 2%;*/
    padding: 2%;
    box-shadow:5px 5px 2px #AAAAAA inset;
 
}

.pctnuestrosclientes table tr td img{
    position:relative;
    width:50px;/* la imagen completa e 100% del cuadro asignado a la imagen*/
    height:50px;
    top:0;
    left:0; /*margen en el contenedor de la imagen especifica*/
    text-align: left;
    vertical-align: bottom;


    
}


.pctnuestrosclientes h1 {/*Contacto*/
        color:#1345BC;
        font-size: 1.5em;
        font-family: fantasy; 
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        text-align: center;
        margin: 1%;
}


.pctnuestrosclientes h2 {/*Contacto*/
        color:#aaa;
        font-size: 1.5em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 0%;
        text-align: left;
}



.pctnuestrosclientes h3 {/*Direccion y Telefono*/

        color:#2B2B05;
        font-size: 0.7 em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 1px 1px #333CC5;
        margin: 2%;
        text-align: center;
}



.pctnuestrosclientes img {/*Logo*/
  height:100%; 
  text-align:left;
  margin: 0px;
    opacity: 0.8;
    border: 3px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
 
.pctnuestrosclientes img:hover{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.pctsistema p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
        margin: 15px;
}


.pctsistema b {
        color:#001B6A;
        font-size: 1.2em;
        text-transform:none;
        text-decoration:none;
        text-shadow:2px 0px 0px #99804A;
       /* margin: 2px;
        padding: 3px;*/
}

.pctsistema ol li p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
        /*margin-bottom: 5px;*/
}


.pctsistema ol li  {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
}


.pctsistema ol {
        list-style-type: decimal;
        margin-left: 30px;
        margin-top: 0px;
       /* margin-bottom: 5px;*/
}


.pctsistema ol li ol {
        list-style-type: upper-alpha;
       /* margin: 30px;*/
}



.pctsistema ol li ol li ol{
        list-style-type: disc;
      /*  margin: 30px;*/
}

/*ESTILO PARA LA PAGINA GTZ*/
.pctgtz panel {
     background:transparent url("../img/logopct.gif") no-repeat center left;  
     font-size: 1em;
     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: groove;
     padding: 10px;
     margin: 10px;

     border-radius: 0px, 20px,0px, 20px;
     -moz-border-radius: 0px, 20px,0px, 20px;
	-moz-box-shadow:0px 0px 2px red inset;
	-webkit-box-shadow:0px 0px 2px red inset;
	box-shadow:10px 0px 2px red inset;
}

.pctgtz h1 {
        color:#1345BC;
        font-size: 2em;
        font-family: fantasy; 
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        text-align: center;
        margin: 0%;
}

.pctgtz h2 {
        color:#aaa;
        font-size: 2em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 1%;
}

.pctgtz h2.resaltar:hover {font-size:200%; /*font-family:monospace;*/ opacity: 1; /*background-color: #0085FB*/}


.pctgtz h3 {
        color:#aaa;
        font-size: 1.5em;
        text-transform:none;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin: 0%;
        text-align: center;
}


.pctgtz h4 {
        color:#666666;
        font-size: 0.8em;
        text-transform:none;
        text-decoration:none;
        margin: 2px;
        padding: 3px;
    /*    text-shadow:1px 1px 1px #000;*/

}

.pctgtz p.resaltar:hover,a.btnmenu:active {font-size:300%; font-family:monospace; opacity: 1; background-color: #0085FB}

.pctgtz p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
}

.pctgtz img{ 
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	height: 3em;
}

#manejadoPor{
	border:2px solid;
	border-radius: 20px 0px 20px 0px;
}


/*ESTILO PARA LISTAS, NOTICIAS ARTUCULOS*/
.pctlistas panel {
     background:transparent url("../img/logopct.gif") no-repeat center left;  
     font-size: 1em;
     text-transform:capitalize;
     text-decoration:none;
     text-shadow:1px 1px 1px green;
     border-style: groove;

     border-radius: 0px, 20px,0px, 20px;
     -moz-border-radius: 0px, 20px,0px, 20px;
	-moz-box-shadow:0px 0px 2px red inset;
	-webkit-box-shadow:0px 0px 2px red inset;
	box-shadow:10px 0px 2px red inset;
}

.pctlistas a {
        color:#1345BC;
        font-size: 1em;
        text-transform:none;
        text-decoration:underline;
        text-shadow:1px 1px 0.5px #000;
        margin: 2px;
        padding: 3px;
        text-align: left;
    /*    text-shadow:1px 1px 1px #000;*/

}

.pctlistas p.resaltar:hover,a.btnmenu:active {font-size:300%; font-family:monospace; opacity: 1; background-color: #0085FB}

.pctlistas p {
        color:#2B2B05;
        font-size: 1em;
        text-transform:none;
        text-decoration:none;
        text-shadow:0px 0px 0px #000;
        text-align: justify;
}

.pctlistas li {
        text-align: left;
    /*    text-shadow:1px 1px 1px #000;*/

}


/*Estilo de acordeon*/

#accordion {
	list-style: none;
	padding: 0 0 0 0;
	width: 170px;
}
#accordion li{
	display: block;
	/*background-color: #EEE7D6;Color del boton del menu acordeon*/
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	-moz-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
}


#accordion ul {
	
	list-style: none;
	padding: 0 0 0 0;
	display: none;
}
#accordion ul li{
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
	font-size: 110%;

	background-color: #C4BBBE;
}




/*ESTILOS MENU DESPLEGEBLE*/
      span.reference{
        position:fixed;
        left:10px;
        bottom:10px;
        font-size:12px;
      }
      span.reference a{
        color:#aaa;
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin-right:30px;
      }
      span.reference a:hover{
        color:#ddd;
      }
      ul.sdt_menu{
        margin-top:150px;
      }
      h1.title{
        color:#332BC4;
        text-decoration:none;
        text-shadow:5px 5px 5px #000;
        
      }

      img.formato {
      	width: 200px;
      	height: 200px;
      }

/*ESTILOS ASOCIADOS AL MENU DE DESPLIEGUE ACORDEON*/

ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:1020px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}


ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	/*background:#111;*/
  background:#000;
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}

/*Color de la letra del menu*/
ul.sdt_menu li span span.sdt_link{
	color:blue;
	font-size:24px;
	float:left;
	clear:both;
}

/*letra Explicativa del menu*/
ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}

ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#000;
}


ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}

ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}

ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}



/*BOTONES DE CIRCULOS*/

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: 20px;
}

/*Stilos de cada boton*/
.ch-item {
	width: 100%;
	height: 100%;
/*	border-radius: 50%;*/  /*forma del borde del contenido interno*/
	border-radius: 50px 0px 50px 0px;
	position: relative;
	cursor: default;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.ch-thumb {
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/ /*forma del boton externo*/
	border-radius: 50px 0px 50px 0px;
	overflow: hidden;
	position: absolute;
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5);
	/*Porcentaje de apertura y lugar de pivote*/
	-webkit-transform-origin: 95% 10%;
	-moz-transform-origin: 100% 10%;
	-o-transform-origin: 95% 10%;
	-ms-transform-origin: 95% 10%;
	transform-origin: 100% 10%;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ch-thumb:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;  /*forma del boton de pivote*/
	/*border-radius: 50px 0px 50px 0px;*/
	top: 10%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: rgb(14,14,14);
	background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
	box-shadow: 0 0 1px rgba(255,255,255,0.9);
}

.ch-img-1 { 
	background-image: url(../img/modulos/modfinanciero.png);
	z-index: 12;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;

}

.ch-img-2 { 
	background-image: url(../img/modulos/modfisico.png);
	z-index: 11;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}

.ch-img-3 { 
	background-image: url(../img/modulos/modcomercial.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-4 { 
	background-image: url(../img/modulos/modrentas.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-5 { 
	background-image: url(../img/modulos/modplaneacion.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-6 { 
	background-image: url(../img/modulos/modjuridico.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-7 { 
	background-image: url(../img/modulos/modweb.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}

.ch-img-8 { 
	background-image: url(../img/modulos/modadministrativo.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-9 { 
	background-image: url(../img/modulos/modhumano.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}


.ch-img-10 { 
	background-image: url(../img/modulos/modsalud.png);
	z-index: 10;
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
/*	border-radius: 50%;*/  /*forma del boton con contenido interno*/
	border-radius: 50px 0px 50px 0px;
	overflow: hidden;
	background: #c9512e url(../img/Fondo.jpg);
	box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05);
	/*Tama;o de la imagen sobre la tapa de boton*/
	background-size: 100%;
}

.ch-info h3 {
	color: #5DB5F4;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 0.8em;
	margin: 0 0px;
	padding: 20px 0 0 0;
	height: 40px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.5);
}

.ch-info p {
	color: black;
	padding: 0px 0px;
	font-style: italic;
	margin: 0 0px;
	font-size: 1em;
	border-top: 0px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #333;
	width: 80px;
	height: 80px;
	background: rgba(255,255,255,0.3);
	border-radius: 50%;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0px;
	padding-top: 0px;
	margin: 7px auto 0;
	font-family: 'Open Sans', Arial, sans-serif;
	opacity: 0;
	
	-webkit-transition: 
		-webkit-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-moz-transition: 
		-moz-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-o-transition: 
		-o-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	-ms-transition: 
		-ms-transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
	transition: 
		transform 0.3s ease-in-out 0.2s,
		opacity 0.3s ease-in-out 0.2s,
		background 0.2s linear 0s;
		
	-webkit-transform: translateX(60px) rotate(90deg);
	-moz-transform: translateX(60px) rotate(90deg);
	-o-transform: translateX(60px) rotate(90deg);
	-ms-transform: translateX(60px) rotate(90deg);
	transform: translateX(60px) rotate(90deg);
		
	-webkit-backface-visibility: hidden;
}

.ch-info p a:hover {
	background: rgba(255,255,255,0.5);
}
.ch-item:hover .ch-thumb {
	box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2);
	-webkit-transform: rotate(-110deg);
	-moz-transform: rotate(-110deg);
	-o-transform: rotate(-110deg);
	-ms-transform: rotate(-110deg);
	transform: rotate(-110deg);
}
.ch-item:hover .ch-info p a{
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}