@charset "utf-8";
/* CSS Document */

a{color:#035E80; text-decoration:none; border-bottom:1px solid #035E80; outline:none; font-weight:bold}
.linkimg, .linkimg img{border:none}

/*ESTRUCTURA*/
body{margin:0; padding:0; text-align:center; background:#011C40 url(body-bg.png) no-repeat top center fixed}
#wrap{width:860px; padding:20px; margin:40px auto; background:rgba(255,255,255,0.1) url(white10.png); text-align:center}
.pad{width:780px; margin:0 auto; padding:0 40px 40px 40px; background:#fff; text-align:left; position:relative}

#libro{float:right; margin-top:40px}
.botones{margin-top:2em}

.carta{font-style:italic; padding-top:4em; clear:both}
.carta p{margin-bottom:1em}
.firma{text-align:right}

#tips{width:228px; height:300px; position:absolute; left:-70px}
.lista-tips{padding-left:140px}

#badge{width:171px; height:171px; position:absolute; left:750px}

.clear{clear:both}
.flota{float:left; margin-right:20px}

.precio{text-align:center; font-weight:bold}
.precio img{margin-bottom:10px}


/*@FONT-FACE*/
@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('Qlassik_TB.eot');
	src: local('☺'), url('Qlassik_TB.ttf') format('truetype'), url('Qlassik_TB.svg#webfont') format('svg')}

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('QlassikBold_TB.eot');
	src: local('☺'), url('QlassikBold_TB.ttf') format('truetype'), url('QlassikBold_TB.svg#webfont') format('svg')}


/*TEXTO*/
body{font:65% Arial, Helvetica, sans-serif}
h1, h2{font-family:'QlassikBoldRegular', Arial, sans-serif}
h1{font-size:4.8em; line-height:1; color:#011C40; margin-bottom:1em}
h1 span{padding-bottom:5px; border-bottom:10px solid #011C40}
h2{font-size:3.2em; margin-top:4em}
p{font-size:1.4em; line-height:1.5; margin-bottom:2em}
td, td input{font-size:1.3em; line-height:1.5; text-align:left; padding:5px; vertical-align:top}
em{background:#ff9}

blockquote{background:#011C40; margin-left:-40px; color:#fff; font-size:1.6em; line-height:1.5; padding:20px 20px 20px 40px}
blockquote{margin-bottom:0}
blockquote + p{margin-top:5px}

.center{text-align:center}
.intro{font-size:1.8em}
.small{font-size:1.2em; line-height:1.2}

/*LISTAS*/
li, td li{font-size:16px; line-height:1.5; list-style-image:url(ok.png)}
.big{font-size:1.2em}

/*FORMULARIO*/
input[type=text]{width:260px}