/* -------------------------------------------------------------- 
	UmFramework 2.0 12-2011  
	app.css
	Foundation v2.1.4 http://foundation.zurb.com
	Artfully masterminded by ZURB
	* Spectial stiles to web site
-------------------------------------------------------------- */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: HEADER
:: CONTENT
:: FOOTER
:: GENERAL
*/


/* -----------------------------------------
   HEADER
----------------------------------------- */
#header{
	height:60px;
	padding-top:1px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
	position:relative;
	z-index:3;

}
/* ------ MENU ------ */
#header .menu{
	margin-top:20px;
	position:inherit;
}
#header .bg-menu{
	background:#EAEAEA;
	height:47px;
	position:relative;
	margin-top:-47px;
	-webkit-border-radius: 12px 12px 0px 0px;
    border-radius: 12px 12px 0px 0px;
	z-index:1;
}
#header .menu ul{
	height:50px;
	margin:0;
	padding:0;
	min-width:555px;
	z-index:9;
	position:relative;
	margin-top:-15px;
}
#header .menu li{
	float:left;
	margin:0;
	padding:0;
	margin-bottom:0;
	text-align:center;
	background:url(../images/bg/menu-div.png) top right no-repeat;
	height:40px;
}
#header .menu li:last-child{
	background:none;
}
#header .menu li a{
	display:block;
	height:40px;
	padding:0 10px;
	padding-top:14px;
	max-width:175px;
	min-width:60px;
	font:bold 11px/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	color:#074ca0;
	width:110px;
}
#header .menu li a:hover, #header .menu li a.nav-selected{
	text-decoration:none !important;
	background:url(../images/bg/menu-active.png) bottom repeat-x;
}


/* -----------------------------------------
   CONTENT
----------------------------------------- */
#content
{
    background: #fff url(../images/bg/content-bg.jpg) top left no-repeat;
    position: relative;
    z-index: 2;
    padding: 30px 0;
}
/* -----------------------------------------
   FOOTER
----------------------------------------- */
#footer{
	background:url(../images/bg/footer.png) top repeat-x;
	padding:10px 0;
}

/* -----------------------------------------
   GENERAL
----------------------------------------- */
.detail{
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
	width: 100% !important;
}
#home #main{
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 12px 0px 0px 12px;
	border-radius: 12px 0px 0px 12px;
	min-height:50px;
	width:60%;
	height:375px;
	float:left;
	margin-top:10px;
	position:relative;
	z-index:0;
	overflow:hidden;
}
#home #main .box{
	padding:15px 20px;
}
#main #norton{
	margin-top:24px;
}
#main h2{
	margin-top:16px;
}
#main h4{
	margin-bottom:10px;
}
#main #consejos{
	background:url(../images/bg/home-main-bot.png) top center no-repeat;
	margin-top:30px;
	padding-top:14px;
}
#viewport{
-webkit-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
	height:285px;
	width:70%;
	float:left;
	overflow:hidden;
}
#view-scroller{
	max-width:686px;
	overflow:hidden;
}
#view-scroller .view-content{
	position: relative;
	padding: 0;
	overflow:hidden;
	-webkit-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}
