/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

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

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets 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, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

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

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

*{margin:0; padding:0;}
a, a:active, a:focus {outline: none;}
button::-moz-focus-inner {border: 0;}
ul,ol{padding:0;margin:0;}

body{background:url("../images/bg.jpg") no-repeat center top #000;}

.center{clear:both;	margin:0 auto;width:960px;}

header
{
	height:126px;
}
	
	header .search
	{
		float:right;
		margin-top:10px;
	}
	
		header .search input[type="text"]
		{
			background:url("../images/bg-search.png") repeat 0 0;
			border:none;
			color:#fff;
			float:left;
			font:11px 'Open Sans';
			height:31px;
			padding-left:10px;
			width:125px;
		}
		
			header .search input[type="text"]::-webkit-input-placeholder {color:#fff; opacity:1;}
			header .search input[type="text"]:-moz-placeholder {color: #fff; opacity:1;}
			header .search input[type="text"]::-moz-placeholder {color: #fff; opacity:1;}
			header .search input[type="text"]:-ms-input-placeholder {color: #fff; opacity:1;}
		
		header .search input[type="submit"]
		{
			background:url("../images/icos/search.png") no-repeat 0 0;
			border:none;
			float:left;
			height:31px;
			text-indent:-99999px;
			text-transform:capitalize;
			width:40px;
		}
	
	header .tools
	{
		float:right;
		margin-right:10px;
	}
	
		header .tools li
		{
			float:left;
			list-style:none;
		}
		
	header nav
	{
		clear:both;
	}
	
		header nav li
		{
			float:left;
			list-style:none;
			padding:0 16px;
			margin-top:12px;
			border-right:1px solid #1E1F20;
		}
		
			header nav li a
			{
				color:#000;
				font:900 14px 'Roboto';
				float:left;
				text-decoration:none;
				text-transform:uppercase;
			}
			
				header nav li a:hover,
				header nav li.active a
				{
					color:#A1A1A3;
				}
			
		header nav li.logo
		{
			height: 37px;
			margin-right: 6px;
			margin-top: 0;
			padding: 12px 26px 0 0;
		}
		
		header nav li.last
		{
			padding-right:0;
			border:none;
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
			header nav li.logo
			{
				margin-right: 1px;
			}
		}

.contacto-ejecutivo
{
	background-color:#292D33;
	color:#F7F7F7;
	font:300 13px 'Roboto';
	float:left;
	padding:15px 0 25px;
	margin-bottom:25px;
	width:960px;
}

	.contacto-ejecutivo .left
	{
		border-right:1px solid #fff;
		float:left;
		font:900 26px 'Roboto';
		height:174px;
		margin-top:20px;
		text-align:center;
		text-transform:uppercase;
		width:175px;
	}
	
		.contacto-ejecutivo .left figcaption
		{
			text-align:right;
			margin-right:25px;
			margin-top:5px;
		}
	
	.contacto-ejecutivo .right
	{
		
	}
	
		.contacto-ejecutivo .right li
		{
			list-style:none;
			margin:25px 0 0 25px;
			float:left;
		}
		
			.contacto-ejecutivo .right li span
			{
				display:block;
			}

footer
{
	background-color:#292929;
	color:#fff;
	clear:both;
	font:300 12px 'Roboto';
	float:left;
	padding:35px 0;
	width:100%;
	text-align:center;
}

	footer .center ul
	{
		display:inline-block;
	}
	
		footer li
		{
			list-style:none;
			padding:0 25px;
			margin-bottom:15px;
		}
		
			footer li a
			{
				color:#fff;
				text-decoration:none;
			}
			
				footer li a:hover
				{
					text-decoration:underline;
				}
			
		footer li.parent
		{
			font-weight:normal;
			font-size:14px;
			border-left:1px solid #fff;
			margin-bottom:25px;
		}
		
	footer .center ul.first .parent
	{
		border-left:none;
	}
		
	.lt-ie8 footer .center ul
	{
		zoom: 1;
		display:inline;
	}
	
.foot
{
	color:#F7F7F7;
	font: 300 10px 'Roboto';
    height: 40px;
    padding-top: 20px;
}

	.foot .right
	{
		float:right;
	}

/*Blocks*/

.block
{
	float:left;
	margin:0 0 20px 21px;
	width:306px;
}

	.block a
	{
		text-decoration:none;
	}
	
		.block figure
		{
			float:left;
			width:100%;
		}
		
		.block .texto
		{
			background-color:#1F2B37;
			border-top:5px solid #D4063B;
			color:#F7F7F7;
			float:left;
			font:300 14px 'Roboto';
			height:97px;
			text-align:center;
			width:100%;
		}
		
			.block .texto h2
			{
				font:900 25px 'Roboto';
				margin:15px 0 5px;
				text-transform:uppercase;
			}
			
			.block .texto p
			{
				margin:5px 0;
			}
	
.block.first
{
	margin-left:0;
	clear:left;
}

.block.doble
{
	width:633px;
}	
	
/*Home*/

.bg-home > div
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}

	.bg-home .bg1
	{
		background:url("../images/bg.jpg") no-repeat center top #000;
		/*Maqueta*/
		height:1908px;
	}
	
.home .slide
{
	float:left;
	height:540px;
	width:960px;
	position:relative;
}

	.home .slide h1
	{
		color:#fff;
		text-align:left;
		float:right;
		font:64px/90% 'vw_black';
		margin:180px 0 0 0;
		text-transform:uppercase;
	}
	
	.home .slide iframe
	{
		clear: both;
		float: left;
		margin: 20px 0 0 590px;
	}
	
	.home .slide .dots
	{
		position:absolute;
		bottom:10px;
		left:50%;
		text-align:center;
	}
	
		.home .slide .dots li
		{
			float:left;
			list-style:none;
		}
		
			.home .slide .dots li a
			{
				background:url("../images/icos/slider-dots.png") no-repeat 0 bottom;
				float:left;
				margin-left:10px;
				height:15px;
				width:15px;
			}
			
				.home .slide .dots li.active a
				{
					background-position:0 top;
				}
	
.home .block.texto-xl .texto
{
	height:119px;
}

/*Camiones*/

.contenido
{
	background-color:#fff;
	float:left;
	padding:13px 14px;
	margin-bottom:20px;
	width:932px;
}

	.lead-image
	{
		float:left;
		margin-bottom:50px;
	}
	
	.contenido > .bajada
	{
		color:#656565;
		clear:both;
		font:13px 'Arial';
		margin:0 55px 40px;
	}
	
		.contenido h1
		{
			clear:both;
			font:900 26px 'Roboto';
			margin-top:0;
			text-transform:uppercase;
		}
		
		.contenido h2
		{
			clear:both;
			font:900 17px 'Roboto';
			margin-top:0;
			text-transform:uppercase;
		}
		
/*block hijos*/

.block-hijos
{
	margin:0 55px;
}

	.block-hijos li
	{
		list-style:none;
		float:left;
		margin:0 0 30px 47px;
	}
	
		.block-hijos li a
		{
			text-decoration:none;
		}
	
			.block-hijos li figure
			{
				border-top:5px solid #D7073D;
				float:left;
			}
			
			.block-hijos li .texto
			{
				background-color:#1F2B37;
				color:#fff;
				clear:both;
				font:900 14px 'Roboto';
				height:25px;
				padding-top:5px;
				text-align:center;
				text-transform:uppercase;
			}
			
				.block-hijos li .texto img
				{
					margin-left:5px;
				}
		
	.block-hijos li.first
	{
		margin-left:0;
	}
		
/*Vehiculos Interior*/

.camiones .slide
{
	float:left;
	position:relative;
}

	.camiones .slide .cont-slide
	{
		float:left;
		width:932px;
		overflow:hidden;
	}
	
		.camiones .slide .cont-slide ul
		{
			float:left;
			width:9999999px;
		}
		
			.camiones .slide .cont-slide li
			{
				float:left;
				list-style:none;
			}
			
	.camiones .slide .arrow
	{
		background:url("../images/icos/slide-arrows.png") no-repeat 0 0;
		
		height:71px;
		position:absolute;
		top:127px;
		text-indent:-9999px;
		text-transform:capitalize;
		width:35px;
	}
	
		.camiones .slide .arrow.left
		{
			left:0;
		}
		
			.camiones .slide a.arrow.left:hover
			{
				background-position:0 -71px;
			}
		
		.camiones .slide .arrow.right
		{
			right:0;
			background-position:-35px 0;
		}
		
			.camiones .slide a.arrow.right:hover
			{
				background-position:-35px -71px;
			}
			
	.camiones.interior .bajada
	{
		margin-bottom:20px;
	}
			
	.camiones.interior .banner-cotizar
	{
		float:left;
		margin:0 0 20px 46px;
	}
	
	.tabla-modelos
	{
		float:left;
		margin:0 0 35px 46px;
		width:839px;
	}
	
		.tabla-modelos table
		{
			color:#656565;
			font:12px 'Arial';
			text-align:left;
			text-indent:10px;
			text-transform:uppercase;
			width:100%;
		}
		
			.tabla-modelos thead
			{
				background-color:#1F2B37;
				color:#fff;
				height:36px;
			}
			
			.tabla-modelos tbody tr
			{
				height:23px;
			}
			
				.tabla-modelos tbody tr.par
				{
					background-color:#E3E3E4;
				}
				
			.tabla-modelos a
			{
				background-color: #1F2B37;
				color: #fff;
				display: block;
				font: 10px 'Roboto';
				height: 18px;
				padding-top: 3px;
				text-align: center;
				text-decoration: none;
				text-indent: 0;
				width: 108px;
			}
			
				.tabla-modelos a:hover
				{
					background-color:#0D1115;
				}
				
	.camiones.norma ul
	{
		list-style:inside url("../images/icos/bullet.png");
	}
	
	.camiones.norma .bajada img
	{
		clear: both;
		display: block;
		margin: 50px auto;
	}

/*Post Ventas y Acerca de MAN*/

.doble-columna .col-izq
{
	float:left;
	width:254px;
	margin-right:15px;
}

	.doble-columna .col-izq nav
	{
		background:url("../images/menu-post.jpg") repeat-y 0 0;
		float:left;
		margin-left:32px;
	}
	
		.doble-columna .col-izq nav li
		{
			list-style:none;
		}
		
			.doble-columna .col-izq nav li a
			{
				border-bottom:1px solid #fff;
				color: #1F2B37;
				float: left;
				font: 11px 'Roboto';
				height: 22px;
				padding: 8px 10px 0;
				text-decoration: none;
				text-transform: uppercase;
				width: 170px;
			}
		
			.doble-columna .col-izq nav li.active a,
			.doble-columna .col-izq nav li a:hover
			{
				background:#1F2B37;
				color:#fff;
			}
		
	.doble-columna .col-izq .sep
	{
		background:url("../images/sep.png") no-repeat 0 0;
		float:left;
		margin:40px 0;
		height:14px;
		width:254px;
	}
	
	.doble-columna .col-izq .banner
	{
		text-align:center;
		margin-bottom:50px;
	}

.doble-columna .col-der
{
	color: #656565;
    float: left;
    font: 13px 'Arial';
    /*width: 663px;*/
    width: 620px;
}

	.doble-columna .col-der h1
	{
		font:900 25px 'Roboto';
		clear:both;
	}
	
	.doble-columna .col-der strong
	{
		font-size:14px;
	}
	
	.doble-columna .col-der table
	{
		margin-top:60px;
		width:100%;
	}
	
		.doble-columna .col-der td
		{
			background:url("../images/icos/bullet.png") no-repeat left center, url("../images/sep-table-post.png") no-repeat 15px bottom;
			height:23px;
			text-indent:15px;
			width:50%;
		}
		
			.lt-ie9 .doble-columna .col-der td
			{
				background:url("../images/icos/bullet.png") no-repeat left center;
				border-bottom:1px solid #ccc;
			}
			
	.doble-columna .col-der .enlace
	{
		background-color:#1F2B37;
		color:#fff;
		float:left;
		font:11px 'Roboto';
		height:23px;
		padding:7px 15px 0;
		margin-top:35px;
		text-transform:uppercase;
		text-decoration:none;
	}
	
		.doble-columna .col-der .enlace img
		{
			margin-left:10px;
		}
		
		.doble-columna .col-der .enlace.right
		{
			float:right;
		}
	
	.doble-columna .block-hijos
	{
		margin:60px 0;
		float:left;
	}
	
		.doble-columna .block-hijos li
		{
			margin-left:10px;
		}
		
			.doble-columna .block-hijos li .texto
			{
				height:26px;
				padding-top:9px;
				padding-left:10px;
				font: 900 11px 'Roboto';
				text-align:left;
			}
			
				.doble-columna .block-hijos li.first .texto
				{
					height: 33px;
					padding-top: 2px;
				}
				
					.doble-columna .block-hijos li.first .texto span
					{
						float: left;
						width: 80px;
					}
					
					.doble-columna .block-hijos li.first .texto img
					{
						margin-top:10px;
					}
			
			.doble-columna .block-hijos li .texto img
			{
				float: right;
				margin: 3px 5px 0 0;
			}
			
		.doble-columna .block-hijos li.first
		{
			margin-left:0;
		}
		
		.doble-columna .col-der > ul
		{
			list-style:inside url("../images/icos/bullet.png");
		}
		
			.doble-columna .col-der > ul li
			{
				margin-bottom:3px;
			}
	
	.cobertura
	{
		float:left;
		margin-bottom:30px;
	}
	
		.cobertura .locales
		{
			float:left;
			width:295px;
		}
		
			.cobertura .locales .local
			{
				clear:both;
				margin-bottom:25px;
			}
			
				.cobertura .locales .local span
				{
					display:block;
				}
					
					.cobertura .locales .local span img
					{
						margin-right:5px;
					}
		
		.cobertura .mapa-cobertura
		{
			float:left;
			width:304px;
		}
	
	.doble-columna .col-der > ol
	{
		list-style:inside url("../images/icos/bullet.png");
	}
	
		.doble-columna .col-der > ol li
		{
			margin-bottom:15px;
		}
		
			.doble-columna .col-der > ol li strong
			{
				color:#505050;
			}
			
	.enlace-garantia
	{
		color:#505050;
		font:bold 14px 'Arial';
		float:left;
		margin:15px 0 30px;
	}
	
		.enlace-garantia a
		{
			background-color:#1F2B37;
			color:#fff;
			font:12px 'Roboto';
			padding:2px 10px;
			text-transform:uppercase;
			text-decoration:none;
		}
		
	/*Acerca de Man*/
	
	.enlaces-tienda
	{
		float:left;
		width:100%;
		margin-bottom:60px;
	}
	
		.enlaces-tienda a
		{
			background:url("../images/virtual/bg.jpg") no-repeat 0 0;
			float: left;
			height: 153px;
			padding-top: 70px;
			text-align: center;
			width: 303px;
		}
		
		.enlaces-tienda a.first
		{
			margin-left:7px;
			margin-right:1px;
		}
		
	.acerca p small
	{
		display:block;
	}
		
/*Noticias*/

.blog
{
	float:left;
	margin-left:46px;
	width:840px;
}

	.blog h1
	{
		color: #656565;
	}

	.blog article
	{
		float:left;
		margin:0 0 20px 20px;
		width:410px;
	}
	
		.blog article a
		{
			text-decoration:none;
		}
	
			.blog article figure
			{
				float:left;
				width:100%;
			}
			
			.blog article .texto
			{
				border-bottom:1px solid #dcdcdc;
				color:#656565;
				font:13px/138% 'Arial';
				float:left;
				padding-bottom:20px;
				width:100%;
			}
			
				.blog article .texto h2
				{
					color:#505050;
					font-size:16px;
					margin:15px 0;
				}
				
				.blog article .texto p
				{
					margin:0;
				}
			
	.blog article.first
	{
		margin-left:0;
	}
	
	.blog .pagination
	{
		float:left;
		margin-bottom:17px;
		width:100%;
	}
	
		.blog .pagination li
		{
			float: left;
			list-style: none outside none;
			margin-right: 10px;
		}
	
			.blog .pagination li a
			{
				background-color: #545454;
				color: #fff;
				float: left;
				font: bold 12px 'Arial';
				height: 26px;
				padding-top: 12px;
				text-align: center;
				text-decoration: none;
				width: 38px;
			}
			
			.blog .pagination li.active a,
			.blog .pagination li a:hover
			{
				background-color:#000;
			}
			
/*Sucursales*/

.sucursales .col-izq
{
	color:#656565;
	font:13px/154% 'Arial';
	float:left;
	margin-left:46px;
	width:420px;
}

	.sucursales .col-izq img
	{
		float:left;
		margin-right:30px;
	}
	
	.sucursales .col-izq h1
	{
		clear:none;
	}
	
.sucursales .col-der
{
	color: #656565;
    float: left;
    font: 13px/167% 'Arial';
    margin-left: 30px;
    width: 394px;
}

	.sucursales .filtro-sucursal
	{
		float:left;
		margin-bottom:25px;
		width:100%;
	}
		
		.sucursales .filtro-sucursal .styled-select
		{
			float:right;
			width:230px;
		}
		
		.sucursales .filtro-sucursal > span
		{
			color: #505050;
			float: right;
			font: 900 13px 'Roboto';
			margin: 7px 10px 0 0;
			text-transform: uppercase;
		}
	
	.sucursales .maps
	{
		float:left;
		padding:5px;
		border:1px solid #DBDBDB;
		width:381px;
		margin-bottom:20px;
	}
	
	.datos-sucursal
	{
		float:left;
		width:100%;
	}
	
		.datos-sucursal span
		{
			display:block;
		}
		
		.datos-sucursal a
		{
			background-color: #1F2B37;
			color: #fff;
			float: left;
			font: 11px 'Roboto';
			height: 23px;
			margin:40px 0 33px;
			padding-top: 7px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 135px;
		}
		
			.datos-sucursal a img
			{
				margin-left:10px;
			}
			
/*Contacto*/

.contacto .formulario
{
	width:840px;
	margin-left:46px;
}

	.contacto .formulario h1
	{
		color:#656565;
	}
	
	.contacto .formulario > p
	{
		color:#656565;
		font:13px 'Arial';
	}
	
	.contacto .campo
	{
		float:left;
		margin-left:7px;
		margin-top:20px;
		width:275px;
	}
	
		.contacto .campo input[type="text"]
		{
			border:1px solid #B9B9B9;
			color:#333;
			float:left;
			font:12px 'Arial';
			height:31px;
			padding:0 10px;
			width:253px;
		}
		
		.contacto .campo label
		{
			color:#797979;
			float:left;
			font:bold 11px 'Arial';
			margin-bottom:5px;
			text-transform:uppercase;
			width:100%;
		}
		
		.contacto .campo textarea
		{
			border:1px solid #B9B9B9;
			color:#333;
			float:left;
			font:12px 'Arial';
			min-height:93px;
			max-height:93px;
			min-width:253px;
			max-width:253px;
			padding:10px;
			resize:none;
		}
		
		.styled-select
		{
			border:1px solid #B9B9B9;
			float:left;
			height:31px;
			width:273px;
		}
		
			.styled-select .select
			{
				background:url("../images/icos/select.jpg") no-repeat right center;
				height:31px;
				width:100%;
			}
			
				.styled-select .selectInner
				{
					color: #333;
					font: 12px 'Arial';
					margin-left: 10px;
					padding-top: 8px;
				}
	
	.contacto .campo.first
	{
		margin-left:0;
	}
	
	.contacto input[type="submit"]
	{
		background:url("../images/icos/next.png") no-repeat 55px 11px #1F2B37;
		border:none;
		cursor:pointer;
		color:#fff;
		font:11px 'Roboto';
		float:right;
		height:32px;
		padding:0 10px;
		margin:10px 0 30px;
		text-transform:uppercase;
		text-align:left;
		width:75px;
	}
	
/*Resultados de Búsqueda*/

.resultados h1
{
	color:#656565;
}

.resultados .form-search
{
	float:left;
	width:100%;
	margin-bottom:20px;
}

	.resultados .form-search label
	{
		float:left;
		font:900 14px 'Roboto';
		margin:6px 10px 0 0;
		text-transform:uppercase;
	}

	.resultados .form-search input[type="text"]
	{
		border: 1px solid #B9B9B9;
		color: #333;
		float: left;
		font: 12px 'Arial';
		height: 31px;
		padding: 0 10px;
		width: 253px;
	}
	
	.resultados .form-search input[type="submit"]
	{
		background:url("../images/icos/next.png") no-repeat 55px 11px #1F2B37;
		border:none;
		cursor:pointer;
		color:#fff;
		font:11px 'Roboto';
		float:left;
		height:32px;
		padding:0 10px;
		margin:0 0 0 10px;
		text-transform:uppercase;
		text-align:left;
		width:75px;
	}

.resultados .total
{
	font:12px 'Roboto';
	float:left;
	width:100%;
}

.resultados ol
{
	color:#656565;
	font:12px 'Roboto';
	float:left;
	list-style:decimal inside;
	margin:40px 0;
	width:100%;
}

	.resultados ol li
	{
		margin-bottom:15px;
	}

		.resultados ol a
		{
			color:#656565;
			text-decoration:none;
		}
		
			.resultados ol a:hover
			{
				text-decoration:underline;
			}
	
/* ==========================================================================
   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.
   These 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;
    }
}