/*
 Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.5.1
 */
.ui-tabs .ui-tabs-hide {
     display: none;
}

html {
    color: #000;
    background: #000;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body{

background:#222;

}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
	border:none;
}

input, textarea, select {
*font-size: 100%;
}

legend {
    color: #000;
}

b, strong{
font-weight:bold;
}

/* */
#title {
	width:960px;
	margin:5px auto 5px auto;
	text-align:center;
	font-family:"Century Gothic", Arial;
	font-size:12px;
	color:#222222;
}

#title h1, #title p, #title h2, #title h3{
	font-family:"Century Gothic", Arial;
	font-size:12px;
	display:inline;
	color:#CCCCCC;
}

#content {
	background:#000;
	height:auto;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	
}

#cabecera{
	width:780px;
	margin:0;
	padding:0px;
	display:block;
	float:right;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#000;
	height:60px;	}
	
.enlace{
	color:#545454;
	text-decoration:none;
	font-family:"Century Gothic", Arial;
	font-size:12px;
	text-align:center;
	margin:0;
	
	}
	.enlace:hover{
	color:#4fa700;
	text-decoration:none;
	}


.home{ 
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/hotel-fuerte-conil.jpg);
	background-position:0 320px;
	width:940px;
	height:320px;
}

.home:hover{ 
	background-position:0 0;
	width:940px;
	height:320px;
	background-repeat:no-repeat;
}

#picture {
	position:relative;
	 
}
#picture p{ 
	font-family: "Century Gothic", Arial;
	font-size:16px;
	font-weight:normal;
	color:#222;
	margin:0 0 15px 0;
	width:100%;
	text-align:left;
}

#picture #descripcion{
	background:#fff;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: .8;

}

#viewer { width:940px; height:320px; clear:both; overflow:hidden; border:none;}
#viewerFrame {width:5640px; clear:both; padding:0;}
#viewer img {width:940px; height:320px; display:inline; border:0;}
#viewer a {display:block; float:left; width:940px; height:320px;}

#texto-banner{
	/*background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/degradado.png);
	background-position:top;*/
	width:360px;
	height:295px;
	margin:0;
	padding:25px 50px 25px 50px;
	text-align:center;
	position:absolute;
	z-index:1000;
}


#texto-banner h2{
	font-family:"Century Gothic", Arial;
	font-size:30px;
	color:#FFF;
	font-weight:bolder;
	text-align:left;
}
	
#breadcrumb{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#545454;
	height:20px;
	margin:5px 0 10px 10px;
	}
	
#breadcrumb a{
	color:#4fa700;
	text-decoration:underline;
	padding:0 5px 0 5px;
	}
	
#breadcrumb a:hover{
	color:#FFF;
	text-decoration:underline;
	background:#666;
	}

#language {
	width:300px;
	display:block;
	float:right;
	height:25px;
	margin-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:right;
	}

#language a{
	color:#545454;
	text-decoration:underline;
	padding:0 5px 0 5px;
	}
#language a:hover{
	background-color:#545454;
	color:#FFF;
	text-decoration:none;
	}
/* menu*/
.cabecera {
	width:100%;
	height:85px;
	}

#navbar{
	width:750px;

	float:right;
	font:bold 14px 'Century Gothic', Verdana, arial, sans-serif;
	padding:5px 0 0 0;
	margin:0 5px 0 0;
	text-align:right;
	vertical-align:bottom;
	}

#navbar li {
	color:#FFF;
	display:block;
	float:left;
	font:bold 12px 'Century Gothic', Verdana, arial, sans-serif;
	height:30px;
	text-align:center;
	text-decoration:none;
}

#navbar li a {
	display:block;
	padding:3px;
	color:#4fa700;
	text-decoration:underline;
	font:12px 'Century Gothic', Verdana, arial, sans-serif;
}

#navbar li a:hover {
	background:#CCC;
	color:#222;
	font:12px 'Century Gothic', Verdana, arial, sans-serif;

	
}

#navbar.activo {
	color:#222;
	display:block;
	float:left;
	font:bold 14px 'Century Gothic', Verdana, arial, sans-serif;
	height:24px;
	margin-right:5px;
	margin-top:5px;
	padding-right:5px;
	text-decoration:none;
}

/* Fin de pestaas*/
	
/*#navbar a{
	color:#FFF;
	padding:8px 10px 9px 5px;
	margin:0;
	text-decoration:none;
	height:23px;
	background-image:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/separador-menu.gif);
	background-position:center right;
	background-repeat:no-repeat;
	
	}

	
#navbar a:hover{
	color:#FFF;
	padding:8px 10px 9px 5px;
	margin:0;
	text-decoration:none;
	height:23px;
	background:#545454;
	background-image:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/separador-menu-on.gif);
	background-position:right;
	background-repeat:no-repeat;
	
	}*/
	
.titulo{
	height:25px;
	margin-top:5px;
	font-family: "Century Gothic", Arial;
	font-size:18px;
	font-weight:normal;
	color:#545454;
	
	}

