@charset "utf-8";
/* CSS Document */
body{font-size:14px;}
img{border:none;}


#container #contenido_container{ width:970px; padding:20px 10PX; color:#333333; font-family:'Roboto', sans-serif; }
input{ font-family: 'Roboto', sans-serif; font-size:20px;}
select{ font-family: 'Roboto', sans-serif;}
textarea{ font-family: 'Roboto', sans-serif; font-size:20px;}


.col-1{ float:left; width:700px; padding-right:25px;}
.subcol-1{float:left;}
.subcol-1 .titSubCol{padding-bottom:20px;}
.subcol-1 ul{padding-left:15px;}
.subcol-1 ul li {padding-bottom:10px;}
.text{height:35px; width:500px; border:1px solid #000000;  float:left; margin-right:10px;}
.textHalf{height:35px; width:100%; border:1px solid #000000;  float:left; margin-right:10px;}
.textQuart{height:35px; width:100%; border:1px solid #000000;  float:left; margin-right:10px;}
h2{font-size:14px; font-family:'Roboto', sans-serif; margin-bottom:10px;}

.col-2{ float:left; width:211px; font-family: 'Roboto', sans-serif;}

#tabBuscador {margin-bottom:30px;}
#tabBuscador .tabs {height:69px;}
#tabBuscador .tabs a{display:block; text-decoration:none; width:200px; height:69px;}
#tabBuscador .tabs #tramites {position: absolute; float:left; width:200px; height:81px;}
#tabBuscador .tabs #tramites .title{color: #26B981; font-weight: bold; font-size: 25px; padding: 10px 0 0 15px;}
#tabBuscador .tabs #tramites .description{color: #000000; padding-left: 15px;}
#tabBuscador .tabs #reportes {float:left; width:200px; height:71px; margin-top: -3px; margin-left: 200px;}
#tabBuscador .tabs #reportes .title{color: #26B981; font-weight: bold; font-size: 25px; padding: 10px 0 0 15px;}
#tabBuscador .tabs #reportes .description{color: #000000; padding-left: 15px;}
#tabBuscador .tabs #quejas {float:left; width:200px; height:71px; margin-top: -3px; margin-left: 400px;}
#tabBuscador .tabs #quejas .title{color: #26B981; font-weight: bold; font-size: 25px; padding: 10px 0 0 15px;}
#tabBuscador .tabs #quejas .description{color: #000000; padding-left: 15px;}


#tabBuscador .tabs #tramites.current {position: absolute; background:url(../images/bg/process-select.png) top left no-repeat; float:left; width:200px; height:81px; margin-top: 0px;}
#tabBuscador .tabs #tramites.current .title{color: #FFF; font-weight: bold; font-size: 25px; padding: 10px 0 0 15px;}
#tabBuscador .tabs #tramites.current .description{color: #FFF; padding-left: 15px;}
#tabBuscador .tabs #reportes.current {position: absolute; background:url(../images/bg/process-select.png) top left no-repeat; float:left; width:200px; height:81px; margin-top: 0px; margin-left: 200px;}
#tabBuscador .tabs #reportes.current .title{color: #FFF;}
#tabBuscador .tabs #reportes.current .description{color: #FFF; padding-left: 15px;}
#tabBuscador .tabs #quejas.current {position: absolute; background:url(../images/bg/process-select.png) top left no-repeat; float:left; width:200px; height:81px; margin-top: 0px; margin-left: 400px;}
#tabBuscador .tabs #quejas.current .title{color: #FFF;}
#tabBuscador .tabs #quejas.current .description{color: #FFF; padding-left: 15px;}


#tabBuscador .contenido{clear:both; background:#F5F5F5; padding:0 20px 20px 20px;}

#tabBuscador .contenido #txtBuscar{ height:37px; width:450px; border:1px solid #CCCCCC;  float:left; margin-right:10px;  font-size:20px;}
#tabBuscador .contenido #txtReporte{ height:150px; width:500px; border:1px solid #000000;  margin-right:10px;}
#btnBuscar{ float:center;
    margin-top: 0;
    margin-left: 0px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    border: none;
    height: 45px;
    width: 280px;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
}

.clear{clear:both;}

.imgAyuda{ float:left;}

.rojo{color:#ff0000;}

.divNota{width:397px; height:127px; background:url(../images/bg_imgNota.png) no-repeat; padding:5px 30px; position:absolute; margin:-50px 0 0 210px; display:none;}
.divNotaOn{width:397px; height:127px; background:url(../images/bg_imgNota.png) no-repeat; padding:5px 30px; position:absolute; margin:-50px 0 0 210px;}

#reportePaso1 .text{ width:500px; height:35px; border:1px solid #000000;}

#reportePaso2 .text{ width:350px; height:35px; border:1px solid #000000;font-size:17px;}
#reportePaso2 .textDisabled{ width:350px; height:35px; background-color:#E6E6E4; border:1px solid #000000;font-size:17px;}

#box
{
  width : 500px;
  height : auto;
  overflow : auto ;
  border : 1px solid #C5C5C5;
  background : #F8F8F8;
  border-top : none;
  text-align : left;
  display : none;
  position:absolute;
  margin:0;}
tr
{
 cursor : pointer;
}

#contenidoAjax{font-family:'Roboto', sans-serif;}
.obligatorioInput{ color:#ff0000; font-size:12px;}
.validadoInput{ color:#ff0000; font-size:12px;}

.verde{color:#26B981;}
.noReporte{float:left;width:300px; background:#FFFFFF; text-align:center;}
.noReporte .numero{ font-size:35px; font-weight:bold;}
.noReporteNota{float:left;width:300px; font-size:12px; padding-top:17px; padding-left:20px;}

#container #contenido_container ul{list-style:url(../images/icon/point.png);}
#container #contenido_container li{padding: 5px 0;}

ul{margin:0; padding:0;}

li.rojo {color:#ff0000;}

h3.resultados{ font-size:20px; color:#000000; font-weight: bold;}
ul.resultadosDescripcion{list-style:none; margin-right:0px;}
ul.resultadosDescripcion li{padding-bottom:10px;}
 a.noResultados{color:#FF0000;}
a{text-decoration:none; color:#5A6771;}
a:hover{text-decoration:underline; color:#000000;}

#container #contenido_container ul.documentos{list-style:none; list-style-image:none; padding:0;}
#container #contenido_container ul.documentos li{ background:url(../images/ic_documentos.jpg) no-repeat top left; height:25px; font-size:16px; padding-left:35px; padding-top:2px;}

.divDetalles{margin-top:20px; padding:20px 0px;}
.divDetalles a{color: #000000;}
.divDetalles2{padding:20px 0px;}
.divDetalles2 a{color: #000000;}
.divDetalles .detalle{ padding:10px 10px 10px 16px;}
.divDetalles .detalle{}
.divDetalles2 .detalle{ padding:10px 10px 10px 3px;}

.formatoImpresion{display:none;}

select {
    width: 180px; 
}
select.expand {
    width: auto;
}


/* Los más buscados */
.lista_tramites ul {padding:0 0 0 20px; margin:0; float:left; width:185px;}
.lista_tramites ul li {margin:0 0 15px 0; color:#26B981; padding:0 10px 0 0;}
.lista_tramites ul li a {color:#333; text-decoration:none;}
.lista_tramites ul li a:hover {text-decoration:underline; color:#000}

/* lista de tramites que tal vez busca*/
.lista_tramites2 ul {padding:0 0 0 20px; margin:0; float:left; width:600px;}
.lista_tramites2 ul li {margin:0 0 15px 0; color:#26B981; padding:0 10px 0 0;}
.lista_tramites2 ul li a {color:#333; text-decoration:none;}
.lista_tramites2 ul li a:hover {text-decoration:underline; color:#000}

#breadcrumb{margin:20px 0;}

#resultadosPagar{
	background-color:#E6E6E4; 
	padding:10px;
}



.col-2x2{ float:left; width:460px; padding-right:5px;}

.home2x2conteido{ padding-left:88px; margin-bottom:20px; min-height:215px;}

.home2x2conteidoLM{ padding-left:88px; margin-bottom:20px; min-height:50px;}

.home2x2conteidoImgs{ padding-left:88px; margin-bottom:20px; min-height:50px;}

.home2x2conteidoAP1{ margin-bottom:20px; min-height:120px; width:385px;}
.home2x2conteidoAP2{ margin-bottom:20px; min-height:210px; width:385px;}
.home2x2conteidoAP3{ margin-bottom:20px; min-height:170px; width:385px;}
.home2x2conteidoAPImg{min-height:60px; width:100px; float:left;}
.home2x2conteidoAPTxt{padding-left:30px;  min-height:140px; width: 230px; float:left;}

#divPasosTramites{position:absolute; margin-top:45px; width:211px;}
#divPasosTramites a {color: #333333; text-decoration: none;}

#divPasosReportes{ margin-top:45px; width:211px;}

.necesitasAyuda{ color:#000000; float:left; padding:5px 5px;}

#divQueMeLlame{cursor:pointer; border:1px solid #ffffff; height:31px; width:200px;}
#divQuieroLlamar{cursor:pointer; border:1px solid #ffffff; height:31px; width:200px;}
#divQuieroChatear{cursor:pointer; border:1px solid #ffffff; height:31px; width:200px;}

.align-result{padding: 30px;}

#consultaReporte{float:left; margin-top:418px;}
.gris{color:#666666;}

.header{ width:736px; height:119px; margin:0 auto;}
.footer_wrapper { 
	width: 100%; 
	background-color:#951D28;
	background: url("../images/bg_footer.jpg") repeat-x scroll center top #951D28; 
}
.footer{width:960px; height: auto; overflow: hidden; margin:0 auto; padding: 10px 0; }

.footer a{color:#ffffff;}


.bgBottom{background:url(../images/bottom.jpg) left bottom repeat-x;}
.bgHeader{background:url(../images/bg_header.jpg) center top no-repeat;}

.visita{color:#ffffff;}
.visita a{color:#ffffff; text-decoration:underline;}