@font-face {
    font-family:'MuseoSansRounded_regular';
    src:url('../fontface/MuseoSansRounded-500.eot');
    src:url('../fontface/MuseoSansRounded-500.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-500.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-500.woff') format('woff'),
        url('../fontface/MuseoSansRounded-500.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-500.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRounded_medium';
    src:url('../fontface/MuseoSansRounded-700.eot');
    src:url('../fontface/MuseoSansRounded-700.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-700.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-700.woff') format('woff'),
        url('../fontface/MuseoSansRounded-700.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-700.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRounded_bold';
    src:url('../fontface/MuseoSansRounded-900.eot');
    src:url('../fontface/MuseoSansRounded-900.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-900.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-900.woff') format('woff'),
        url('../fontface/MuseoSansRounded-900.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-900.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'MuseoSansRounded_bold';
    src:url('../fontface/MuseoSansRounded-900.eot');
    src:url('../fontface/MuseoSansRounded-900.eot') format('embedded-opentype'),
        url('../fontface/MuseoSansRounded-900.woff2') format('woff2'),
        url('../fontface/MuseoSansRounded-900.woff') format('woff'),
        url('../fontface/MuseoSansRounded-900.ttf') format('truetype'),
        url('../fontface/MuseoSansRounded-900.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

html {
	height:100%;
}

* {
	font-smooth:always;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    min-width:320px; 
	font-family:'MuseoSansRounded_regular', Arial, Helvetica, sans-serif;
	font-size:23px;
	line-height:23px;
    color:#231F20;
    /*background-color:#EFEDE3;*/
	background-color:#faf7b6;
}

img {
    margin:0;
    padding:0;
    border:none;
}

a {
    text-decoration:none;
    outline:none;
    color:#211E1F;
}

h1, h2, h3, h4 {
    margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
}

p {
    margin:0;
    padding:0;
}

ul {
    margin:0;
    padding:0;
    list-style:none;
}

section {
    margin:0;
    padding:0;
    font-size:0;
    line-height:0;
}

iframe {
	margin:0;
	padding:0;
}

input, textarea, select {
    outline:none;
}

.clear {
	clear:both;
}

.rojo {
    color:#B40125;
    /*color:#D53757;*/
}

.verde {
    color:#0C3034;
}

.magenta {
    color:#E33B82;
}


/*/// HEADER ///*/

header {
    position:relative;
    width:100%;
    height:70px;
    padding:0;
    margin-top:-82px;
    /*background:rgba(11,11,11,.8);*/
    background:#000;
    /*background:#1CABB4;*/
    /*box-shadow:0 1px 6px #122A33;*/
    opacity:0;
    transition:all 300ms linear;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    z-index:4;
}

.HeaderTransform {
    position:fixed;
    margin-top:0;
    opacity:1;
}

.ClipLogo {
    display:block;
    width:130px;
    text-align:center;
    margin:12px auto 0;
    z-index:4;
}

.logo {
	width:130px;
}

#MenuH {
    position:absolute;
	top:20px;
    left:20px;
}

.menu {
    float:left;
}

#mmenu:active,
#mmenu:focus {
	outline:none;
	background:none;
	border:none;
}

.hamburguesa {
    float:left;
    width:36px;
}

.menues {
    float:left;
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:15px;
    /*color:#D3AE6E;*/
	color:#fff;
	
    margin-top:7px;
    margin-left:5px;
}

#elmenu {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:inherit;
    text-align:center;
	padding:35px 20px 50px;
	background:#ffcc00;
	z-index:5;
}

.ClipCerrar {
    margin-top:-6px;
}

.ico-cerrar {
    display:inline-block;
    width:30px;
    height:30px;
    border:none;
    background-image:url(../imgs/cerrar.svg);
    background-size:contain;
    background-repeat:no-repeat;
}

ul.botones {
    margin:30px auto 10px;
    padding:0;
}

ul.botones li {
	list-style:none;
}

ul.botones li a {
	display:inline-block;
	font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
	font-size:28px;
    line-height:28px;
	text-decoration:none;
    text-transform:uppercase;
	color:#FFF;
    margin-bottom:25px;
    transition:color 200ms linear;
    -webkit-transition:color 200ms linear;
    -moz-transition:color 200ms linear;
    -o-transition:color 200ms linear;
    -ms-transition:color 200ms linear;
}

ul.botones li a:hover {
	color:#004694;
}

#elmenu .submarca {
    display:block;
    width:260px;
    margin:30px auto 5px;
}

#elmenu .red {
    width:44px;
}

.ClipPortada {
    position:relative;
    margin-bottom:20px;
}

.s_container {
    width:100%;
}

.s_container .logo-star {
    position:absolute;
    top:40px;
    left:0;
    right:0;
    width:220px;
    margin:auto;
    z-index:2;
}

