/* ********************
   reset
**********************/
html {height:auto;}

body {
	font:x-small Arial,Helvetica,sans-serif;
	background: url(../imagenes/bg_body.gif) bottom repeat-x white;
	color:#666;
        height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
fieldset,img, abbr, acronym {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
li {height:1%;}
caption,th {
	text-align:left;
}
p, li {line-height:1.35em;
}
img {
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-size:100%;
	font-weight:normal;
}
a { outline:none;
	color:#316394;
	text-decoration: none;
 }
a:hover {
	color:#39c;
}
/* ********************
   layout
**********************/
#wrap{
	width:900px;
	margin:0 auto;
	background: url(../imagenes/bg_wrap.gif) 0 0 repeat-y;
	padding:0 4px;
}
#header {
	position: relative;
	width:900px;
	background: url(../imagenes/bg_header.jpg) 0 0 no-repeat;
}
#content {
	margin:20px 7px 0;
	padding-bottom:20px;
}
#content #home_left {
	float: left;
	width:566px;
}
#content #home_right {
	float: right;
	width:310px;
}
#content #sidebar {
	float:left;
	width:235px;
	margin-right:20px;
}
#content #main_content {
	float:left;
	width:625px;
}
/*	------------------
	header
-------------------- */
#header h1 {
	padding: 4px 0 0 22px;
	float:left;
	width:86px
}
#header h1 a {
	background: url(../imagenes/logo_CSM.jpg);
	width: 86px;
	height: 103px;
	display: block;
	text-indent: -99999px;
}
#header h2 {
	background: url(../imagenes/intranet.jpg);
	width: 221px;
	height: 50px;
	display: block;
	text-indent: -99999px;
	position: absolute;
	top:45px;
	left:160px;
}
#header #reg {
	position: absolute;
	top:4px;
	right:7px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}
#header #reg a {
	color:#000;
	text-decoration: none;
}
#header #reg a:hover {text-decoration:underline;}
#header #reg a.contacto {
	background: url(../imagenes/ico_sobre.gif) 0 3px no-repeat;
	padding-left: 20px;
}
#header #reg p.sesion {
	color:#5F1515;
	margin-top:16px;
	background: url(../imagenes/ico_reg.gif) 0 0 no-repeat;
	padding-left:13px;
}
#header #reg p.sesion a {
	color:#5F1515;
}
/*	nav
-------------------------- */
#header #nav {
	float:right;
	margin-top:85px;
	background: url(../imagenes/bg_nav.gif) bottom right no-repeat;
	width:644px;
	padding:0 7px 1px 0;
}
#header #nav ul {float:right;}
#header #nav ul li {
	float:left;
	background: url(../imagenes/bg_nav_li.gif) 0 0 no-repeat;
	height: 23px;
	margin-left:2px;
}
#header #nav ul li.active {
	background-image: url(../imagenes/bg_nav_li_active.gif);
	height:24px;
	margin-bottom:-1px;
}
#header #nav ul li a {
	background: url(../imagenes/bg_nav_li_a.gif) top right no-repeat;
	font-size:1.4em;
	font-weight: bold;
	line-height:25px;
	padding: 0 10px;
	float:left;
	color:#666;
}
#header #nav ul li a:hover {
	color:#621414;
}
#header #nav ul li.active a {
	background-image: url(../imagenes/bg_nav_li_active_a.gif);
	line-height:24px;
	color:#621414;
}
#header #nav ul li a.home {
	background: url(../imagenes/ico_home.gif) 0 5px no-repeat;
}
/*	------------------
	content
-------------------- */
#content h3.clase1 {
	background: url(../imagenes/bg_h3_home.gif) 0 0 repeat-x;
	color:#621414;
	font-size: 1.4em;
	font-weight: bold;
	padding-left:10px;
	line-height:28px;
	margin-bottom:20px;
}
#content h3.clase2 {
	color:#621414;
	font-size: 1.4em;
	font-weight: bold;
	padding: 4px 0;
	border-bottom:1px solid #621414;
	margin-bottom:15px;
}
#content h3.encab {
	font-size: 2em;
	margin-bottom:20px;
}
#content #sidebar h3 {
	background:#f2f2f2 url(../imagenes/bg_h3_sidebar.gif) 0 0 no-repeat;
	color:#621414;
	font-size:1.4em;
	font-weight: bold;
	padding:7px 0 7px 9px;
	margin-bottom:2px;
}
#content #breadcrumb {
	font-size: 1.2em;
	margin-bottom:20px;
}
#content #breadcrumb a {
	text-decoration: underline;
}
/*	listados
------------------- */
#content #listado {
	width:623px;
}
#content #listado .block {
	background: url(../imagenes/sep2.gif) bottom left repeat-x;
	padding-bottom:20px;
	margin-bottom:20px;
}
#content #listado .block .imagen {
	float:left;
	width:90px;
	margin-right:34px;
}
#content #listado .block .imagen img {
	border:1px solid #ccc;
	background:#eee;
	width:90px;
	padding:2px;
}
#content #listado .block .cont {
	float:left;
	width:490px;
	font-size:1.2em;
}
#content #listado .block .cont p {
	margin-bottom:6px;
}
#content #listado .block .cont p.tit a {
	font-size:1.2em;
	text-decoration: underline;
}
/*	paginador
-------------------- */
.paginacion p {
	text-align: right;
	font-size:1.4em;
	padding:3px 0;
}
.paginacion a {
	text-decoration: underline;
	padding: 0 5px;
}
.paginacion strong {
	font-size:1.1em;
	padding: 2px 6px;
	border:1px solid #ddd;
	background:#f2f2f2;
}
/*	sidebar
-------------------- */
#content #sidebar #menu {
	margin-bottom:20px;
}
#content #sidebar #menu ul {
	margin-left:9px;
}
#content #sidebar #menu ul strong {
	font-size: 1.4em !important;
	font-weight: bold;

}
#content #sidebar #menu ul ul {

}
#content #sidebar #menu ul li {
        padding:4px 0px 0px 0px;
	background: url(../imagenes/sep_dotted.gif) bottom left repeat-x;
        }
