/************************************
	Jordi Martínez (15/10/2009)
	- Hoja de estilos general. 
  
*************************************/

/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: Verdana; vertical-align: baseline; }

body { line-height: 1; }

:focus { outline: 0; }

ol, ul { list-style: none; }

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

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

input, textarea { margin: 0; padding: 0; }

input.checkbox { width: 20px; }

hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; }

option:disabled { text-decoration: underline; color: #000; font-weight: bold; }

/* CIERRE RESET CSS */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* CLASES GENÉRICAS */
strong { font-weight: bold; }
p { margin-bottom: 10px; }
h1, h2, h3 { font-family: Arial; text-transform: uppercase; }
h1 { font-size: 15px; font-weight: bold; color: #00212E; margin-bottom: 15px; }
h2 { font-size: 12px; font-weight: bold; color: #00212E; margin-bottom: 10px; }
h3 { font-size: 11px; font-weight: bold; color: #00212E; }
h2 a, h3 a { font-family: Arial; text-decoration: none; color: #00212E; font-weight: bold; }
em, i { font-style: italic; }
.negritas { font-weight: bold; }
a { color: #00212E; }
.fuente_arial { font-family: Arial; }
h1.listado, h2.listado { margin: 0; padding: 0; }
.texto_rojo { color: #F00; }
.cursor_mano { cursor: pointer; }

/*#col_cen h2, #col_listado h2 { font-family: inherit; margin-bottom: 0; }*/
/*#col_cen .grupo_listado h2, #col_cen .grupo_listado h3 { margin: 0; padding: 0; }
/*#col_listado .grupo_listado h2, #col_listado .grupo_listado h3 { margin: 0; padding: 0; }
/*.producto h1 { font-size: 15px; font-weight: bold; color: #00212E; margin-bottom: 5px; }
.producto h2 { font-size: 12px; font-weight: bold; color: #00212E; }*/

/* CUERPO */

body, html { font-size: 11px; color: #00212E; background: #00212E; line-height: 14px; }

/* CORNERS */
.lt, .rt, .lb, .rb { background: url(../img/comm/corners.gif) no-repeat; position: absolute; height: 4px; width: 4px; display: block; overflow: hidden; }
.lt, .lb { left:0px; }
.lt, .rt { top:0px; }
.rt, .rb { right:0px; }
a .rt { _right: -1px; }
.rb, .lb { bottom:0px; }

/* Estado normal pestañas */
#navmenu-h a .lt { background: none; }
#navmenu-h a .rt { background: none; }
#navmenu-h a .lb { background: none; }
#navmenu-h a .rb { background: none; }

/* Estado normal contenidos */
.lt { background-position: 0px 0px; }
.rt { background-position: -4px 0px; }
.lb { background-position: 0px -4px; }
.rb { background-position: -4px -4px; }

/* Estado rollover o activo pestañas */
ul#navmenu-h a:hover .lt, ul#navmenu-h a.activo .lt { background: url(../img/comm/corners.gif) no-repeat; background-position: 0px 0px; }
ul#navmenu-h a:hover .rt, ul#navmenu-h a.activo .rt { background: url(../img/comm/corners.gif) no-repeat; background-position: -4px 0px; }

/* CONTENEDORES */
#wrapper { position: absolute; width: 900px; /*height: 704px;*/ left: -450px; margin-left: 50%; top: 0; /*border: 1px solid red; overflow: hidden;*/ }
#top { position: relative; }
#col_left { position: relative; width: 160px; float: left; height: auto; }
#col_right { float: right; width: 250px; /*padding-bottom:  15px;*/ }
#col_cen { position: relative; width: 410px; float: left; height: auto; /*padding-bottom:  15px;*/ }
#col_contenidos { position: relative; width: 720px; float: left; margin-left: 19px;  padding: 0; height: auto; }
#contenidos { position: relative; float: left; width: 680px; /*width: 720px;*/  background: url(../img/comm/fondo-cuerpo.gif); padding: 0 20px 15px 20px;  }
#contenidos_home { position: relative; float: left; background: url(../img/comm/fondo-cuerpo.gif); padding: 0 15px 0 15px; width: 690px;/* *width: 720px;*/ }
#col_listados { position: relative; float: left; background: url(../img/comm/fondo-cuerpo.gif); padding: 0 20px 15px 20px; width: 680px; }
#banner_izq { clear: both; margin-top: 20px; width: 160px; /*height: 410px;*/ }

/* ARCHIVOS ADJUNTOS */
.titulo_adjuntos { font-size: 14px; font-weight: bold; }
div.adjuntos {  }
.adjuntos a { text-decoration: none; }
.adjuntos a:hover { text-decoration: underline; }
.adjuntos ul { padding: 0; margin:0; }
.adjuntos ul li { padding: 3px 0; clear: both; }

.adjuntos div.contenedor { clear: both; margin: 5px 0;}
.adjuntos div.contenedor div.imagen { width: 25px; float: left; }
.adjuntos div.contenedor div.imagen img { height: 16px; vertical-align: middle; }
.adjuntos div.contenedor div.titulo { width: 225px; float: left; }
.adjuntos div.contenedor div.titulo_largo { width: 380px; float: left; }


/* CABECERA o TOP*/
#users_idiomas { height: 30px; }
#usr_idi { position: absolute; right: 0; width: auto; height: 30px;  }
/* users */
ul#list_user { float: left; list-style: none; margin: 0 60px 0 0; padding: 0; width: auto; }
ul#list_user li { float: left; }
ul#list_user li.msg_user { font-size: 9px; line-height: 30px; color: #FFF; }
ul#list_user li a { display: block; font-size: 9px; color: #88a3aa; text-decoration: none; line-height: 30px; padding: 0 5px; }
ul#list_user li a.activo, ul#list_user li a:hover { font-weight: normal; color: #FFF; }
ul#list_user li.separador { color: #88a3aa; padding: 0; line-height: 30px; }
ul#list_user .icono_user { width: 16px; height: 20px; margin-top: 4px; margin-left: 3px; margin-right: 3px; }

/* idiomas */
ul#list_idiomas { float: left; list-style: none; margin: 0; padding: 0; width: auto; }
ul#list_idiomas li { float: left; }
ul#list_idiomas li a { display: block; font-size: 9px; color: #88a3aa; text-decoration: none; line-height: 30px; padding: 0 5px; }
ul#list_idiomas li a.activo, ul#list_idiomas li a:hover { font-weight: normal; color: #FFF; }
ul#list_idiomas li.separador { color: #88a3aa; padding: 0; line-height: 30px; }

.label { float: left; color: #FFF; font-size: 9px; line-height: 19px; padding-left: 3px; }

.idioma_select { position: absolute; right: 70px; background: url(../img/comm/select-idioma.gif) no-repeat 0 3px; width: 68px; line-height: 19px; color: #FFF; font-size: 10px; }

#banner_sup { position: relative; background: url(../img/comm/bannersup.jpg) no-repeat ; height: 125px; }
#link_logo { position: absolute; top:25px; left: 25px; width: 210px; height: 70px; }
#link_logo a { text-decoration: none; display: block; width:210px; height: 70px; }

#carrito { position: absolute; right: 30px; top: 30px; background: url(../img/comm/carrito.gif) no-repeat; width: 147px; height: 63px; }
#carrito #articulos { position: absolute; top: 8px; left: 10px; width: 147px; }
#carrito #total { position: absolute; top: 23px; left: 10px; width: 147px; }
#carrito #btn_validar { position: absolute; top: 41px; left: 5px; width: 112px; }
#carrito #btn_validar a { font-family: Arial; line-height: 14px; font-size: 10px; display: block; text-decoration: none; color: #FFF; text-align: center;}
#carrito #btn_validar a:hover { color: #00212E; }

span.label_carrito { font-family: Arial; font-size: 9px; color: #00212E; }
span.valor_carrito { font-family: Arial; position: absolute; top: -1px; right: 20px; font-size: 9px; color: #00212E; text-align: right; font-weight: bold;}

/* MENU PRINCIPAL */
#cont_menu { position: relative; z-index: 10; top: 0; color: #FFF; height: 26px; }
#cont_menu li.separador_menu { line-height: 30px; *line-height: 26px;  background: none; color: #888; }

/* MENU INFERIORES */
.menu_inf { }
.menu_inf p { text-align: center; }
ul.menu_inferior { color: #FFF; text-align: center; }
ul.menu_inferior li { display: inline; } 
ul.menu_inferior li a { text-decoration: none; padding: 2px 5px; }
ul.menu_inferior li.separador_menu { color: #888; }

/* MENU PRODUCTOS (COMUNES) ESPECIFICOS PARA CADA BOTON VER: estilosphp.css */
#cont_menu_productos { position: relative; width: 160px; margin-top: 26px; }
ul#menu_productos { list-style: none; }
ul#menu_productos li { float: none; margin-bottom: 5px; }
ul#menu_productos li a { font-family: Arial; text-transform: uppercase; }
ul#menu_productos ul { display: none; }

ul#menu_productos ul:hover li a:hover { background: #ebe8f1; }
ul#menu_productos ul.conj_productos { background: transparent; width: 160px; }
ul#menu_productos ul.conj_productos li { padding: 0; margin: 0; width: 160px; }
ul#menu_productos ul.conj_productos li a { font-size: 11px; text-decoration: none; width: 145px; line-height: 18px; display: block; padding: 2px 5px 2px 10px; background: #27484F; color: #869A9B; text-transform: none; font-family: Verdana; }
ul#menu_productos ul.conj_productos li a:hover { width: 145px; line-height: 18px; display: block; padding: 2px 5px 2px 10px; background: #869A9B; color: #27484F; font-weight: bold; }


/*
ul#menu_productos a { font-size: 11px; display: block; width: 133px; background: url(../img/comm/GIF.gif) no-repeat; text-decoration: none; font-weight: bold; color: #FFF; padding: 2px 5px 2px 23px; }

ul#menu_productos a:hover,ul#menu_productos li:hover a { display: block; background: url(../img/comm/btn-casco-on.gif) no-repeat; }
*/

/* MIGA DE PAN */
#cont_path { position: relative; z-index: 0; height: 20px; }
#breadcrumbs { position: absolute; font-size: 11px; color: #000; padding: 5px 0 0 0; margin-left: -14px; }
#breadcrumbs a { color: #00212E; }

/* PIE */
#footer { clear: both; margin-top: 0; }
#footer ul.direccion { clear: both; margin-top: 10px; color: #88a3aa; text-align: center; font-size: 9px; }
#footer ul.direccion li { display: inline; padding: 2px 5px; }
#footer ul.direccion li.separador_menu { line-height: 30px; *line-height: 26px;  background: transparent; color: #888; padding: 0; }
#footer .links_inferiores { font-size: 9px; color: #FFF; text-align: center; text-transform: uppercase; }
#footer a { color: #88a3aa; text-decoration: none; }
#footer a:hover { color: #88a3aa; text-decoration: underline; }
#footer .msg_footer { clear: both; margin-top: 10px; color: #FFF; text-align: center; background: url(../img/comm/fondo-footer.jpg) no-repeat right; height: 51px; }
#footer .msg_footer p { font-size: 11px; letter-spacing: 1px; line-height: 51px; }

/* SEPARADOR */
div.h_0 { clear: both; height: 0; }
div.h_5 { clear: both; height: 5px; }
div.h_10 { clear: both; height: 10px; }
div.h_15 { clear: both; height: 15px; }
div.h_20 { clear: both; height: 20px; }
div.h_25 { clear: both; height: 25px; }
div.h_30 { clear: both; height: 30px; }
div.linia_separador { clear: both; height: 10px; background: url(../img/comm/separador.gif) repeat-x; }
div.linia_separador_discontinua { clear: both; height: 10px; border-top: 1px dashed #00212E; }

/* PAGINADO */
div.paginado { width:100%; float: left; padding-top: 8px; font-size:11px; text-align: right;}
div.paginado span { color:#CCC; margin-left:5px; }
div.paginado span.texto { color:#333; margin-left: 5px; padding: 2px; background-color: #FFF;}
div.paginado a:link, div.paginado a:active, div.paginado a:visited { color:#FFF; text-decoration: none; margin-left:5px; font-weight:bold; }
div.paginado a:hover{ text-decoration:underline;}

/* POPUPS POR THICKBOX */
#popup_titulo { font-size:18px; font-weight:bold; color:#000000; }
#popup_texto { font-size:18px; }

/* MULTIMEDIA */
.grupo_listado { clear: both; }
.grupo_listado .texto { clear: both; }
.grupo_listado .imagen { width: 70px; height: 70px; float: left; }
.grupo_listado .info { width: 590px; float: left; margin-left: 15px; /*border: 1px dashed red; */ }

.imagenes { }
.img_zoom { width: 250px; height: 250px; overflow: hidden; }
.thumb { width: 57px; height: 57px; float: left; margin-top: 5px; margin-right: 2px; overflow:hidden; border: 2px solid transparent; }
.thumb_select { width: 57px; height: 57px; float: left; margin-top: 5px; margin-right: 1px; overflow:hidden; border: 2px solid #000; }
.last { width: 57px; height: 57px; float: left; margin-right: 0; margin-top: 5px; overflow:hidden; border: 2px solid transparent; }

/* PAGINA PRODUCTOS (ANTES EN HOME)*/
#imagenes_home { text-align: center; } 
#imagenes_home table { margin: 0 auto; }
#imagenes_home div.grupo_boton { float: left; width: 184px; margin: 10px; padding: 0; }
#imagenes_home a { position: relative; /*float: left; margin: 10px; padding: 0;*/ font-size: 18px;  color: #FFF; font-weight: bold; }
#imagenes_home a .text_boton_grande { font-family: Arial; position: absolute; top: 10px; right: 10px; padding-bottom: 5px; }
#imagenes_home div.link_inferior { margin-top: 5px; }
#imagenes_home a.link_inferior { width: 184px; color: inherit; text-decoration: none; font-size: 12px; text-align: left; }  
.msg_home { margin: 30px 0 15px 0; text-align: center; }
.msg_home span { height: 30px; font-family: Arial; font-size: 15px; font-weight: bold; background: url(../img/comm/mini-logo-zeibe.gif) no-repeat right; padding: 3px 30px 3px 0; }
.texto_home { text-align: center; font-weight: bold; }

.fecha-info { clear: both; }
.btn_mas_info { float: right; width: 50%; text-align: right; }
.btn_mas_info a { text-decoration: none; color: #00212E; font-weight: bold; }
.fecha { float: left; width: 50%; font-size: 10px; margin: 0; line-height: 12px; color: #00212E; text-align: left; padding-top: 2px; }

div#bloque_video { width: 355px; height: 285px; float:left; margin-top: 5px; }
div.bloque_listados { float:right; margin-top: 5px; }
table.listados_home {position: relative; width: 355px; margin-bottom: 11px; }
td { vertical-align: top; }
.titulo a { font-family: Arial; text-decoration: none; font-weight: bold; }
td.espacio_blanco { width: 10px; }
td.cabecera { width: 355px; background: url(../img/comm/mod-home-top.jpg) no-repeat; color: #FFF; line-height: 19px; padding-left: 10px; font-weight: bold; font-family: Arial; font-size: 12px; }
/*td.cabecera { font-size: 12px; letter-spacing: 1px; color: #FFF; padding: 2px 0 0 10px; height: 19px;}*/
td.cuerpo { width: 355px; background: url(../img/comm/mod-home-cuerpo.gif) repeat-y; padding: 10px; }
td.cuerpo h3 { font-size: 11px; letter-spacing: 1px; color: #FFF; padding: 2px 0 0 0; float: left; }
td.pie { width: 355px; height: 4px; background: url(../img/comm/mod-home-footer.gif) no-repeat; }

/* NOTICIAS */
.subtitulo { font-style: italic; }

/* CONTACTO */
label { font-weight: bold; }
input { width: 97%; padding: 2px; margin-top: 3px; }
input.pequeno { width: 94%; padding: 2px; margin-top: 3px; }
textarea { width: 98%; height: 120px; padding: 2px; margin-top: 3px; }
div#form { float: left; width: 325px; }
div#form table { width: 100%; margin-top: 15px; }
.obligatorio { color: red; } 
div#mapa { float: right; width: 325px; }
div#mapa #map { width: 325px; height: 325px; background: white; overflow: hidden; }
div#mapa .direccion { font-size: 11px; padding-top: 5px; }
div#form table td.boton { text-align: right; }
input.btn {width: 62px; height: 19px; font-size: 10px; border: none; background: url(../img/comm/enviar.jpg) no-repeat; color: #FFF; cursor: pointer; font-family: Arial; text-align: center; }
input:hover.btn {width: 62px; border: none; background: url(../img/comm/enviar.jpg) no-repeat; color: #00212E; cursor: pointer; }
.msg_campo_obligatorio { margin-top: 41px; }


/* LOGIN */
#login { float: left; width: 325px; }
#nuevo_cliente { float: right; width: 325px; }
#login table, #nuevo_cliente table { width: 300px; margin-top: 15px; }
#login table td.boton, #nuevo_cliente table td.boton { text-align: right; }
input.btn_largo { width: 150px; height: 19px; font-size: 10px; border: none; background: url(../img/comm/btn-largo.jpg) no-repeat; color: #FFF; cursor: pointer; font-family: Arial; text-align: center; }
input:hover.btn_largo { width: 150px; border: none; background: url(../img/comm/btn-largo.jpg) no-repeat; color: #00212E; cursor: pointer; }
#btn_form table td.boton { text-align: right; }

/* PRODUCTOS */
/* listado */
.conjunto_producto { clear: both; }
.conjunto_producto .imagen { float: left; width: 248px; height: 200px; /*border: 1px dashed green; */ }
.conjunto_producto .caracteristicas { position: relative; float: left; margin-left: 20px; width: 410px; height: 200px; }
.conjunto_producto .subtitulo { font-style: normal; font-weight: bold; font-size: 11px; margin-bottom: 10px; }
.conjunto_producto .info_cesta { position: absolute; bottom: 0; }
.producto .info_cesta { clear: both; }
.conjunto_producto .info_precio span, .producto .info_precio span { font-family: Arial; font-size: 15px; }
.mas_info {  margin-bottom: 10px; }
.mas_info a { font-weight: bold; text-decoration: none; color: #00212E; } 
.cesta { clear: both; margin-top: 3px; }
.cesta label { font-family: Arial; font-weight: normal; }
.cesta input { width: 50px; text-align: right; font-size: 10px; }
.cesta input.btn_cesta { width: 161px; height: 19px; padding-top: 1px; *margin-bottom: 1px; margin-left: 10px; background: url(../img/comm/anadir-cesta-productos.jpg) no-repeat; border: none; color: #FFF; font-size: 10px; font-weight: bold; font-family: Arial; text-align: left; padding-left: 5px; cursor: pointer; text-decoration: none; }
.cesta input:hover.btn_cesta { width: 161px; height: 19px; margin-left: 10px; background: url(../img/comm/anadir-cesta-productos.jpg) no-repeat; border: none; color: #00212E; font-size: 10px; font-weight: bold; font-family: Arial; text-align: left; padding-left: 5px; cursor: pointer; text-decoration: none; }


/* detalle */ 
.precio_oferta { color: #F00; }
.bold { font-weight: bold; }
/*.precio_cesta { margin: 15px 0; }*/
.relacionados { clear: both; margin-bottom: 5px; }
.relacionados .imagen { float: left; width: 62px; height: 50px; overflow: hidden; }
.relacionados .caracteristicas { float: left; width: 330px; margin-left: 10px; }

/* CARRITO */
table.carrito { width: 100%; border-collapse: collapse; }
table.carrito tr.titulares td { line-height: 14px; background: #00212E; color: #FFF; font-weight: bold; padding: 5px; }
table.carrito td.centrado { line-height: 20px; background: #FDFCFC; text-align: center; }
table.carrito td { line-height: 20px; background: #FDFCFC; }
table.carrito td.icono img { margin-top: 2px; }
table.carrito td input { font-size: 10px; width: 25px; text-align: right; margin: 0; }
table.carrito td.no_fondo, table.carrito tr.titulares td.no_fondo, table.carrito tr.linea td.no_fondo { background: none; border: none; }
table.carrito tr.linea td { border: 1px solid #C0C0C0; padding: 0 5px; }

table.totales { width: 237px; float: right; margin-top: 10px; margin-right: 27px; border-collapse: collapse; }
table.totales td { line-height: 20px; }
table.totales td.col_1 { /*width: 135px;*/ text-align: left; }
table.totales td.col_2 { width: 90px; text-align: center; background: #FDFCFC; border: 1px solid #C0C0C0; padding: 0 5px; }
table.totales td.precio_total { font-weight: bold; background: #0F343A; color: #FFF; }
table.totales select { width: 100%; }
#banner { margin-top: 20px; }
table.totales td.boton { text-align: right; }
#popup_container input { width:150px; } /* Botón alert */


/* TIENDAS */
.grupo_empresa { margin-bottom: 20px; float: left; width: 50%; }
.titulo_empresa { font-family: Arial; font-weight: bold; }
input.ver_mapa { background: none; border: none; width: 200px; cursor: pointer; font-size: 10px; }
#mapa_tiendas { width: 100%; height: 350px; overflow: hidden; }
#btn_regresar { text-align: right; }

/* Nubes */
.nube{ /*border: solid 1px #aaaacc; background-color: #ddddff; color: #666666;*/ width: 100%; text-align: center; margin: 30px 0; }
.nube div.etiquetas span a { text-decoration: none; font-family: verdana,arial,helvetica; font-size:8pt; padding:5px; }
.nube div.etiquetas span a:hover { text-decoration: underline; }
.nube div.etiquetas span { float: left; margin: 0 3px 0 3px; height: 20pt; white-space: nowrap; padding:5px; }
.nube div.etiquetas span a.etiquetatam1 { font-size: 110%; color: #000; }
.nube div.etiquetas span a.etiquetatam2 { font-size: 120%; color: #0099cc; }
.nube div.etiquetas span a.etiquetatam3 { font-size: 130%; color: #006699; }
.nube div.etiquetas span a.etiquetatam4 { font-size: 140%; color: #003366; }
.nube div.etiquetas span a.etiquetatam5 { font-size: 150%; color: #660066; }
.nube div.etiquetas span a.etiquetatam6 { font-size: 160%; color: #cc0066; }
.nube div.etiquetas span a.etiquetatam7 { font-size: 170%; color: #996600; }
.nube div.etiquetas span a.etiquetatam8 { font-size: 180%; color: #666600; }
.nube div.etiquetas span a.etiquetatam9 { font-size: 190%; color: #006633; }
.nube div.etiquetas span a.etiquetatam10 { font-size: 200%; color: #ff6600; }
/*
.nube div.etiquetas span.etiquetatam1 a { font-size: 110%; color: #804040; }
.nube div.etiquetas span.etiquetatam2 a { font-size: 120%; color: olive; }
.nube div.etiquetas span.etiquetatam3 a { font-size: 130%; color: fuchsia; }
.nube div.etiquetas span.etiquetatam4 a { font-size: 140%; color: teal; }
.nube div.etiquetas span.etiquetatam5 a { font-size: 150%; color: #004080; }
.nube div.etiquetas span.etiquetatam6 a { font-size: 160%; color: #8080FF; }
.nube div.etiquetas span.etiquetatam7 a { font-size: 170%; color: #800040; }
.nube div.etiquetas span.etiquetatam8 a { font-size: 180%; color: #FF8000 }
.nube div.etiquetas span.etiquetatam9 a { font-size: 190%; color: #FF8040; }
.nube div.etiquetas span.etiquetatam10 a { font-size: 200%; color: red; }
*/
/* Nubes */

/* arbol de avance */
table#arbol_avance { border-collapse: separate; border-spacing: 5px 0;  }
#paso1, #paso2, #paso3, #paso4 { width: 100px; height: 30px; background: #FFFCF1; vertical-align: middle; text-align: center; }
#paso1.activo, #paso2.activo, #paso3.activo, #paso4.activo { width: 100px; height: 30px; color: #FFF; background: rgb(15, 52, 58); }


/* ICONOS SOCIALES */
#iconos_sociales { clear: both; margin-top: 20px; }