@font-face { font-family:si; src: url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.woff") format('woff2'), url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.ttf") format('truetype'), url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.svg") format('svg'), url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.eot") format('eot'), url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.eot?#iefix") format('eot'); font-weight:normal; font-style:normal; font-display: swap; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family:si; src: url("//framework.tecnicosweb.com/core/xtras/fonts/socicon-v1.2/socicon.svg") format('svg'); font-display: swap; } } body{ margin: 0; font-family: sans-serif; line-height:1.5em; } h1{ font-size: 1.6rem; margin: 30px 5px 10px; } h2{ font-size: 1.4rem; margin: 30px 5px 10px; } h3{ font-size: 1.2rem; margin: 20px 5px 10px; } h4{ font-size: 1rem; margin: 20px 5px 10px; } pre { counter-reset: line; white-space: unset; background-color: black; overflow-x: scroll; padding: 5px 0px; } pre>code:before{ content: counter(line); color: black; margin-right: 15px; padding: 10px 10px; background-color: lightgray; } pre > code { background-attachment: scroll; background-clip: border-box; background-color: black; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: rgba(0, 255, 0, 0.8); display: block; font-family: Consolas,Monaco,"Andale Mono",monospace !important; font-size: 12px; text-shadow: 0 0 2px rgba(0, 255, 0, 0.6); white-space: pre; counter-increment: line; padding: 0px 0px; overflow-x: unset; } code{ } div > code{ padding: 10px 15px; background-color: lightgray; overflow-x: scroll; display: flex; border: solid 1px black; border-radius: 5px } .txt-darkblack{ color: black; } .txt-black{ color: #171717; } .txt-lightblack{ color: #333333; } .txt-darkgreen{ color: darkgreen; } .txt-green{ color: green; } .txt-lightgreen{ color: lightgreen; } .txt-darkred{ color: darkred; } .txt-red{ color: red; } .txt-lightred{ color: lightcoral; } .txt-darkorange{ color: darkorange; } .txt-orange{ color: orange; } .txt-lightorange{ color: #ffc356; } .txt-darkyellow{ color: #dddd07; } .txt-yellow{ color: yellow; } .txt-lightyellow{ color: #ffff95; } .txt-darkblue{ color: darkblue; } .txt-blue{ color: blue; } .txt-lightblue{ color: lightblue; } .txt-darkgrey{ color: #595959; } .txt-grey{ color: grey; } .txt-lightgrey{ color: lightgrey; } .txt-darkwhite{ color: #eaeaea; } .txt-white{ color: white; } .italic{ font-style: italic; } .strong, .bold{ font-weight: bold; } .bg-darkgreen{ background-color: darkgreen; } .bg-green{ background-color: green; } .bg-lightgreen{ background-color: lightgreen; } .bg-darkred{ background-color: darkred; } .bg-red{ background-color: red; } .bg-lightred{ background-color: lightcoral; } .bg-darkorange{ background-color: darkorange; } .bg-orange{ background-color: orange; } .bg-lightorange{ background-color: #ffc356; } .bg-darkyellow{ background-color: #dddd07; } .bg-yellow{ background-color: yellow; } .bg-lightyellow{ background-color: #ffff95; } .bg-darkblue{ background-color: darkblue; } .bg-blue{ background-color: blue; } .bg-lightblue{ background-color: lightblue; } .bg-darkgrey{ background-color: #595959; } .bg-grey{ background-color: grey; } .bg-lightgrey{ background-color: lightgrey; } .bg-darkwhite{ background-color: #eaeaea; } .bg-darkblack{ background-color: black; } .bg-black{ background-color: #171717; } .bg-lightblack{ background-color: #333333; } .bg-white{ background-color: white; } .border-0{ border: 0 !important; } .border-1{ border: 1px solid !important; } .border-2{ border: 2px solid !important; } .border-3{ border: 3px solid !important; } .border-top-0{ border-top: 0 !important; } .border-top-1{ border-top: 1px solid !important; } .border-top-2{ border-top: 2px solid !important; } .border-top-3{ border-top: 3px solid !important; } .border-bottom-0{ border-bottom: 0 !important; } .border-bottom-1{ border-bottom: 1px solid !important; } .border-bottom-2{ border-bottom: 2px solid !important; } .border-bottom-3{ border-bottom: 3px solid !important; } .border-left-0{ border-left: 0 !important; } .border-left-1{ border-left: 1px solid !important; } .border-left-2{ border-left: 2px solid !important; } .border-left-3{ border-left: 3px solid !important; } .border-right-0{ border-right: 0 !important; } .border-right-1{ border-right: 1px solid !important; } .border-right-2{ border-right: 2px solid !important; } .border-right-3{ border-right: 3px solid !important; } .border-vertical-0{ border-top: 0 !important; border-bottom: 0 !important; } .border-vertical-1{ border-top: 1px solid !important; border-bottom: 1px solid !important; } .border-vertical-2{ border-top: 2px solid !important; border-bottom: 2px solid !important; } .border-vertical-3{ border-top: 3px solid !important; border-bottom: 3px solid !important; } .border-lateral-0{ border-left: 0 !important; border-right: 0 !important; } .border-lateral-1{ border-left: 1px solid !important; border-right: 1px solid !important; } .border-lateral-2{ border-left: 2px solid !important; border-right: 2px solid !important; } .border-lateral-3{ border-left: 3px solid !important; border-right: 3px solid !important; } .shadow-small{ -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); } .shadow-medium{ -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75); } .shadow-big{ -webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75); box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75); } .nodecoration{ text-decoration: none; } .nodecoration-hover:hover{ text-decoration: none; } .underline{ text-decoration: underline; } .overline{ text-decoration: overline; } .strikeline{ text-decoration: line-through; } .txt-align-justify{ text-align:justify; } .txt-align-left{ text-align: left; } .txt-align-right{ text-align: right; } .txt-align-center{ text-align: center; } .v-align-top{ vertical-align: top; } .v-align-middle{ vertical-align: middle; } .v-align-bottom{ vertical-align: bottom; } .float-left{ float:left; } .float-right{ float:right; } .float-center{ margin-left:auto; margin-right:auto; text-align: center } .width-responsive{ width: 100%; height: auto; } .font-size-very-small{ font-size: 60%; font-size:0.6em; } .font-size-small{ font-size: 80%; font-size:0.8em; } .font-size-big{ font-size: 120%; font-size:1.2em; } .font-size-very-big{ font-size: 140%; font-size:1.4em; } .font-size-super-big{ font-size: 160%; font-size:1.6em; } .font-size-gegant{ font-size: 200%; font-size: 1.8em; } .display-none{ display:none; } .display-block{ display:block; } .display-inline{ display:inline; } .display-inblock{ display: inline-block; white-space: nowrap; } .round-corner-superbig{ -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } .round-corner-big{ -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .round-corner-medium{ -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } .round-corner-small{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .round-corner-top-big{ -webkit-border-top-left-radius: 25px; -webkit-border-top-right-radius: 25px; -moz-border-top-left-radius: 25px; -moz-border-top-right-radius: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; } .round-corner-top-medium{ -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-left-radius: 15px; -moz-border-top-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .round-corner-top-small{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .round-corner-bottom-big{ -webkit-border-bottom-left-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-bottomleft: 25px; -moz-border-radius-bottomright: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .round-corner-bottom-medium{ -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .round-corner-bottom-small{ -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .semiTransparent-big,.transparency-big,.opacity-small{ opacity: 0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; } .semiTransparent-medium,.transparency-medium,.opacity-medium{ opacity: 0.50; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; } .semiTransparent-small,.transparency-small,.opacity-big{ opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; } .contrast{ opacity: 0.85; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .opacity-small:hover{ opacity: 1; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; } .opacity-medium:hover{ opacity: 1; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1 } .opacity-big:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; } .contrast:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; } .opacity-hover-small:hover{ opacity: 0.25; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; } .opacity-hover-medium:hover{ opacity: 0.50; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; } .opacity-hover-big:hover{ opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; } table.row-hover tbody tr:hover{ background-color: #eeeeee; } div.table{ border: 0 solid #317082; margin-left: auto; margin-right: auto; display: table; table-layout: fixed; } div.row-responsive{ display:inline; float:left; position:relative; } div.row-responsive:last-child:after{ clear:both; } div.cell-responsive{ display:inline-block; float:left; position:relative; margin-right: 0 } div.cell-responsive:last{ clear:both; } div.row{ display: table-row; } div.row:after{ width: 20px; clear:both; } div.cell{ display: table-cell; position: relative; } div.flex-table{ display: flex; flex-direction: row; -webkit-flex-direction: row; } .g1{ width: 8.33%; } .g2{ width: 16.66%; } .g3{ width: 25%; } .g4{ width: 33.33%; } .g5{ width: 41.66%; } .g6{ width: 50%; } .g7{ width: 58.33%; } .g8{ width: 66.66%; } .g9{ width: 75%; } .g10{ width: 83.33%; } .g11{ width: 91.66%; } .g12{ width: 100%; } .half{ width:50%; } .full{ width:100%; } .clearfix{ clear: both; } .width-85{ width: 85px; } .width-100{ width: 100px; } .width-150{ width: 150px; } .width-200{ width: 200px; } .width-250{ width: 250px; } .width-300{ width: 300px; } .width-330{ width: 330px; } .width-350{ width: 350px; } .width-400{ width: 400px; } ul.flex-table{ display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; list-style: none; padding: 0; width: 100%; } ul.flex-table li:nth-child(1) { } ul.flex-table li { display: block; position: relative; } ul.flex-table.v-align-middle{ align-items: center; } ul.flex-table li.v-align-middle{ align-self: center; } .cursor-pointer{ cursor:pointer; } .cursor-help{ cursor:help; } .cursor-move{ cursor:move; } .padding-none{ padding: 0; } .padding-small{ padding: 5px; } .padding-medium{ padding: 10px; } .padding-big{ padding: 20px; } .padding-small-lateral{ padding-left: 5px; padding-right: 5px; } .padding-medium-lateral{ padding-left: 10px; padding-right: 10px; } .padding-big-lateral{ padding-left: 20px; padding-right: 20px; } .padding-small-vertical{ padding-top: 5px; padding-bottom: 5px; } .padding-medium-vertical{ padding-top: 10px; padding-bottom: 10px; } .padding-big-vertical{ padding-top: 20px; padding-bottom: 20px; } .padding-small-top{ padding-top: 5px; } .padding-medium-top{ padding-top: 10px; } .padding-big-top{ padding-top: 20px; } .padding-small-bottom{ padding-bottom: 5px; } .padding-medium-bottom{ padding-bottom: 10px; } .padding-big-bottom{ padding-bottom: 20px; } .margin-none{ margin: 0; } .margin-small{ margin: 5px; } .margin-medium{ margin: 10px; } .margin-big{ margin: 20px; } .margin-small-lateral{ margin-left: 5px; margin-right: 5px; } .margin-medium-lateral{ margin-left: 10px; margin-right: 10px; } .margin-big-lateral{ margin-left: 20px; margin-right: 20px; } .margin-small-vertical{ margin-top: 5px; margin-bottom: 5px; } .margin-medium-vertical{ margin-top: 10px; margin-bottom: 10px; } .margin-big-vertical{ margin-top: 20px; margin-bottom: 20px; } .margin-small-top{ margin-top: 5px; } .margin-medium-top{ margin-top: 10px; } .margin-big-top{ margin-top: 20px; } .margin-small-bottom{ margin-bottom: 5px; } .margin-medium-bottom{ margin-bottom: 10px; } .margin-big-bottom{ margin-bottom: 20px; } .message:before{ clear: both; } .message{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px 0px; -moz-box-shadow: 2px 2px 5px 0px; box-shadow: 2px 2px 5px 0px; min-height: 30px; text-align: left; margin: 15px; padding: 20px; font-size: 1.5rem; line-height: 1.4em; } .message.info{ background-color: lightblue; color: darkblue; } .message.warning{ background-color: #ffff95; color: #ff6600 } .message.success{ background-color: lightgreen; color: darkgreen; } .message.error{ background-color: lightcoral; color:#8b0000; } .message p{ font-size: 1rem; margin: 0; } label{ font-size: 1.2rem; } input, textarea, select{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; border: 2px solid grey; margin: 5px; font-size: 1rem; } input{ height: 2em } select{ height: 2.4em } select[multiple="multiple"]{ height: 6.4em; } input:focus, textarea:focus{ border: 2px solid greenyellow; } input[type=submit],input[type=reset],input[type=button], button{ font-size: 1.15rem; padding:0 10px } input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus, button:focus{ border: 0 solid transparent; } select{ font-size: 1.2rem; padding: 0 10px; width: 98% } .icon{ background: url('//www.tecnicosweb.com/x-images/icons/sprite-icons.webp') no-repeat scroll; display: inline-block; width: 50px; height: 50px; } .icon.circle{ -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; border: 1px solid grey; width: 49px; height: 49px; } .icon.mini{ transform: scale(0.5); margin:-10px -5px -15px; } .icon.music{ background-position: -23px -5px } .icon.search{ background-position: -139px -5px } .icon.tourch{ background-position: -197px -5px } .icon.mail{ background-position: -255px -5px } .icon.hearth-dark{ background-position: -311px -5px; } .icon.hearth{ background-position: -371px -5px } .icon.star-dark{ background-position: -427px -5px; } .icon.star{ background-position: -487px -5px } .icon.user{ background-position: -545px -5px } .icon.group{ background-position: -603px -5px } .icon.user-add{ background-position: -661px -5px } .icon.video{ background-position: -719px -5px } .icon.pictures{ background-position: -777px -5px } .icon.camera{ background-position: -835px -5px } .icon.info{ background-position: -371px -63px } .icon.info-dark{ background-position: -427px -62px; } .icon.blockquote{ background-position: -370px -118px; } .icon.question{ background-position: -255px -63px } .icon.question-dark{ background-position: -312px -63px; } .icon.computer{ background-position: -81px -411px } .icon.mobile{ background-position: -139px -411px } .icon.earth{ background-position: -429px -411px } .icon.share{ background-position: -893px -179px } .icon.like{ background-position: -1125px -63px } .icon.pallete{ background-position: -893px -353px } .icon.fly{ background-position: -661px -411px } .icon.lifesafe{ background-position: -777px -411px } .icon.printer{ background-position: -661px -121px } .icon.link{ background-position: -661px -63px } .icon.secure{ background-position: -777px -63px } .icon.unsecure{ background-position: -835px -63px } .icon.download{ background-position: -371.5px -411px } ul.soc{ padding: 0; } .soc { overflow:hidden; font-family:si!important; } .soc li { display:inline-block; list-style:none; } .soc li a { font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; transition:.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); overflow:hidden; text-decoration:none; text-align:center; display:block; position: relative; width: 48px; height: 48px; line-height: 48px; font-size: 26px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; margin-right: 5px; color: #ffffff; } .soc-icon-last{ margin:0 !important; } .soc a:hover { z-index: 2; } .soc-modelmayhem:before { content: "\e000"; } .soc-mixcloud:before { content: "\e001"; } .soc-drupal:before { content: "\e002"; } .soc-swarm:before { content: "\e003"; } .soc-istock:before { content: "\e004"; } .soc-yammer:before { content: "\e005"; } .soc-ello:before { content: "\e006"; } .soc-stackoverflow:before { content: "\e007"; } .soc-persona:before { content: "\e008"; } .soc-triplej:before { content: "\e009"; } .soc-houzz:before { content: "\e00a"; } .soc-rss:before { content: "\e00b"; } .soc-paypal:before { content: "\e00c"; } .soc-odnoklassniki:before { content: "\e00d"; } .soc-airbnb:before { content: "\e00e"; } .soc-periscope:before { content: "\e00f"; } .soc-outlook:before { content: "\e010"; } .soc-coderwall:before { content: "\e011"; } .soc-tripadvisor:before { content: "\e012"; } .soc-appnet:before { content: "\e013"; } .soc-goodreads:before { content: "\e014"; } .soc-tripit:before { content: "\e015"; } .soc-lanyrd:before { content: "\e016"; } .soc-slideshare:before { content: "\e017"; } .soc-buffer:before { content: "\e018"; } .soc-disqus:before { content: "\e019"; } .soc-vkontakte:before { content: "\e01a"; } .soc-whatsapp:before { content: "\e01b"; } .soc-patreon:before { content: "\e01c"; } .soc-storehouse:before { content: "\e01d"; } .soc-pocket:before { content: "\e01e"; } .soc-email1:before { content: "\e01f"; } .soc-blogger:before { content: "\e020"; } .soc-technorati:before { content: "\e021"; } .soc-reddit:before { content: "\e022"; } .soc-dribbble:before { content: "\e023"; } .soc-stumbleupon:before { content: "\e024"; } .soc-digg:before { content: "\e025"; } .soc-envato:before { content: "\e026"; } .soc-behance:before { content: "\e027"; } .soc-delicious:before { content: "\e028"; } .soc-deviantart:before { content: "\e029"; } .soc-forrst:before { content: "\e02a"; } .soc-play:before { content: "\e02b"; } .soc-zerply:before { content: "\e02c"; } .soc-wikipedia:before { content: "\e02d"; } .soc-apple:before { content: "\e02e"; } .soc-flattr:before { content: "\e02f"; } .soc-github:before { content: "\e030"; } .soc-renren:before { content: "\e031"; } .soc-friendfeed:before { content: "\e032"; } .soc-newsvine:before { content: "\e033"; } .soc-identica:before { content: "\e034"; } .soc-bebo:before { content: "\e035"; } .soc-zynga:before { content: "\e036"; } .soc-steam:before { content: "\e037"; } .soc-xbox:before { content: "\e038"; } .soc-windows:before { content: "\e039"; } .soc-qq:before { content: "\e03a"; } .soc-douban:before { content: "\e03b"; } .soc-meetup:before { content: "\e03c"; } .soc-playstation:before { content: "\e03d"; } .soc-android:before { content: "\e03e"; } .soc-snapchat:before { content: "\e03f"; } .soc-twitter:before { content: "\e040"; } .soc-facebook:before { content: "\e041"; } .soc-googleplus:before { content: "\e042"; } .soc-pinterest:before { content: "\e043"; } .soc-foursquare:before { content: "\e044"; } .soc-yahoo:before { content: "\e045"; } .soc-skype:before { content: "\e046"; } .soc-yelp:before { content: "\e047"; } .soc-feedburner:before { content: "\e048"; } .soc-linkedin:before { content: "\e049"; } .soc-viadeo:before { content: "\e04a"; } .soc-xing:before { content: "\e04b"; } .soc-myspace:before { content: "\e04c"; } .soc-soundcloud:before { content: "\e04d"; } .soc-spotify:before { content: "\e04e"; } .soc-grooveshark:before { content: "\e04f"; } .soc-lastfm:before { content: "\e050"; } .soc-youtube:before { content: "\e051"; } .soc-vimeo:before { content: "\e052"; } .soc-dailymotion:before { content: "\e053"; } .soc-vine:before { content: "\e054"; } .soc-flickr:before { content: "\e055"; } .soc-500px:before { content: "\e056"; } .soc-instagram:before { content: "\e057"; } .soc-wordpress:before { content: "\e058"; } .soc-tumblr:before { content: "\e059"; } .soc-twitch:before { content: "\e05a"; } .soc-8tracks:before { content: "\e05b"; } .soc-amazon:before { content: "\e05c"; } .soc-icq:before { content: "\e05d"; } .soc-smugmug:before { content: "\e05e"; } .soc-ravelry:before { content: "\e05f"; } .soc-weibo:before { content: "\e060"; } .soc-baidu:before { content: "\e061"; } .soc-angellist:before { content: "\e062"; } .soc-ebay:before { content: "\e063"; } .soc-imdb:before { content: "\e064"; } .soc-stayfriends:before { content: "\e065"; } .soc-residentadvisor:before { content: "\e066"; } .soc-android { background-color: #8ec047; } .soc-whatsapp { background-color: #20B038; } .soc-google { background-color: #d93e2d; } .soc-googleplus { background-color: #d93e2d; } .soc-facebook { background-color: #3e5b98; } .soc-twitter { background-color: #4da7de; } .soc-youtube { background-color: #e02a20; } .soc-myspace { background-color: #323232; } .soc-yahoo { background-color: #6E2A85; } .soc-windows { background-color: #00BDF6; } .soc-email1 { background-color: #578AD6; } .soc-rss { background-color: #f26109; } .soc-pinterest { background-color: #c92619; } .soc-linkedin { background-color: #3371b7; } .soc-skype { background-color: #28abe3; } .soc-soundcloud { background-color: #fe3801; } .soc-vimeo { background-color: #51b5e7; } .soc-instagram { background-color: #9c7c6e; } .soc-wordpress { background-color: #464646; } .soc-blogger { background-color: #ec661c; } .soc-reddit { background-color: #e74a1e; } .soc-play { background-color: #000000; } .soc-apple { background-color: #B9BFC1; } .soc-friendfeed { background-color: #2F72C4; } .soc-github { background-color: #5380c0; } .soc-tripadvisor { background-color: #000000; } .soc-joomla { background-color: #ED2E38; } .soc-flickr { background-color: #1e1e1b; } .soc-delicious { background-color: #0b79e5; } .soc-android:hover { background-color: #8eb447; } .soc-whatsapp:hover { background-color: #20a438; } .soc-flickr:hover { background-color: #0a0a07; } .soc-play:hover { background-color: #0e0e0e; } .soc-apple:hover { background-color: #a5abad; } .soc-friendfeed:hover { background-color: #1b5eb0; } .soc-github:hover { background-color: #3f6cac; } .soc-tripadvisor:hover { background-color: #0e0e0e; } .soc-joomla:hover { background-color: #d91a24; } .soc-skype:hover { background-color: #1497cf; } .soc-soundcloud:hover { background-color: #ea2400; } .soc-vimeo:hover { background-color: #3da1d3; } .soc-instagram:hover { background-color: #88685a; } .soc-wordpress:hover { background-color: #323232; } .soc-blogger:hover { background-color: #d85208; } .soc-reddit:hover { background-color: #d3360a; } .soc-google:hover { background-color: #c52a19; } .soc-googleplus:hover { background-color: #c52a19; } .soc-facebook:hover { background-color: #2a4784; } .soc-twitter:hover { background-color: #3993ca; } .soc-youtube:hover { background-color: #cc160c; } .soc-myspace:hover { background-color: #1e1e1e; } .soc-yahoo:hover { background-color: #5a1671; } .soc-windows:hover { background-color: #3993ca; } .soc-pinterest:hover { background-color: #b51205; } .soc-linkedin:hover { background-color: #1f5da3; } .soc-email1:hover { background-color: #4376c2; } .soc-rss:hover { background-color: #de4d00; } .soc-delicious:hover { background-color: #0058ae; } .show-1440,.show-1360,.show-1280,.show-1024,.show-832,.show-800,.show-768,.show-720,.show-640,.show-600,.show-480,.show-320,.show-300{ display:none; } @media screen and (max-width: 1440px){ .show-1440{ display:block; } .hide-1440{ display:none; } .break-1440{ width: 100%; display: block !important; } } @media screen and (max-width: 1360px){ .show-1360{ display:block; } .hide-1360{ display:none; } .break-1360{ width: 100%; display: block !important; } } @media screen and (max-width: 1280px){ .show-1280{ display:block; } .hide-1280{ display:none; } .break-1280{ width: 100%; display: block !important; } } @media screen and (max-width: 1023px){ .show-1024{ display:block; } .hide-1024{ display:none; } .break-1024{ width: 100%; display: block !important; } } @media screen and (max-width: 831px){ .show-832{ display:block; } .hide-832{ display:none; } .break-832{ width: 100%; display: block !important; } } @media screen and (max-width: 799px){ .show-800{ display:block; } .hide-800{ display:none; } .break-800{ width: 100%; display: block !important; } } @media screen and (max-width: 767px){ .show-768{ display:block; } .hide-768{ display:none; } .break-768{ width: 100%; display: block !important; } } @media screen and (max-width: 719px){ .show-720{ display:block; } .hide-720{ display:none; } .break-720{ width: 100%; display: block !important; } } @media screen and (max-width: 639px){ .show-640{ display:block; } .hide-640{ display:none; } .break-640{ width: 100%; display: block !important; } } @media screen and (max-width: 599px){ .show-600{ display:block; } .hide-600{ display:none; } .break-600{ width: 100%; display: block !important; } } @media screen and (max-width: 479px){ .show-480{ display:block; } .hide-480{ display:none; } .break-480{ width: 100%; display: block !important; } } @media screen and (max-width: 319px){ .show-320{ display:block; } .hide-320{ display:none; } .break-320{ width: 100%; display: block !important; } } @media screen and (max-width: 299px){ .show-300{ display:block; } .hide-300{ display:none; } .break-300{ width: 100%; display: block !important; } } 
@font-face { font-family: 'Copperplate Gothic Light'; src: url("//www.tecnicosweb.com/x-fonts/coprgtl.eot") } @font-face { font-family: 'Copperplate Gothic Light'; src: url("//www.tecnicosweb.com/x-fonts/coprgtl.ttf") } @font-face { font-family:Raleway; src: url("//framework.tecnicosweb.com/core/xtras/fonts/raleway/Raleway-Regular.ttf"), url("//framework.tecnicosweb.com/core/xtras/fonts/raleway/Raleway-Regular.eot"); font-display: swap; } @font-face { font-family:Raleway-bold; font-weight: bold; src: url("//framework.tecnicosweb.com/core/xtras/fonts/raleway/Raleway-Bold.ttf"), url("//framework.tecnicosweb.com/core/xtras/fonts/raleway/Raleway-Bold.eot"); font-display: swap; } body { font-family: Verdana, fantasy, sans-serif; font-size: 16px; color: dimgrey; overflow-y: scroll; margin: 0; line-height: 1.7rem; } section{ margin-bottom: 20px; } a:link { color: #162955; } a:visited { text-decoration: underline; color: #2e4272; } a:hover { text-decoration: underline; color: #4F628E; } .bg-beige{ background-color: beige; } .blanco{ color:white !important; } .rojo{ color:red !important; } .verde{ color:green !important; } h1, h2, h3, h4, h5, h6, p.titular { font-family: Raleway; } h1{ color:#061539; line-height: 1.5rem; } h2{ color:#162955; line-height: 1.5rem; } h3{ color:#2e4272; line-height: 1.5rem; } h4{ line-height: 1.5rem; } img{ border:0; } .separadorDerecha{ padding-right: 50px; } hr.separadorVertical20{ height: 20px; border: 0; } hr.separadorVertical40{ height: 40px; border: 0; } hr.separadorVertical60{ height: 60px; border: 0; } hr.separadorVertical80{ height: 80px; border: 0; } .zoom-50{ -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform: scale(0.5); } .rotarDch{ -webkit-transition: width 2s, height 2s,-webkit-transform 2s; -moz-transition: width 2s, height 2s,-moz-transform 2s; -ms-transition: width 2s, height 2s,-ms-transform 2s; -o-transition: width 2s, height 2s,-o-transform 2s; transition: width 2s, height 2s, transform 2s; transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); } .rotarIzq{ -webkit-transition: width 2s, height 2s,-webkit-transform 2s; -moz-transition: width 2s, height 2s,-moz-transform 2s; -ms-transition: width 2s, height 2s,-ms-transform 2s; -o-transition: width 2s, height 2s,-o-transform 2s; transition: width 2s, height 2s, transform 2s; transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); } table { margin: auto; border-collapse: collapse; border:none; } table.tabla { width:100%; padding:10px; padding-left: 20px; padding-right: 20px; } table.mini, td.mini{ padding:10px; width:430px; background-color:#317082; color: white; } table.micro, td.micro{ width:300px; background-color:#317082; color: white; } td { vertical-align:top; } td.campo{ vertical-align: middle; font-size: 12px; background-color: #eeeeee; } table.post{ width: 100%; } div.tabla{ border: 0 solid #317082; margin-left: auto; margin-right: auto; display: table; table-layout: fixed; } div.col4{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } div.post{ padding-bottom:10px; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 0; border: 1px solid lightgrey; background-color: white; } .satelite{ border: 1px solid lightgrey; width: 235px; height: 350px; margin: 5px; padding: 5px; } .satelite a{ text-decoration: none !important; } .satelite a:hover{ color: inherit; } .miniPost{ border: 2px solid gray; background-color: lightgray; width: 230px; height: auto; margin: 5px; padding: 10px; } .miniNoticia{ width: 175px; height: 335px; background-color: beige; border: 1px solid grey; margin: 5px; padding: 15px 5px; opacity: 0.90; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity: 0.90; } .miniNoticia:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; } #gris{ position: fixed; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; background-color: white; width: 100%; height: 100%; display: none; z-index: 14; margin: 0; top: 0; left: 0; cursor:wait; } #result { background-color: lightgray; color: black; position:fixed; bottom: 0; right: 0; width:280px; padding:10px; border:1px solid #bfcddb; z-index: 4; display:none; } #loading { background-image:url(//www.tecnicosweb.com/x-images/ajax-loader.gif); width:31px; height:31px; margin: 250px auto; z-index: 4; } div.logotipo{ position: fixed; top:5px; left: 10px; } .nav{ width: 100%; position: fixed; top: 0; left: 0; margin:0; background-color: beige; height: 60px; border-bottom: 2px solid darkgrey; z-index: 2; } #navlist { white-space: nowrap; padding-top: 17px; padding-left:35px; font-size: 25px; width: 95%; font-family: Raleway-bold; } #navlist img{ height: 80%; } #navlist li, .menuTab li { display: inline; list-style-type: none; } .menuTab{ border-bottom: 4px solid grey; padding: 0 0 6px 5px; margin-top: 30px; } .menuTab li{ border: 1px solid grey; padding: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .seleccionado{ background-color:grey; color:white; padding:10px; } #navlist li a{ height: 100%; padding: 10px; text-decoration: none } #navlist li a:hover{ background-color: #061539; color:#ecf9b2; transition: 0.2s ease-in-out } #navlist a.selected{ color: #061539; text-decoration: underline !important; font-weight:bold !important; } #navlist a.selected:hover{ color: #ecf9b2; text-decoration: underline !important; font-weight:bold !important; transition: 0.3s ease-in-out } #scrollUp{ bottom: 5px; right: 5px; display: none; position: fixed; } div.post blockquote{ font-style: italic; border-left: 5px solid grey; padding-left:10px; font-size: 1.5rem; line-height: 2rem; } div.post td.celda_autor{ width: 64px; vertical-align: middle; text-align: center; } div.articleBody > div > img{ max-width: 90% !important; height: auto !important; } a.paginado{ padding: 10px; width: 32px; height: 32px; background-color: black; color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px double black; } a.paginado:link { text-decoration: none; color: white; } a.paginado:visited { text-decoration: none; color: white; } a.paginado:hover { text-decoration: none; color: white; } input, select, checkbox, radio { height: 2em; vertical-align: top; margin-bottom: 10px; max-width: 90% } button, input[type=submit], input[type=reset], input[type=button] { height: 2.5em; vertical-align: top; } label { vertical-align: top; } #content{ width: 85%; max-width: 1300px; min-height: 440px; margin-left: auto; margin-right: auto; padding:0; margin-top:100px; } div#footer{ vertical-align: top; padding: 30px; background-color: black; color: white; bottom: 0; } div#compartir{ position: fixed; left:0; top:200px; border: 1px solid grey; padding: 2px; text-align: center; display:none; } div.social{ display: inline-table; vertical-align: bottom; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; } div.galleria-container{ min-width:50%; } div.validaciones{ float: right; margin-right: 20px; } div#slideshow img{ width: 550px; height: 345px; } img.imagenPostPrincipal{ width: 300px; margin-right:20px; margin-bottom:10px; float:left } img.imagenPost{ width: 90%; max-width: 170px; height: auto; } div.anuncioVerticalIzquierdo{ border: 1px solid grey; margin-right: 30px; padding: 2px; } .jcarousel img{ height: 250px; width: auto; margin-left: auto; margin-right: auto; max-width: 95%; } #raterZone{ background-color: beige; } #avisoCookie{ color: white; width: 100%; position: fixed; bottom: 0; left: 0; padding: 5px; background-color: #003399; font-size: 12px; z-index: 1; } #avisoCookie span{ vertical-align: middle; cursor: pointer; } div.fb_iframe_widget{ display: inline !important } div.fb_iframe_widget span{ vertical-align: initial !important; } span.IN-widget{ vertical-align: top !important; } span.IN-none{ display: none!important; } .compartirSocial{ max-width: 80%; } .compartirSocial div{ display: inline-block; } #deliciousButton{ padding: 3px; border: 1px solid lightgray; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-top-left-radius: 2px; -moz-border-top-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-bottom-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: lightblue; color: #454545; font-size: 10px; margin-right: 5px; font-weight: bold; text-decoration: none; margin-left: auto; margin-right: auto; } #deliciousButton img{ vertical-align: middle; margin-right: 3px; } .deliciousButton{ margin-top: -6px; vertical-align: top; } #btnwhatsapp{ margin-top: -5px; } #btnwhatsapp > a{ padding: 2px; } #testWindow{ position: fixed; bottom: 0; left: 0; background-color: lightgray; color:green; border: 2px solid black; width: 200px; height: 50px; text-align: center; } #testWindow span{ display:block; padding-top: 15px } @media screen and (min-width: 851px) and (max-width: 1024px){ #content{ width: 80%; } img.imagenPostPrincipal{ width: 250px; margin-right:15px; } } @media screen and (max-width: 1200px){ #navlist{ font-size: 20px !important; padding-left:15px; } } @media screen and (max-width: 850px){ #content{ width: 100%; } #compartir{ display: none !important; } h1{ font-size: 22px; } h2{ font-size: 20px; } h3{ font-size: 18px; } .letra_peque{ font-size: 12px; } div.post{ width: 100%; border:0; margin-top:-20px; } } @media screen and (min-width: 800px){ #menuMobile{ display: none; } .slicknav_menu { display:none; } } @media screen and (max-width: 799px){ .slicknav_menu { display:block; } nav{ display: none; } span.mobile-rater{ display:inline; } #textRating{ padding-top: 20px; } } @media screen and (max-width: 719px){ label.float-right{ float: none; } } @media screen and (min-width: 651px) and (max-width: 1000px){ img.imagenPostPrincipal{ width: 200px; margin-right:10px; } } @media screen and (max-width: 650px){ #fb_comments{ display:none; } div.row{ display: table-row !important; } img.imagenPostPrincipal{ width: 100%; margin-right:0; display:table-row; } div.articleBody > div > iframe{ display:none } div.post > iframe{ display: none; } } @media screen and (max-width: 400px){ .padeadoLaterales{ padding-left: 10px; padding-right: 10px; } }
table.tableList { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: auto; max-width:100%; border: 2px solid #317082; padding:5px; background-color: cornsilk; caption, thead, legend{ font-size: 1.5rem; font-weight: bold; text-align: center; } thead{ .cabecera{ font-weight: bold; background-color:#ffcc99; font-size: 1rem; } } tbody{ a, .link{ text-decoration: none; cursor: pointer; padding-left: 20px; padding-right: 10px; background: url("../images/iconLinkExt.gif") no-repeat scroll 8px 2px transparent; } a:hover, .link:hover{ text-decoration : underline; } tr.cabecera th{ padding: 5px; } tr.campo{ vertical-align: middle; font-size: 0.8rem; background-color: #eeeeee; } tr.campo.alterno{ background-color: white; } tr.campo:hover{ background-color: #fcefa1; } td{ padding: 4px; } } tfoot{ font-size: 1rem; a.pagination,span.pagination{ margin: 10px; text-decoration: none; color: black; } img{ vertical-align: middle; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } } } /* table.tableList tbody a, table.tableList .link{ text-decoration: none; cursor: pointer; padding-left: 20px; padding-right: 10px; background: url("../images/iconLinkExt.gif") no-repeat scroll 8px 2px transparent; } table.tableList a:hover, table.tableList .link:hover{ text-decoration : underline; } table.tableList { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: auto; max-width:100%; border: 2px solid #317082; padding:5px; background-color: cornsilk; } thead, caption, legend { font-size: 20px; font-weight: bold; text-align: center; } table.tableList tr{ border-collapse:collapse; } table.tableList .cabecera{ font-weight: bold; background-color:#ffcc99; font-size: 15px; } table.tableList tr.campo{ vertical-align: middle; font-size: 12px; background-color: #eeeeee; } table.tableList tr.alterno{ background-color: white; } table.tableList tr.campo:hover{ background-color: #fcefa1; } table.tableList td { padding: 4px; } tfoot img{ vertical-align: middle; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } table.tableList thead tr.cabecera th{ padding: 5px; } tfoot a.pagination, tfoot span.pagination{ margin: 10px; text-decoration: none; color: black; } .izquierda{ text-align: left; } .centrado { text-align: center; } .derecha { text-align: right; } */
 .stat {margin:10px;} .stat label {font-weight: bold;} .ui-rater>span, .ui-rater-big>span {vertical-align:middle;} .ui-rater-rating {margin-left:.8em} .ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(//framework.tecnicosweb.com/core/client/images/stars.png) repeat-x 0 0px;} .ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;} .ui-rater-starsHover {background-position: 0 -18px!important;} .ui-rater-big .ui-rater-starsOff, .ui-rater-big .ui-rater-starsOn {display:inline-block; height:32px; background:url("//framework.tecnicosweb.com/core/client/images/stars-big2.png") repeat-x 0 0px;} .ui-rater-big .ui-rater-starsOn {display:block; max-width:160px; top:0; background-position: 0 -32px;} .ui-rater-big .ui-rater-starsHover {background-position: 0 -97px !important;}
 .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block;margin: 5px;} .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline;} .slicknav_nav li{ border-top: 1px solid rgb(110,110,110); } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu { font-size:25px; } .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222222; } .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background:#4c4c4c; left: 0; padding: 5px; position: fixed; top: 0; width: 100%; z-index: 100; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:10px; margin:2px 5px; } .slicknav_nav a{ padding:10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#222; } .slicknav_nav .slicknav_txtnode { margin-left:15px; }