.s_container h1 {
    position:absolute;
    top:80px;
    left:0;
    right:0;
    display:block;
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:60px;
    line-height:51px;
    text-align:center;
    color:#FFF;
    padding:0 40px;
    z-index:2;
}

.s_container h1 span {
    display:block;
    width:20px;
    margin:6px auto 8px;
    border-top:3px solid #FFF;
}

.ClipFlecha {
    position:absolute;
    bottom:30px;
    left:0;
    right:0;
    width:50px;
    height:50px;
    margin:auto;
    z-index:3;
}

.flecha-baja {
    display:inline-block;
    width:50px;
    height:50px;
    border:none;
    background-image:url('../imgs/bajar.png');
    background-size:contain;
    background-repeat:no-repeat;
}

.s_foto_fondo {
    position:absolute;
    width:100%;
    /*background-image:url('../imgs/portadas/10/big0000.jpg');*/
    background-size:cover;
    background-position:center center;
    z-index:1;
}

.s_foto_fondo.mobile {
    display:none;
}

.absolute {
    position:absolute;
    top:40%;
    bottom:40%;
    left:0;
    right:0;
}

.table {
    display:table;
    width:100%;
    height:100%;
}

.table-cell {
    position:relative;
    display:table-cell;
    height:inherit;
    vertical-align:middle;
    z-index:3;
}

.mascara_slider {
    position:relative;
    width:100%;
    height:inherit;
    background-color:rgba(0, 0, 0, 0.3);
    z-index:2;
}


/*/// CARTA ///*/

.centrador_thumbs {
    width:100%;
    line-height:0;
    font-size:0;
    margin:auto;
    padding-top:20px;
}

.ClipThumbs {
    display:block;
}

.ClipGrupotira {
    text-align:center;
    padding-top:0px;
    margin:auto;
}

.centrador {
    display:block !important;
    max-width:800px;
    text-align:left;
    margin:auto;
    padding:0 15px;
}

.ClipGrupotira h2 {
    display:inline-block;
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:33px;
    line-height:38px;
    text-align:left;
    text-transform:uppercase;
 	color:#bf0811;
	padding:10px 0;
    margin:0;
}

.resumen {
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:23px;
    text-transform:uppercase;
    /*color:#D1AA67;*/
	color:#bf0811;
    margin:-3px auto 30px;
}

.resumen a {
    color:#231F20;
}

.resumen a.tel {
    font-size:17px;
}

.tiraDetalle {
    display:block !important;
    max-width:800px;
    text-align:left;
    margin:auto;
    padding:0 15px 50px;
}

.finalCAT {
    display:block !important;
    max-width:800px;
    margin:auto;
    padding:0 15px;
}

.col_thumb_destacados {
    display:inline-block;
    width:100%;
    border-bottom:1px dotted #555;
}

.tiraDetalle .col_thumb_destacados:last-child {
    border:none;
}

.ClipNombrePrecio {
    float:left;
    width:calc(100% - 110px);
    width:-webkit-calc(100% - 110px);
    width:-moz-calc(100% - 110px);
    width:-o-calc(100% - 110px);
    /*border:1px solid #CCC;*/
}

.ClipDatos {
    position:relative;
    padding:12px 0;
}

.ClipIcos {
    float:left;
    text-align:right;
    margin-top:4px;
    margin-left:-3px;
    margin-right:5px;
}

.ico {
    display:inline-block;
    width:19px;
    margin-left:2px;
    margin-right:4px;
}

.ico.st {
    margin-left:0;
}

.ClipDatos h3 {
    display:block;
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:19px;
    line-height:23px;
    text-transform:uppercase;
    color:#231F20;
}

.ClipDatos p {
    display:block;
    font-family:'MuseoSansRounded_regular', Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:19px;
    text-transform:uppercase;
    color:#231F20;
    margin-top:2px;
}

.precio_thumb {
    position:absolute;
    top:15px;
    right:5px;
    font-family:'MuseoSansRounded_bold', Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#231F20;
}

.precio_thumb span {
    color:#231F20;
}

.no_hay {
    font-family:'MuseoSansRounded_medium', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:23px;
    color:#231F20;
    margin-top:-5px;
}

.no_hay.mobile {
    display:none;
    font-size:15px;
    line-height:22px;
}

.ClipThumb {
    max-width:800px;
    margin:-40px auto 20px;
    padding:0;
}

.thumb {
    position:relative;
    width:100%;
    margin:40px auto 10px;
    padding:0 15px;
    font-size:0;
    line-height:0;
    border:none;
    z-index:1;
}


/*/// FOOTER ///*/

footer {
    margin-top:40px;
    padding:40px 0 10px;
    /*background:#1CABB4;*/
    /*background:#D3AE6E;*/
	background:#000
}

footer .centrador {
    width:100%;
    max-width:1024px;
    text-align:center;
    margin:0 auto;
    padding:0;
}

.logo-ft {
    display:block;
    width:220px;
    margin:auto;
}

