/*
    Proyecto: Suscripción
    Cliente ABC Kiosko y Más
    Inicio: 29/04/2013
*/


/* Tipografía */

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: museo;
	font-weight: normal; 
	margin: 0;
	padding: 0;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
}

p { }




/* Comunes */

@font-face {
	    font-family: 'museo';
	    src: url('../font/museo-webfont.eot');
	    src: url('../font/museo-webfont.eot?iefix') format('eot'),
	         url('../font/museo-webfont.woff') format('woff'),
	         url('../font/museo-webfont.ttf') format('truetype'),
	         url('../font/museo-webfont.svg') format('svg');
	    font-weight: normal;
	    font-style: normal; 
}

.alfa-omega p {
	
}
#icons {
    background: url("../img/icons.png") no-repeat scroll 0 0 transparent;
    bottom: 80px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 570px;
}
.cultural p{text-align: center; font-size:1em;}

.login {
	font-family: museo;
	font-weight: bold;
	width: 100%;
	font-size: 14px;
	background: #000;
	padding: 10px 0 20px 0;
	color: #fff;
}
.login a {
	opacity: 1;
	background: #8d0000;
	border-radius: 3px;
	ms-border-radius: 3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	o-border-radius: 3px;
	padding:  5px 10px 5px 10px;
	text-decoration: none;
	color: #fff;
	margin-left: 10px;
}
.login a:hover {
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.login .wrapper {
	width: 1026px;
	margin: 0 auto;
	text-align: right;
	padding-right: 25px;
}
.wrapper p {
	display: inline-block;
	margin-right: 20px;
	font-size: 1em;
}
form {
	display: inline-block;
}
input {
	font-family: museo;
	font-weight: bold;
	border-radius: 3px;
	ms-border-radius: 3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	o-border-radius: 3px;
	height: 25px;
	width: 110px;
	border: none;
	padding-left: 20px;
}


body{
	background: url("../img/bg-body.jpg") repeat;
	border-top: 15px solid #000;
    font: 16px Arial;
    color: #222;
}

.wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
}

section .wrapper{
	background: #fff;
	-webkit-box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	        box-shadow:  0px 0px 6px 0px rgba(0, 0, 0, 0.2);

}

.cabecera{
	background: url("../img/bg-header.jpg") no-repeat top;
	position: relative;
	height: 298px;
}


.chapa{
	background: url("../img/chapa.png") no-repeat 0 0;
	display: block;
	width: 118px;
	height:216px;
	position: absolute;
	left: -11px;
	top: 20px;
}

.logo{
	position: absolute;
	left: 140px; 
	top: 20px;
}
.logo img {
	width: 93px;
}


.tx-cabecera{
	text-align: right;
}

