/*
 * 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-size: 1em;
    line-height: 1.4;
	}
	
html {
	height:100%;
}

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


/*
	ESTE CSS SALE DE SUPERSIZED.CSS	
*/

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/*   
	ESTE CSS SALE DE SUPERSIZED.SHUTTER.CSS
*/

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	/* Controls Bar
	----------------------------*/
	#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
			
			
			#navigation { float:right; margin:0px 20px 0 0; }

				
				#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.85; }
					#prevslide{
	left: 10px;
	background-image: url(../img/back.png);
	background-repeat: no-repeat;
}
					#nextslide{
	right: 10px;
	background-image: url(../img/forward.png);
	background-repeat: no-repeat;
}
						#prevslide:active, #nextslide:active{ margin-top:-20px; }
						#prevslide:hover, #nextslide:hover{ cursor:pointer; }
				
				ul#slide-list{ padding:5px 0; position:absolute; right:40px; z-index:15; bottom:20px;}
					ul#slide-list li{ list-style:none; width:27px; height:12px; float:left; margin:0 5px 0 0; }
						ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
						ul#slide-list li a{ display:block; width:27px; height:12px; background:url('../img/nav-rec.png') no-repeat 0 -24px; }
							ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer;}
	
	
	


/*
	Isotope Infinite Scrolling
*/

/* Start: Recommended Isotope styles */

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/* No importado: Base styles */


/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */


#content {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	position: absolute;
	display: block;
	width: 100%;
	
	border-color:transparent;
	border-top-width: 200px;
	border-right-width:30px;
	border-bottom-width: 30px;
	border-left-width: 30px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	

	margin:0;
	color:rgba(255,255,255,1);
	z-index:2;
}

#content h1{
}

#container {
	
	margin:0;

	display:block;
}

.element {
	width: 108px;
	height: 108px;
	margin: 6px;
	float: left;
	overflow: hidden;
	position: relative;
	color: #FFF;
	border: 1px solid rgba(128,128,128,0.5);
}

.element.familia1         {
	background-color: rgba(153,153,153,1);
}
.element.familia2         {
	background-color: rgba(153,153,153,1);
}
.element.familia3         {
	background-color: rgba(153,153,153,1);
}
.element.familia4         {
	background-color: rgba(153,153,153,1);
}

.element.familia100, .element.familia500, .element.familia900,
.element.familia1300  {background-color: #996633;}

.element.familia200, .element.familia600, .element.familia1000,
.element.familia1400 {background-color: #D2AE6D;}

.element.familia300, .element.familia700, .element.familia1100,
.element.familia1500 {background-color: #CC9933;}

.element.familia400, .element.familia800, .element.familia1200,
.element.familia1600 {background-color: #84716B;}













.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.4em;
  bottom: 0.3em;
  font-size: 0.9em;
  line-height:100%;
  font-weight:300;
  font-style:italic;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }
.variable-sizes .element.width4 { width: 465px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/**** Example Options ****/

#options {
	
	width: 100%;
	position:fixed;
	display: block;
	top:0px;
	left:0px;
	height: 40px;

	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color:rgba(255,255,255,1);
	z-index:6;
	
	background-image:url(../img/opt_barraprod.png);
	background-position:right;
	background-repeat:no-repeat;
}

#opt_fondo {
	position:fixed;
	width:100%;
	height:240px;
	top:0px;
	background-color:rgba(0,0,0,0.85);
	z-index:5;
}



#options ul {
  margin:0px;
  list-style: none;
  margin-bottom:10px;
}

#options li {
  float: left;
}

#options li a {
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
	padding-top:4px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.75em;
	height:18px;
	border: 1px solid rgba(255,255,255,1);
}

#options li a:hover {
	background-color: rgba(255,255,255,1);
 	 color: #000000;
}

#options li a:active {
 	color: #000000;
	background-color: rgba(255,255,255,0.9);
}


#options li a.selected {
 color: #000000;
	background-color: rgba(255,255,255,0.9);
}

.opcont {
	float:right;
	margin-right:110px;
	margin-left:0px;
	margin-top:5px;
}



.optit h4 {
	font-weight:300;
	font-size:0.65em;
	margin:0.7em;
	}


.opcont a {
	font-weight:600;
}

.title-cont {
	float:right;
	height:40px;
	right:110px;
	top:0px;
	padding:0px;
	

}

.title-cont h1 {
	margin:0;
}

a.slideup {
	text-decoration:none;
	color:rgba(255,255,255,1);
}

#pesiso {
	float:right;
	height: 40px;
	width:80px;
	top:0px;
	margin-left:45px;
	margin-right:45px;
	background-image:url(../img/opt_pesiso.png);
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}

#ver {
	margin-top:3px;
	float:right;
	height:25px;
	padding-left:1em;
	padding-right:1em;
	margin-right:-45px;
	}
	
