@charset "utf-8";
/* CSS Document */
body, p {
	margin:0px;
	padding:0px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

/* H# */
h1.guinda{	color: #800040;	text-align:center;	}
h2.guinda{	color: #800040;	text-align:center;	}
h3.guinda{	color: #6D1A42;	text-align:center;	}

select.s1{	background: #E6E6E6;
		background-position: 280px center;
		background-repeat: no-repeat;
	   	padding: 10px;
   		font-size: 13px;
	   	border: 1px solid #AEACAD;
	   	border-radius: 1px;
		   -webkit-appearance: none;
		   -webkit-transition: all 0.4s;
		   -moz-transition: all 0.4s;
		   transition: all 0.4s;
		   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);	}
select.s1:hover{	background-color: #D8D8D8;	}

.button  {
  border: 1px solid #772148;
  font-size: 14px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #772148;  
  color: #FFFFFF;
}
   
.button:hover  {
  background: #848484;
  color: #FFFFFF;
  border-color: #8A0868;
}

.button_verde  {
  border: 1px solid #45F20B;
  font-size: 14px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #5E984B;  
  color: #FFFFFF;
}
   
.button_verde:hover  {
  background: #7DCD62;
  color: #FFFFFF;
  border-color: #7DCD62;
}




/*--------------------------- */
.button
{
    margin: 7px;
    width: 400px;
    text-decoration: none;
    font: bold 1.2em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    
}

.button, .button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
    
    /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button-guinda
{
    background: #893058;
    background: -webkit-gradient(linear, left top, left bottom, from(#C27698), to(#893058) );
    background: -moz-linear-gradient(-90deg, #C27698, #893058);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C27698', endColorstr='#893058');
}

.button-guinda:hover
{
    background: #C27698;
    background: -webkit-gradient(linear, left top, left bottom, from(#893058), to(#C27698) );
    background: -moz-linear-gradient(-90deg, #893058, #C27698);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#893058', endColorstr='#C27698');            
}

.button-guinda:active
{
    background: #893058;
}

/* -------------------------------*/

body.fArial {
	margin:0px;
	padding:0px;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
}
body.reporte{
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background:#F2F2F2;
}

.container{
	margin: 0 auto;
	width: 800px;
	min-height:550px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	}


.logo-ipn{
	background: url(../images/logo-ipn.gif) no-repeat;
	width:160px;
	height:138px;
	text-indent:-9999px;
	float:right;
	margin-right:81px;
}

.title {
	clear:both;
	background:#4D4D4D;	
	font-size:18px;
	color:#FFF;
	padding:8px;
	text-align:center;
}
.head-main{
	background:#620730;
	height:82px;
}
.head-main p{
	padding-top:10px;
	color:#FFF;
	padding-left:164px;
	background: url(../images/logo-cics-opto.gif) no-repeat top left;
	height:72px;
	float:left;
}
.head-main img{
	float:right;
}

.bienvenida {
	margin-left:74px;
	width:409px;
	background:#F2F2F2;
	color:#4D4D4D;
	padding:10px;
	font-size:16px;
}
.bienvenida2 {
	width:450px;
	background:#F2F2F2;
	color:#4D4D4D;
	padding:20px;
	font-size:20px;
}
.ingreso-auto{
	margin-top:74px;
	margin-left:72px;
	width:265px;
	float:left;
	margin-bottom:73px;
	
}
.ingreso-auto a span{
	color:#F00;
	font-size:12px;
}

.ingreso-auto a{
	display:block;
	background:url(../images/key.png) no-repeat top left;
	padding-left:60px;
	padding-top:10px;
	height:48px;
	color:#4D4D4D;
	font-weight:bolder;
	text-decoration:none;
}

.a-boton{
	position: relative;
	margin-top:10px;
	margin-left:72px;
	width:265px;
	float:left;
	margin-bottom:10px;
	background:#F9F8F8;
}
.a-boton a span{
	color:#F00;
	font-size:12px;
	border:#6D1A42;	
}
.a-boton a{
	display:block;	
	padding-left:60px;
	padding-top:10px;
	height:48px;
	color:#4D4D4D;
	font-weight:bolder;
	text-decoration:none;	
}

.ingreso-cita{
	margin-top:74px;
	margin-right:42px;
	width:265px;
	float:right;
	margin-bottom:73px;
	
}
.ingreso-cita a{
	display:block;
	background:url(../images/calendar.png) no-repeat top left;
	padding-left:60px;
	padding-top:10px;
	height:48px;
	color:#4D4D4D;
	font-weight:bolder;
	text-decoration:none;
}
.ingreso-cita a:hover, .ingreso-auto a:hover{
	color:#620730;		
}

.contacto{
	min-height:70px;
	background:#620730;	
	color:#FFF;
	clear:both;
	margin:0 auto;
	width:802px;
}
.direccion{
	width:260px;
	font-size:12px;
	padding: 5px 0px 10px 28px;
	float:left;
}
.tel{
	width:190px;
	font-size:16px;
	padding: 5px 20px 10px 0px;
	font-weight:bold;
	float:right;
}
.legales{
	background:#4D4D4D;	
	clear:both;
	padding:10px;
	font-size:11px;
	text-align:center;
}

/*--------------------------estilos para páginas interiores------------------------------------------*/
.head-int{
	background:url(../images/head-int.gif) no-repeat;
	height:72px;
}
.seccion-tit{
	padding:5px 20px;
	background:#620730;
	color:#FFF;
	font-size:16px;
	text-align:center;
	max-width:300px;
	margin:0 auto;
	margin-bottom:50px;	
}

table{
	border-collapse:collapse;
	margin:0 auto;
	width:10%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.cien{
	border-collapse:collapse;
	margin:0 auto;
	min-width:200px;
	background-color: #D8D8D8;
	color: #6D1A42;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.uno{
	border-collapse:collapse;	
	margin:0 auto;
	width:95%;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.dos{
	border-collapse:collapse;
	border-left: 10px;	
	margin:0 auto;
	width:80%;
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.tre{
	border-collapse:collapse;
	margin:0 auto;
	width:50%;
	font-size: 13px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
table.cuatro{
	border-collapse:collapse;
	margin:0 auto;
	width:35%;
	font-size: 13px;
}
table.cinco{
	border-collapse:collapse;
	margin:0 auto;
	width:65%;
}
table.seis{
	border:0;
	margin:0 auto;
	width:65%;
}
table.siete{
	border:0;
	margin:0 auto;
	width:200px;
	font-size: 12px;
}
table.cuatrocientos{
	border:0;
	margin:0 auto;
	width:400px;
	font-size: 12px;
}
table.mitadborde{
	border-collapse: separate;
	margin:0 auto;
	width:50%;
	font-size: 13px;
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border: solid 1px #800040;
}
table.mitadborde td {
	border-width: 0px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample {
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
	width:600px;
}
table.sample th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
td{
	border: solid 1px #7F0944;
	padding:5px;	
}
th{	background: #6D1A42;
	color:#FFF;
	padding:5px;
	/*border: solid 1px #7F0944;*/
	text-align:center;
	border-radius: 5px 0px;
	-moz-border-radius: 5px 0px;
	-webkit-border-radius: 5px 0px;
}
th.gris{
	background: #D8D8D8;
	color: #6D1A42;
	padding: 5px;
	border: solid 1px #620730;
}
caption{
	color:#4D4D4D;
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
}
/*--------------------------- Agregados ABRIL 2015 ------------------------------------------------*/

/*--------------------------- Agregados ------------------------------------------------*/
.contenedor{
	margin: 0 auto;
	width: 800px;
	min-height:260px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	}
	
.reporte1{
	margin-top:3px;
	margin-left:60px;
	width:600px;
	float:left;
	margin-bottom:3px;
	background:#FFFFFF;
}

.reporte2{
	margin-top:10px;
	margin-left:60px;
	width:500px;
	float:left;
	margin-bottom:10px;
	background:#FFFFFF;
}

.reporte1 a{
	display:block;
	background:url() no-repeat top left;
	padding-left:60px;
	padding-top:10px;
	height:48px;
	color:#4D4D4D;
	font-weight:bolder;
	text-decoration:none;
}

.reporte2 a{
	display:inline-block;
	background:url() no-repeat top left;/*reports.png*/	
	padding-top:3px;
	height:48px;
	color:#4D4D4D;
	font-weight:bolder;
	text-decoration:none;
}

.reporte1 a:hover, .reporte2 a:hover{
	color:#620730;		
}

.mensage {
	width:409px;
	background:#D8D8D8;
	color:#4D4D4D;
	padding:10px;
	font-size:16px;
}

.periodo {
    margin-left:130px;
    margin-top:35px;
	width:500px;
	background:#F2F2F2;
	color:#4D4D4D;
	padding:10px;
	font-size:16px;
}

.tPeriodo{
	border:solid 1px #7F0944;
}

.tPeriodo td{
	/*border: solid 1px #7F0944;*/
	border:none;
}

.busqueda {
    margin-left:130px;
    margin-top:35px;
	width:500px;
	background:#F2F2F2;
	color:#4D4D4D;
	padding:10px;
	font-size:16px;
}

.tBusqueda{
	border:solid 1px #7F0944;
}

.tBusqueda td{
	/*border: solid 1px #7F0944;*/
	border:none;
}

.tBusqueda tr{
	border:solid 1px #7F0944;
}

#tOpciones td{
	padding: 25px;
}

#inicioAutoridad, #informacionAut, #divGeneral{	/*autoridades.php*/
	margin: 0 auto;
	width: 700px;
	min-height: 500px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}

#divTotal{
	margin: 0 auto;
	width: 95%;
	min-height: 200px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}
#divMenor{
	margin: 0 auto;
	width: 700px;
	<!--min-height: 200px;-->
	border:solid 1px #cccccc;
	background:#FFFFFF;
}

#divCuadro{ /* Maquila - Selección de Proveedor */
	margin: 0 auto;
	width: 550px;
	min-height: 120px;
	border: solid 1px #cccccc;
	background:#F2F2F2;
	margin-left:5px;
}

#divCuadroOchenta{ /* Subir Facturas */
	margin: 0 auto;
	width: 80%;
	min-height: 120px;
	border: solid 1px #cccccc;
	background:#F2F2F2;
	margin-left:5px;
}

#divAncho{
	margin: 0 auto;
	width: 1000px;
	min-height: 300px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
	-webkit-border-radius: 15px 15px;  /* Safari  */
	-moz-border-radius: 15px 15px;     /* Firefox */
}

#divAnchob{ //Control de egresos
	margin: 0 auto;
	width: 1000px;
	min-height: 250px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}

#divAnchoc{ //Cosulta de pagos
	margin: 0 auto;
	width: 1100px;
	min-height: 250px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}

#divExp{
	margin: 0 auto;
	width: 700px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}
#divBusRecibo{
	margin: 0 auto;
	width: 500px;
	border:solid 1px #cccccc;
	background:#FFFFFF;
}

#divPreguntas1{
	margin: 0 auto;
	width: 800px;	
	border:solid 1px #800040;
	background:#FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;     /* Firefox */
	
}
#spanPregunta{
	color: #FFFFFF;
	font-weight: bold;
	font-size:13px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 7px;
}
#divPreguntas1a{
	margin: 0 auto;
	width: 800px;
	min-height: 25px;
	border:solid 1px #800040;
	background:#800040;
	padding-top: 10px;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;     /* Firefox */
}



.selectUnidades{	/*autoridades.php*/
	width:100%;
}

table.tableSetenta{
	border-width: 0px;
	border-style:none
}
table.tableSetenta th {
	border-style: none;
}
table.tableSetenta td {
	border-style: none;
}


.button-gris  {
  border: 1px solid #BDBDBD;
  font-size: 14px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #D8D8D8;  
  color: #893058;
}
   
.button-gris:hover  {
  background: #E6E6E6;
  color: #6E6E6E;
  border-color: #E6E6E6;
}