#content #sidebar #menu ul li a {
	background: url(../imagenes/bg_li_menu.gif) 0 9px no-repeat;
	color:#666;
	display:block;
	padding:5px 0 5px 12px;
        font-size:1.2em;
}
#content #sidebar #menu ul li a:hover,
#content #sidebar #menu ul li a.active {
	background-image: url(../imagenes/bg_li_menu_active.gif);
	color:#621414;
}
#content #sidebar #menu ul li a.active {
	cursor:default;
}
/*	temas - nnube de tags
----------------------- */
#content #sidebar #temas ul,
#sidebar .vcard {
	background:#F4F7FB url(../imagenes/bg_tagcloud.gif) 0 0 no-repeat;
	padding: 11px 9px;
}
#content #sidebar #temas ul li {
	margin-right:5px;
	padding:4px 2px;
	clear:left;
}
#content #sidebar #temas ul li a {
	float: left;
	display: block;
	white-space: nowrap;
}
.tagcloud a.active {color:#621414;}
.tagcloud a.tag_1 {font-size:1.2em;}
.tagcloud a.tag_2 {font-size:1.3em;}
.tagcloud a.tag_3 {font-size:1.4em;}
.tagcloud a.tag_4 {font-size:1.5em;}
.tagcloud a.tag_5 {font-size:1.6em;}
.tagcloud a.tag_6 {font-size:1.7em;}
.tagcloud a.tag_7 {font-size:1.8em;}
/* vcard
-------------------- */
#sidebar .vcard {
	font-size: 1.2em;
	color:#333;
}
#sidebar .vcard p span {
	float:left;
	padding:4px 0;
	font-weight:bold;
}
#sidebar .vcard p span.fax,
#sidebar .vcard p span.tel {
	font-size: 2em;
	color:#ccc;
	float:right;
}


/* Registro
-------------------*/

#registro h3 {font-size:20px; border-bottom:1px dotted #ACBDD9; margin-bottom:15px;}