#ver h2 {margin:0;}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


/**** Isotope agregados javier ****/

.mosgrande :hover, .moschico :hover {
	border-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 20px rgba(255,255,255,1);
	}

.mosgrande .name:hover, .moschico .name:hover  {
	box-shadow:none;
}

.item {
	margin:6px;
	float: left;
	overflow: hidden;
	position: relative;
	color: #FFF;
	border: 1px solid rgba(255,255,255,1);
	
}

.item:hover {
	box-shadow: 0px 0px 15px rgba(255,255,255,0.75);

	}

.mueble {
	width:108px;
	height:108px;
	background-size:cover;
	background-repeat:no-repeat;
}
	
.linea {
	width:230px;
	height:230px;
	background-size:cover;
	background-repeat:no-repeat;
	}
	
.mueble h2, .linea h2 {
	text-decoration:none;
	color:rgba(255,255,255,1);
	line-height:110%;
}

.nombln, .dim {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;	
}

.linea .nombln {
	position:absolute;
	left: 5px;
	bottom: -24px;
}

.mueble .nombln {
	position:absolute;
	left:4px;
	bottom:10px;
	
}

.mueble .dim {
	position:absolute;
	left:4px;
	bottom:-12px;
	
}


#it0101 		{background-image:url(../img/mos/01eleon010199.png);}
#it0101:hover   {background-image:url(../img/mos/01eleon010199h.png);}

#it0201 		{background-image:url(../img/mos/02notte020199.png);}
#it0201:hover   {background-image:url(../img/mos/02notte020199h.png);}

#it0301 		{background-image:url(../img/mos/03rondo030199.png);}
#it0301:hover   {background-image:url(../img/mos/03rondo030199h.png);}
#it0302 		{background-image:url(../img/mos/03rondo030299.png);}
#it0302:hover   {background-image:url(../img/mos/03rondo030299h.png);}

#it0401 		{background-image:url(../img/mos/04camil040199.png);}
#it0401:hover 	{background-image:url(../img/mos/04camil040199h.png);}
#it0402 		{background-image:url(../img/mos/04camil040299.png);}
#it0402:hover 	{background-image:url(../img/mos/04camil040299h.png);}
#it0403 		{background-image:url(../img/mos/04camil040399.png);}
#it0403:hover 	{background-image:url(../img/mos/04camil040399h.png);}
#it0404 		{background-image:url(../img/mos/04camil040499.png);}
#it0404:hover 	{background-image:url(../img/mos/04camil040499h.png);}

#it0501 		{background-image:url(../img/mos/05bonte050199.png);}
#it0501:hover   {background-image:url(../img/mos/05bonte050199h.png);}
#it0502 		{background-image:url(../img/mos/05bonte050299.png);}
#it0502:hover   {background-image:url(../img/mos/05bonte050299h.png);}

#it0601 		{background-image:url(../img/mos/06legno060199.png);}
#it0601:hover   {background-image:url(../img/mos/06legno060199h.png);}
#it0602 		{background-image:url(../img/mos/06legno060299.png);}
#it0602:hover   {background-image:url(../img/mos/06legno060299h.png);}

#it0701 		{background-image:url(../img/mos/07rover070199.png);}
#it0701:hover   {background-image:url(../img/mos/07rover070199h.png);}

#it0801 		{background-image:url(../img/mos/08kubic080199.png);}
#it0801:hover   {background-image:url(../img/mos/08kubic080199h.png);}
#it0802 		{background-image:url(../img/mos/08kubic080299.png);}
#it0802:hover   {background-image:url(../img/mos/08kubic080299h.png);}
#it0803 		{background-image:url(../img/mos/08kubic080399.png);}
#it0803:hover   {background-image:url(../img/mos/08kubic080399h.png);}

#it0901 		{background-image:url(../img/mos/09quadr090199.png);}
#it0901:hover   {background-image:url(../img/mos/09quadr090199h.png);}
#it0902 		{background-image:url(../img/mos/09quadr090299.png);}
#it0902:hover   {background-image:url(../img/mos/09quadr090299h.png);}

#it1001 		{background-image:url(../img/mos/10zebra100199.png);}
#it1001:hover   {background-image:url(../img/mos/10zebra100199h.png);}