.link-web {
    display:inline-block;
    font-family:'MuseoSansRounded_medium', Arial, Helvetica, sans-serif;
    font-size:29px;
    text-align:center;
    color:#FFF;
    padding:0;
    margin:30px auto 40px;
}

.link-web a {
    color:#FFF;
}

.link-web a:hover {
    color:#FFF;
}

.red {
    width:40px;
    margin:0 3px;
}

.ico-Subir {
    width:46px;
    height:46px;
    margin:50px auto;
    border:none;
    background-image:url(../imgs/subir.png);
    background-size:contain;
    background-repeat:no-repeat;
}


/*/// Queries - CHEQUEAR QUE TENGO QUE BORRAR A PARTIR DE ACÁ ///*/

@media screen and (max-width:1270px) {
    .ClipGrupotira h2 { font-size:30px; line-height:35px; }
}

@media screen and (max-width:1023px) {
    .s_foto_fondo.desktop { display:none; }
    .s_foto_fondo.mobile { display:block; }
    #MenuH { left:12px; }
    .ClipGrupotira h2 { font-size:27px; line-height:32px; }
    .centrador { padding:0 30px; }
    .tiraDetalle { padding:0 30px 50px; }
    .resumen { font-size:15px; line-height:22px; margin:0 auto 20px; }
    .resumen a.tel { font-size:16px; }
    .thumb { padding:0; }
}

@media screen and (max-width:639px) {
    .s_container .logo-star { width:190px; top:35px; }
    .s_container h1 { font-size:46px; line-height:42px; top:10px; }
    .s_container h1 span { width:18px; margin:8px auto 10px; border:1px solid #FFF; }
    header { margin-top:-66px; }
    .ClipLogo { width:120px; margin-top:14px; }
    .logo { width:120px; }
    #MenuH { top:6px; left:7px; }
    .hamburguesa { width:37px; }
    .menues { font-size:15px; margin-top:8px; margin-left:3px; }
    .ClipPortada { display:block; margin-bottom:10px; }
    #carta { display:block; }
    .no_hay.desktop { display:none; }
    .no_hay.mobile { display:block; }
    .centrador { padding:0 20px; }
    .centrador_thumbs { padding-top:10px; }
    .ico { width:19px; }
    .ClipGrupotira h2 { font-size:25px; line-height:33px; padding:10px 0 0; }
    .tiraDetalle { padding:5px 20px 30px; }
    .ClipDatos { padding:12px 0 10px; }
    .ClipDatos h3 { font-size:18px; line-height:24px; }
    .ClipDatos p { font-size:15px; line-height:20px; margin-top:0; }
    .precio_thumb { top:23px; font-size:20px; }
    .ClipNombrePrecio { width:calc(100% - 90px); width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:-o-calc(100% - 90px); }
    .info { font-size:18px; line-height:25px; padding:30px 0 40px; }
    .info span { font-size:20px; }
    .info a { font-size:19px; }
    .logo-ft { width:210px; }
    .red { width:40px; }
    #elmenu .submarca { width:210px; }
    footer { margin-top:70px; }
    .ico-Subir { width:50px; height:50px; margin-bottom:40px; }
    .ClipThumb { margin:-50px auto 10px; }
    .finalCAT { margin-top:-10px; padding:0 20px; }
    ul.botones { margin:20px auto 10px; }
    ul.botones li a { font-size:24px; line-height:26px; padding:0 20px; margin-bottom:19px; }
    .ClipCerrar { margin-top:25px; margin-bottom:23px; }
    #elmenu { padding:5px 40px 50px; }
    .ClipIcos { margin-top:2px; margin-right:4px; }
}

@media screen and (max-width:399px) {
    .ClipDatos { padding:12px 0 9px; }
}

@media screen and (max-width:390px) {
    .s_container .logo-star { width:180px; }
}

@media screen and (max-width:374px) {
    .ClipGrupotira h2 { font-size:23px; line-height:31px; }
    .resumen { font-size:14px; line-height:21px; }
    .resumen a.tel { font-size:15px; }
    .no_hay.mobile { font-size:14px; line-height:21px; }
}

@media screen and (max-width:359px) {
    .s_container .logo-star { width:170px; }
    .s_container h1 { font-size:40px; line-height:36px; top:10px; }
    .s_container h1 span { margin:6px auto 8px; }
    .menues { display:none; }
    ul.botones li a { font-size:23px; line-height:27px; }
    #elmenu .submarca { width:180px; }
    .ClipGrupotira h2 { font-size:21px; line-height:27px; }
    .ClipDatos { padding:9px 0 10px; }
    .ClipDatos h3 { font-size:17px; line-height:21px; }
    .precio_thumb { top:19px; font-size:19px; }
    .ClipDatos p { font-size:14px; line-height:19px; }
    .info { font-size:14px; }
    .logo-ft { width:180px; }
}