#registro div {float:left;font-size:1.2em;}
#registro h4 {font-size:1.4em; margin:0 0 15px 0; font-weight:bold;}
#registro #nuevos {width:57%; padding-right:2%;}
#registro #nuevos p, #registro #nuevos li {margin-bottom:7px; font-size:1.3em; line-height:1.4em;}

#registro #nuevos li {margin-left:18px; list-style-type:circle;}

#registro #registrados {border:1px solid #ACBDD9; text-align:right !important; width:38%; padding:1%;}
#registro #registrados p {padding-bottom:5px;}
#registro #registrados label {font-size:11px; padding-right:5px;}
#registro #registrados input#email {font-size:18px; width:280px; font-weight:normal !important;}
#registro .botones input {background:#ACBDD9; border:1px solid #ACBDD9; color:white; width:70px !important; font-size:14px !important; width:auto !important; margin-top:10px;}
#registro .botones input:hover {color:#ACBDD9; background-color:white;}



/*	grupos
-------------------- */
#content #grupos {}

#content #foros { margin:10px; background:#3399CC; color:white; padding:4px 10px; }
#content #foros img {display:none;}
#content #foros a {color:white;}
#content #foros a strong {font-size:1.3em;}
#content #foros a:hover {text-decoration:underline;}


#content #grupos ul {
	background: url(../imagenes/bg_ul_pestanas.gif) bottom left repeat-x;
	padding-left:10px;
}
#content #grupos ul li {
	float: left;
	font-size: 1.2em;
	background: url(../imagenes/bg_pestana_h4.gif) top left repeat-x;
}
#content #grupos ul li a {
	color:#666;
	line-height: 33px;
	background: url(../imagenes/bg_pestana_h4_a.gif) top right no-repeat;
	padding:0 10px;
	float: left;
}
#content #grupos ul li a:hover {
	cursor:default;
}
#content #grupos .grupo {
	background: #F4F4F4;
	padding:15px 0 0;
	margin-bottom:20px;
}
#content #grupos .grupo .cont {
	padding:0 10px 15px 20px;
	font-size:1.1em;
	background: url(../imagenes/boliche_rojo.gif) 5px 6px no-repeat;
}
#content #grupos .grupo .cont p.tit {
	font-size: 1.1em;
	font-weight: bold;
}
/*	box
-------------------- */
#content #home_right .box {
	position:relative;
	width:290px;
	background:#f6f6f6 url(../imagenes/bg_box.gif) 0 0 no-repeat;
	margin-bottom:20px;
	padding:10px;
}
#content #home_right #buscador #lupa,
#content #home_right #libreria,
#content #home_right #minilogo {
	background: url(../imagenes/lupa.gif) 0 0 no-repeat;
	display:block;
	width:29px;
	height:48px;
	position:absolute;
	top:-13px;
	right:10px;
}
#content #home_right #libreria {
	background-image: url(../imagenes/libreria.gif);
	width:131px;
	height:26px;
	top:9px;
}
#content #home_right #minilogo {
	background-image: url(../imagenes/mini_logo.gif);
	width:43px;
	height: 39px;
	top:-4px;
}
#content #home_right #buscador input.texto {
	width:214px;
	padding:3px 2px 4px;
}
#content #home_right #buscador input.boton {
	background: url(../imagenes/bg_bt_buscar.gif) 0 0 no-repeat;
	color:#fff;
	font-weight: bold;
	border: none;
	width:65px;
	padding:3px 0 4px;
	cursor:pointer;
}
#content #home_right #buscador p {
	margin-bottom:5px;
	font-size:1.1em;
}
#content #home_right .box ul {
	position:relative;
	margin-top:5px;
}
#content #home_right .box ul li {
	background: url(../imagenes/boliche_rojo.gif) 0 4px no-repeat;
	padding-left:10px;
	margin-bottom:12px;
}
#content #home_right .box ul li a {
	font-size:1.2em;
}
/*tablas
-------------------- */
#ofertas table {
	margin:-15px 0 20px;
	font-size: 1.2em;
}
table thead {
	background: #ededed;	
}
table th {
	font-weight: bold;
	color:#333;
	padding:5px 0;
}
table tbody {
	border: 5px solid #fff;
}
table tr.par {
	background:#FFF7EF;
}
table td {
	padding:5px 0;
}
table td.first_col,
table th.first_col {
	padding-left:10px;
}
#ofertas p.ver_mas {margin-right:10px;}