#it1101 		{background-image:url(../img/mos/11domus110199.png);}
#it1101:hover	{background-image:url(../img/mos/11domus110199h.png);}
#it1102 		{background-image:url(../img/mos/11domus110299.png);}
#it1102:hover	{background-image:url(../img/mos/11domus110299h.png);}
#it1103 		{background-image:url(../img/mos/11domus110399.png);}
#it1103:hover	{background-image:url(../img/mos/11domus110399h.png);}
#it1104 		{background-image:url(../img/mos/11domus110499.png);}
#it1104:hover	{background-image:url(../img/mos/11domus110499h.png);}
#it1105 		{background-image:url(../img/mos/11domus110599.png);}
#it1105:hover	{background-image:url(../img/mos/11domus110599h.png);}
#it1106 		{background-image:url(../img/mos/11domus110699.png);}
#it1106:hover	{background-image:url(../img/mos/11domus110699h.png);}
#it1107 		{background-image:url(../img/mos/11domus110799.png);}
#it1107:hover	{background-image:url(../img/mos/11domus110799h.png);}
#it1108 		{background-image:url(../img/mos/11domus110899.png);}
#it1108:hover	{background-image:url(../img/mos/11domus110899h.png);}
#it1109 		{background-image:url(../img/mos/11domus110999.png);}
#it1109:hover	{background-image:url(../img/mos/11domus110999h.png);}
#it1110 		{background-image:url(../img/mos/11domus111099.png);}
#it1110:hover	{background-image:url(../img/mos/11domus111099h.png);}

#it1201 		{background-image:url(../img/mos/12thiag120199.png);}
#it1201:hover	{background-image:url(../img/mos/12thiag120199h.png);}

#it1301 		{background-image:url(../img/mos/13matty130199.png);}
#it1301:hover	{background-image:url(../img/mos/13matty130199h.png);}

#it1401 		{background-image:url(../img/mos/14tommy140199.png);}
#it1401:hover	{background-image:url(../img/mos/14tommy140199h.png);}
#it1402 		{background-image:url(../img/mos/14tommy140299.png);}
#it1402:hover	{background-image:url(../img/mos/14tommy140299h.png);}

#it1501 		{background-image:url(../img/mos/15picco150199.png);}
#it1501:hover	{background-image:url(../img/mos/15picco150199h.png);}

#it1601 		{background-image:url(../img/mos/16anton160199.png);}
#it1601:hover	{background-image:url(../img/mos/16anton160199h.png);}
#it1602 		{background-image:url(../img/mos/16anton160299.png);}
#it1602:hover	{background-image:url(../img/mos/16anton160299h.png);}

#it1701 		{background-image:url(../img/mos/17emper170199.png);}
#it1701:hover	{background-image:url(../img/mos/17emper170199h.png);}

#it1801 		{background-image:url(../img/mos/18ecco_180199.png);}
#it1801:hover	{background-image:url(../img/mos/18ecco_180199h.png);}
#it1802 		{background-image:url(../img/mos/18ecco_180299.png);}
#it1802:hover	{background-image:url(../img/mos/18ecco_180299h.png);}

#it1901 		{background-image:url(../img/mos/19oppus190199.png);}
#it1901:hover	{background-image:url(../img/mos/19oppus190199h.png);}
#it1902 		{background-image:url(../img/mos/19oppus190299.png);}
#it1902:hover	{background-image:url(../img/mos/19oppus190299h.png);}

#it2001 		{background-image:url(../img/mos/20lola_200199.png);}
#it2001:hover	{background-image:url(../img/mos/20lola_200199h.png);}
#it2002 		{background-image:url(../img/mos/20lola_200299.png);}
#it2002:hover	{background-image:url(../img/mos/20lola_200299h.png);}



#ln01 		{background-image:url(../img/mos/01eleon010190.png);}
#ln01:hover {background-image:url(../img/mos/01eleon010190h.png);}
#ln02 		{background-image:url(../img/mos/02notte020190.png);}
#ln02:hover {background-image:url(../img/mos/02notte020190h.png);}
#ln03 		{background-image:url(../img/mos/03rondo030190.png);}
#ln03:hover {background-image:url(../img/mos/03rondo030190h.png);}
#ln04 		{background-image:url(../img/mos/04camil040190.png);}
#ln04:hover {background-image:url(../img/mos/04camil040190h.png);}
#ln05 		{background-image:url(../img/mos/05bonte050190.png);}
#ln05:hover {background-image:url(../img/mos/05bonte050190h.png);}
#ln06 		{background-image:url(../img/mos/06legno060190.png);}
#ln06:hover {background-image:url(../img/mos/06legno060190h.png);}
#ln07 		{background-image:url(../img/mos/07rover070190.png);}
#ln07:hover {background-image:url(../img/mos/07rover070190h.png);}
#ln08 		{background-image:url(../img/mos/08kubic080190.png);}
#ln08:hover {background-image:url(../img/mos/08kubic080190h.png);}
#ln09 		{background-image:url(../img/mos/09quadr090190.png);}
#ln09:hover {background-image:url(../img/mos/09quadr090190h.png);}
#ln10 		{background-image:url(../img/mos/10zebra100190.png);}
#ln10:hover {background-image:url(../img/mos/10zebra100190h.png);}
#ln11 		{background-image:url(../img/mos/11domus110190.png);}
#ln11:hover {background-image:url(../img/mos/11domus110190h.png);}
#ln12 		{background-image:url(../img/mos/12thiag120190.png);}
#ln12:hover {background-image:url(../img/mos/12thiag120190h.png);}
#ln13 		{background-image:url(../img/mos/13matty130190.png);}
#ln13:hover {background-image:url(../img/mos/13matty130190h.png);}
#ln14 		{background-image:url(../img/mos/14tommy140190.png);}
#ln14:hover {background-image:url(../img/mos/14tommy140190h.png);}
#ln15 		{background-image:url(../img/mos/15picco150190.png);}
#ln15:hover {background-image:url(../img/mos/15picco150190h.png);}
#ln16 		{background-image:url(../img/mos/16anton160190.png);}
#ln16:hover {background-image:url(../img/mos/16anton160190h.png);}
#ln17 		{background-image:url(../img/mos/17emper170190.png);}
#ln17:hover {background-image:url(../img/mos/17emper170190h.png);}
#ln18 		{background-image:url(../img/mos/18ecco_180190.png);}
#ln18:hover {background-image:url(../img/mos/18ecco_180190h.png);}
#ln19 		{background-image:url(../img/mos/19oppus190190.png);}
#ln19:hover {background-image:url(../img/mos/19oppus190190h.png);}
#ln20 		{background-image:url(../img/mos/20lola_200190.png);}
#ln20:hover {background-image:url(../img/mos/20lola_200190h.png);}