#view-scroller .view-content .item{
	width:548px;
	height: 55px;
	float: left;
	-webkit-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
	overflow:hidden;
}
a#Next{
	margin-left:10px;
	display:block;
	cursor:pointer;
	float:right;
	z-index:10;
	width:15px;
	height:18px;
	background:url(../images/misc/arrow-scroller.png) no-repeat;
}
#view-scroller-main{
	max-width:686px;
	overflow:hidden;
}
#view-scroller-main .view-content{
	position: relative;
	padding: 0;
	overflow:hidden;
	-webkit-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
}
#view-scroller-main .view-content .item{
	width:560px;
	height: 80px;
	float: left;
	-webkit-border-radius: 0px 12px 0px 0px;
	border-radius: 0px 12px 0px 0px;
	overflow:hidden;
}
a#NextMain{
	margin-left:1px;
	display:block;
	cursor:pointer;
	float:right;
	z-index:10;
	width:0px;
	height:0px;
}
#ingreso{
	background: #085ca1; /* Old browsers */
	/*background: -moz-radial-gradient(center, ellipse cover, rgb(8, 92, 161) 0%, rgb(8, 92, 161) 100%); /* FF3.6+ * /
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(8, 92, 161)), color-stop(100%,rgb(8, 92, 161))); /* Chrome,Safari4+ * /
	background: -webkit-radial-gradient(center, ellipse cover, rgb(8, 92, 161) 0%, rgb(8, 92, 161) 100%); /* Chrome10+,Safari5.1+ * /
	background: -o-radial-gradient(center, ellipse cover, rgb(8, 92, 161) 0%, rgb(8, 92, 161) 100%); /* Opera 12+ * /
	background: -ms-radial-gradient(center, ellipse cover, rgb(8, 92, 161) 0%, rgb(8, 92, 161) 100%); /* IE10+ * /
	background: radial-gradient(ellipse at center, rgb(8, 92, 161) rgb(8, 92, 161) 100%); /* W3C * /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bdb', endColorstr='#004593',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#FFF;
	font-size:11px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#home #ingreso{
	width:40%;
	float:left;
	position:relative;
	z-index:1;
}
#master #ingreso{
	margin:15px 0;
}
#ingreso h4{
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:15px;
}
#ingreso .box{
	padding:10px !important;
}
#ingreso label, form#seleccion label{
	text-align:right;
	display:block;
	padding-right:10px;
}
#ingreso .opt, form#seleccion .opt, form#clave .opt{
	background-color:#FFF;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0 5px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#ingreso .opt, form#seleccion .opt{
	height:24px;
	width:233px;
	margin:5px 0;
}
form#clave .opt{
	height:34px;
	width:100%;
	margin:10px 0;
}
#ingreso select, form#seleccion select{
	-webkit-appearance: none;
	background:url(../images/misc/select-arrow.png) 224px center no-repeat;
	width:244px !important;
}
#ingreso tfoot td{
	text-align:center;
}

#teclado{
	background:url(../images/bg/teclado-bg.png) top repeat-x;
	display:block;
	min-height:113px;
}
#teclado .box{
	padding:12px !important;
}
#tablaTeclado input{
	cursor:pointer;
}
#tablaTeclado #wor-keys td{
	width:26px;
	height:26px;
}
#tablaTeclado .key{
	width:26px;
	height:26px;
	margin:3px 3px;
	padding:0;
	border:none;
	background:url(../images/misc/keys.png) no-repeat;
}
#tablaTeclado #b.key{ background-position:-26px 0; }
#tablaTeclado #c.key{ background-position:-52px 0; }
#tablaTeclado #d.key{ background-position:-78px 0; }
#tablaTeclado #e.key{ background-position:-104px 0; }
#tablaTeclado #f.key{ background-position:-130px 0; }
#tablaTeclado #g.key{ background-position:-156px 0; }

#tablaTeclado #h.key{ background-position:0 -26px; }
#tablaTeclado #i.key{ background-position:-26px -26px; }
#tablaTeclado #j.key{ background-position:-52px -26px; }
#tablaTeclado #k.key{ background-position:-78px -26px; }
#tablaTeclado #l.key{ background-position:-104px -26px; }
#tablaTeclado #m.key{ background-position:-130px -26px; }
#tablaTeclado #n.key{ background-position:-156px -26px; }

#tablaTeclado #o.key{ background-position:0 -52px; }
#tablaTeclado #p.key{ background-position:-26px -52px; }
#tablaTeclado #q.key{ background-position:-52px -52px; }
#tablaTeclado #r.key{ background-position:-78px -52px; }
#tablaTeclado #s.key{ background-position:-104px -52px; }
#tablaTeclado #t.key{ background-position:-130px -52px;}
#tablaTeclado #u.key{ background-position:-156px -52px; }

#tablaTeclado #v.key{ background-position:0 -78px;}
#tablaTeclado #w.key{ background-position:-26px -78px; }
#tablaTeclado #x.key{ background-position:-52px -78px; }
#tablaTeclado #y.key{ background-position:-78px -78px; }
#tablaTeclado #z.key{ background-position:-104px -78px;}
#tablaTeclado #cero.key{ background-position:-130px -78px; }
#tablaTeclado #uno.key{ background-position:-156px -78px; }

#tablaTeclado #dos.key{ background-position:0 -104px; }
#tablaTeclado #tres.key{ background-position:-26px -104px; }
#tablaTeclado #cuatro.key{ background-position:-52px -104px; }
#tablaTeclado #cinco.key{ background-position:-78px -104px; }
#tablaTeclado #seis.key{ background-position:-104px -104px; }
#tablaTeclado #siete.key{ background-position:-130px -104px; }
#tablaTeclado #ocho.key{ background-position:-156px -104px; }

#tablaTeclado #nueve.key{ background-position:0 -130px; }
#tablaTeclado #bspace.key{ background-position:-78px -130px; width:52px; }
#tablaTeclado #borrar.key{ background-position:-26px -130px; width:52px; }

#master.detail{
	-webkit-border-radius: 12px;
    border-radius: 12px;
	background-color: rgba(255, 255, 255, 0.5);
}
#master .box{
	padding:25px 30px;
}
#seleccion label.span-tit{
	color:#4e4e4e;
	font-size:16px;
}
#seleccion #frase{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:20px !important;
	width:96% !important;
	padding:10px;
	margin-top:15px;
}
#seleccion .fig{
	float:left;
	margin:30px 42px;
	cursor:pointer;
}
#seleccion .fig input{
	width:95px;
	height:95px;
	border:none;
	background:url(../images/misc/icons.png) no-repeat;
	cursor:pointer;
}
#seleccion input#fig0:hover{
	background-position:0 bottom;
}
#seleccion input#fig1:hover{
	background-position:-95px bottom;
}
#seleccion input#fig2:hover{
	background-position:-190px bottom;
}
#seleccion input#fig3:hover{
	background-position:-285px bottom;
}
#seleccion input#fig4:hover{
	background-position:-380px bottom;
}
#seleccion input#fig5:hover{
	background-position:-475px bottom;
}
#seleccion input#fig6:hover{
	background-position:-570px bottom;
}
#seleccion input#fig7:hover{
	background-position:-665px bottom;
}
#seleccion input#fig8:hover{
	background-position:-760px bottom;
}
#seleccion input#fig9:hover{
	background-position:-855px bottom;
}
#seleccion input#fig0{
	background-position:0 top;
}
#seleccion input#fig1{
	background-position:-95px top;
}
#seleccion input#fig2{
	background-position:-190px top;
}
#seleccion input#fig3{
	background-position:-285px top;
}
#seleccion input#fig4{
	background-position:-380px top;
}
#seleccion input#fig5{
	background-position:-475px top;
}
#seleccion input#fig6{
	background-position:-570px top;
}
#seleccion input#fig7{
	background-position:-665px top;
}
#seleccion input#fig8{
	background-position:-760px top;
}
#seleccion input#fig9{
	background-position:-855px top;
}
#validacion label.span-tit{
	color:#4e4e4e;
	font-size:16px;
	text-align:center;
}
#validacion .alertbox 
{
    display:block;
    padding: 5px;
    color: #333;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    width: 300px; 
}
    /*background-color: #FFC;
    border: 1px solid #FC6;*/
