/* Estilos CSS3 personalizados San Fernando*/
body, HTML{
	font-family: Arial, Helvetica, sans-serif !important;
}
.ui-width-SF {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.ui-page-theme-s .ui-btn{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}
.ui-page-theme-s .ui-content .ui-btn{
	background:#fff;
}
.ui-page-theme-s .ui-content .ui-btn:hover{
	background:#f9f9f9;
}
.ui-panel-inner{
	text-align:justify;
}
.d_banner{
	position:relative;
	height:10em;
	width:100%;
}
.d_banner .d_img{
	position: absolute;
	z-index: -1;
	width:100%;
	height:100%;
}
.d_banner .d_img img{
	width:100%;
	height:100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.d_banner .d_desc{
	position: absolute;
	z-index:1;
	width:100%;
	background:rgba(100,100,100,0.8);
	text-align:justify;
	color:#FFF;
	bottom:10px;
}
.d_banner .d_desc p{
	margin:5px 10px 5px 10px;
	font-weight:normal;
	font-size:14px;
	text-shadow:none;
}
.d_banner .d_desc p a,
.d_banner .d_desc p a:visited
{
	color:#FFF;
	text-decoration:none;
}
.d_contDetalle{
	background-color:#FFF;
}
.d_contDetalle table{
	width:100%;
	padding:10px;
}
.d_contDetalle table td{
	font-size:12px;
	padding:5px;
}
.d_contDetalle .div_ane_sp table td{
	width:25%;
}
.d_contDetalle .div_ane_sp a,
.d_contDetalle .div_ane_sp a:visited{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
.d_contDetalle .div_ane_sp a:active,
.d_contDetalle .div_ane_sp a:hover{
	color:#00338D;
}
.d_contDetalle .ui-navbar a:active, 
.d_contDetalle .ui-navbar a:hover{
	color: #000;
}
.t_mensaje{
	width:100%;
	padding:5px;
}
.t_mensaje td{
	font-weight:normal;
	font-size:10px;
}
.li-ZEBRA a {
	background-color: #F2F9FD !important;
}
.li-ZEBRA a:hover {
	background-color: #f9f9f9 !important;
}
.li-ZEBRA a label{
	background-color: #F2F9FD !important;
}
.li-ZEBRA a label:hover {
	background-color: #f9f9f9 !important;
}
.d_pie{
	width:100%;
}
.d_piet{
	width:97%;
	position:absolute;
	bottom:0;
}
.d_pie img,
.d_piet img{
	border-radius: 8px;
}
.dLibFondoModal{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index:1001;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-opacity: 0.75;
    -o-opacity: 0.75;
    opacity:.75;    
    filter: alpha(opacity=75);
}
.dMotRec {
     display: none;
     position: absolute;
     border-radius: 10px;
     top: 25%;
     left: 27%;
     width: 30%;
     height: 40%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}
.dMotRec table{
    width:100%;
    padding:5px;
}
.dMotRec table td{
    padding:5px;
}
.dMotRec .dMotRec-tit{
    font-size:15px;
    font-weight:bold;
}

/***************/
 .ModalConfirPed {
     display: none;
     position: absolute;
     border-radius: 10px;
     top: 25%;
     left: 27%;
     width: 30%;
     height: 15%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}
 .ModalConfirPed table{
    width:100%;
    padding:5px;
}
 .ModalConfirPed table td{
    padding:5px;
}
 .ModalConfirPed .dMotRec-tit{
    font-size:15px;
    font-weight:bold;
}
 /***************/
 .ModalConfirHes {
     display: none;
     position: absolute;
     border-radius: 10px;
     top: 25%;
     left: 27%;
     width: 30%;
     height: 15%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}
 .ModalConfirHes table{
    width:100%;
    padding:5px;
}
 .ModalConfirHes table td{
    padding:5px;
}
 .ModalConfirHes .dMotRec-tit{
    font-size:15px;
    font-weight:bold;
}

/*****************/
.btnGen {
    /* Parámetros generales */
    background-color:#ddd;
    color:#333;
    text-decoration:none;
    text-shadow: 0 1px 1px #FFF;
    /* Bordes redondenados - Border Radius */
    border:1px solid #ccc;    
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
    border-radius:4px;
    /* Aplcamos sombras al boton - Box Shadow */
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);    
    /*Cursor*/
	cursor:pointer;
    /*Tamaño de letra*/
	font-size:13px;
	font-weight:bold;
    /*Alineación*/
    vertical-align: middle; /* align the text vertically centered */
    /*Fondo*/
    background-repeat: no-repeat, repeat;  /* make the background image appear only once */
    background-position: 8px 7px, 0px 0px;  /* equivalent to 'top left' */
    padding-left: 30px;     /* make text start to the right of the image */
    padding-right:10px;
    background-size:15px 15px, auto;
    height:30px;
    }
.btn-ico-guardar     {
    background-image: url(../img/icoGuardar.png), -webkit-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoGuardar.png), -moz-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoGuardar.png), -ms-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoGuardar.png), -o-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoGuardar.png), linear-gradient(top, #fefefe, #e5e5e5);  
}
.btn-ico-cancelar    {
    background-image: url(../img/icoCancelar.png), -webkit-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoCancelar.png), -moz-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoCancelar.png), -ms-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoCancelar.png), -o-linear-gradient(top, #fefefe, #e5e5e5);
    background-image: url(../img/icoCancelar.png), linear-gradient(top, #fefefe, #e5e5e5);  
}
.txtGen{
	width:100%;
	height:27px;
	padding:5px 10px 5px 10px;
	box-sizing: border-box;
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-ms-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-size:12px;
	color:#000;
}
/* Estilos JQUERY MOBILE personalizados "Tema s"*/
.ui-bar-s,.ui-page-theme-s .ui-bar-inherit,html .ui-bar-s .ui-bar-inherit,html .ui-body-s .ui-bar-inherit,html body .ui-group-theme-s .ui-bar-inherit{background-color:#f9f9f9;border-color:#ddd;color:#333;text-shadow:0 1px 0 #eee;font-weight:700}
.ui-bar-s{border-width:1px;border-style:solid}
.ui-overlay-s,.ui-page-theme-s,.ui-page-theme-s .ui-panel-wrapper{
	background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%),  -webkit-linear-gradient(0deg, #E3E8EF, #00338D);
	background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%),  -moz-linear-gradient(0deg, #E3E8EF, #00338D);
	background: -ms-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%),  -ms-linear-gradient(0deg, #E3E8EF, #00338D);
	background: -o-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%),  -o-linear-gradient(0deg, #E3E8EF, #00338D);
	background: repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%),  linear-gradient(0deg, #E3E8EF, #00338D);
/*	background-color:#00338D;*/
	border-color:#bbb;
	color:#333;
	text-shadow:0 1px 0 #f3f3f3;
}
.ui-body-s,.ui-page-theme-s .ui-body-inherit,html .ui-bar-s .ui-body-inherit,html .ui-body-s .ui-body-inherit,html body .ui-group-theme-s .ui-body-inherit,html .ui-panel-page-container-s{background-color:#fff;border-color:#ddd;color:#333;text-shadow:0 1px 0 #f3f3f3}
.ui-body-s{border-width:1px;border-style:solid}
.ui-page-theme-s a,html .ui-bar-s a,html .ui-body-s a,html body .ui-group-theme-s a{color:#38c;font-weight:700}
.ui-page-theme-s a:visited,html .ui-bar-s a:visited,html .ui-body-s a:visited,html body .ui-group-theme-s a:visited{color:#38c}
.ui-page-theme-s a:hover,html .ui-bar-s a:hover,html .ui-body-s a:hover,html body .ui-group-theme-s a:hover{color:#059}
.ui-page-theme-s a:active,html .ui-bar-s a:active,html .ui-body-s a:active,html body .ui-group-theme-s a:active{color:#059}
.ui-page-theme-s .ui-btn,html .ui-bar-s .ui-btn,html .ui-body-s .ui-btn,html body .ui-group-theme-s .ui-btn,html head+body .ui-btn.ui-btn-s,.ui-page-theme-s .ui-btn:visited,html .ui-bar-s .ui-btn:visited,html .ui-body-s .ui-btn:visited,html body .ui-group-theme-s .ui-btn:visited,html head+body .ui-btn.ui-btn-s:visited{background-color:#f6f6f6;border-color:#ddd;color:#333;text-shadow:0 1px 0 #f3f3f3}
.ui-page-theme-s .ui-btn:hover,html .ui-bar-s .ui-btn:hover,html .ui-body-s .ui-btn:hover,html body .ui-group-theme-s .ui-btn:hover,html head+body .ui-btn.ui-btn-s:hover{background-color:#ededed;border-color:#ddd;color:#333;text-shadow:0 1px 0 #f3f3f3}
.ui-page-theme-s .ui-btn:active,html .ui-bar-s .ui-btn:active,html .ui-body-s .ui-btn:active,html body .ui-group-theme-s .ui-btn:active,html head+body .ui-btn.ui-btn-s:active{background-color:#e8e8e8;border-color:#ddd;color:#333;text-shadow:0 1px 0 #f3f3f3}
.ui-page-theme-s .ui-btn.ui-btn-active,html .ui-bar-s .ui-btn.ui-btn-active,html .ui-body-s .ui-btn.ui-btn-active,html body .ui-group-theme-s .ui-btn.ui-btn-active,html head+body .ui-btn.ui-btn-s.ui-btn-active,.ui-page-theme-s .ui-checkbox-on:after,html .ui-bar-s .ui-checkbox-on:after,html .ui-body-s .ui-checkbox-on:after,html body .ui-group-theme-s .ui-checkbox-on:after,.ui-btn.ui-checkbox-on.ui-btn-s:after,.ui-page-theme-s .ui-flipswitch-active,html .ui-bar-s .ui-flipswitch-active,html .ui-body-s .ui-flipswitch-active,html body .ui-group-theme-s .ui-flipswitch-active,html body .ui-flipswitch.ui-bar-s.ui-flipswitch-active,.ui-page-theme-s .ui-slider-track .ui-btn-active,html .ui-bar-s .ui-slider-track .ui-btn-active,html .ui-body-s .ui-slider-track .ui-btn-active,html body .ui-group-theme-s .ui-slider-track .ui-btn-active,html body div.ui-slider-track.ui-body-s .ui-btn-active{background-color:#38c;border-color:#38c;color:#fff;text-shadow:0 1px 0 #059}
.ui-page-theme-s .ui-radio-on:after,html .ui-bar-s .ui-radio-on:after,html .ui-body-s .ui-radio-on:after,html body .ui-group-theme-s .ui-radio-on:after,.ui-btn.ui-radio-on.ui-btn-s:after{border-color:#38c}
.ui-page-theme-s .ui-btn:focus,html .ui-bar-s .ui-btn:focus,html .ui-body-s .ui-btn:focus,html body .ui-group-theme-s .ui-btn:focus,html head+body .ui-btn.ui-btn-s:focus,.ui-page-theme-s .ui-focus,html .ui-bar-s .ui-focus,html .ui-body-s .ui-focus,html body .ui-group-theme-s .ui-focus,html head+body .ui-btn-s.ui-focus,html head+body .ui-body-s.ui-focus{-webkit-box-shadow:0 0 12px #38c;-moz-box-shadow:0 0 12px #38c;box-shadow:0 0 12px #38c}

/* Estilos opcionales JQUERY MOBILE personalizados "Tema z"*/
.ui-btn-z {
	background-color:#00338D !important;
	color:#FFF !important;
	font-weight:100 !important;
	border:none !important;
}
.ui-btn-z:hover {
	background-color:#f9f9f9 !important;
	color:#000 !important;
}
.ui-field-contain{
	border:none !important;
}
.ui-field-contain input{
	font-style:italic;
}
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e{
	width:25%;
}
@media screen and (min-width: 0px) and (max-width:550px) {
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e{
	width:50%;
}
.dMotRec {
     display: none;
     position: absolute;
     border-radius: 10px;
     top: 15%;
     width: 80%;
     height:60%;
     left: 8%;
     padding: 7px;
     background: #fff;
     color: #333;
     z-index:1102;
     overflow: auto;
}


}