html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #F7F7F7;
}
body, td, th, input, select, textarea, option, optgroup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
img {
	border: none;
}
a, a:visited {
	color: #036;
	cursor: pointer;
        text-decoration: none;
}
form {
	margin: 0;
	padding: 0;
}

#header {
	height: 56px;
	padding: 0px 30px;
	background: url('../images/header.png') repeat-x;
}
#header .div1 {
	color: #FFF;
	padding: 15px 0px 0px 0px;
	float: left;
        font-size: 18px;
}
#header .div2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
	padding: 14px 0px 0px 0px;
	float: right;
}
#header .div2 span {
	font-weight: bold;
}
#header .div2 span a {
	font-weight: bold;
        color: #FFF;
}
#header .div2 span a:hover {
        text-decoration: underline;
}
#footer {
	background: #F7F7F7 url('../images/footer.png') repeat-x;
	height: 38px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	text-align: center;
	font-size: 12px;
	color: #333;
}
#content {
	background: #FFF url('../images/background.png') 0px 1px repeat-x;
	padding: 10px 30px 25px 30px;
	min-width: 900px;
}
#menu {
	background: url('../images/menu.png') repeat-x;
	position: relative;
	z-index: 1;
	height: 34px;
	clear: both;
	padding: 0px 30px;
	min-width: 900px;
}
#menu > ul.left {
	float: left;
}
#menu > ul.right {
	float: right;
}
#menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
}
#menu > ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url('../images/transparent.png');
}
#menu > ul a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}
#menu > ul > li + li {
	background: url('../images/split.png') center left no-repeat;
}
#menu > ul .top, #menu > ul li li.sfhover {
	padding: 10px 15px 9px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#menu > ul ul li {
	padding: 2px;
}
#menu > ul .selected .top {
	background: url('../images/selected.png') repeat-x;
	color: #FFFFFF;
}
#menu > ul .selected:hover a.top, #menu > ul .sfhover a.top {
}
#menu > ul .parent {
	background: url('../images/arrow-right.png') 95% center no-repeat;
}
#menu > ul li {
	float: left;
	list-style: none;
}
#menu > ul li ul {
	position: absolute;
}
#menu > ul li li {
	clear: both;
}
#menu > ul li ul a {
	color: #FFFFFF;
	height: 15px;
	width: 145px;
}
#menu > ul li ul ul {
	margin: -27px 0 0 157px;
}
#menu > ul li li:hover, #menu > ul li li.sfhover {
	background: #333;
	color: #000000;
}
.htabs {
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
        clear: both;
}
.htabs a {
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background: #FFF url('../images/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin-right: 2px;
	display: none;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #FFF;
}
.required {
	color: #F00;
	font-weight: bold;
}
.box {
	margin-top:15px;
}
.box .heading {
	height: 40px;
	background: url('../images/box_center.png') repeat-x;
	margin-bottom: 0px;
}
.box .left {
	float: left;
	width: 7px;
	height: 40px;
	background: url('../images/box_left.png') no-repeat;
}
.box .right {
	float: right;
	width: 7px;
	height: 40px;
	background: url('../images/box_right.png') no-repeat;
}
.box .heading h1 {
	background-position: 2px 9px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 11px 0px 11px 30px;
	color: #003A88;
	font-size: 16px;
	float: left;
}
.box .heading .buttons {
	float: right;
	padding-top: 8px;
}
.box .content {
	padding: 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	min-height: 300px;
}
.pixel {
	clear: both;
     width: 0px;
      height: 0px;
}
.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.list td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.list thead td {
	background-color: #2681B9;
	padding: 0px 5px;
}
.list thead td {
	color: #FFF;
	font-weight: bold;
}
.list tbody a {
	text-decoration: none;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
}
.list tbody tr:odd {
	background: #FFF;
}
.list tbody tr:even {
	background: #E4EEF7;
}
.list .leftz {
	text-align: left;
	padding: 7px;
}
.list .rightz {
	text-align: right;
	padding: 7px;
}
.list .centerz {
	text-align: center;
	padding: 7px;
}
.list .filter td {
	padding: 5px;
	background: #E7EFEF;
}
.form {
	width: 100%;
	border-collapse: collapse;
}
table.form tr td:first-child {
	/*width: 200px;*/
}
.form td {
	padding: 10px;
	color: #000;
	border-bottom: 1px dotted #CCC;
}
fieldset {
        border:solid 1px #DDD;
        margin:auto;
        margin-bottom:20px;
}
.contenedor_principal{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:rgba(0, 0, 0, 0.2);
}
fieldset legend {
	color:#003A88;
	font-size:16px;
        padding:0px 7px;
}
.pintar {
        background-color:#E7FED4;
}
div.pintar {
        border:solid 1px #93C470;  
        padding:7px;
        font-weight:bold;
        width:130px;
        float:left;
        margin-right:8px;
}
div.observacion {
        background-color:#FFF;
        color:#C15C2A;
        border:solid 1px #CB5C2A;
        padding:7px;
        font-weight:bold;
        width:130px;
        float:left;
        margin-right:8px;
}
.success {
	padding: 15px 0px;
	margin-bottom: 15px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 12px;
	text-align: center;
}
.warning, .sql {
	padding: 15px 0px;
	margin-bottom: 15px;
	background: #FFDFE0;
	border: 1px solid #F99;
	font-size: 12px;
	text-align: center;
}
.comentario {
        color:#BBB;
        font-style:italic;
}
div.error {
	color:red;
}