.jcarousel-wrapper { margin: 20px auto; position: relative; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel { position: relative; overflow: hidden; width: 100%; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { width: 200px; float: left; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jcarousel img { display: block; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -25px; width: 48px; height: 48px; text-align: center; background: #4E443C; color: #fff!important; text-decoration: none; text-shadow: 0 0 1px #000; font: 48px/38px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7; } .jcarousel-control-prev { left: 15px; } .jcarousel-control-next { right: 15px; } .jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 15px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; }
 .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } 
 .success_32, .success_48, .error_32, .correcto, .facebook, .facebook-48, .google-plus, .google-plus-48, .incorrecto, .info_32, .links, .menuButton, .question_32, .required, .rss, .up, .validacion-css, .validacion-HTML5, .warning_32, .up_48{ background: url('//www.tecnicosweb.com/x-images/icons/sprites.webp') no-repeat scroll; display: inline-block; } .message .success_32, .message .success_48, .message .error_32, .message .correcto, .message .info_32, .message .question_32, .message .warning_32, .message .up_48{ float:left; margin-right: 10px; } .success_32{ background-position: -303px -72px; width: 32px; height: 32px; } .success_48{ background-position: -113px -75px; width: 48px; height: 48px; } .error_32{ background-position: -254px -72px; width: 32px; height: 32px; } .correcto{ background-position: -286px -104px; width: 16px; height: 16px; } .facebook{ background-position: -490px 0; width: 64px; height: 65px; } .facebook-48{ background-position: -60px -75px; width: 48px; height: 48px; } .google-plus{ background-position: -419px 0; width: 64px; height: 64px; } .google-plus-48{ background-position: 0 -74px; width: 48px; height: 48px; } .incorrecto{ background-position: -239px -103px; width: 16px; height: 16px; } .info_32{ background-position: -401px -72px; width: 32px; height: 32px; } .links{ background-position: -347px 0; width: 64px; height: 65px; } .menuButton{ background-position: -277px 0; width: 64px; height: 64px; cursor: pointer; } .question_32{ background-position: -204px -73px; width: 32px; height: 32px; } .required{ background-position: -333px -106px; width: 16px; height: 14px; } .rss{ background-position: -206px 0; width: 64px; height: 64px; } .up{ background-position: -131px 0; width: 64px; height: 64px; cursor: pointer; } .up_48{ background-position: -506px -75px; width: 48px; height: 48px; cursor: pointer; } .validacion-css{ background-position: -61px 0; width: 64px; height: 64px; } .validacion-HTML5{ background-position: 0 0; width: 64px; height: 64px; } .warning_32{ background-position: -350px -71px; width: 32px; height: 32px; }