.mueble h2 {
	display:none;
}

.linea h2 {
	display:none;
}


.mueble h2 {
	font-size:1.2em;
}

.linea h2 {
	font-size:2em
}

.id {
	display:block;
	opacity:0;
}




	


/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.number, .symbol, .weight {
	display:none;
}



/*
	/Isotope Infinite Scrolling
*/





/*
	Acordeon Vertical
*/

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}



/*
	/ Acordeon Vertical
*/




/* ==========================================================================
   CSS Campi
   ========================================================================== */


/*   prehome   */





#phwrp {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(0,0,0);
	color:rgba(255,255,255,1);
}

#phcont {
	width:600px;	
	margin:auto;
	margin-top:75px;	
}

#phc_logo, #phc_nav, #phc_navold, #phc_navnew, #phc_navnav {
	float:left;
	display:block;
}

#phc_logo {
	width:100%;
	text-align:center;
	
}

#phc_logo h2 {
	
	font-size:1.5em;
	font-weight:400;
	margin:0;
	margin-top:0.25em;
}

#phc_nav {
	width:100%;
	margin-top:50px;
}

#phc_navold, #phc_navnew {
	width:50%;
	text-align:center;
}

#phc_navold {
}

#phc_navold h3, #phc_navnew h3 {
	font-weight:700;
	font-size:1.4em;
	margin:0;
}

#phc_navold h4, #phc_navnew h4 {
	text-align:center;
	font-weight: 400;
	font-size:1em;
	border: 1px solid rgba(255,255,255,1);
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

#phc_navnew h5 {
	position:absolute;
	margin: 0;
	font-size: 0.6em;
	border: 1px solid rgba(255,255,255,1);
	margin-left:5em;
	background-color: rgba(0,153,255,1);
	width:4em;
}

#phc_navnew h7 {
	position:absolute;
	margin:0;
	color: rgba(0,153,255,1);
	margin-top:-1.5em;
	margin-left:5em;
	font-size:0.8em;
}

.phc_inglnk {
	text-decoration:none;
	color:rgba(255,255,255,1);
}

#phc_navold h4:hover, #phc_navnew h4:hover {
	text-align:center;
	font-weight: 400;
	font-size:1em;
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(0,153,255,1);
	width:80%;
	margin-left:10%;
	margin-right:10%;
}


/*   /prehome  */





/*   preloader  */
.plhome {
	position:absolute;
	width:100%;
	height:100%;

	background-color:rgba(0,0,0,1);
	z-index:100;
	text-align:center;

}

#plhomegif {
	position:absolute;
	width:6%;
	height:6%;
	top:47%;
	left:47%;
	}
/*   /preloader  */





/*   general campi  */

* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
h1 {font-size: 1.7em; font-weight:600;}
h2 {font-size:1.2em; font-weight:600;}
h3 {font-size: 0.9em;}
h4 {font-size: 0.8em;}
h8 {font-size: 0.6em;}

p {font-size: 0.8em; font-weight:300;}

/*   /general campi  */


/*   index  */
.logo {
	position:absolute;
	top:30px;
	left:30px;
	z-index:25;
}

#logoprd {
	position:fixed;
}


.antig {
	position: absolute;
	top:30px;
	right:0px;
	z-index:25;
}

#antigprd {
	position:fixed;
}




/*   panel deslizable  */
.contenedor {
    position: absolute;
    left:200px;
	top:30px;
	height:155px;
	width:500px;
	overflow: hidden;
	z-index:20;
}