#navlist {
	font-family: "Century Gothic", Arial;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	padding:0;
	height:30px;
	background:#44a700;
	background-image:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/ruta-navlist.gif);
	background-repeat:no-repeat;
	background-position:right;

}

.titulo-barra{
	display:block;
	float:left;
	font-family: "Century Gothic", Arial;
	font-size:12px;
	font-weight:normal;
	background-image:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/titulo-ruta.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	padding:7px 15px 3px 10px;
	color:#545454;
}

#navlist a{
	display:block;
	float:left;
	font-family: "Century Gothic", Arial;
	font-size:12px;
	font-weight:normal;
	height:20px;
	padding:7px 4px 3px 4px;
	color:#FFF;
	text-decoration:none;
}

#navlist a:hover{
	display:block;
	float:left;
	font-family: "Century Gothic", Arial;
	font-size:12px;
	font-weight:normal;
	height:20px;
	color:#FFF;
	background:#545454;
}

#navlist .actual{
	display:block;
	float:left;
	font-family: "Century Gothic", Arial;
	font-size:12px;
	font-weight:normal;
	height:20px;
	padding:7px 7px 3px 7px;
	color:#FFF;
	background:#545454;
}

.pestana{
	height:29px;
	border-bottom:#545454 solid 2px;
	
	}

.pestana a {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/right_off.gif) no-repeat scroll top right;
	color:#FFF;
	display:block;
	float:left;
	font:normal 11px Tahoma, Verdana, arial, sans-serif;
	height:24px;
	margin-right:5px;
	margin-top:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
}

.pestana a span {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/left_off.gif) no-repeat;
	display:block;
	line-height:19px;
	padding:5px 7px 0 15px;
}

.pestana a:hover {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/right_on.gif) no-repeat scroll top right;
	color:#FFF;
	display:block;
	float:left;
	font:normal 11px Tahoma, Verdana, arial, sans-serif;
	height:24px;
	margin-right:5px;
	margin-top:5px;
	padding-right:5px;
	text-decoration:none;
}

.pestana a:hover span {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/left_on.gif) no-repeat;
	display:block;
	line-height:19px;
	padding:0 7px 5px 15px;
}


.pestana .activo {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/right_on.gif) no-repeat scroll top right;
	color:#FFF;
	display:block;
	float:left;
	font:normal 11px Tahoma, Verdana, arial, sans-serif;
	height:24px;
	margin-right:5px;
	margin-top:5px;
	padding-right:5px;
	text-decoration:none;
}

.pestana .activo span {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/left_on.gif) no-repeat;
	display:block;
	line-height:19px;
	padding:0 7px 5px 15px;
}


.pestana .desactivo {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/right_off.gif) no-repeat scroll top right;
	color:#FFF;
	display:block;
	float:left;
	font:normal 11px Tahoma, Verdana, arial, sans-serif;
	height:24px;
	margin-right:5px;
	margin-top:5px;
	padding-right:5px;
	text-align:center;
	text-decoration:none;
}

.pestana .desactivo span {
	background:transparent url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/left_off.gif) no-repeat;
	display:block;
	line-height:19px;
	padding:5px 7px 0 15px;
}


#flashcontent{
	height:500px;
	} 

#texto{
	font-family:"Century Gothic", Arial;
	background:#000;
	color:#FFF;
	font-size:18px;
}

#texto h3, #texto h4{
	font-family:"Century Gothic", Arial;
	color:#FFF;
	font-size:24px;
	margin:25px 25px 5px 25px;

}

.numero1{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/numeros.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:10px 0 5px 60px;
	line-height:35px;
	font-weight:bold;	
}

.numero2{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/numeros.gif);
	background-position:0 -50px;
	background-repeat:no-repeat;
	padding:10px 0 5px 60px;
	line-height:35px;
	font-weight:bold;
}

.numero3{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/numeros.gif);
	background-position:0 -100px;
	background-repeat:no-repeat;
	padding:10px 0 5px 60px;
	line-height:35px;
	font-weight:bold;
}

.numero4{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/numeros.gif);
	background-position:0 -150px;
	background-repeat:no-repeat;
	padding:10px 0 5px 60px;
	line-height:35px;
	font-weight:bold;
}

#texto p{
	font-family:"Century Gothic", Arial;
	background:#000;
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin:10px 25px 10px 25px;

}

#texto ul{
	font-family:"Century Gothic", Arial;
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin:10px 25px 10px 25px;

}

#texto ul li {
	font-family:"Century Gothic", Arial;
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin:10px 25px 10px 25px;
	list-style:square;

}

#texto ol{
	font-family:"Century Gothic", Arial;
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin:10px 25px 10px 25px;

}

#texto ol li {
	font-family:"Century Gothic", Arial;
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin:10px 25px 10px 25px;
	list-style:upper-latin;

}

#texto a{
	color:#9feafd;
	text-decoration:underline;
}

#texto a:hover{
	color:#FFF;
	text-decoration:none;
	}