#validacion #fraseLabel{
    display: block;
	color:#4e4e4e;
	font-size:16px;
	font-weight:bold;
	text-align:center !important;
	margin: 10px;
}
#validacion .imagen{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#validacion .imgcargando
{
    border: 0px none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
}
#btns-val{
	padding-top:10px;
	border-bottom: none !important;
}
#btns-val input{
	border-color:#4586b2;
	padding:4px 8px;
	color:#242424;
	cursor:pointer;
}
#content .no-border-bottom{
	border-bottom: none !important;
}
#btns{
	background:url(../images/bg/btns-bg.png) top center no-repeat;
	padding-top:20px;
	text-align:center;
}
#btns input{
	border-color:#4586b2;
	padding:8px 16px;
	color:#242424;
	cursor:pointer;
}
#btns-val input[type="submit"][disabled="disabled"]{
	border-color:#AAAAAA;
	padding:8px 16px;
	color:#CCCCCC;
	cursor:pointer;
}
#main #btns{
	background:url(../images/bg/home-main-bot.png) center top no-repeat;
}

/*-------------- PRINCIPAL --------------*/
#master #side{
	background:url(../images/bg/side-master.png) top right no-repeat;
	float:left;
	width:27%;
}
#master #side .box{
	padding:18px;
	padding: 1px 18px 18px 18px
}
#master #main{
	background:url(../images/bg/main-master.png) top left no-repeat;
	float:left;
	width:73%;
	min-height:530px;
}

#user{
	margin-bottom:20px;
	vertical-align:bottom;
}
#user span{
	color:#616161;
}
/*-------------- MENU --------------*/