/*	busqueda_avanzada
-------------------- */
#content #main_content #busqueda {
	background: url(../imagenes/bg_busqueda_av.gif) 0 0 repeat-x;
	border:1px solid #979797;
	padding:3px 12px;
	margin-bottom:20px;
}
#content #main_content #busqueda form input.texto {
	border:1px solid #979797;
	width:260px;
	padding:1px 2px;
}
#content #main_content #busqueda form p {
	font-size:1.2em;
}
#content #main_content #busqueda form label {
	margin-right:7px;
}
#content #main_content #busqueda form input.boton,
form.comment_form input.boton,
.contacto form input.boton {
	background: url(../imagenes/bg_bt_buscar_2.gif) 0 0 no-repeat;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	padding:2px 0;
	width:70px;
	border:none;
	margin-left:10px;
}
form.comment_form input.boton {padding:3px 0;text-align:center;}


/*	contacto
-------------------- */
.contacto form {
	font-size: 1.2em;}
fieldset {
	border:1px solid #efefef;
	margin-bottom:20px;
	padding: 0 10px 10px;
}
legend {
	color:#621414;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 5px 0 0;
	margin:15px 0 15px 0;
}
.contacto form p {
	margin-bottom:7px;
}
.contacto label {
	font-weight: bold;
}
.contacto input.texto {
	width:300px;
}
.contacto textarea.texto {
	width:300px;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:1px 2px;	
}
.contacto select.texto {
	width:307px;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:1px 0 1px 2px;
}
label.apaisada {
	width:75px;
	float:left;
	padding-top:2px;
}
input.apaisada,
select.apaisada {
	float:left;
}


/*	ficha de libro
-------------------- */
.ficha p {	
	margin-bottom:10px;
        line-height:1.1em;
font-size:1.3em;
        }
.ficha a {text-decoration:underline;}
.ficha h4 {
	color:#621414;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:10px;
}
.ficha h4.cap {margin-top:30px;}
.ficha h4 span {
	color:#666;
}
h4.descargas {
	background: url(../imagenes/ico_descargas.gif) left 1px no-repeat;
	padding:4px 0 4px 25px;
}
h4.comentarios {
	background: url(../imagenes/ico_comment.gif) center left no-repeat;
	padding:4px 0 4px 25px;
}
h4.clip {
	background: url(../imagenes/ico_clip.gif) center left no-repeat;
	padding:4px 0 4px 25px;
}
.ficha ol {
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 1.2em;
	margin:0 0 20px 25px;
}
.ficha li {margin-bottom:5px;}
.caja_ficha {
	padding:10px;
	background:#f7f7f7;
	border:1px solid #f2f2f2;
	margin-bottom:20px;
}
.caja_ficha p {
	color: #555;

}
.caja_ficha img.portada_libro {
	float:left;
	width:111px;
	border:1px solid #c4c4c4;
	background: #f2f2f2;
	padding:2px;
	margin:0 30px 0 0;
}
.caja_ficha .ref p {
	font-weight: bold;
	color:#444;
	margin-bottom:0;

}
.caja_ficha .ref p.estrellas,
.caja_ficha .ref p.temas {
	font-weight: normal;
	font-size:1.1em;
}
.caja_ficha .ref p.estrellas img {
	vertical-align: bottom;
}
#comentarios .comentario {
	position: relative;
	width:625px;
	background: url(../imagenes/bg_comentario.gif) 0 0 no-repeat;
	padding-top:21px;

}
#comentarios .comentario_cierre {
	background: url(../imagenes/bg_cierre_comentario.gif) bottom left no-repeat;
	width:625px;
	height:17px;
	display:block;
	margin-bottom:10px;
}
#comentarios .comentario span.coment_id {
	color:#eee;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 5em;
	position: absolute;
	left:5px;
	top:1px;
}
#comentarios .comentario .cont {
	border-left:2px solid #F4F4F4;
	border-right:2px solid #F4F4F4;
	padding:10px 10px 1px;
        background-color: #FAFAFA;
}
#comentarios .comentario .cont p.quien {
	margin-left:20px;
}
form.comment_form textarea {
	width:623px;
	border:1px solid #F4F4F4;
	background:#f7f7f7;
	margin-bottom:10px;
}