#contenedorprd {
	position:fixed;
}

#slideIzq {
	position: absolute;
	height: 155px;
	left: 0;
	color: rgba(255,255,255,1);
	margin:0px;
	padding:0px;
}


#slideIzq a {
	color:rgba(255,255,255,1);
	text-decoration:none;
}

#slideIzq a:hover {
	color:rgba(204,204,204,1);
}

.men01 {
    float: left;
    display: block;
}

   
.men01it {
	position: relative;
	float: left;
	padding: 0;
	height: 103px;
	width: 103px;
	margin-right: 15px;
	background: rgba(0,0,0,0.25);
	border: 1px solid rgba(128,128,128,0.5);	
}

#men01itACT, #men02itACT {
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,0.9);
}


.men01itcont {
	position:absolute;
	left:0.4em;
	bottom:-0.75em;
}

.men02 {
	float: left;
	display: block;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
    
.men02it, .men02cnt {
	position:relative;
    float: left;
	padding:0;
	height:33px;
	width:103px;
	background:rgba(0,0,0,0.25);
	margin-right:15px;
	border: 1px solid rgba(128,128,128,0.5);
}

.men02cntACT {
	position:relative;
    float: left;
	padding:0;
	height:33px;
	width:103px;
	margin-right:15px;
	border: 1px solid rgba(128,128,128,0.5);
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,0.9);
}

.men02itcont {
	position: absolute;
	left: 0.4em;
	top: -1em;
	line-height:95%;
}



.btmen_ce {
	position:absolute;
	width:20px;
	height:20px;
	top:32px;
	left:672px;
	z-index:25;
}



.btmen_ab {
	position:absolute;
	width:60px;
	height:20px;
	top:160px;
	left:195px;
	z-index:25;
	
	display:none;
	opacity:0;
}

#btmen_ceprd, #btmen_abprd {
	position:fixed;
}





#botonmen {
	float:left;
	margin-left: -15px;
}



.btnslide {
	width:25px;
	height:25px;
	border:none;
	opacity:0.85;
	margin-top:0;
}

.btnslide a:hover{
	opacity:1;
	margin-top:1;
}

#btabrir {
	display:none;
	
}

#btcerrar {
	display:block;
	
}
/*   /panel deslizable  */


.fraLFT, .fraRGT {
	position:absolute;
	height:65px;
	width:100%;
	margin:0px;
	padding:0px;
	z-index:8;
	overflow:hidden;
	
}


/*   fondos home  */

.hmfondo {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
}


#hmfondo1 {background-image:url(../img/home/01-notte.jpg); opacity:1;}
#hmfondo2 {background-image:url(../img/home/02-eleonora.jpg);}
#hmfondo3 {background-image:url(../img/home/03-rondo.jpg);}
#hmfondo4 {background-image:url(../img/home/04-legno.jpg);}


/*   /fondos home  */


/*   frases  */

.fraLFT {
	bottom:100px;

	}
	
.fraRGT {
	bottom:165px;
}

.fraLFTint {
	float:right;
	margin-right:-570px;
	
}

.fraRGTint {
	float:left;
	margin-left:-570px;	
	
}

/*   /frases  */


/*   /index  */

/*   productos  */

.fondo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	z-index:-2;
	display:block;
	
}
#fondoemp { background-image:url(../img/fdo_empresa.jpg);}
#fondonov { background-image:url(../img/fdo_00-Rovere.jpg);}
#fondoprd { background-image:url(../img/fdo_00-Camille.jpg);}
#fondocon { background-image:url(../img/fdo_00-Zebrano.jpg);}
#fondocon { background-image:url(../img/fdo_00-Camille.jpg);}

#fondocar { background-image:url(../img/fdo_00-Camille.jpg);}
#fondofaq { background-image:url(../img/fdo_00-Zebrano.jpg);}
#fondodis { background-image:url(../img/fdo_00-Camille.jpg);}
#fondores { background-image:url(../img/fdo_00-Rovere.jpg);}

#fondoprd01 { background-image:url(../img/00-Eleonora.jpg);}
#fondoprd02 { background-image:url(../img/00-Notte.jpg);}
#fondoprd03 { background-image:url(../img/00-Rondo.jpg);}
#fondoprd04 { background-image:url(../img/00-Camille.jpg);}


.fichaprod {
	position:absolute;
	z-index: 7;
	left:30px;
	bottom:30px;
	padding: 0;
	width: 225px;
	border: 1px solid rgba(128,128,128,0.5);
	color: rgba(255,255,255,1);
	text-align: right;
	opacity:0;

}

.fichaprod h1, .fichaprod h2, .fichaprod h3, .fichaprod h4, .fichaprod h5 {
	margin:0px;
}