#master .menu {
	background: rgba(8, 92, 161, 0.2); /* Old browsers #ffffff */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWYxZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 9%, #daf1f8 100%); /* FF3.6+ * /
	background: -webkit-gradient(linear, left top, right top, color-stop(9%,#ffffff), color-stop(100%,#daf1f8)); /* Chrome,Safari4+ * /
	background: -webkit-linear-gradient(left,  #ffffff 9%,#daf1f8 100%); /* Chrome10+,Safari5.1+ * /
	background: -o-linear-gradient(left,  #ffffff 9%,#daf1f8 100%); /* Opera 11.10+ * /
	background: -ms-linear-gradient(left,  #ffffff 9%,#daf1f8 100%); /* IE10+ * /
	background: linear-gradient(to right,  #ffffff 9%,#daf1f8 100%); /* W3C * /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#daf1f8',GradientType=1 ); /* IE6-8 */
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);	
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin:10px 0;
}
#master .menu a{
	margin: 0; 
	color:#3d3d3d;
	font-weight:bold;
	display:block;
	padding:8px 10px;
	background:url(../images/bg/menu-arrow.png) 190px center no-repeat;
}
#master .menu a:hover{ color:#3F92B9; }
#master .menu ul{	padding:10px; margin: 0 0 22px 0; }
#master .menu ul li{ background:url(../images/bg/menu-li-div.png) bottom repeat-x; margin:0; padding: 0; width:175px }
#master .menu ul li:last-child{ background:none; }
#master .menu ul li.active {
	display:block;
	border:1px solid #3882A3;
	background: #46a3cd; /* Old browsers */
	background: -moz-linear-gradient(top,  #46a3cd 0%, #377d9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46a3cd), color-stop(100%,#377d9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #46a3cd 0%,#377d9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a3cd', endColorstr='#377d9e',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear;
}
#master .menu ul li.active a{ color:#FFF; background:url(../images/bg/menu-arrow-active.png) 190px center no-repeat;}
#master .menu ul li:hover > ul { display: block; }
#master .menu ul ul{ padding:5px; margin:0; display:none; position:absolute; background:#FFF; margin-left:150px; margin-top:-36px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #D7EAEF }
#master .menu ul ul li a{color:#3F92B9 !important; font-size:11px;}
#master .menu ul ul li:hover{
	background: #46a3cd; /* Old browsers */
	background: -moz-linear-gradient(top,  #46a3cd 0%, #377d9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46a3cd), color-stop(100%,#377d9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #46a3cd 0%,#377d9e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #46a3cd 0%,#377d9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a3cd', endColorstr='#377d9e',GradientType=0 ); /* IE6-9 */
}
#master .menu ul ul li:hover > a{ color:#FFF !important;}

/*-------------- DATOS CUENTA --------------*/
#main table.datos-cuenta{
	border:1px solid #255b76;
	border-top:none;
	margin-bottom:30px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#main table.datos-cuenta thead{
	background:url(../images/bg/table-title.png) repeat-x;
}
table.datos-cuenta thead th{
	height:42px;
	vertical-align:middle;
	color:#FFF;
	text-shadow: 0px -1px 0px #041825;
	font-size:16px;
	font-weight:bold;
}
table.datos-cuenta tr.title{
	background:rgba(106, 195, 240, .15);
}
table.datos-cuenta tr.title td{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
table.datos-cuenta td{
	border:1px solid #94A9B2;
	font-size:10px;
	height:34px;
	vertical-align:middle;
	padding-left:10px;
}
table#coordenadas{
	margin:20px auto;
}
table#coordenadas td{
	text-align:center;
}
table#coordenadas input.coor{
	width:54px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	border:1px solid #d5d5d5;
	height:20px !important;
	padding:5px 8px;
	margin-top:10px;
	text-align:center;
}
form#seleccion table.content{
	width:100%;
}
form#seleccion table.content td{
	padding:2px 0;
}
form#seleccion table.content input.opt{
	width:96.5% !important;
}
form#seleccion table.content select.opt{
	width:100% !important;
	background-position:320px center !important;
	color:#929292;
}
form#seleccion table.content label{
	font-size:11px;
}
#concepto, #concepto1{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #d7d7d7;
	background: #46a3cd; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 2px 1px 0px #e6e6e6;
	box-shadow: inset 0px 2px 1px 0px #e6e6e6;
}
#concepto .box{
	padding:15px;
}
#concepto1 .box{
	padding:0px 15px 10px 15px;
}
#resultado strong{
	color:#0079be;
	font-size:20px;
	vertical-align:middle;
	padding-left:20px;
}
/*Ingresados*/
#seleccion{
    /*cursor:pointer;    */
}


#seleccion #fraseTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:20px;
	width:96%;
	padding:10px;
	margin-top:15px;
}

#seleccion #repetirTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:20px;
	width:96%;
	padding:10px;
	margin-top:15px;
}