h1{
	font: 45px museo;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
    filter: dropshadow(color=#112, offx=0, offy=3);
	padding: 24px 0 10px;
}

h1 span{
	font: 41px cooper;
}

h1 strong{
	font: 45px museo;
	display: block;
	padding-top: 18px;
}


h2{
	font: 63px museo;
	border-top: 1px solid rgba(255, 255, 255, 0.7);
	color: #fff;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
    filter: dropshadow(color=#112, offx=0, offy=3);
    
	display: inline-block;
	padding-top: 10px;
	margin-top: 10px;
}

.dispositivos,
.suscripcion{
	display: inline-block;
	vertical-align: top !important;
	width: 475px;
	height: 500px;
}

.dispositivos{
	background: url("../img/bg-dispositivos.png") no-repeat center;
	position: relative;
	top: -171px;
}


.dispositivos figure{
	background: url("../img/loading.gif") no-repeat center;
}


.dispositivos .portada1{
	position: absolute;
	left: 38px;
	top: 135px;
	width: 186px;
	height: 247px;
}

.dispositivos .portada2{
	position: absolute;
	right: 32px;
	top: 94px;
    width: 186px;
    height: 247px;
}

.precio{
	background: url("../img/bg-precio.png") no-repeat center;
	width: 144px;
	height: 144px;
	position: absolute;
	right: 25px;
	bottom: 7px;
}

.precio p{
	text-align: center;
	font: 40px museo;
	color: #fff;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
    filter: dropshadow(color=#112, offx=0, offy=3);
    	position:relative;
	left:20px;
}

.precio p span{
	font: 21px museo;
	color: #fff;
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
	display: block;

}

.precio p em{
	font: 29px museo;
}

.texto-dispositivos{
	position: absolute;
	left: 0;
	bottom: 0;
	font: 18px museo;
	color: #c40a09;
	display: inline;
	width: 209px;
	margin: 12px 0 0 0;
	padding-left: 20px;
}

.suscripcion{
	font: 20px museo;
	color: #c40a09;
	height: 325px !important;
}

.suscripcion h3{
	color: #c40a09;
	width: 81%;
	margin: 0 auto 20px;
	font-size: 30px;
}

.suscripcion strong{
	font-weight: bold;
}

.bt-suscribete{
	background: url("../img/bt-suscribete.png") no-repeat center;
	width: 439px;
	height: 63px;
	display: block;
	margin: 0 auto;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

.bt-suscribete:hover {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}

/* Slider */

.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	max-width:780px;
	margin:0 auto
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
}

.pagination {
	text-align:center;
	padding-top:20px;
	position: relative;
	top: -105px;
}

.pagination a{
	background: url("../img/arrows.png") no-repeat;
	display: block;
	width: 31px;
	height: 58px;
	position: absolute;
	top: 0;
	cursor: pointer;
}

.pagination .left{
	left: 0;
	background-position: left;
}

.pagination .right{
	right: 0;
	background-position: right;
}

.suplementos h4{
	font: 22px museo;
	text-align: center;
	padding: 21px 0 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.suplementos{
	background: #980a09;
}

.suplementos .wrapper{
	box-shadow: none;
	background: #cf0a09;
	height: 250px;
}

#lista-suplementos figure{
	display: inline-block;
	vertical-align: top;
	width: 105px;
	margin: 0 10px;
	background: url("../img/loading.gif") no-repeat center #fff;
	height: 143px;
}

.contact-info{
	background: #fff;
	padding: 15px 0;
}

.contact-info-container{
	background: #e4e4e4;
	border-radius: 5px;
	border: 1px solid #c3c3c3;
	width: 760px;
	margin: 0 auto;
	display: block;
	padding: 20px 10px;
}

.contact-info-container article{
	display: inline-block;
	vertical-align: top;
	padding-left: 50px;
	margin-left: 12px;
	height: 45px;
}

.contact-info-container article p{
	font: 14px museo;
	color: #595959;
	margin: 0;
}

.contact-info-container article a{
	text-decoration: none;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	margin-top: 7px;
	display: block;
}

.telefono{
	width: 150px;
	background: url("../img/phone.png") no-repeat left center;
}

.telefono .phone{
    color:#222222;
    font-size: 23px
}

.email{
	background: url("../img/mail.png") no-repeat left center;
}


.twitter{
	background: url("../img/twitter.png") no-repeat left center;
}

.pie{
	padding: 35px 0;
	text-align: center;
	background: #000;
}



/* Forkit */

.forkit-curtain > img {
    width: 70%;
}

.forkit-curtain {
    background:url("../img/bg-curtain.png");
    text-align: center;
    z-index:10;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
}

.forkit {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 150px;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

.forkit .tag {
    display: block;
    height: 30px;
    width: 200px;
    color: #fff;
    background: #aa0000;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.4 );

    -webkit-transform-origin: 15px 0px;
       -moz-transform-origin: 15px 0px;
        -ms-transform-origin: 15px 0px;
         -o-transform-origin: 15px 0px;
            transform-origin: 15px 0px;
}

.forkit .tag:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 196px;
    height: 26px;
    margin: 1px;
    border: 1px solid rgba( 255, 255, 255, 0.4 );
}

.forkit .string {
    display: block;
    height: 1px;
    width: 0px;
    position: absolute;

    background: rgba( 255, 255, 255, 0.7 );
    box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.4 );

    -webkit-transform-origin: 0px 0px;
       -moz-transform-origin: 0px 0px;
        -ms-transform-origin: 0px 0px;
         -o-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
}


.sharing {
    position: absolute;
    bottom: 16px;
    left: 20px;
}

.forkit-curtain  .close-button {
    background-size: 40px auto;
    cursor: pointer;
    height: 46px;
    position: absolute;
    right: 300px;
    top: 20px;
    width: 47px;
    z-index: 10;
}

.forkit-curtain.show{
    top: 0 !important;
}

.close-button > img {
    display: block;
    width: 40px;
}

a.forkit {
    z-index: 10;
    position:absolute;
    top:0;
    right: 30px;
}

a.forkit-ie {
    z-index: 10;
    position:absolute;
    top:0;
    right:0;
    display: none;
}
aside.login .wrapper img {
	display: inline-block;
	position: absolute;
	left: 40px;
	top: -5px;
}

/* Fuentes */


@font-face {
	    font-family: 'museo';
	    src: url('../font/museo-webfont.eot');
	    src: url('../font/museo-webfont.eot?iefix') format('eot'),
	         url('../font/museo-webfont.woff') format('woff'),
	         url('../font/museo-webfont.ttf') format('truetype'),
	         url('../font/museo-webfont.svg') format('svg');
	    font-weight: normal;
	    font-style: normal; 
}


@font-face {
    font-family: 'cooper';
    src: url('../font/bitstream_cooper_light-webfont.eot');
    src: url('../font/bitstream_cooper_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bitstream_cooper_light-webfont.woff') format('woff'),
         url('../font/bitstream_cooper_light-webfont.ttf') format('truetype'),
         url('../font/bitstream_cooper_light-webfont.svg#bitstream_cooperlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*suplementos */
/*motor*/
.motor .cabecera {
	background: url("../img/bg-header-motor.jpg") no-repeat top;
}
.motor .chapa {
	background:url("../img/sprite-motor.png") no-repeat 3px 0;}
.motor .precio {
	background:url("../img/sprite-motor.png") no-repeat 0px -292px;}
.motor .pagination .left {
	background:url("../img/sprite-motor.png") no-repeat 0px -221px;}
.motor .pagination .right {
	background:url("../img/sprite-motor.png") no-repeat -32px -221px;}

.motor .suscripcion h3 {
    color: #C40A09;
}
.motor .texto-dispositivos {
	 color: #C40A09;
	 }
	 /*end-motor*/

/*Alfa-omega*/
.alfa-omega .cabecera {
	background: url("../img/bg-header-alfa-omega.jpg") no-repeat top;
}
.alfa-omega .chapa {
	background:url("../img/sprite-alfa-omega.png") no-repeat 3px 0;}
.alfa-omega .precio {
	background:url("../img/sprite-alfa-omega.png") no-repeat 0px -292px;}
.alfa-omega .pagination .left {
	background:url("../img/sprite-alfa-omega.png") no-repeat 0px -221px;}
.alfa-omega .pagination .right {
	background:url("../img/sprite-alfa-omega.png") no-repeat -32px -221px;}
.alfa-omega .suscripcion h3 {
    color: #C40A09;}
.alfa-omega .texto-dispositivos {
	 color: #C40A09;}
/*End alfa-omega*/

/*aragon*/
.aragon .cabecera {
	background: url("../img/bg-header-aragon.jpg") no-repeat top;}
.aragon .suplementos {
	background:#80520c;}
.aragon .suplementos .wrapper {
	background:#ca7c05;}
.aragon .chapa {
	background:url("../img/sprite-aragon.png") no-repeat 3px 0;}
.aragon .precio {
	background:url("../img/sprite-aragon.png") no-repeat 0px -292px;}
.aragon .pagination .left {
	background:url("../img/sprite-aragon.png") no-repeat 0px -221px;}
.aragon .pagination .right {
	background:url("../img/sprite-aragon.png") no-repeat -32px -221px;}
.aragon .suscripcion h3 {
    color: #ba7711;}
.aragon .texto-dispositivos {
	 color: #ba7711;}
/*End aragon*/

/*codigo-unico*/
.codigo-unico .cabecera {
	background: url("../img/bg-header-codigo-unico.jpg") no-repeat top;}
.codigo-unico .suplementos {
	background:#705b46;}
.codigo-unico .suplementos .wrapper {
	background:#a18567;}
.codigo-unico .chapa {
	background:url("../img/sprite-codigo-unico.png") no-repeat 3px 0;}
.codigo-unico .precio {
	background:url("../img/sprite-codigo-unico.png") no-repeat 0px -292px;}
.codigo-unico .pagination .left {
	background:url("../img/sprite-codigo-unico.png") no-repeat 0px -221px;}
.codigo-unico .pagination .right {
	background:url("../img/sprite-codigo-unico.png") no-repeat -32px -221px;}
.codigo-unico .suscripcion h3 {
    color: #705b45;}
.codigo-unico .texto-dispositivos {
	 color: #705b45;}
/*End codigo-unico*/

/*cultural*/
.cultural .cabecera {
	background: url("../img/bg-header-cultural.jpg") no-repeat top;}
.cultural .suplementos {
	background:#370506;}
.cultural .suplementos .wrapper {
	background:#850909;}
.cultural .chapa {
	background:url("../img/sprite-cultural.png") no-repeat 3px 0;}
.cultural .precio {
	background:url("../img/sprite-cultural.png") no-repeat 0px -292px;}
.cultural .pagination .left {
	background:url("../img/sprite-cultural.png") no-repeat 0px -221px;}
.cultural .pagination .right {
	background:url("../img/sprite-cultural.png") no-repeat -32px -221px;}
.cultural .suscripcion h3 {
    color: #C40A09;}
.cultural .texto-dispositivos {
	 color: #C40A09;}
/*End cultural*/

/*empresa*/
.empresa .cabecera {
	background: url("../img/bg-header-empresa.jpg") no-repeat top;}
.empresa .chapa {
	background:url("../img/sprite-empresa.png") no-repeat 3px 0;}
.empresa .precio {
	background:url("../img/sprite-empresa.png") no-repeat 0px -292px;}
.empresa .pagination .left {
	background:url("../img/sprite-empresa.png") no-repeat 0px -221px;}
.empresa .pagination .right {
	background:url("../img/sprite-empresa.png") no-repeat -32px -221px;}
.empresa .suplementos {
	background:#143861;}
.empresa .suplementos .wrapper {
	background:#175ba6;}
.empresa .suscripcion h3 {
    color: #1658a1;}
.empresa .texto-dispositivos {
	 color: #1658a1;}
/*End empresa*/

/*femenino-hoy*/
.femenino-hoy .cabecera {
	background: url("../img/bg-header-femenino.jpg") no-repeat top;}
.femenino-hoy .chapa {
	background:url("../img/sprite-femenino.png") no-repeat 3px 0;}
.femenino-hoy .precio {
	background:url("../img/sprite-femenino.png") no-repeat 0px -292px;}
.femenino-hoy .pagination .left {
	background:url("../img/sprite-femenino.png") no-repeat 0px -221px;}
.femenino-hoy .pagination .right {
	background:url("../img/sprite-femenino.png") no-repeat -32px -221px;}
.femenino-hoy .suplementos {
	background:#8a0a4c;}
.femenino-hoy .suplementos .wrapper {
	background:#e5127f;}
.femenino-hoy .suscripcion h3 {
    color: #9e0b57;}
.femenino-hoy .texto-dispositivos {
	 color: #9e0b57;}
/*End femenino-hoy*/

/*femenino-moda*/
.femenino-moda .cabecera {
	background: url("../img/bg-header-femenino.jpg") no-repeat top;}
.femenino-moda .chapa {
	background:url("../img/sprite-femenino.png") no-repeat 3px 0;}
.femenino-moda .precio {
	background:url("../img/sprite-femenino.png") no-repeat 0px -292px;}
.femenino-moda .pagination .left {
	background:url("../img/sprite-femenino.png") no-repeat 0px -221px;}
.femenino-moda .pagination .right {
	background:url("../img/sprite-femenino.png") no-repeat -32px -221px;}
.femenino-moda .suplementos {
	background:#8a0a4c;}
.femenino-moda .suplementos .wrapper {
	background:#e5127f;}
.femenino-moda .suscripcion h3 {
    color: #9e0b57;}
.femenino-moda .texto-dispositivos {
	 color: #9e0b57;}
/*End femenino-moda*/

/*femenino-mujer*/
.femenino-mujer .cabecera {
	background: url("../img/bg-header-femenino.jpg") no-repeat top;}
.femenino-mujer .chapa {
	background:url("../img/sprite-femenino.png") no-repeat 3px 0;}
.femenino-mujer .precio {
	background:url("../img/sprite-femenino.png") no-repeat 0px -292px;}
.femenino-mujer .pagination .left {
	background:url("../img/sprite-femenino.png") no-repeat 0px -221px;}
.femenino-mujer .pagination .right {
	background:url("../img/sprite-femenino.png") no-repeat -32px -221px;}
.femenino-mujer .suplementos {
	background:#8a0a4c;}
.femenino-mujer .suplementos .wrapper {
	background:#e5127f;}
.femenino-mujer .suscripcion h3 {
    color: #9e0b57;}
.femenino-mujer .texto-dispositivos {
	 color: #9e0b57;}
/*End femenino-moda*/

/*natural*/
.natural .cabecera {
	background: url("../img/bg-header-natural.jpg") no-repeat top;}
.natural .chapa {
	background:url("../img/sprite-natural.png") no-repeat 3px 0;}
.natural .precio {
	background:url("../img/sprite-natural.png") no-repeat 0px -292px;}
.natural .pagination .left {
	background:url("../img/sprite-natural.png") no-repeat 0px -221px;}
.natural .pagination .right {
	background:url("../img/sprite-natural.png") no-repeat -32px -221px;}
.natural .suplementos {
	background:#245a0c;}
.natural .suplementos .wrapper {
	background:#5c9b14;}
.natural .suscripcion h3 {
    color: #255c0b;}
.natural .texto-dispositivos {
	 color: #255c0b;}
/*End natura*/

/*nautico*/
.nautico .cabecera {
	background: url("../img/bg-header-nautico.jpg") no-repeat top;}
.nautico .chapa {
	background:url("../img/sprite-nautico.png") no-repeat 3px 0;}
.nautico .precio {
	background:url("../img/sprite-nautico.png") no-repeat 0px -292px;}
.nautico .pagination .left {
	background:url("../img/sprite-nautico.png") no-repeat 0px -221px;}
.nautico .pagination .right {
	background:url("../img/sprite-nautico.png") no-repeat -32px -221px;}
.nautico .suplementos {
	background:#034c7f;}
.nautico .suplementos .wrapper {
	background:#018ac2;}
.nautico .suscripcion h3 {
    color: #0b3d67;}
.nautico .texto-dispositivos {
	 color: #0b3d67;}
/*End nautico*/

/*salud*/
.salud .cabecera {
	background: url("../img/bg-header-salud.jpg") no-repeat top;}
.salud .chapa {
	background:url("../img/sprite-salud.png") no-repeat 3px 0;}
.salud .precio {
	background:url("../img/sprite-salud.png") no-repeat 0px -292px;}
.salud .pagination .left {
	background:url("../img/sprite-salud.png") no-repeat 0px -221px;}
.salud .pagination .right {
	background:url("../img/sprite-salud.png") no-repeat -32px -221px;}
.salud .suplementos {
	background:#245a0c;}
.salud .suplementos .wrapper {
	background:#5c9b14;}
.salud .suscripcion h3 {
    color: #255c0b;}
.salud .texto-dispositivos {
	 color: #255c0b;}
/*End salud*/

/*sevilla*/
.sevilla .cabecera {
	background: url("../img/bg-header-sevilla.jpg") no-repeat top;}
.sevilla .chapa {
	background:url("../img/sprite-sevilla.png") no-repeat 3px 0;}
.sevilla .precio {
	background:url("../img/sprite-sevilla.png") no-repeat 0px -292px;}
.sevilla .pagination .left {
	background:url("../img/sprite-sevilla.png") no-repeat 0px -221px;}
.sevilla .pagination .right {
	background:url("../img/sprite-sevilla.png") no-repeat -32px -221px;}
.sevilla .suplementos {
	background:#980a09;}
.sevilla .suplementos .wrapper {
	background:#cd0a09;}
.sevilla .suscripcion h3 {
    color: #C40A09;}
.sevilla .texto-dispositivos {
	 color: #C40A09;}
/*End sevilla*/

/*viajar*/
.viajar .cabecera {
	background: url("../img/bg-header-viajar.jpg") no-repeat top;}
.viajar .chapa {
	background:url("../img/sprite-viajar.png") no-repeat 3px 0;}
.viajar .precio {
	background:url("../img/sprite-viajar.png") no-repeat 0px -292px;}
.viajar .pagination .left {
	background:url("../img/sprite-viajar.png") no-repeat 0px -221px;}
.viajar .pagination .right {
	background:url("../img/sprite-viajar.png") no-repeat -32px -221px;}
.viajar .suplementos {
	background:#034c7f;}
.viajar .suplementos .wrapper {
	background:#018ac2;}
.viajar .suscripcion h3 {
    color: #034d80;}
.viajar .texto-dispositivos {
	 color: #034d80;}
/*End viajar*/


.que{
	position: relative;
	left: 308px;
	padding: 20px 0;
}