.fichaprod h1 {font-size:1.8em; font-weight:400;}
.fichaprod h2 {font-size:1em;}
.fichaprod h3 {font-size:0.8em;}
.fichaprod h4 {font-size:0.7em;}
.fichaprod h5 {font-size:0.6em;}

.fprw {
	padding:5px;
	margin:10px;
	line-height:55%;
}

#fprwac {
	text-align:left;
}

#fprwac h4 {font-size:0.67em;}

.fpnom {
	padding:2px;
	margin:10px;
	text-align:left;
	line-height:210%;
	
}

.fpnav1 {
	position:absolute;
	right: 7px;
	bottom: 10px;
}

.nv1ata { opacity:0.5;}
.nv1ata:hover {opacity:1;}
.nv1ada { opacity:0.5;}
.nv1ada:hover {opacity:1;}


.fpacb {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	text-align: center;
	border: 1px solid rgba(128,128,128,0.5);
}

a.nv1col {
	text-decoration:none;
	color:rgba(255,255,255,1);
}

a:hover.nv1col {
	
}

.fpacb:hover {
	background-color: rgba(255,255,255,1);
	color:rgba(0,0,0,1);	
}

#fprwac h4 {margin:0px;}

#fpacbsel {
	background-color: rgba(255,255,255,0.5);
	color:rgba(0,0,0,1);
}





/*   /productos  */




/*   seccion  */



.seccioncon {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,1);
	text-align: justify;
	margin: auto;
	column-count: 2;
	column-gap: 25px;
	border-color:transparent;
	border-top-width: 200px;
	border-right-width: 30px;
	border-bottom-width: 30px;
	border-left-width: 200px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	overflow:auto;
}

#seccionconcon a{
	text-decoration:none;
	color:rgba(255,255,255,1);
}

#seccionconcon h2{
	font-weight:300;
}




#datos, #formulario {
	float:left;
}

#datos {
	width:50%;
	height:100%;
	text-align:left;
}


article {
    text-align: justify;
    margin: auto;
  }
  
#contxt, #contxt2 {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;
	width:50%;
}

#contxt {
	padding-right: 15px;
}

#contxt2 {
	padding-left: 15px;
}

#contentprd {
	margin-top:255px;
	margin-left:200px;
	margin-right:24px;
}

.contentVA {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,1);

	border-color:transparent;
	border-top-width: 225px;
	border-right-width: 600px;
	border-bottom-width: 30px;
	border-left-width: 205px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index:6;
}

.contentVAds {
	position: absolute;
	display: block;
	width: 35%;
	height: 100%;
	color: rgba(255,255,255,1);
	right:5%;

	border-color:transparent;
	border-top-width: 30px;
	border-right-width: 0px;
	border-bottom-width: 30px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index:6;
}

.contentVAint {
	height:100%;
	width:100%;
	}


.imgVA {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	position: fixed;
	display: block;

	width: 100%;
	height: 100%;
	color: rgba(255,255,255,1);
	z-index:4;

	border-color:transparent;
	border-top-width: 0px;
	border-right-width: 95px;
	border-bottom-width: 0px;
	border-left-width: 700px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	}

.imgVAi {
	width:100%;
	height:100%;
	
}

.imgVAint {
	height:100%;
	width:100%;
	background-position:center;
	background-repeat:repeat-y;
	display: none;
	}
	
#imgVAint01 {background-image:url(../img/empr/ne01_historia.jpg); display: block;}
#imgVAint02 {background-image:url(../img/empr/ne02_campi_hoy.jpg);}
#imgVAint03 {background-image:url(../img/empr/ne03_nuestragente.jpg);}
#imgVAint04 {background-image:url(../img/empr/ne04_diseno.jpg);}
#imgVAint05 {background-image:url(../img/empr/ne05_typ.jpg);}


#imgVAint11 {background-image:url(../img/nov/nov_eleon.jpg); display: block;}
#imgVAint12 {background-image:url(../img/nov/nov_bercomat.jpg);}
#imgVAint13 {background-image:url(../img/nov/nov_retail.jpg);}
#imgVAint14 {background-image:url(../img/nov/nov_reformas.jpg);}
#imgVAint15 {background-image:url(../img/va_nov05.jpg);}


#imgVAint21 {background-image:url(../img/carac/carac_encolado.jpg); display: block;}
#imgVAint22 {background-image:url(../img/carac/carac_expocolor.jpg);}
#imgVAint23 {background-image:url(../img/carac/carac_entrega.jpg);}
#imgVAint24 {background-image:url(../img/carac/carac_pack.jpg);}



.imgVAintef {
	position: fixed;
	height: 100%;
	right:0px;
	width: 35%;
	margin-right: 95px;
	background-image: url(../img/sombra.png);
	background-size: contain;
	background-repeat: repeat-y;
	display: none;
	z-index: 5;

}


