<html ⚡ lang="<? if ( isset($idioma) && $idioma != "" ) { echo $idioma; } else { echo "es"; }?>">
<!-- header -->
<head>
<meta charset="utf-8">
<title><?=strip_tags($title);?> | <?= CLIENT_NAME;?></title>
<? if ( isset($canonical) && $canonical != "" ) { ?>
<link rel="canonical" href="<?=$canonical?>" />
<? } else { ?>
<link rel="canonical" href="<?=PROTOCOL. $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"];?>" />
<? } ?>
<!-- hreflang -->
<? for($x = 0; $x < $arrlength; $x++) {
if ( $languages[$x][2] == 1 ) {
if ( $languages[$x][0] != $idioma ) { ?>
<?
$canonical_lang = str_replace(PROTOCOL.DOMAIN_NAME,"",$canonical);
$canonical_lang = str_replace($idioma."/","",$canonical_lang);
?>
<link rel="alternate" hreflang="<?=$languages[$x][0]?>" href="<?=PROTOCOL.DOMAIN_NAME.$languages[$x][0]. "/" .$canonical_lang?>" />
<? }
}
} ?>
<!-- ./ hreflang -->
<? if ( isset($robots) && $robots != "" ) { ?>
<meta name="robots" content="<?=$robots?>" />
<? } else { ?>
<meta name="robots" content="index, follow" />
<? } ?>
<link rel="shortcut icon" href="<?=PROTOCOL.DOMAIN_NAME?>favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="<?=PROTOCOL.DOMAIN_NAME?>apple-touch-icon.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="<?=strip_tags($description);?>">
<meta name="author" content="Leizarán WEBS">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="<?=strip_tags($title);?>">
<meta itemprop="description" content="<?=strip_tags($description);?>">
<!-- Open Graph data -->
<meta property="og:site_name" content="<?=DOMAIN_NAME?>" />
<meta property="og:title" content="<?=strip_tags($title);?>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<?=$canonical?>" />
<meta property="og:locale" content="es_ES" />
<meta property="og:description" content="<?=strip_tags($description);?>" />
<!-- Twitter Card data -->
<meta name="twitter:url" content="<?=$canonical?>" />
<meta name="twitter:title" content="<?=strip_tags($title);?>" />
<meta name="twitter:description" content="<?=strip_tags($description);?>" />
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<!-- AMP boilerplate -->
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<? if( isset($aditional_amp) && $aditional_amp != "") {
echo $aditional_amp;
} ?>
<!-- Bootstrap core CSS is replaced with amp-custom style tag -->
<style amp-custom>/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}details,footer,header,main,nav{display:block}[hidden],template{display:none}a:active,a:hover{outline:0}h1{margin:.67em 0}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}button{margin:0;font:inherit;color:inherit;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled]{cursor:default}.btn,[role=button]{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000;text-shadow:none;background:0 0;-webkit-box-shadow:none;box-shadow:none}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}}.btn,.btn-default:active,.btn-primary:active,.btn:active,.navbar-toggle{background-image:none}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143;color:#333;background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit}a{background-color:transparent;color:#007bff;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.btn,.btn-link{font-weight:400}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.btn,.nav{margin-bottom:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container>.navbar-collapse,.container>.navbar-header,.row{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}.btn{display:inline-block;padding:6px 12px;font-size:16px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px}.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn[disabled]{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:active,.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default[disabled]:focus,.btn-default[disabled]:hover{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#007bff;border-color:#2e6da4}.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:active,.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#007bff;border-color:#2e6da4}.btn-link{color:#007bff;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.collapse{display:none}.nav{padding-left:0;list-style:none}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar{border-radius:4px}.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible}.navbar-fixed-top .navbar-collapse{padding-right:0;padding-left:0}.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;top:0;border-width:0 0 1px}.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}@media (min-width:768px){.navbar-nav{float:left;margin:0}}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover{color:#444}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}.hidden,.visible-lg,.visible-md{display:none}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block}}@media (min-width:1200px){.visible-lg{display:block}.hidden-lg{display:none}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none}}
/* mis estilos */
.bg-primary {
background-color: #007bff;
}
.bg-secondary {
background-color: #868e96;
}
.bg-success{
background-color: #28a745;
}
.bg-danger{
background-color: #dc3545;
}
.bg-warning{
background-color: #ffc107;
}
.bg-info{
background-color: #17a2b8;
}
.bg-light{
background-color: #f8f9fa;
}
.bg-dark{
background-color: #343a40;
}
.bg-white{
background-color: #fff;
}
.text-primary {
color: #007bff;
}
.text-secondary {
color: #868e96;
}
.text-success{
color: #28a745;
}
.text-danger{
color: #dc3545;
}
.text-warning{
color: #ffc107;
}
.text-info{
color: #17a2b8;
}
.text-light{
color: #f8f9fa;
}
.text-dark{
color: #343a40;
}
.text-white{
color: #fff;
}
.text-right{
text-align: right;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.list-unstyled{
list-style: none;
padding-left:0;
}
.d-block{
display: block;
}
.d-inline-block{
display: inline-block;
}
.p-20{
padding: 20px;
}
.p-40{
padding: 40px;
}
.p-0{
padding: 0;
}
.prl-5{
padding: 0 5px;
}
.m-0{
margin: 0;
}
.m-20{
margin: 20px;
}
.mt-20{
margin-top: 20px;
}
.col-2 {
width: 48%;
margin: 1%;
float: left;
overflow: hidden;
}
body {
font-family: 'Noto Sans', sans-serif;
color: #6A696A;
line-height: 1.8;
}
header, footer{
padding: 8px;
position: relative;
}
header {
position: fixed;
width: 100%;
padding: 0;
z-index: 999;
border-bottom: 1px solid #cccccc;
}
.main{
padding-top: 103px;
overflow-x: hidden;
}
.ampstart-btn {
position: absolute;
top: 45px;
z-index: 999;
display: block;
height: 38px;
right: 10px;
cursor: pointer;
border: none;
border-radius: 3px;
padding: 5px 10px;
}
#sidebar{
width: 280px;
padding: 30px;
}
.amp-close-image {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.menu li{
margin-bottom: 8px;
border-bottom: 1px solid #ddd;
}
.logo-site {
display: none;
text-indent: -99999px;
}
.amp-site-logo-container{
display: inline-block;
height: 63px;
width: 100px;
margin-top: 0;
margin-bottom: 0;
}
.carousel .caption {
position: absolute;
padding: 5px;
background: rgba(0, 0, 0, 0.6);
color: #ddd;
font-size: smaller;
bottom: 0;
width: 100%;
}
.marcas-img {
vertical-align: middle;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .5rem;
margin-bottom: 16px;
height: 95%;
overflow: hidden;
}
.card-footer {
padding: 1.25rem;
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(0,0,0,.125);
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
border-bottom: 1px solid rgba(0,0,0,.125);
}
.tarifas-aviso h3, .tarifas-aviso h4 {
margin: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-warning {
color: #111;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.alert {
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-secondary {
color: #464a4e;
background-color: #e7e8ea;
border-color: #dddfe2;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.bloques {
max-width: 400px;
margin: 16px auto;
}
.menu-izquierda a {
background: #e9ecef;
border-bottom: 1px solid white;
}
.text-muted {
color: #868e96;
}
.nav-link {
display: block;
padding: .5rem 1rem;
}
.active.text-muted:after {
content: '\f0d7';
font-family: FontAwesome;
float: right;
}
.gallery-figure{
position: relative;
width: 100%;
max-width: 350px;
margin: 0 auto;
padding: 10px;
display: inline-block;
}
.gallery-figure figcaption{
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
}
figure{
position: relative;
}
figcaption{
background: rgba(0,0,0,.8);
margin-top: -5px;
}
.maestro {
max-width: 350px;
margin: 16px auto;
}
.new-label {
background: #df6504;
font: 700 14px/12px Arial, Helvetica, sans-serif;
color: white;
text-transform: uppercase;
padding: 9px 0 7px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
width: 130px;
text-align: center;
display: block;
position: absolute;
left: -33px;
top: 16px;
z-index: 1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.new-label::before,
.new-label::after {
border-color: #7d3700 transparent transparent transparent;
}
.new-label:before {
position: absolute;
bottom: -3px;
right: 5px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #7d3700 transparent transparent transparent;
content: ".";
text-indent: -5000px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.new-label:after {
position: absolute;
bottom: -3px;
left: 3px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #7d3700 transparent transparent transparent;
content: ".";
text-indent: -5000px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.new-box {
left: -3px;
position: absolute;
top: -3px;
overflow: hidden;
height: 85px;
width: 85px;
text-align: center;
z-index: 0;
}
p.precio {
font-size: 25px;
margin-top: 8px;
}
li.nav-item.nav-parent ul a {
background: #efefef;
}
.nav-parent {
margin-top: 5px;
}
li.nav-item.nav-parent > a {
background: #dbdbdb;
}
.active.text-muted:after {
content: '\f0d7';
font-family: FontAwesome;
float: right;
}
.has-child > .active.text-muted:after {
content: '';
}
.nav-parent.has-child > a {
color: #666666;
font-weight: 500;
}
.ampstart-input>input, .ampstart-input>select, .ampstart-input>textarea {
width: 100%;
margin-top: 1rem;
line-height: 1.5rem;
border: 0;
border-radius: 0;
border-bottom: 1px solid #4a4a4a;
background: 0 0;
color: #4a4a4a;
outline: 0;
}
.ampstart-input>input.search{
width: 80%;
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
justify-content: center;
}
.page-item.disabled .page-link {
color: #868e96;
pointer-events: none;
background-color: #fff;
border-color: #ddd;
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.page-link {
position: relative;
display: block;
padding: 1rem 1.25rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #ddd;
}
.page-link:focus, .page-link:hover {
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #ddd;
}
article{
position: relative;
}
.carrusel{
width: 150px;
}
.accordion-header {
background: none;
padding-right: 0;
border: none;
}
.languages{
float: right;
margin-right: 70px;
margin-top: 18px;
}
#accordion h2{
font-size: 20px;
margin-top: 20px;
padding: 10px;
border-radius: 3px;
}
.retratos{
border-radius: 5px;
color: #fff;
overflow: hidden;
}
.retratos figcaption,
.foto-detalle figcaption{
position: absolute;
bottom: 0;
width: 100%;
padding: 5px;
}
.retratos *,
.foto-detalle figcaption{
margin: 0;
line-height: 1.4;
}
.retratos {
position: relative;
}
.page-item.active .page-link {
color: #868e96;
background-color: #fff;
}
amp-social-share[type=email], amp-social-share[type=facebook], amp-social-share[type=gplus], amp-social-share[type=twitter], amp-social-share[type=whatsapp] {
max-width: 35px;
max-height: 35px;
background-size: 75%;
border-radius: 8px;
}
.content-tel{
padding: 2px 0;
}
body .width-auto{
width: auto;
}
</style>
</head>
<body>
<amp-sidebar id="sidebar" layout="nodisplay" side="right">
<amp-img class="amp-close-image" src="<? echo PROTOCOL.DOMAIN_NAME; ?>images/comunes/ic_close_black_18dp_2x.png"
width="20"
height="20"
alt="Cerrar menú"
on="tap:sidebar.close"
role="button"
tabindex="0"></amp-img>
<nav>
<ul class="menu list-unstyled">
<!-- menu principal -->
<? for ($i=0; $i<$conBotones;$i++){ ?>
<li class="nav-item <? if ( $seccion == ${nombre_carpeta.$i} ) { echo "active"; }?> cb_<?=$i?>">
<a class="nav-link d-block" href="<?=PROTOCOL.DOMAIN_NAME?><?=${nombre_carpeta.$i}?>/amp/"><?=${titulo_menu.$i}?></a>
</li>
<? if ( $seccion == ${nombre_carpeta.$i} ) { $tituloSeccion=${titulo_menu.$i}; $tituloSeccion_href = ${nombre_carpeta.$i}; }?>
<? } ?>
<!-- menu principal -->
</ul>
<? if ( $row_dir['tel'] != "") { ?>
<br><a class="mt-20 telefono-cabecera text-white btn-lg bg-danger" href="tel:<?=$row_dir['tel']?>"><i class="fa fa-phone text-white" aria-hidden="true"></i> <?=$row_dir['tel']?></a>
<? } ?>
</nav>
</amp-sidebar>
<header class="bg-light">
<? if ( $row_dir['tel'] != "") { ?>
<div class="bg-secondary text-right text-white content-tel"><a class="telefono-cabecera text-white btn-lg" href="tel:<?=$row_dir['tel']?>"><i class="fa fa-phone text-white" aria-hidden="true"></i> <?=$row_dir['tel']?></a>
</div>
<? } ?>
<a class="amp-site-logo-container" href="<? echo PROTOCOL.DOMAIN_NAME; ?>home/amp/">
<amp-img src="<?=PROTOCOL.DOMAIN_NAME?>images/<?=$row_logo['logo']?>" width="<?=$width_logo?>" height="<?=$height_logo?>" alt="<? echo CLIENT_NAME; ?>" class="amp-site-logo" layout="responsive"></amp-img><span class="logo-site"><? echo CLIENT_NAME; ?></span>
</a>
<!-- idiomas -->
<?php
if ($arrlength > 1) { ?>
<div class="languages">
<amp-accordion disable-session-states>
<section>
<header class="accordion-header text-center"><i class="fa fa-2x fa-language" aria-hidden="true"></i></header>
<ul class="list-unstyled">
<? for($x = 0; $x < $arrlength; $x++) { ?>
<? if ( $languages[$x][2] == 1 ) { ?>
<?
$host= $_SERVER["HTTP_HOST"];
$url= $_SERVER["REQUEST_URI"];
$url_completa = $host . $url;
//obtengo la url desde el idioma: es/galeria/2-galeria-de-imagenes/
$extraigo_parte = str_replace(DOMAIN_NAME,"",$url_completa);
//borro el cógido de idioma de la url galeria/2-galeria-de-imagenes/
$limpio_parte = preg_replace("/^[a-z]{2}\//","",$extraigo_parte,1);
//url con idioma http://localhost/pruebas_2018/es/galeria/1-galeria-de-imagenes-3/
//echo PROTOCOL.DOMAIN_NAME.$languages[$x][0] . "/" . $limpio_parte;
?>
<li class="<? if ( $idioma == $languages[$x][0] ) { echo 'active '; } ?>list-inline-item"><a href="<? echo PROTOCOL.DOMAIN_NAME.$languages[$x][0] . "/" . $limpio_parte?>"><?=strtoupper($languages[$x][1])?></a></li>
<? } ?>
<? } ?>
</ul>
</section>
</amp-accordion>
</div>
<? } ?>
<!-- FIN idiomas -->
<button on="tap:sidebar.toggle" class="ampstart-btn"><span class="toggle-btn"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></span></button>
</header>
<main role="main" class="main">