/* Articulo 
----------------*/

#articulo {
	background: url(../imagenes/sep2.gif) bottom left repeat-x;
	margin-bottom:20px;
	padding-bottom:20px;
        font-size:12px;
}
#articulo cite {
	font-weight:bold;
	font-size: 1.1em;
}
#articulo img.float-right {
	border:1px solid #dedede;
	background:#f7f7f7;
	padding:3px;
	margin: 0 0 10px 15px;
}


.entradilla {font-size:1.1em; font-weight:bold; line-height:1.5em; margin-bottom:30px; border-bottom:1px solid;}
#articulo .caja {float:left; width:44%; border:1px solid #F2F2F2;padding:1em 2%; margin:10px 0px 0px 1%; }
#articulo h4 {font-weight:bold; font-size:1.2em; margin-bottom:15px;}
#articulo li {margin:0px 1em 5px 0px; padding-bottom:5px; border-bottom:1px dotted;}
#articulo .fecha {font-size:0.8em; line-height:1em;}
#articulo .ver_mas {font-size:0.9em;}



/* Directorio
--------------------------*/

#resultado, #resultados {font-size:13px; border:1px solid; padding:2px 10px;}
#listado.usuarios {margin:20px 0px; font-size:1.3em;}
#listado.usuarios li {margin:20px 0px;}
#listado.usuarios strong {font-size:1.3em;}
#listado.usuarios span.type {font-weight:bold;}

/* Listado de documentos
--------------------------*/

#content h4 {
	color:#621414;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom:10px;
	margin-top:30px;
        border-bottom:1px dotted;
}
#listado li {margin-bottom:10px;}
#listado li a {font-size:1.1em; font-weight:bold;}



#listado.documentos li a {
	background: url(../imagenes/ico_descargas.gif) left 1px no-repeat;
	padding:4px 0 4px 25px;
}

#listado.agenda li a {
	background: url(../imagenes/ico_agenda.html) left 1px no-repeat;
	padding:4px 0 4px 25px;
}

/*	------------------
	footer
-------------------- */
#footer {
	background: url(../imagenes/bg_footer.gif) 0 0 no-repeat;
	width: 900px;
	margin: 0 auto;
	padding: 115px 4px 15px;
	font-size: 1.2em;
}
#footer a {
	text-decoration: underline;
	color:#666;
}
#footer a:hover {
	text-decoration: none;
}
#footer .float-left {
	width:400px;
}
#footer .float-left .clearfix {
	margin-top:10px;
}
#footer a#flv,
#footer a#fse,
#footer a#pcca,
#footer a#madrid,
#footer a#ayto
 {
	display: block;
	text-indent: -9999px;
	width:39px;
	height:39px;
	float:left;
	margin-right:15px;
        background-repeat:no-repeat !important; 
}

#footer a#fse {
	background: url(../imagenes/pat_fse.gif);
	width:70px;
}
#footer a#pcca {
	background: url(../imagenes/pat_pcc.gif);
	width:40px;
}
#footer a#flv {
	background: url(../imagenes/pat_flv.gif);
	width:78px;
}
#footer a#ayto {
	background: url(../imagenes/pat_ayto_madrid.gif);
	width:24px;
}
#footer a#madrid {
	background: url(../imagenes/pat_mp.gif);
	width:93px;
}

#footer a#flv:hover,
#footer a#fse:hover,
#footer a#pcca:hover,
#footer a#ayto:hover,
#footer a#madrid:hover {
	background-position: center bottom !important;
}