/*   contacto  */

.frmcontacto {
	position:absolute;
	width:245px;
	top:187px;
	left: 30px;
	color: rgba(0,0,0,1);
	background-image:url(../img/sombracnt.png);
	background-repeat:repeat-x;	
	background-color: rgba(255,255,255,0.9);
	
	z-index:10;
	display:none;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:12px;
	padding-top:12px;
}

#frmcontactoPRD {
	position:fixed;
}


#formenc {
	width:100%;
	height:32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,1);
}


#formtit {
	display:block;
	float:left;
	margin-top:-13px;
}

#formICN {
	position:relative;
	float:right;
	color:rgba(0,0,0,1);
}

#formICNcerrar {
	color:rgba(128,128,128,1);
	text-decoration:none;
	

}

#formICNcerrar :hover{
	color:rgba(0,0,0,1);
}


#formcont {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	
}

.campo {
	line-height:10%;
}

h4.campo {
	margin:0;
}

.formpie {
	width:100%;
	float: right;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0,0,0,1);
}

.formpie p {
	margin:0;
}

.infocampi {
	margin-top:6px;
	float:left;
	width:185px;
	line-height:110%;
	}
	
.infocampi p {
	font-size:0.7em;
}
	
.fiscal {
	padding-top:5px;
	float:right;
	}


.frmfondo {
	position:absolute;
	display: none;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.85);
	cursor:no-drop;
	z-index:9;
}

#formfondoPRD {
	position:fixed;
}


/*   /contacto  */

/*   mapas  */


	
.mapaINT {
	width:460px;
	}
	
.mapaGM {
	position:fixed;
	top:215px;
	left:30px;
	width:635px;
	height:400px;
	display:none;
	color:rgba(153,153,153,1);
	}
	
.mapaGM a {
	color:rgba(255,255,255,1);
}

.mapaGM a:hover {
	color:rgba(255,255,255,1);
	font-weight:600;
}
	
#mpcapfed {
	display:block;
}
	
/*   /mapas  */




/*   /seccion  */

/*   prueba  */

#panelprod {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	

	display: none;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,1);
	border-color:transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index:0;
	margin-bottom:-260px;
	
	background-color:rgba(0,0,0,1);
	overflow:hidden;
}

.panelprodit {
	display:none;
	}

.panelprodcnt {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
	display:none;
	
}

#ppc_eleon010101 { background-image:url(../img/prod/01eleon010101.jpg);}
#ppc_eleon010102 { background-image:url(../img/prod/01eleon010102.jpg);}
#ppc_eleon010103 { background-image:url(../img/prod/01eleon010103.jpg);}
#ppc_eleon010104 { background-image:url(../img/prod/01eleon010104.jpg);}

#ppc_notte020101 { background-image:url(../img/prod/02notte020101.jpg);}
#ppc_notte020102 { background-image:url(../img/prod/02notte020102.jpg);}
#ppc_notte020103 { background-image:url(../img/prod/02notte020103.jpg);}

#ppc_rondo030101 { background-image:url(../img/prod/03rondo030101.jpg);}
#ppc_rondo030102 { background-image:url(../img/prod/03rondo030102.jpg);}
#ppc_rondo030201 { background-image:url(../img/prod/03rondo030201.jpg);}

#ppc_camil040101 { background-image:url(../img/prod/04camil040101.jpg);}
#ppc_camil040201 { background-image:url(../img/prod/04camil040201.jpg);}
#ppc_camil040202 { background-image:url(../img/prod/04camil040202.jpg);}
#ppc_camil040301 { background-image:url(../img/prod/04camil040301.jpg);}
#ppc_camil040401 { background-image:url(../img/prod/04camil040401.jpg);}

#ppc_bonte050101 { background-image:url(../img/prod/05bonte050101.jpg);}
#ppc_bonte050102 { background-image:url(../img/prod/05bonte050102.jpg);}
#ppc_bonte050201 { background-image:url(../img/prod/05bonte050201.jpg);}

#ppc_legno060101 { background-image:url(../img/prod/06legno060101.jpg);}
#ppc_legno060102 { background-image:url(../img/prod/06legno060102.jpg);}
#ppc_legno060103 { background-image:url(../img/prod/06legno060103.jpg);}
#ppc_legno060201 { background-image:url(../img/prod/06legno060201.jpg);}

#ppc_rover070101 { background-image:url(../img/prod/07rover070101.jpg);}
#ppc_rover070102 { background-image:url(../img/prod/07rover070102.jpg);}

#ppc_kubic080101 { background-image:url(../img/prod/08kubic080101.jpg);}
#ppc_kubic080102 { background-image:url(../img/prod/08kubic080102.jpg);}
#ppc_kubic080201 { background-image:url(../img/prod/08kubic080201.jpg);}
#ppc_kubic080301 { background-image:url(../img/prod/08kubic080301.jpg);}