a.button_v, .button_r, .button_a, .button_n, .button_b   {
    text-decoration:none;
}
.button_v, .button_r, .button_a, .button_n, .button_b {
    background: #777;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 1px;
    vertical-align: middle;
}
.button_v span,.button_r span, .button_a span, .button_n span, .button_b span {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    display: block;
    font: bold 12px 'Arial', sans-serif;
    padding: 5px 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.button_v:hover, .button_r:hover, .button_a:hover, .button_n:hover, .button_b:hover  {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
    text-decoration: none;
}
.button_v:active, .button_r:active, .button_a:active, .button_n:active, .button_b:active  {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
    background-image: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.2));
    text-decoration: none;
}
.button_v:active span, .button_r:active span, .button_a:active span  {
    border-top-color: rgba(0, 0, 0, 0.2);
}

.button_n { background-color: #252a2a; } /* Negro */
.button_a { background-color: #3792c6; } /* Azul */
.button_r { background-color: #cc2222; } /* Rojo */
.button_v { background-color: #69a846; } /* verde */
.button_b { background-color: #b6761a; }  /* cafe  */

#content1 {
	background: #FFF url('../images/background.png') 0px 1px repeat-x;
	padding: 10px 30px 25px 30px;
	width:50%;
	float:left;
	border:#F00 1px solid;
}
#ordcomp, #ordserv {
        width:80px;
        margin:auto;
        text-align:left;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size:14px;
        background-repeat:no-repeat;
        padding:10px 1px 10px 35px;
        border:solid 1px #CCC;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
}
#ordcomp {
        background-image:url(../images/compra.png);
	background-position:left center;
}
#ordserv {
        background-image:url(../images/servicio.png);
	background-position: left center;
}
#ordcomp:hover, #ordserv:hover {
        border:hidden 5px #000000;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        -moz-box-shadow: 0px 2px 2px #1a191a;
        -webkit-box-shadow: 0px 2px 2px #1a191a;
        box-shadow: 0px 2px 2px #1a191a;
        font-weight:bold;
}
#ordcomp:hover {
        color:#06C;
}
#ordserv:hover {
        color:#090;
}
.titulo1 {
	font-size:15px;
	font-weight:bold;
	color:#06C;
}
.titulo2 {
	font-size:15px;
	font-weight:bold;
	color:#06C;
	font-family:Arial, Helvetica, sans-serif;
}
.titulo3 {
	font-size:15px;
	font-weight:bold;
	color:#090;
}
#estado_orden{
	 float:right;
	 background-image:url(../images/estado.png) ;
	 background-repeat:no-repeat;
 	border:#999 solid 1px;
	  -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
		width:40px;
		height:40px;
 		background-position:center;
		margin-bottom:15px;
		margin-right:25px;
}
#coloreado_rojo{
	 float:right;
        background-image:url(../images/uopaa/rosado.png) ;

	 background-repeat:no-repeat;
 	border:#999 solid 1px;
	  -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
		width:40px;
		height:40px;
 		background-position:center;
		margin-bottom:15px;
                margin-left: 5px;
                margin-right:5px;
}
#coloreado_rojo:hover{
		border:#06C solid 2px;
		 }  
 #detalle_orden{
	 float:right;
	 background-image:url(../images/detalle.png) ;
	 background-repeat:no-repeat;
 	border:#999 solid 1px;
	  -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
		width:40px;
		height:40px;
 		background-position:center;
		margin-bottom:15px;
}
#seguimiento_orden{
	 float:right;
	 margin-left:25px;
	 margin-right:5px;
	 background-image:url(../images/seguimiento.png) ;
	 background-repeat:no-repeat;
	 border:#999 solid 1px;
	  -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
		width:40px;
		height:40px;
 		background-position:center;
		margin-bottom:15px;
	 	}