.informacion{
	color:#fff;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/botones.png);
	background-position:0 0;
	width:173px;
	float:left;
	height:35px;
	padding-top:12px;
	font-family:"Century Gothic", Arial;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

.informacion:hover{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/botones.png);
	background-position:0 -47px;
	}
	
.reserva{
	color:#fff;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/botones.png);
	background-position:0 -94px;
	width:173px;
	float:left;
	height:40px;
	padding-top:17px;
	font-family:"Century Gothic", Arial;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

.reserva:hover{
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/botones.png);
	background-position:0 -151px;
	}	

#gallery p{
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color:#545454;
	margin:10px 0 5px 0;
	
	} 
#miniaturas h3, h4, h5{
	font-family:"Century Gothic", Arial;
	font-size:16px;
	color:#545454;
	margin:10px 10px 5px 10px;
	font-weight:bold;
	border-bottom:solid 2px #545454
	
	} 

#miniaturas img{
	width:140px;
	height:69px;
	display:block;
	float:left;
	margin:0;
	cursor:pointer;
	*cursor:hand;
	
	}
	
#miniaturas a:hover{
	border:none;
	
	}

	.miniaturas a{
border:#333 solid 1px;
	
	}
	
#sidebar {
	font-family: "Century Gothic", Arial;
	font-size:14px;
	width:300px;
	font-weight:normal;
	margin:0;
	padding:0;
	display:block;
	/*height:385px;*/
	height:auto;
	min-height:385px;
	background:#000;

}

#sidebar .motor{
	width:300px;
	margin:25PX 0 10px 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/cita-ciegas/motor-back.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	color:#222;
	font-size:15px;
	text-decoration:none;
	padding:2px 0 15px 0;
	line-height:40px;
	}
	
.motor h3{
	margin:15px 10px;
	font-weight:bolder;
	font-size:20px;
	color:#545454;
	text-align:center;
	}

#sidebar .btn-verde:hover{
	width:300px;
	margin:0 0 10px 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/boton-grande.gif);
	background-position:0 -84px;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	padding:2px 0 0 0;
	line-height:40px;
	}
	
#sidebar .btn-naranja {
	width:300px;
	margin:0 0 10px 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/boton-grande.gif);
	background-position:0 -42px;
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	padding:2px 0 0 0;
	line-height:40px;
	}
	
#sidebar .btn-naranja:hover {
	width:300px;
	margin:0 0 10px 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/boton-grande.gif);
	background-repeat:no-repeat;
		background-position:0px 0px;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	padding:2px 0 0 0;
	line-height:40px;
	}
	
.green-column{
	padding:10px 0 0 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/verde-top.gif);
	background-position:top;
	background-repeat:no-repeat;

	}
.green-column p{
	position:relative;
	z-index:3;
	display:block;
}
.social-media{
	width:300px;
	height:41px;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/back-social-media.gif);
	display:block;
	margin:0px 0 10px 0;
	padding:10px 0 0 0;
	text-align:center;
}

.pie-verde{
	width:100%;
	height:10px;
	display:block;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	background:url(http://www.fuertehoteles.com/imagenes/estructura/fotos-videos/verde-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.comparte {
	float:right;
	width:130px;
	height:113px;
	top:-113px;
	z-index:2;
	position:relative;
	}
	
#sidebar p{
	margin:0 10px 10px 10px;
	color:#545454;
	}
#destinos{
	font-family:"Century Gothic", Arial;
	font-size:12px;
	color:#fff;
	width: 100%;
	display: block;
	clear: both;
	text-align:center;
	margin:15px 0 15px 0;
}

#destinos a {
color:#ccc;
text-decoration:none;

}

#destinos a:hover {
color:#fff;
text-decoration:underline;

}


#footer{

	background-color: #545454;
	height:200px;
	min-height:200px;
	width: 100%;
	display: block;
	clear: both;
	margin:0;
	padding:0;
}

#footer #inner{
	width: 940px;
	display: block;
	margin: auto;
	padding: 0;

}

#footer #inner ul{
	width:225px;
	min-height: 100px;
	display: block;
	margin:15px 0 10px 5px;
	padding:10px 0 15px 0;
	float: left;
	color: #ffffff;	
	font-size: 14px;
	font-family: 'Century Gothic', Tahoma, Gills Sans;
	background: #444;
}


#footer #inner ul li:first-child{
	color: #ffffff;	
	font-size:20px;
	font-weight: bolder;
	font-family: 'Century Gothic', Tahoma, Gills Sans;
	margin: 0 10px 10px 10px;

} 

#footer #inner ul li{
	color: #ffffff;	
	font-size:14px;
	font-family: 'Century Gothic', Tahoma, Gills Sans;
	margin: 0 10px 5px 10px;

}

#footer #inner ul li a{
	color: #ffffff;	
	text-decoration: underline;


}
#footer #inner ul li a:hover{
	color: #cccccc;	
	text-decoration: none;

}

	

/* s
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: auto !important; /* ie6 ignores !important, so this will be overridden below */
    min-height: 100%; /* ie6 ignores min-height completely */
    height: 100%;


}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}