#seleccion #unoTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:15px;
	width:90%;
	padding:10px;
	margin-top:15px;
}

#seleccion #dosTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:15px;
	width:90%;
	padding:10px;
	margin-top:15px;
}


#seleccion #tresTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:15px;
	width:90%;
	padding:10px;
	margin-top:15px;
}


#seleccion #cuatroTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:15px;
	width:46%;
	padding:10px;
	margin-top:15px;
}

.combo
{
    background:#FFF url(../images/misc/select-arrow.png) 274px center no-repeat ;
	-webkit-appearance: none;
	width:274px !important;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	height:25px;
	padding:0 15px;
	margin:5px 0;
	margin-top:10px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
}

#seleccion #coordenadaTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:15px;
	width:25%;
	padding:10px;
	margin-top:15px;
}


.datoTextBox{
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #68b244;
	height:6px;
	padding:10px;
	margin-top:8px;
	width:224px !important;
}

table.datos-cuenta tr{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.recibo
{
    background:url(../images/bg/content-bg.jpg) top left repeat;
    text-align:center;   
    margin: 0 auto;
}

table.datos-cuenta td.derecha{
    text-align:right;
}

table.datos-cuenta td.izquierda{
    text-align:left;
}

table.datos-cuenta td.justificada{
    text-align:justify;
}

table.datos-cuenta td.centro{
    text-align:center;
}

table.contenido, table.contenido1, table.contenido2{
	width:100%;
}
table.contenido td, table.contenido1 td, table.contenido2 td{
	padding:2px 0;
}
table.contenido input.opt
{
    width:275px !important;
	height:22px;
}
table.contenido1 input.opt, table.contenido2 input.opt{
	width:375px !important;
	height:22px;
}
table.contenido select.opt{
	width:285px !important;
	background-position:265px center !important;
	color:#929292;
	height:22px;
}

table.contenido select.opt1{
	width:244px !important;
	background-position:224px center !important;
	color:#929292;
	height:22px;
}

table.contenido select.opt2{
	width:572px !important;
	background-position:552px center !important;
	color:#929292;
	height:22px;
}

table.contenido1 select.opt, table.contenido2 select.opt{
	width:385px !important;
	background-position:365px center !important;
	color:#929292;
	height:22px;
}

table.contenido2 label{
	font-size:12px !important;
}

#informacionLabel
{
    text-align:right !important;
}

table.contenido label, table.contenido1 label{
	font-size:11px;
}

.span-center{
	color:#4e4e4e;
	padding-top:15px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	margin-right:20px;
}



.span-left{
	color:#4e4e4e;
	padding-top:15px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-right:20px;
}

.span-help
{
    padding: 5px 5px 5px 5px;
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    font-style: italic;
    font-variant: normal;
    font-family: Verdana;
    text-decoration: none;
    text-transform: none;
}


table.contenido .opt{
	background-color:#FFF;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0 5px;
	margin:5px 0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
table.contenido .opt1, table.contenido .opt2{
	background-color:#FFF;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0 2px;
	margin:2px 0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:22px !important;
}
table.contenido select, form#seleccion select{
	-webkit-appearance: none;
	background:url(../images/misc/select-arrow.png) 285px center no-repeat;
	width:285px !important;
    margin-left: 0px;
}
table.contenido1 .opt, table.contenido2 .opt{
	background-color:#FFF;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0 5px;
	margin:5px 0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
table.contenido1 select, table.contenido2 select{
	-webkit-appearance: none;
	background:url(../images/misc/select-arrow.png) 385px center no-repeat;
	width:385px !important;
    margin-left: 0px;
}

form#seleccion table.content td.izquierda{
	text-align:left;
}


izq{
    text-align:left;    
}


table.busqueda{
	width:100%;
}
table.busqueda td{
	padding:2px 0;
}
table.busqueda input.opt{
	width:100px !important;
}
table.busqueda select.opt{
	width:200px !important;
	background-position:180px center !important;
	color:#929292;
}
table.busqueda label{
	font-size:11px;
}

table.busqueda .opt{
	background-color:#FFF;
	-webkit-appearance: none;
	border:1px solid #4184AE;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height:24px;
	width:233px;
	padding:0 5px;
	margin:5px 0;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
table.busqueda select{
	-webkit-appearance: none;
	background:url(../images/misc/select-arrow.png) 180px center no-repeat;
	width:170px !important;
    margin-left: 0px;
}

.tema{
	background:rgba(106, 195, 240, .15);
    font-size:14px;
	font-weight:bold;
	text-align:center;
	
	border:1px solid #94A9B2;
	height:34px;
	vertical-align:middle;
	padding-left:10px;
}
table.datos-cuenta title td{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}


table#coordenadas input.coor{
	width:34px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	border:1px solid #d5d5d5;
	height:30px !important;
	padding:5px 8px;
	margin-top:10px;
	text-align:center;
}


#comun{
	border-color:#4586b2;
	padding:8px 16px;
	color:#242424;
}