#imprimir_orden{
	 float:right;
	 margin-left:25px;
	 margin-right:5px;
	 background-image:url(../images/imprimir.png) ;
	 background-repeat:no-repeat;
	 border:#999 solid 1px;
	 -moz-border-radius: 7px;
	 -webkit-border-radius: 7px;
	 border-radius: 7px;
	 width:40px;
	 height:40px;
	 background-position:center;
	 margin-bottom:15px;
}		
#estado_orden:hover{
border:#06C solid 2px;
 }
#detalle_orden:hover{
border:#06C solid 2px;
}
#seguimiento_orden:hover{
border:#06C solid 2px;	
}
#imprimir_orden:hover{
border:#06C solid 2px;	
}


.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   -moz-box-shadow: 0px 0px 5px 1px #666, 10px 20px 10px -10px #888;  /*  codigo para sombras alrededor del objeto*/
   -webkit-box-shadow:  0px 0px 5px 1px #666, 10px 20px 10px -10px #888;
   box-shadow: 0px 0px 5px 1px #666, 10px 20px 10px -10px #888;
  }
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(38, 129, 185, 0.9);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #000;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #2681B9;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   
   -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
/*-------------Fin estilo de panel incial publico-----------------*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(192,192,196, 0.5);  
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.main{
    position:relative;
    width:1020px;
    margin: 0 auto;
}
h2{
    color: #333;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 12px;
    font-size:100%;
    font-weight:normal;
}
/*fin panel escritorio estilos generales*/
/*inicio Registro Civil*/
.titulo {
	float:left;
	font-size:18px;
	margin-top:18px;
	color:#036;
}
#boton_tupa{
	width:170px;
	height:50px;
	float:left;
	margin:5px;
	border:#999 1px solid;
	background-color:#DFECF5;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	display:block;
	-moz-box-shadow: 0px 4px 5px #CCC;
	-webkit-box-shadow: 0px 4px 5px #CCC;
	box-shadow: 0px 4px 5px #CCC;
}
#boton_tupa:hover{
	border:1px solid  #666;
	width:170px;
	height:50px;
	background-color:#FFEFC0;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-moz-box-shadow: 0px 20px 10px-10px #888;
	-webkit-box-shadow: 0px 20px 10px -10px#888;
	box-shadow: 0px 20px 10px -10px#888;
}
.img_boton_tupa{
	float:left;
	width:32px;
	height:32px;
	background:no-repeat;
	margin:7px 4px 4px 4px;
}
#tupa_boton_N{ background-image:url(../images/registrocivil/n.png);}
#tupa_boton_M{ background-image:url(../images/registrocivil/m.png);}
#tupa_boton_D{ background-image:url(../images/registrocivil/d.png);}
#tupa_boton_B{ background-image:url(../images/registrocivil/b.png);}
.detalle_boton_tupa{
	margin-top:13px;
	font-size:13px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#036;
}
.detalle_boton_tupa strong:hover{
	color:#C00;
}	
/*fin Registro Civil*/

.paginacion {
	margin:15px 0px 5px 0px;
        text-align:center;
        font-size:13px;
}
.paginacion a {
        padding:4px;
	border:solid 1px #1e59d1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
.paginacion strong {
	color:#FFF;
        padding:4px;
        background-color:#1e59d1;
        border:solid 3px #1e59d1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
.sombra {
        background-color:#EBEBEB;
}