/* --------------- 09/12/2015 --------------- */
.no-touch a:hover span {
    display: block;
}
#printlink{
	position: relative;
}
#printlink img{
	position: relative;
	width:35px;
    float: right;
}
#btnsad{
	float: right;
}
#myTabs{
    position: relative;
    font-size: 1.2em;
}
.anverso, .reverso{
    position: relative;
    top: 0;
    left: 0;
}
.imgbill img{
	width:100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.btn-pop{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    margin: 0;
    width: 8%;
    height: 16%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    min-width: 25px;
    min-height: 25px;
    max-width: 45px;
    max-height: 45px;
    z-index: 200;
    font-weight: lighter;
    font-size: 3em;
    line-height: 1.5;
    padding: 0.1em;
    text-align: center;
    position: absolute;
}
.btn-pop:hover{
    background: rgba(255, 255, 255,0.8);
    text-decoration: none;
}
.mire,.dettxt .mireli:before {
    border: solid #a6ba42;
    background: rgb(186, 202, 104);
    background: rgba(166,186,66,0.6);
    color: #a6ba42;
}
.mire:hover{
    background: #fff;
    color: #a6ba42;
}
.toque,.dettxt .toqueli:before {
    border: solid #de0021;
    background: rgb(255, 51, 82);
    background: rgba(222,0,33,0.6);
    color: #de0021;
}
.toque:hover{
    background: #fff;
    color: #de0021;
}
.levante,.dettxt .levali:before {
    border: solid #ffa800;
    background: rgb(255, 187, 51);
    background: rgba(255,168,0,0.6);
    color: #ffa800;
}
.levante:hover{
    background: #fff;
    color: #ffa800;
}
.gire,.dettxt .gireli:before {
    border: solid #00dba3;
    background: rgb(51, 255, 204);
    background: rgba(0,219,163,0.6);
    color: #00dba3;
}
.gire:hover{
    background: #fff;
    color: #00dba3;
}
.compruebe,.dettxt .comprli:before {
    border: solid #8503fc;
    background: rgb(169, 78, 253);
    background: rgba(133,3,252,0.6);
    color: #8503fc;
}
.compruebe:hover{
    background: #fff;
    color: #8503fc;
}
.turn-note-container a: span{
    z-index: 250;
}
.btn-pop:active, .btn-pop:focus{
    border: solid white;
    background:rgb(204, 51, 0);
    color: white;
}
.btn-pop::after {
    content: "";
    display: block;
    height: auto;
    margin-bottom: 0px;
    width: 100%;
}
.pop{
    display: none;
    z-index: 2010;
    background: #fff;
    padding: 15px;
    color: #000;
    position: absolute;
    top: 0;
    width: 100%;
    border: solid 2px #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}
.pop h4{
    font-size: 14px;
    font-weight: bolder;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: dotted thin white;
}
.pop img{
    padding: 20px 0;
    max-width: 100%;
}
.turn-note-container{
    display: block;
    position: absolute;
    top: 2%;
    right: 1%;
    z-index: 5;
    background: white;
    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.26);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.26);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.26);
}
.xclose{
    /*position: absolute;*/
    top: 1%;
    right: 1%;
    border-radius: 25%;
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    -khtml-border-radius: 25%;
    /*background: #fff;*/
    color: #910028;
    margin: 0 0 0px;
    width: 4%;
    height: 8%;
    min-width: 15px;
    min-height: 15px;
    max-width: 25px;
    max-height: 25px;
    z-index: 200;
    font-weight: bolder;
    font-size: 150%;
    line-height: 1;
    padding: 0.1em;
    text-align: center;
    position: absolute;
}
.xclose:hover{
    background: rgba(75, 158, 205,0.8);
    text-decoration: none;
}
.socialNetworkNavBar .socialNetworkNav span{
    font-size: 2em;
    font-weight: bolder;
    text-align: left;
    width: 50%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 2.5;
    color: white;
}
.socialNetworkNavBar .socialNetworkNav a{
    color: white;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
.detnum{
    padding-bottom: 0.05em;
}
.dettxt{
    margin: 15px;
    font-size: 1.2em;
}
.dettxt h3{
    font-weight: bold;
}
.dettxt ul{
    margin-bottom: 1.5em;
}
.listadet ul{
    margin: 0;
    margin-left: 0;
    padding: 0;
    list-style-type: none;
}
.dettxt li:before {
    content: "+";
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 1px 4px;
    font-weight: lighter;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    margin-top:7px;
    margin-left: -15px;
    margin-right: 10px;
}
.dettxt li{
    margin-left: 35px;
    padding: 5px;
}
.print-link {
    border-bottom: 1px dotted #CCC;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}
h1.title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dotted #004677;
}
h1.title, h2.node-title, h2.title, h2.comment-form, h3.title {
    margin: 0px;
    color: #004677;
    text-transform: uppercase;
}
h2.block-title {
    margin-top: 5px;
    color: #004677;
    font-weight: normal;
    font-size: 15px;
}
.textobill{
    padding: 15px;
    margin-top: 15px;
    background: #fff;
    color: #000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.textobill h3{
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-bottom: dotted thin white;
}
.textobill p{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}
.mosdet, .ocdet{
    font-size: 12px;
    float: right;
    padding:0 5px;
    border: solid 1px #000;
    color: #000;
}
.tab{
    font-size: 1.2em;
}
#seguridad{
    background: #e6e6e6;
    padding: 5px;
}
#seguridad-tab{background: #e6e6e6;}
#artistic{
    background: #5982a4;
    padding: 5px;
}
#artistic-tab{background: #5982a4; color: white;}
#ultraviolof-tab{display:none;}
#ultraviol{
    background: rgba(133,3,252,0.2);
    padding: 5px;
}
.listadet{background: white; padding: 5px;}
.listadet img{margin: 20px 0; width: 100%;}

/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
    .btn-pop{
        min-width: 20px;
        min-height: 20px;
        max-width: 40px;
        max-height: 40px;
        font-size: 2em;
        line-height: 1em;
    }
    .socialNetworkNavBar .socialNetworkNav span{
        font-size: 1.2em;
        line-height: 2;
    }
    #myTabs{
        position: relative;
        height: 50px;
        margin: 0;
        display: inline;
        z-index: 2020;
    }
    #myTabs li{
        width: 30%;
        height: 100%;
        padding: -5px;
    }
    #myTabs li a{
        font-size: 8px;
        margin: 0;
    }
    #printlink{
        display: inline;
        top:-1px;
        width: 35%;
    }
    #printlink img{
        /*margin-top: auto;*/
        float: right;
        min-width: 35px;
    }
    .tooltip {
        display: none !important;
    }
}

@media only screen and (max-width: 585px) {
    .tooltip {
        display: none !important;
    }
}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {
    .tooltip {
        display: none !important;
    }
}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {}
	
	/* Estilo tabla popups  */
table.tabla-popup {
    border-collapse: separate;
    border-spacing: 5px 5px;
	table-layout: auto;
}

.tabla-popup tr td {
	vertical-align: middle; 
	text-align: left;
	padding: 5px;
	
}