#seleccion label.span-titd{
	color:#4e4e4e;
	font-size:16px;
	text-align:left;
}

/* hide input */

    
input.radio:empty {
    margin-left:-999px !important;
}

/* style label */

    
input.radio:empty ~ label {
    position:relative !important;
    float:left !important;
    line-height:1.5em !important;
    margin:1px 30px 1px 30px;
    cursor:pointer !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important;
}

input.radio:disabled ~ label {
    position:relative !important;
    float:left !important;
    line-height:1.5em !important;
    margin:1px 30px 1px 30px;
    cursor:pointer !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important;
}

input.radio:empty ~ label:before {
    position:absolute !important;
    display:block !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    content:'' !important;
    width:2.5em !important;
    background:#D1D3D4 !important;
    border-radius:3px 0 0 3px !important;
}

input.radio:disabled ~ label:before {
    position:absolute !important;
    display:block !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    content:'' !important;
    width:2.5em !important;
    background:#888 !important;
    border-radius:3px 0 0 3px !important;
}

/* toggle hover */

    
input.radio:hover:not(:checked) ~ label:before {
    content:'\2714' !important;
    text-indent:.9em !important;
    color:#C2C2C2 !important;
    padding-top:10px !important;
}

input.radio:hover:not(:checked) ~ label {
    color:#888 !important;
}

/* toggle on */

    
input.radio:checked:not(:disabled) ~ label:before {
    content:'\2714' !important;
    text-indent:.9em !important;
    color:#D1E9F8 !important;
    background-color:#0079BE !important;
    padding-top:10px !important;
}

input.radio:checked:disabled ~ label:before {
    content:'\2714' !important;
    text-indent:.9em !important;
    color:#888 !important;
    padding-top:10px !important;
}

input.radio:checked ~ label {
    color:#777 !important;
}

/* radio focus */

    
input.radio:focus ~ label:before {
    box-shadow:0 0 0 3px #999 !important;
}

label.radio {
    width:400px !important;
    border-radius:3px !important;
    border:1px solid #D1D3D4 !important;
    padding-left:40px!important;
}

.texto-derecha
{
    text-align:right !important;
}
.texto-error
{
    color: Red !important;
}
table.padding-grid td{
	padding:2px !important;
}

/*Listas*/
.tiny-listDefault { padding-left: 0; list-style: none; }

.tiny-listDefault:after { content: ""; display: block; clear: both; }

.tiny-listDefault li { position: relative; float: left; width: 100%; font-size: 1rem; font-family: "SourceSansPro"; padding: 0 0.5rem 0 1.25rem; margin: 0 0 1.25rem; box-sizing: border-box; vertical-align: top; color: #444444; }

.tiny-listDefault li:before { content: ""; position: absolute; top: 9px; left: 7px; width: 5px; height: 5px; border-radius: 50%; background-color: #000; }

.tiny-listDefault.hmd-column2 li { width: 50%; }

.tiny-listDefault.hmd-column3 li { width: 100%; }

.tiny-listDefault.hmd-column4 li { width: 100%; }

.tiny-listBull01 { padding-left: 0; list-style: none; }

.tiny-listBull01:after { content: ""; display: block; clear: both; }

.tiny-listBull01 li { position: relative; font-size: 11pt; margin-top: 15px; margin-bottom: 0; padding: 5px 28px 0 28px; }

.tiny-listBull01 li:before { position: absolute; top: 0; left: 0; background-color: transparent; width: 24px; height: 24px; content: url("../images/ico/ic_check.png"); }

.sepTd {border-left: 1px Solid Silver;}

.tooltip_cfs {position: relative;display: inline-block;}

.tooltip_cfs .tooltiptext_cfs {visibility: hidden;width: auto;max-width: 400px;background-color: #1e3c72;color: #fff;text-align: center;font-weight: normal;text-wrap: normal;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;margin: 20px 0px 0px -50%;}

.tooltip_cfs:hover .tooltiptext_cfs {visibility: visible;}

th{font-weight: bold;font-size:11px;}