#ppc_quadr090101 { background-image:url(../img/prod/09quadr090101.jpg);}
#ppc_quadr090102 { background-image:url(../img/prod/09quadr090102.jpg);}
#ppc_quadr090103 { background-image:url(../img/prod/09quadr090103.jpg);}
#ppc_quadr090201 { background-image:url(../img/prod/09quadr090201.jpg);}

#ppc_zebra100101 { background-image:url(../img/prod/10zebra100101.jpg);}
#ppc_zebra100102 { background-image:url(../img/prod/10zebra100102.jpg);}
#ppc_zebra100103 { background-image:url(../img/prod/10zebra100103.jpg);}

#ppc_domus110101 { background-image:url(../img/prod/11domus110101.jpg);}
#ppc_domus110201 { background-image:url(../img/prod/11domus110201.jpg);}
#ppc_domus110202 { background-image:url(../img/prod/11domus110202.jpg);}
#ppc_domus110301 { background-image:url(../img/prod/11domus110301.jpg);}
#ppc_domus110401 { background-image:url(../img/prod/11domus110401.jpg);}
#ppc_domus110402 { background-image:url(../img/prod/11domus110402.jpg);}
#ppc_domus110501 { background-image:url(../img/prod/11domus110501.jpg);}
#ppc_domus110601 { background-image:url(../img/prod/11domus110601.jpg);}
#ppc_domus110701 { background-image:url(../img/prod/11domus110701.jpg);}
#ppc_domus110801 { background-image:url(../img/prod/11domus110801.jpg);}
#ppc_domus110901 { background-image:url(../img/prod/11domus110901.jpg);}
#ppc_domus111001 { background-image:url(../img/prod/11domus111001.jpg);}

#ppc_thiag120101 { background-image:url(../img/prod/12thiag120101.jpg);}
#ppc_thiag120102 { background-image:url(../img/prod/12thiag120102.jpg);}

#ppc_matty130101 { background-image:url(../img/prod/13matty130101.jpg);}
#ppc_matty130102 { background-image:url(../img/prod/13matty130102.jpg);}

#ppc_tommy140101 { background-image:url(../img/prod/14tommy140101.jpg);}
#ppc_tommy140102 { background-image:url(../img/prod/14tommy140102.jpg);}
#ppc_tommy140201 { background-image:url(../img/prod/14tommy140201.jpg);}
#ppc_tommy140202 { background-image:url(../img/prod/14tommy140202.jpg);}

#ppc_picco150101 { background-image:url(../img/prod/15picco150101.jpg);}
#ppc_picco150102 { background-image:url(../img/prod/15picco150102.jpg);}

#ppc_anton160101 { background-image:url(../img/prod/16anton160101.jpg);}
#ppc_anton160102 { background-image:url(../img/prod/16anton160102.jpg);}
#ppc_anton160201 { background-image:url(../img/prod/16anton160201.jpg);}
#ppc_anton160202 { background-image:url(../img/prod/16anton160202.jpg);}

#ppc_emper170101 { background-image:url(../img/prod/17emper170101.jpg);}

#ppc_ecco_180101 { background-image:url(../img/prod/18ecco_180101.jpg);}
#ppc_ecco_180201 { background-image:url(../img/prod/18ecco_180201.jpg);}

#ppc_oppus190101 { background-image:url(../img/prod/19oppus190101.jpg);}
#ppc_oppus190201 { background-image:url(../img/prod/19oppus190201.jpg);}

#ppc_lola_200101 { background-image:url(../img/prod/20lola_200101.jpg);}
#ppc_lola_200201 { background-image:url(../img/prod/20lola_200201.jpg);}













.fpnav2 {
	position:absolute;
	right:30px;
	bottom:70px;
	text-align:left;
	
}

	
.fpn2it {
	width:31px;
	height:25px;
	display:inline-block;
	
	}

.fpn201 {background-image:url(../img/nav201h.png);}
.fpn202 {background-image:url(../img/nav202.png);}
.fpn203 {background-image:url(../img/nav203.png);}
.fpn204 {background-image:url(../img/nav204.png);}
.fpn205 {background-image:url(../img/nav205.png);}


#ctrlpp {
	position:absolute;
	right:10px;
	bottom:100px;
	padding:5px;
	z-index:50;
	background-color:rgba(255,0,0,0.75)
}

#ctrlpp a, #ctrlmp a {
	text-decoration:none;
	color:rgba(255,255,255,1);
}

#ctrlmp {
	position:absolute;
	left:10px;
	bottom:100px;
	padding:5px;
	z-index:50;
	background-color:rgba(255,0,0,0.75)
}


/*   /prueba  */




/*   /Css Campi  */


/* ==========================================================================
   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: 100%;
}

/*
 * 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 only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* 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;
    }
}