/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0;height:100%;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 12px; line-height: 1.3; background-color:#ccc;height:100%;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #3399FF; color: #fff; text-shadow: none; }
::selection { background: #3399FF; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/***
PRODUCT STYLESHEET
Branding and layout styles for all pages.
@Authors
Hugo & Cat for Opodo
hugoandcat.com
-[Contents]------------------------
1. Core styles
2. Generic styles
2.1 Wrapper
2.2 Footer
2.3 Header
2.4 Navigation
2.5 Account
3. Search
3.1 Search tabs
3.2 Search panels
3.3 Car destinations
3.4 Star rating
3.5 Search fields
4. Promo panels
4.1 Big promo slider
4.2 Newsletter
4.3 Latest news
4.4 Special offers
4.5 Small promo slider
-----------------------------------
***/
/*****************************************************************
1.0 Core styles
*/
.wrapper_container
{
margin:0 auto;
width:970px;
background:#fff;
position:relative;
z-index:1;
-webkit-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.85);
-moz-box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.85);
box-shadow: 0px 1px 30px rgba(50, 50, 50, 0.85);
-webkit-border-radius: 0 0 70px 0;
-moz-border-radius: 0 0 70px 0;
border-radius: 0 0 70px 0;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
#footer_gradient{
padding-top:112px;
position:relative;
z-index:0;
margin-top:-110px;
width:100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#body_footer{
position:relative;
bottom:0;
z-index:0;
overflow:hidden;
width:100%;
background:#fff;
margin-top:-2px;
padding-top:2px;
}
#footer_content{
position:relative;
bottom:-6px;
//bottom:-20px;
}
/* 2º WHITE FOOTER OPTION
#footer_gradient{
padding-top:112px;
position:relative;
z-index:0;
margin-top:-110px;
width:100%;
overflow:hidden;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#body_footer{
position:relative;
bottom:0;
z-index:0;
height:200px;
width:100%;
background:#fff;
margin-top:-2px;
padding-top:2px;
overflow:hidden;
}
#footer_content{
position:absolute;
bottom:0;
width:100%;
z-index:0;
}
*/
/*
Full page backgrounds
*/
.background-1 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_01.jpg); }
.background-2 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_02.jpg); }
.background-3 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_03.jpg); }
.background-4 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_04.jpg); }
.background-5 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_05.jpg); }
.background-6 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_06.jpg); }
.background-7 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_07.jpg); }
.background-8 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_08.jpg); }
.background-9 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_09.jpg); }
.background-10 {background: transparent no-repeat fixed; background-image: url(../img/backgrounds/bg_10.jpg); }
.wrapper_container input, textarea
{
font-size: inherit;
font-family: inherit;
}
.wrapper_container a, a:visited
{
color: #ef8231;
text-decoration: none;
}
.wrapper_container a:hover
{
text-decoration: underline;
}
.wrapper_container strong
{
font-weight: bold;
}
.wrapper_container p
{
margin: 0;
}
.wrapper_container blockquote
{
margin: 0 0 15px 0;
font-weight: bold;
}
.wrapper_container small /* for small print only */
{
font-size: 0.9em;
float: left;
font-size: 0.9em;
line-height: 1.2em;
padding: 5px 0;
}
.wrapper_container ol, ul
{
margin: 0 0 15px 0;
}
.wrapper_container ol ol
{
margin: 10px 0 10px 0;
}
.wrapper_container input, textarea, select
{
color: #333;
font-size: inherit;
font-family: inherit;
}
.wrapper_container em
{
font-style: italic;
}
input{
margin:0;
line-height:18px!important;
padding:0 2px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
#formbox .content .form_line .form_subline input[type="checkbox"]{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height:11px;
font-size:11px;
padding:0;
margin:0;
border:0;
box-shadow:0;
}
select{
margin:0;
line-height:18px!important;
padding-left:2px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
input, select {
/*background: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 6px, #EDF4FA 25px) repeat scroll 0 0 transparent;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);*/
font: 12px/100% Verdana,Tahoma,sans-serif;
outline: 0 none;
border: 1px solid #CCC;
box-shadow: inset 0.4px 0.5px 3px -2px #939393;
-moz-box-shadow: inset 0.4px 0.5px 3px -2px #939393;
-webkit-box-shadow: inset 0.4px 0.5px 3px -2px #939393;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
input:hover, select:hover{
border:1px solid #999;
box-shadow: inset 0.4px 0.5px 4px -2px #333;
-moz-box-shadow: inset 0.4px 0.5px 4px -2px #333;
-webkit-box-shadow: inset 0.4px 0.5px 4px -2px #333;
line-height:18px!important;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
input:focus, select:focus{
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border:1px solid #FEB681;
line-height:18px!important;
/*behavior: url(fileadmin/templates/design3/css/PIE.htc);*/
}
input.radio {
border: none;
background-color: transparent;
height:auto!important;
}
input:hover[type="radio"]{border:auto;}
input:focus[type="radio"]{border:auto;}
input:hover[type="check"]{border:auto;}
input:focus[type="check"]{border:auto;}
/* -------------------------------------------------------------------------------------------------------
speziell Selectors
---------------------------------------------------------------------------------------------------------- */
#center {
position: relative;
width: 988px;
margin: 0 auto;
}
#main-content {
overflow: hidden;
}
.wrapper {
text-align: left;
margin: 0 auto 5px;
width: 944px;
padding:40px 13px 47px 13px;
/*background: transparent url(../img/wrapper_bg.png) repeat-y 50% 100%;*/
padding-bottom: 32px;
color: #818181;
position: relative;
}
.bottomcontent {
z-index:1;
position:relative;
}
.topcontent{
position:absolute;
top:12px;
right:0;
margin:0 0 11px;
padding:0 0 0 6px;
}
#left {
float: left;
/*width: 455px;*/
width: 464px;
z-index:3;
position:relative;
}
#right {
float: left;
width: 464px;
padding-left:16px;
z-index:2;
position:relative;
}
.clear {
clear: both;
float: none!important;
margin:0px;
height:0px;
font-size:0px;
}
.margin_moreoptions {
margin: 5px !important;
}
.dn {display:none !important;}
.visible {
display: block;
}
.invisible {
display: none !important;
}
/*****************************************************************
2.0 Generic styles
*/
a.button
{
background: transparent url(../img/sprite_02.png) no-repeat 0 -526px;/*changed*/
/*background: transparent url(../../images/generic/buttons/button_a_bg.png) no-repeat 0 0;*/
float: left;
text-shadow: none;
color: #fff;
display: block;
cursor: pointer;
height: 61px;
font-size:18px;
font-weight:bold;
line-height:16px;
text-align:center;
float:right;
text-decoration:none;
}
.button span
{
display: block;
height: 41px;/*changed*/
line-height: 16px;
margin: 0 0 0 14px;
padding: 21px 13px 0 0;
background: transparent url(../img/sprite_02.png) no-repeat 100% -526px;/*changed*/
/*background: transparent url(../../images/generic/buttons/button_span_bg.png) no-repeat 100% 0;*/
float: left;
display: block;
text-align:center;/*changed*/
color: #fff;
width:181px;
}
a.button_dp
{
background: url("../img/sprite_02.png") no-repeat scroll 0 -589px transparent;
color: #FFFFFF;
cursor: pointer;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
height: 43px;
line-height: 16px;
text-align: center;
text-decoration: none;
text-shadow: none;
}
.button_dp span
{
background: url("../img/sprite_02.png") no-repeat scroll 100% -589px transparent;
color: #FFFFFF;
display: block;
float: left;
height: 30px;
line-height: 16px;
margin: 0 0 0 14px;
padding: 13px 13px 0 7px;
text-align: center;
width: 168px;
}
a.button_dp_disabled {
background: url("../img/sprite_02.png") no-repeat scroll 0 -1086px transparent;
color: #FFFFFF;
cursor: pointer;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
height: 43px;
line-height: 16px;
text-align: center;
text-decoration: none;
text-shadow: none;
cursor: default;
width:141px;
}
.button_dp_disabled span {
background: url("../img/sprite_02.png") no-repeat scroll 100% -1086px transparent;
color: #FFFFFF;
display: block;
float: left;
height: 30px;
line-height: 16px;
margin: 0 0 0 14px;
padding: 13px 13px 0 7px;
text-align: center;
width: 168px;
}
a.button-small
{
display:block;
position:absolute;
z-index:999999;
width:45px;
height:45px;
background: transparent url(../img/sprite_02.png) no-repeat -208px -363px;
top:180px;
left:381px;
}
.button-small span
{
display: /*block*/none;
height:22px;
line-height:22px;
margin: 0 0 0 11px;
padding: 0 18px 0 0;
background: transparent url(../img/sprite.png) no-repeat 100% -695px;/*changed*/
/*background: transparent url(../../images/generic/buttons/button_span_bg.png) no-repeat 100% 0;*/
float: left;
text-align:right;/*changed*/
color: #fff;
}
a.offerbutton {
float: right;
margin: -5px -1px;
}
a.button-prev
{
background: transparent url(../img/sprite.png) no-repeat 0 -579px;/*changed but no example to check on page*/
/*background: transparent url(../../images/generic/buttons/button_a_prev_bg.png) no-repeat 0 0;*/
float: left;
text-shadow: none;
color: #fff;
display: block;
cursor: pointer;
}
.button-prev span
{
display: block;
height: 28px;
line-height: 28px;
margin: 0 0 0 16px;
padding: 0 16px 0 5px;
background: transparent url(../img/sprite.png) no-repeat 100% -552px;/*changed but no example to check on page*/
/*background: transparent url(../../images/generic/buttons/button_span_prev_bg.png) no-repeat 100% 0;*/
float: left;
display: block;
color: #fff;
}
a.burgundy
{
background-position: 0 -717px;
}
.burgundy span
{
background-position: 100% -739px;
}
.maincontent
{
overflow: hidden;
}
.main_margin_left {
/*float:left;*/
padding-left: 22px;
}
/* ==|== primary styles =====================================================
Author: Bruno Del Pup
========================================================================== */
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}