/* **************************
	elementos comunes
****************************/
p.ver_mas {text-align:right; font-size:1.2em;}
p.ver_mas a {background: url(../imagenes/flecha_azul.gif) center right no-repeat; padding-right:10px;}
p.ver_mas a:hover {background-image: url(../imagenes/flecha_azul_hover.gif);}
input.texto {border:1px solid #ccc;padding:1px 2px;color:#666;}
input.texto:focus, textarea.texto:focus {background-color:#EFF3F7;}
.hidden {display:none !important;}
.spacer {height:30px;}
.to-right {text-align:right;}
.to-center {text-align:center;}
.float-left {float:left; margin:0px 10px 5px 0px;}
.float-left img {border:1px solid #F7F7F7; padding:2px;background:white;}

.float-right {float:right;margin:0px 0px 5px 10px;}
.float-right img {border:1px solid #F7F7F7; padding:2px;background:white;}

.float-center {text-align:center !important; margin:0px auto 10px auto;}
.float-center img {border:1px solid #F7F7F7; padding:2px;background:white;}

.foto p {font-size:0.9em; text-align:center;} 


/* Avisos y asin
--------------------------------*/

#eh_colega, .eh_colega {font-size:1.3em; text-align:center; border:1px solid #D2D2D2; padding:10px 10px 30px 10px; margin:10px 40px;}
#eh_colega strong, .eh_colega strong {font-size:1.2em;}
#eh_colega.peque {font-size:12px; padding:0.5em 0 1em 0em; margin:0px; border:0px; text-align:left; color:#621414; font-weight:bold;}

/******************************
* PORTADILLA                  *
*******************************/

.portadilla h4 {color:#621414;
	font-size: 1.4em;
	font-weight: bold;
	margin-top:30px;
        margin-bottom:10px;
        border-bottom:1px dotted #621414;}
.portadilla ul {font-size:12px;}
.portadilla ul ul li { display:inline; margin-right:15px;}
.portadilla strong {font-size:1.2em;}
.portadilla ul ul {margin-bottom:1em;}


/******************************
* FOROS                       *
*******************************/

.foros {font-size:12px;}
.foros h3 {font-size:2.5em!important;}


#conversaciones h4 {color:#621414;
	font-size: 1.3em;
	font-weight: bold;
	margin-top:30px;
        border-bottom:1px dotted #621414;}

#opciones {text-transform:uppercase; font-size:0.9em; text-align:right; padding:2px 10px 2px 10px; background:#E0EAEF; margin:0px 0px 30px 0px;}
#opciones a {margin-right:20px;}



/* Listado de conversaciones */

#conversaciones li {margin-bottom:10px;}
#conversaciones li a.topictitle {font-size:1.2em; font-weight:bold;}
#conversaciones ul {border-bottom:1px dotted #621414; padding-bottom:10px;}

/* Pagina de conversacion */
.foros h4 {font-size:1.8em; margin-bottom:0px; border-bottom:1px dotted #3399CC;}
.foros .ant_sig {margin:0px 0px 15px; text-align:left; }

.post {border-left:10px solid #CCC; border-bottom:1px solid #CCC; padding:0px 0px 10px 10px; margin:0px 0px 15px 0px;}
.post:hover {border-color:#3399CC}

.encabezado_post {background-color:#3399CC; padding:2px 10px;color:white;}
.encabezado_post h5 {font-weight:bold; font-size:18px;}

.post .mensaje {font-size:1.1em; line-height:1.4em; margin:20px;}
#conversacion .opciones {text-align:right;}

#preview {border:2px solid red; padding:10px 10px 0px; margin:20px 10px;background-color:#EDEDED;}
.nav { margin-top:5px; text-align:right;}

#leyenda {background:#F2F2F2;border:1px solid white; margin:15px 10px; padding:5px 15px;}
#leyenda h4 {font-size: 1.2em;
	font-weight: bold;
	margin-bottom:10px;
        border-bottom:1px dotted;}
#leyenda li {display:block; float:left;width:45%;}


.margin-top_10 {margin-top:10px;}
.margin-top_20 {margin-top:20px;}
.margin_bottom_1 {margin-bottom:20px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */ * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */