/*
 * 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.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-family: arial, sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    text-align: center;
    background-image: url(../img/bg.png);
    margin:0px;
    padding:0px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

header, #bandiera, #wrap, footer, #footer_grande{margin:0px;padding:0px;min-width:960px;width:960px;max-width:960px;margin:0 auto;text-align:left;}
a:link{text-decoration:none;color:#005785;}
a:hover{color:#575756;}
a:visited{color:#005780;}
a:visited:hover{color:#575750;}
#bandiera{text-align:center;margin-top:-5px;}
header{margin-top:20px;}
#wrap{margin-top:20px;}
#content{display:inline-block;vertical-align:top;margin:0px;padding:0px;min-width:640px;width:640px;max-width:640px;margin:0 auto;margin-right:15px;text-align:left;}
#content nav{margin:0px;padding:0px;background-color:#575756;}
#content nav ul{margin:0px;padding:0px;}
#content nav li{display:inline-block;margin-left:-4px;}
#content nav #menu-item-94{margin-left:0px;}
#content nav #menu-item-25{border-right:0px;}
#content nav li a:link, #content nav li a:visited{display:block;padding-top:10px;padding-bottom:10px;padding-left:9px;padding-right:10px;border-right:1px solid #ababab;text-decoration:none;color:#ffffff;}
#content nav li a:hover, #content nav li a:visited:hover{background-color:#005781;}
#content .box_articolo{border:1px solid #9c9b9b;padding:5px;background-color:#ffffff;margin-top:11px;padding-bottom:7px;}
#content .box_articolo .thumb_art{display:inline-block;vertical-align:top;width:200px;min-width:200px;max-width:200px;height:150px;min-height:150px;max-height:150px;background-position:left;background-repeat:no-repeat;}
#content .box_articolo article{display:inline-block;vertical-align:top;margin-left:10px;min-width:400px;width:400px;max-width:400px;color:#222222;}
#content .box_articolo article header{margin:0px;padding:0px;min-width:400px;width:400px;max-width:400px;min-height:90px;max-height:90px;height:90px;}
#content .box_articolo article header .box_sottotitolo{min-height:30px;max-height:30px;height:30px;}
#content .box_articolo article header h2{margin:0px;padding:0px;font-size:14px;}
#content .box_articolo article header h2 a:link{text-decoration:none;color:#226d92;}
#content .box_articolo article header h2 a:visited{text-decoration:none;color:#226d90;}
#content .box_articolo article p{margin:0px;padding:0px;margin-top:4px;}
#content .box_articolo article .bottone{margin:0px;padding:0px;margin-top:4px;min-width:400px;width:400px;max-width:400px;text-align:right;}
#content .box_articolo article .bottone .continua{display:block;background-color:#575756;color:#ffffff;width:150px;margin-left:auto;text-align:center;} 
#content .box_articolo article .bottone .continua a:link, #content .box_articolo article .bottone .continua a:visited{display:block;text-decoration:none;color:#ffffff;padding-top:3px;padding-bottom:3px;}
#content .box_articolo article .bottone .continua a:hover, #content .box_articolo article .bottone .continua a:visited:hover{background-color:#005781;}
#content .box_info{color:#9c9b9b;border-top:1px solid #9c9b9b;border-bottom:1px solid #9c9b9b;width:400px;padding-top:4px;padding-bottom:4px;margin-top:4px;}
#content .box_info a:link, #content .box_info a:visited{text-decoration:none;color:#9c9b9b;}
#content .box_info a:hover, #content .box_info a:visited:hover{text-decoration:none;color:#005781;}
#content .box_img{display:inline-block;vertical-align:top;}
#content .box_link{display:inline-block;vertical-align:top;font-size: 11px;margin-left:-3px;padding-top:3px;letter-spacing:0px;}
#sidebar{display:inline-block;vertical-align:top;margin:0px;padding:0px;min-width:300px;width:300px;max-width:300px;margin:0 auto;text-align:left;}
#sidebar #cerca{background-color:#f0f0f0;border-right:2px solid #575756;padding-top:5px;vertical-align:middle;}
#sidebar #cerca .cerca{margin:0px;padding:0px;width:30px;height:25px;background-image:url(../img/search.png);border:0px;margin-top:-5px;}
#sidebar #cerca .cerca_input{border:0px;background-color:#f0f0f0;margin:0px;padding:0px;padding-top:3px;padding-bottom:3px;width:250px;height:20px;}
#sidebar .box_widget{width:300px;min-width:300px;max-width:300px;border:1px solid #9c9b9b;margin-top:22px;background-color:#ffffff;}
#sidebar .box_adsense{width:300px;min-width:300px;max-width:300px;margin-top:22px;border:1px solid #9c9b9b;}
#sidebar .box_associazione{width:300px;min-width:300px;max-width:300px;border:1px solid #9c9b9b;margin-top:22px;}
footer{margin-top:10px;margin-bottom:20px;border:1px solid #9c9b9b;background-color:#ffffff;}
footer .box_footer{display:inline-block;min-width:220px;width:220px;max-width:200px;margin-left:5px;margin-right:5px;text-align:left;margin-top:20px;margin-bottom:20px;border-right:1px solid #9c9b9b;color:#222;vertical-align:top;font-size:12px;}
footer .footer_right{margin-right:15px;border:0px;}
footer .footer_left{margin-left:15px;}
footer .title_footer{width:220px;min-width:200px;max-width:200px;text-align:center;}
footer .title_footer h3{margin:0px;padding:0px;font-size:22px;}
footer .textwidget{margin-top:25px;text-align:left;width:210px;min-width:210px;max-width:210px;}
footer .footer_social{text-align:center;}
footer .footer_social b{font-size:22px;}
#footer_grande{margin-top:20px;margin-bottom:20px;border:1px solid #9c9b9b;background-color:#ffffff;padding-top:10px;padding-bottom:10px;}
#box_copy{display:inline-block;margin-left:16px;margin-right:16px;min-width:650px;width:650px;max-width:650px;}
#box_cri{display:inline-block;min-width:250px;width:250px;max-width:250px;}
.title_ass{width:100%;background-color:#575756;color:#ffffff;padding-top:3px;padding-bottom:3px;text-align:center;font-weight:bold;}
/*Box Sidebar*/
/*.tab{display:inline-block;min-width:150px;width:150px;max-width:150px;background-color:#ffcc00;text-align:center;font-weight:bold;margin-bottom:10px;}  */

.tab{background-color:#ffcc00;text-align:center;font-weight:bold;margin-bottom:10px;}

.tab_attivo{background-color:#ffffff;color:#575756;}
.tab_attivo span{display:block;text-decoration:none;padding-top:3px;padding-bottom:3px;color:#575756;cursor:pointer;}
/*.tab_attivo a:link{display:block;text-decoration:none;padding-top:3px;padding-bottom:3px;color:#575756;}
.tab_attivo a:active{color:#ffffff;}*/
.tab_right{margin-left:-5px;background-color:#575756;color:#ffffff;}
.tab_right span{display:block;text-decoration:none;padding-top:3px;padding-bottom:3px;color:#ffffff;cursor:pointer;}
/*.tab_right a:link{display:block;text-decoration:none;padding-top:3px;padding-bottom:3px;color:#ffffff;}
.tab_right a:active{color:#575756;}*/
.tab_cont{}
.tab_none{display:none;}

.evidenza{margin-top:10px;min-height:355px;max-height: 425px; min-height: 425px;}


.evidenza article{margin:0px;padding:0px;border-bottom:2px solid #ECECEC;padding-bottom:10px;margin-bottom:10px;width:270px;min-width:270px;max-width:270px;margin-left:15px;}
.evidenza article header{margin:0px;padding:0px;width:270px;min-width:270px;max-width:270px;padding-top:2px;padding-bottom:2px;}
.evidenza article header a:link{text-decoration:none;font-weight:bold;color:#000000;}
.evidenza article header a:hover{color:#005781;}
.evidenza article header a:visited{color:#111111;}
.evidenza article header a:visited:hover{color:#005782;}
/*.commenti{margin-top:10px;min-height:320px;max-height:320px;min-height:320px;}
.commenti{margin-top:10px;min-height:365px;max-height:365px;min-height:365px;}  */
.commenti{margin-top:10px;max-height:560px;min-height:560px;}



.commenti .contenitore{border-bottom:2px solid #ECECEC;padding-bottom:6px;margin-bottom:6px;min-width:266px;width:266px;max-width:266px;margin:0 auto;}
.commenti .divimg{display:inline-block;width:60px;min-width:60px;max-width:60px;vertical-align:top;margin-left:10px;margin-right:10px;}
.commenti .divimg img{border:1px solid #005781;}
.commenti article{display:inline-block;margin:0px;padding:0px;width:100%;min-width:100%;max-width:100%;vertical-align:top;color:#2222;}
.commenti article header{margin:0px;padding:0px;width:100%;min-width:100%;max-width:100%;padding-top:2px;padding-bottom:2px;}
.commenti article header a:link{text-decoration:none;font-weight:bold;color:#000000;}
.commenti article header a:hover{color:#005781;}
.commenti article header a:visited{color:#111111;}
.commenti article header a:visited:hover{color:#005782;}
.commenti article p{margin:0px;padding:0px;font-size:11px;}
.commenti article header .ora_com a:link{text-decoration:none;font-weight:normal;color:#000000;}
.commenti article header .ora_com a:hover{color:#005781;}
.commenti article header .ora_com a:visited{color:#111111;}
.commenti article header .ora_com a:visited:hover{color:#005782;}
.commenti article .p_com a:link{text-decoration:none;font-weight:normal;color:#000000;}
.commenti article .p_com a:hover{color:#005781;}
.commenti article .p_com a:visited{color:#111111;}
.commenti article .p_com a:visited:hover{color:#005782;}
.notizieflash{margin-top:10px;min-height:300px;max-height:300px;min-height:300px;}
.notizieflash article{margin:0px;padding:0px;border-bottom:2px solid #ECECEC;padding-bottom:10px;margin-bottom:10px;width:270px;min-width:270px;max-width:270px;margin-left:15px;color:#222;}
.notizieflash article header{margin:0px;padding:0px;width:270px;min-width:270px;max-width:270px;padding-top:2px;padding-bottom:2px;}
.notizieflash article header a:link{text-decoration:none;font-weight:bold;color:#000000;}
.notizieflash article header a:hover{color:#005781;}
.notizieflash article header a:visited{color:#111111;}
.notizieflash article header a:visited:hover{color:#005782;}
.notizieflash article p{margin:0px;padding:0px;font-size:11px;}
.tornei{margin-top:3px;min-height:300px;max-height:300px;min-height:300px;text-align:center;}
.tornei article{margin:0px;padding:0px;border-bottom:2px solid #ECECEC;padding-bottom:7px;margin-bottom:7px;width:270px;min-width:270px;max-width:270px;margin-left:15px;font-size:12px;}
.tornei article header{margin:0px;padding:0px;width:270px;min-width:270px;max-width:270px;padding-top:2px;padding-bottom:2px;text-align:center;}
.tornei article header a:link{text-decoration:none;color:#000000;}
.tornei article header a:hover{color:#005781;}
.tornei article header a:visited{color:#111111;}
.tornei article header a:visited:hover{color:#005782;}
.categorie{margin-top:15px;min-height:300px;max-height:300px;min-height:300px;}
.categorie a:link{text-decoration:none;color:#005781;}
.categorie a:hover{color:#000000;}
.categorie a:visited{color:#005782;}
.categorie a:visited:hover{color:#111111;}
.categorie ul{margin:0px;padding:0px;margin-left:20px;margin-top:5px;margin-bottom:5px;}
.categorie li{margin:0px;padding:0px;margin-left:5px;}
.surfing{margin-top:10px;min-height:300px;max-height:300px;min-height:300px;}
.surfing .contenitore{border-bottom:2px solid #ECECEC;padding-bottom:6px;margin-bottom:6px;margin:0 auto;min-width:290px;width:290px;max-width:290px;padding-top:5px;}
.surfing .divimg{display:inline-block;width:60px;min-width:60px;max-width:60px;vertical-align:top;margin-left:10px;margin-right:10px;}
.surfing .divimg img{border:1px solid #005781;}
.surfing article{display:inline-block;margin:0px;padding:0px;width:190px;min-width:190px;max-width:190px;margin-left:15px;vertical-align:top;color:#222;}
.surfing article header{margin:0px;padding:0px;width:190px;min-width:190px;max-width:190px;padding-top:2px;padding-bottom:2px;}
.surfing article header a:link{text-decoration:none;font-weight:bold;color:#000000;}
.surfing article header a:hover{color:#005781;}
.surfing article header a:visited{color:#111111;}
.surfing article header a:visited:hover{color:#005782;}
.surfing article p{margin:0px;padding:0px;font-size:11px;}
/*Banner 460 in Home Page + Box Social Network*/
#banner_social{width:100%;margin-top:10px;margin-bottom:10px;}
#banner_s{display:inline-block;min-width:518px;width:518px;max-width:518px;border:1px solid #9C9B9B;margin-right:5px;background-color:#ffffff;text-align:center;padding-top:6px;padding-bottom:6px;vertical-align:top;}
#banner_s ul{margin:0px;padding:0px;}
#banner_s li{list-style-type:none;margin:0px;padding:0px;}
#social_b{display:inline-block;min-width:108px;width:108px;max-width:108px;border:1px solid #9C9B9B;background-color:#ffffff;vertical-align:top;}
#social_b img{margin-left:11px;margin-bottom:17px;}
/*Immagini in bianco e nero con hover a colori*/
img.grayscale{filter: url(filters.svg#grayscale); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */}
img.grayscale:hover{filter: none;-webkit-filter: none;}
/*Gestione Link Numero Pagine in Home Page*/
#paginazione{display: block;margin-top:20px;margin-bottom:20px;}
.wp-pagenavi{font-size:20px;font-weight:bold;border:0px;}
.pages{display:inline-block;display:none;border:0px;min-width:45px;width:45px;max-width:45px;text-align: center;}
.current{display:inline-block;padding-top:10px;padding-bottom:10px;background-color:#005D88;color:#ffffff;border:0px;margin-right:10px;min-width:45px;width:45px;max-width:45px;text-align: center;}
.page{display:inline-block;padding-top:10px;padding-bottom:10px;border:0px;background-color:#ECECEC;color:#9C9B9B;min-width:45px;width:45px;max-width:45px;text-align: center;}
.previouspostslink{display:inline-block;background-color:#575756;color:#ffffff;padding-top:10px;padding-bottom:10px;border:0px;min-width:45px;width:45px;max-width:45px;text-align: center;}
.nextpostslink{display:inline-block;background-color:#575756;color:#ffffff;padding-top:10px;padding-bottom:10px;border:0px;min-width:45px;width:45px;max-width:45px;text-align: center;}
.wp-pagenavi a:link{display:inline-block;padding-top:10px;padding-bottom:10px;margin-right:10px;min-width:45px;width:45px;max-width:45px;text-align: center;}
.wp-pagenavi a:link, .wp-pagenavi a:hover, .wp-pagenavi a:visited, .wp-pagenavi a:visited:hover{color:#9C9B9B;}
/*Pagina*/
#content #page .box_articolo3{border:1px solid #9c9b9b;padding:5px;background-color:#ffffff;margin-top:10px;padding-top:10px;}
#content #page .box_articolo3 article{display:inline-block;vertical-align:top;margin-left:10px;width:600px;min-width:600px;max-width:600px;color:#222;}
#content #page .box_articolo3 article header{margin:0px;padding:0px;text-align:left;}
#content #page .box_articolo3 article header h2{margin:0px;padding:0px;color:#005781;}
#content #page .box_articolo3 article p{margin:0px;padding:0px;margin-top:4px;}
/*Articolo*/
#content #articolo .box_articolo2{border:1px solid #9c9b9b;padding:5px;background-color:#ffffff;margin-top:10px;padding-top:10px;}
#content #articolo .box_articolo2 .thumb_art2{display:block;vertical-align:top;width:auto;min-width:auto;max-width:auto;height:auto;min-height:auto;max-height:auto;text-align: center;padding-top:8px;padding-bottom:8px;}
#content #articolo .box_articolo2 article{display:inline-block;vertical-align:top;margin-left:10px;min-width:600px;width:600px;max-width:600px;color:#444;}
#content #articolo .box_articolo2 article header{margin:0px;padding:0px;min-width:600px;width:600px;max-width:600px;min-height:auto;max-height:auto;height:auto;}
#content #articolo .box_articolo2 article header h1{margin:0px;padding:0px;margin-top:10px;margin-bottom:5px;color:#005781;font-size:30px;}
#content #articolo .box_articolo2 article header h1 a:link{text-decoration:none;color:#226d92;}
#content #articolo .box_articolo2 article header h1 a:visited{text-decoration:none;color:#226d90;}
#content #articolo .box_articolo2 article h2{margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;color:#005781;font-size:25px;border-top:1px solid #005781;border-bottom:1px solid #005781;padding-top:4px;padding-bottom:4px;}
#content #articolo .box_articolo2 article h3{margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;color:#005781;font-size:20px;}
#content #articolo .box_articolo2 article h4{margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;color:#005781;font-size:16px;}
#content #articolo .box_articolo2 article p{margin:0px;padding:0px;margin-top:4px;letter-spacing:1px;line-height:25px;margin-bottom:10px;}
#content #articolo .box_articolo2 article header .box_sottotitolo{font-style:italic;font-size:18px;}
#content #articolo .box_info{border-top:1px solid #9c9b9b;border-bottom:1px solid #9c9b9b;width:600px;padding-top:4px;padding-bottom:4px;margin-top:4px;}
#content #articolo .box_info a:link, #content .box_info a:visited{text-decoration:none;color:#9c9b9b;}
#content #articolo .box_info a:hover, #content .box_info a:visited:hover{text-decoration:none;color:#005781;}
#content #articolo .box_img{display:inline-block;vertical-align:top;}
#content #articolo .box_link{display:inline-block;vertical-align:top;font-size: 11px;margin-left:-3px;padding-top:3px;letter-spacing:0px;}
/*Login Footer*/
#loginform{padding-top:12px;}
#user_login{display: block;}
#user_pass{display: block;}
.sidebarlogin_otherlinks{margin:0px;padding:0px;}
.sidebarlogin_otherlinks li{margin:0px;padding:0px;list-style-type: none;}
.avatar_container{padding-top:28px;}
.box_footer .pagenav{margin:0px;padding:0px;padding-top:5px;}
.box_footer .pagenav li{margin:0px;padding:0px;list-style-type: none;}
/*Bottoni*/
#submit{background-color:#575756;color:#ffffff;width:150px;text-align:center;padding-top:3px;padding-bottom:3px;border:0px;}
#wp-submit{background-color:#575756;color:#ffffff;width:150px;text-align:center;padding-top:3px;padding-bottom:3px;border:0px;}
.wpcf7-submit{background-color:#575756;color:#ffffff;width:150px;text-align:center;padding-top:3px;padding-bottom:3px;border:0px;}
.wpcf7 input{margin-top:5px;margin-bottom:12px;}
.wpcf7 textarea{margin-top:5px;margin-bottom:12px;}
/*Bottini Social 45*45*/
.social45x45{display:inline-block;min-width:45px;width:45px;max-width:45px;min-height:45px;height:45px;max-height:45px;background-repeat: no-repeat;margin-top:4px;margin-left:4px;}
.social35x35{display:inline-block;min-width:35px;width:35px;max-width:35px;min-height:35px;height:35px;max-height:35px;background-repeat: no-repeat;margin-left:5px;}
/*Gestione Commenit*/
.commenti_box{margin-left:9px;}
.commenti_box #titolo{background-color:#005781;color:#ffffff;width:610px;}
.commenti_box h3{padding-left:5px;font-weight:normal;padding-top:3px;padding-bottom:3px;}
#box_lascia{margin-left:9px;}
.commentlist{margin:0px;padding:0px;}
.commentlist li{border:0px solid #c0c0c0;margin-bottom:10px;width:610px;background-color:#F0F0F0;list-style-type:none;margin-left:0px;padding-left:0px;}
.spazio_commenti{margin:10px;padding-top:5px;padding-bottom:5px;}

/*Formattazione commenti*/
.commentlist .parent{}
.commentlist .comment-body{}
.commentlist .comment-author{display:inline-block;vertical-align: top;margin-left:10px;margin-right:10px;}
.commentlist .comment-author img{display:block;}
.commentlist .comment-meta{display:inline-block;vertical-align: middle;padding-top:10px !important;margin-right:10px;}
.commentlist .comment-body p{display:block;margin-left:10px;margin-right:10px;}
.commentlist .fn{font-weight:bold;font-style:normal;}
.commentlist .reply{color:#ffffff;margin-left:0px;width:100px;min-width:100px;max-width:100px;padding-bottom:10px !important;}
.commentlist .reply a:link, .commentlist .reply a:visited{display:block;background-color:#575756;padding-top:3px;padding-bottom:3px;width:100px;min-width:100px;max-width:100px;text-align:center;text-decoration:none;color:#ffffff;}
.commentlist .reply a:hover, .commentlist .reply a:visited:hover{background-color:#005D89;}
.commentlist .children{width:500px;max-width:500px;min-width:500px;margin:0px;padding:0px;margin-left:28px;}
.commentlist .children li{width:500px;max-width:500px;min-width:500px;}
.commentlist .children .even{background-color:#f0f0f0;}
.commentlist .children .odd{background-color:#e2eef5;}
.commentlist .commentlist .thread-odd{background-color:#e2eef5;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * 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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
}