/* RESET */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

body{font-family:Helvetica,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;padding:0;margin:0;text-align:justify;}
h1,h2,h3,h4,h5 {text-align:left;}
#todo {margin:0 auto;}

.grid {background:white url('http://www.elogiamedia.net/imx/grid_bg.gif') !important;}

/*
 *
 * COLORES TIPOGRAFÍAS
 *
 */

/* TEXTO ROJO */
h1, .contenido h1 a, contenido h1 a:hover, #supmenu a:hover, #permalink a:hover, .cuerpo a:hover, #relacionados a:hover, .box a:hover, .mapaweb a:hover {color:#fa1a01;}

/* TEXTO AZUL -> GRIS*/
.cuerpo a {color:#fa1a01;} /*antiguo:#009ad6; */

/* TEXTO GRIS */
.fecha, p.minienlaces, #permalink, #permalink a, #relacionados .titulo, .relacionado p, .relacionado li, .box a, .box h3, .menuseccion li, .mapaweb a, #QR p, .quicksearch .loader, .qs_label {color:#5f5f5f;}
.relacionado p.fecha, .ginkgo a {padding-bottom:10px;color:#888;}

/*TEXTO GRIS MAPA */
#mapa h3 {color:#757575;}

/* TEXTO SEMIGRIS */
#supmenu a {color:#666666;}
#submenu a , #mainmenu a, #mapa a, #mapa {color:#c8cfd1;}
#otros {color:#aaaaaa;}

/* TEXTO BLANCO */
#mapa a:hover {color:white;}

/* TEXTO NEGRO  -> TEXTO GRIS OSCURO */
body {color:#262626;}

/*
 *
 * TAMAÑOS TIPOGRAFÍAS
 *
 */

/* TEXTO GRANDE */
h1 {font-size:1.4em;}

/* TEXTO MEDIO */
h3, .like-h3, h4, .like-h4, span.quote, #claim {font-size:1.6em;}
.box h3 {font-size:1.2em}
.contenido h2.titulo {font-size:1.3em;}

/* TEXTO NORMAL */
body {font-size:58%;}
.menu a, .contenido {font-size:1.5em;}
.contenido h2 {font-size:1.2em;}
.contenido h3 {font-size:1.1em;}
.box {font-size:1em}
#relacionados {font-size:1.4em;}
#relacionados h3 {font-size:1em;font-weight:normal;}
.relacionado h4 {font-size:1.1em;}
#mapa h3 {font-size:1.3em;}
#mapa h4 {font-size:1em;}

/* TEXTO PEQUEÑO */
p.minienlaces, .fecha, #paginas, .menuseccion li {font-size:0.9em;}
#mapa {font-size:1.2em;}
h5, .h5 {font-size:1em;}
.sigue {font-size:0.9em;}
#otros {font-size:1.3em;}
.ginkgo a, #QR p {font-size:0.8em;}

/**********************************/

h2 {margin:0;padding:0;}
h1 {margin:1.2em 0 1em;}
h4 {margin:1.1em 0 0;}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none;}
a {outline:none;}
a img {outline:none;border:none;}
#cabeza,#cuerpo,#pies {margin:0 auto;padding:0;}

#outsupmenu {background:none;position:absolute;top:-60px;left:0;}
#outsubmenu {background:#262626 url('http://www.elogiamedia.net/imx/fondosubmenu.png') top left repeat-x;}
#submenu,#supmenu,#corporativo,#mainmenu,#corporativo,#mapa,#otros,#cuerpo {width:940px;margin:0 auto;}
#submenu{height:28px;padding:0;}
#supmenu {height:20px;} /*antes, 28*/
#supmenu ul {margin:0;width:auto !important;float:right;font-size:90%;}

#supmenu li a {padding-left:0.5em;padding-right:0.5em;}
#supmenu li a:hover {background:#f2f2f2}

#submenu ul {margin:0}
#submenu li {width:104px;}
#supmenu a {text-decoration:none;}
#submenu a , #mainmenu a {text-decoration:none}
#submenu a:hover ,#supmenu a:hover {text-decoration:underline;}

.menu ul, .menu li, .menu a {display:block;border:0;}
.menu a {width:100%;height:24px;padding-top:4px;}
#supmenu a {height:18px;padding-top:2px} /*height, antes 24, padding-top:4px*/
#submenu .menu a:hover, #supmenu .menu a:hover {background:#454545;}
.menu li > a { width:auto; }
.menu li,#corporativo,#menu,#cuerpo,#pies,#otros {clear:both;}
.menu li {z-index:9}
.menu li:hover {background:#454545;}
.menu li a {text-align:center;}
.menu li a:hover {background:#454545}
.menu li.root {float:left;clear:none;width:auto}
/* #supmenu li.lang a {color:#ddd} */

.menu ul {list-style:none;padding-left:0;margin-left:0;}

/* CABECERA */
#logo{width:320px;height:64px;padding:10px 0 0 0;}
#corporativo {position:relative;padding:0 0 8px;}
#claim{position:relative;width:530px;padding:10px 0 5px;}

#outmainmenu{background:#f71a00 url('http://www.elogiamedia.net/imx/fondomenu.png') left top repeat-x;}
#mainmenu{height:40px;}
#mainmenu a {display:block;height:40px;width:141px;padding:0;}
#mainmenu .elemento {text-align:center;float:left;background-position:left top;background-repeat:no-repeat;padding:0;width:141px;}
#mainmenu .element {text-align:center;float:left;background-position:left top;background-repeat:no-repeat;padding:0;width:141px;}

a.over {display:block;position:relative;z-index:9;overflow:hidden;}
a.over span.over {display:block;position:absolute;top:0;left:0;height:inherit;padding:inherit;width:inherit;z-index:10;cursor:pointer;}

/*imagen menu */

#mainmenu .elemento a {color:white;font-weight:bold;text-transform:uppercase;padding-top:0;height:40px;line-height:40px;width:141px;}
#mainmenu .elemento a span.over {height:40px;width:141px;}

#elemento1 a span.over {background-position:0 0;}
#elemento1 a:hover span.over {background-position:-141px 0;}
#elemento2 span.over {background-position:-282px 0;}
#elemento2 a:hover span.over {background-position:-423px 0;}
#elemento3 span.over {background-position:-564px 0;}
#elemento3 a:hover span.over {background-position:-705px 0;}
#elemento4 span.over {background-position:-846px 0;}
#elemento4 a:hover span.over {background-position:-987px 0;}
#elemento5 span.over {background-position:-1128px 0;}
#elemento5 a:hover span.over {background-position:-1269px 0;}

/*BOTONES SOCIALES*/
#sociales {position:absolute;bottom:0;right:0;height:31px;top:-130px;}
#sociales a {display:block;color:#555;font-weight:bold;padding:0;height:48px;line-height:48px;width:48px;opacity:.5;}
#sociales a:hover {opacity:1;}
#sociales .btn_social {text-align:center;float:left;width:66px;}

/* TEXTO INTERIOR */
#outcuerpo {background:#f7f9fb url('http://www.elogiamedia.net/imx/fondocuerpo.png') left top repeat-x;}
/* breadcrumb #cuerpo {padding:1.8em 0;position:relative;} */
#cuerpo {padding:0;position:relative;}
.cuerpo {clear:both;}
.contenido {width:616px;float:left;padding-bottom:2em;position:relative;}
.portada .contenido {width:936px;}
.contenido .menu {background:#E9E9E9;}
.contenido .menu a {color:red;}
/*.portada .contenido {padding-top:31px;}*/
.contenido ol, .contenido ul, .contenido dl {padding-left:3.3em; padding-right:2.2em; list-style-type:square;}
.contenido p {margin:1.40em 0;line-height:1.45em;}
.contenido li {margin:0.9em 0;line-height:1.45em;}
.contenido img {float:left;border:1px solid #cccccc;line-height:0;margin:0 20px 20px 0;}
div.imagen{margin:1.4em 0;float:none;}
.contenido h2 {margin:1.5em 0; line-height:1.2em;}
.contenido .map {border:1px solid #cccccc;}

img.right {float:right;margin:0 0 20px 20px;}
img.center {float:none;margin:0 auto;}

p.escribir {margin: -2.9em 0 1em 0; text-align:right;}
.fecha.post {position:relative;top:-7px;}
.paginas {text-align:center;padding:1em;}
.sp_prev {display:block;width:240px;float:left;text-align:left;}
.sp_next {display:block;width:240px;float:right;text-align:right;}
.intropost {margin-top:1.2em;}
p.minienlaces {text-align:right;padding-bottom:10px;border-bottom:3px solid #E9E9E9;}
.relacionado p.minienlaces {border:none;}
.sigue {text-decoration:none;}

span.quote {width:150px;font-family:Georgia,'Bitstream Vera Serif','Times New Roman','Liberation Serif',serif;float:right;clear:none;}

/* PERMALINK */
.over {display:none;position:absolute;top:0;left:0;width:inherit;height:inherit;}
a .over {cursor:pointer;}
#outpermalink {padding-bottom:20px;}
#outpermalink .start {width:10px;height:32px;background:url('http://www.elogiamedia.net/imx/breadbordeizq.png') top right no-repeat;float:left;}
#outpermalink .stop {width:10px;height:32px;background:url('http://www.elogiamedia.net/imx/breadbordedch.png') top left no-repeat;float:left;}
#permalink {float:left;font-size:12px;padding:8px 8px 4px;background:url('http://www.elogiamedia.net/imx/breadfondo.png') top left repeat-x;height:20px;width:904px;}
#permalink a {text-decoration:none;}
#permalink a:hover {text-decoration:underline;}
#permalink .elem {display:block;position:relative;float:left;height:22px;z-index:9;overflow:hidden;margin:0 3px;}
#permalink .activo { margin:0 6px 0 0;}
#permalink .home {width:32px;margin-top:-4px;}
#permalink .home .over {display:block;background:url('http://www.elogiamedia.net/imx/home.png') 0 0 no-repeat;width:32px;height:22px;}
#permalink .home:hover .over {background:url('http://www.elogiamedia.net/imx/home.png') 0 -22px no-repeat;}
#permalink .separador {width:12px;height:26px;margin:-5px 10px 0 0;}
#permalink .separador .over {display:block;background:url('http://www.elogiamedia.net/imx/breadseparador.png') center center no-repeat;width:12px;height:26px;}

/* MENUSECCION */
.contenido .menuseccion {list-style:none;padding:20px 10px;background:#F7F9FB;margin:0 0 1.4em;}
.menuseccion li {float:left;margin:0 0.3em;width:190px;text-align:left;}
.menuseccion li a {text-decoration:none;}

/* BOXES */
.box p {}
.box a {text-decoration:none;}
.box p a:hover, .box p a:active, .box li a:hover, .box li a:active {text-decoration:underline;}
div.box {background:#e9e9e9 url('http://www.elogiamedia.net/imx/fondobox.png') right bottom no-repeat;padding:0 15px 15px 0;float:left;margin:10px 18px;}

div.inbox {display:block;height:155px;width:235px;background:#e9e9e9;text-decoration:none;padding:15px 10px 10px 15px;position:relative;}
.box p a {margin:1em 0;}
.box h3 {margin:0 0 0.3em;line-height:1.3em;}
.box p.link {position:absolute;bottom:8px;right:10px;text-align:right;padding:0;margin:0;}
.box ul {padding:0;}

div.inbox.flash {padding-top:0;padding-left:0;width:250px;height:170px;}

/* CONTACTOS */
.contacto {background:#FFFFFF;border:1px solid #CCCCCC;float:left;height:12em;margin:1em;padding:1em;width:17em;
box-shadow: 3px 3px 10px #888;-moz-box-shadow: 3px 3px 10px #888;-webkit-box-shadow: 3px 3px 10px #888;}

/*CLIENTES*/
.clientes {
background:#FFFFFF;border:1px solid #CCCCCC;float:left;margin:1em;padding:1em;width:17em;
box-shadow: 3px 3px 10px #888;-moz-box-shadow: 3px 3px 10px #888;-webkit-box-shadow: 3px 3px 10px #888;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.clientes h2{margin:1.5em 0 -1em;}

/* RELACIONADOS */
#outrelacionados {float:right; background:url('http://www.elogiamedia.net/imx/fondorelacitosombra.png') bottom right no-repeat;margin-top:5.5em;}
#relacionados {margin: 0 15px 15px 10px; padding:10px; width:270px; background:#e9e9e9 url('http://www.elogiamedia.net/imx/fondorelacito.png') bottom right repeat-x;position:relative;}
.relacionado p, .relacionado ul {margin:0.3em 0;line-height:1.5em;}
#relacionados .titulo {margin:1em 1em 0;line-height:1.5em;text-align:left;}
#relacionados a {text-decoration:none;}
div.relacionado {padding:0 1em;}

/* MAPA */
/*.region {float:left;width:25%;}*/
/*.region {margin:1em 0;} */
#mapa ul {list-style:none;display:inline;}
/*#mapa h4 {margin:0;padding:0;}*/
#mapa li {display:inline;}

#outmapaotros {background:#5f5f5f url('http://www.elogiamedia.net/imx/fondomapa.png') top left repeat-x;}
#mapa {text-align:left;}
/*#mapa h4 a {text-decoration:none;}*/
#mapa h3 {padding:1em 0 0;}
#mapa h5, #mapa h4 {font-weight:normal;display:inline;}
#mapa h5 a, #mapa h4 a {text-decoration:underline;}

/* PIE INFORMACION */
#otros {padding:35px 0 20px;}
#otros p {margin:0.6em 0;}
#otros a {color:white;}

body * .clrscr {clear:both !important;float:none !important;margin:0 !important;padding:0 !important;height:0 !important;}

/* ESPECIFICOS */
.mapaweb li {line-height:1.5em;margin:0;}
.piwik {line-height:1px;height:1px;background:#5F5F5F;color:#5F5F5F;overflow:hidden;}
#goog-fixurl h3 {font-size:1em;}
.lim {font-weight:normal !important;font-style:normal !important;}
.shh {text-decoration:none !important;color:inherit !important;cursor:text !important;}
.darkside * {color:#5E5E5E !important;font-size:1%;}
.ag {display:none !important;}
.ginkgo {font-weight:normal;}
.ginkgo a {display:block;text-align:right;margin:0;padding:0;text-decoration:none;}
.ginkgo img {float:none;margin-bottom:0;}
#searchbox.elemento { margin-top:8px;width:auto;float:right;}
#searchbox input {font-size:10pt;border:2px solid white;background:#eee;vertical-align:top;}
#searchbox input.query {height:18px;}

#bcn.contacto {background:url('/medios/images/bg_delegaciones/bg_bcn.jpg') bottom left;}
#mad.contacto {background:url('/medios/images/bg_delegaciones/bg_mad.jpg') bottom left;}
#mx.contacto {background:url('/medios/images/bg_delegaciones/bg_mx.jpg') bottom left;}
#ar.contacto {background:url('/medios/images/bg_delegaciones/bg_ar.jpg') bottom left;}
#pt.contacto {background:url('/medios/images/bg_delegaciones/bg_pt.jpg') bottom left;}
#br.contacto {background:url('/medios/images/bg_delegaciones/bg_br.jpg') bottom left;}
#it.contacto {background:url('/medios/images/bg_delegaciones/bg_it.jpg') bottom left;}

#QR {position:absolute;top:5em;right:5px;z-index:100;border:1px solid #CCCCCC;padding:5px;background:white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#QR img {margin:0;float:none;border:none;}
#QR p {position:relatve;top:10px;text-align:center;padding:0;margin:0;}

div.shadow {box-shadow: 3px 3px 10px #888;-moz-box-shadow: 3px 3px 10px #888;-webkit-box-shadow: 3px 3px 10px #888;}

.doc_clientes .quicksearch {padding-left:1.2em;}
.doc_mapa-web .quicksearch {padding:32px 0 20px 32px;}
.qs_label {padding-right:0.2em;}

#fbfanbox .inbox {padding:0;width:260px;height:180px;}
#twitter_div {overflow:hidden;}
#twitter_div h3 img {float:none;vertical-align:center;margin:0;border:none;}
#twitter-link {display:block;text-align:right;margin:0;padding:0}
#twitter_update_list li {margin-bottom:0;}

.box #twitter-link {position:absolute;bottom:10px;right:10px;}
.box #twitter_div li a {display:none;}
.box #twitter_div li span a {display:inline;}

.relacionado #twitter_div li a {color:#0A99E8;display:block;text-align:right;}
.relacionado #twitter_div li span a {display:inline;}

#tweet {position:absolute;top:-140px;left:230px;width:330px;height:8.5em;-webkit-border-radius:6px; -moz-border-radius:6px;color:#3a3a3a;background:transparent url('/imx/tweet.png') no-repeat left top;padding:1px 5px 1px 22px;}
#tweet .tweet_list {list-style-type: none;margin: 0;padding: 0;font-size:10pt;}
#tweet .tweet_list li {overflow:hidden;padding:.5em;}
#tweet .tweet_list li a {color:#0088AA;}
#tweet .tweet_list .tweet_even {}
#tweet .tweet_list .tweet_text {display:block;}
#tweet .tweet_list .tweet_avatar {display:none;}