
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0 auto; padding: 0; min-width: 0px;}

body {font-size:10px;font-family:Arial,sans,sans-serif;background: /*#5E5351*/#803f79 url('../img/portada-bgA.png') repeat scroll -170px -350px;color:white;font-family:"Verdana", "Century Schoolbook", Georgia;}
input, select, th, td {font-size:1em}
li li, li p, td p, blockquote p {font-size:1em}

section, header, hgroup, footer, article, aside, nav, figure, figcaption {display:block; margin: 0 auto; padding: 0; min-width: 0px;}

.hide {display:none}

p {font-size:1em;color:#51646a; text-align: justify;}
p, li, dl, td {line-height:1.45em}
tr {vertical-align:top}
td {padding-bottom:.5em;border-top:1px solid #dfe2e4}

.cuerpo ul, .cuerpo ol {margin:1.2857em 0 0 24px}
section li {margin-bottom:.64285em}
nav li {list-style:inside;}
li img {margin-right:8px}

.center {text-align:center}
.right {text-align:right}

img.right {float:right}
img.left {float:left}
a img {border:none}

a, a:link {color:/*#F46954*/#D2DE2C;text-decoration:none;}
a:visited {color:#d2a723}
.cuerpo a:hover, header nav a:hover {border-bottom:solid 1px;}
a:active {}

.head a, .head a:link {color:#fff;text-decoration:none;}
.head a:visited {color:#fff}
.head a:hover {}
.head a:active {}


#divContador {display:block;font-size:.6em;text-transform: none;}

/*--------------------------------------
   portada
--------------------------------------*/

#portada a, #portada a:link {color:#005267;text-decoration:none;font-size:1em;}
#portada a:visited {color:#b7c4c8}
#portada a:hover {color:#fff}
#portada a:active {}

#portada {font-family:"Open Sans", "Tw Cen MT", "Trebuchet MS", Georgia;overflow-x:hidden;background:/*#5E5351*/#803f79 url('../img/portada-bgA.png') center fixed;}
#portada #cuerpo {position:relative;margin-top:12%;width:320px;font-size:1.4em;}
#portada .cuerpo {padding:0}
#portada .logo {width:155px;margin-bottom:56px}
#portada .logo a {display:block;width:250px;height:280px;background:url('img/DISC2019-frontal.png') no-repeat;text-indent:-9999px; margin-left: 0%;}

.nav #espanol, .nav #ingles {position:absolute;top:108px;border-bottom:#EBC2D2 solid 1px;width:1184px;padding:0 8px 0;list-style:none}
.nav #espanol:hover, .nav #ingles:hover {border-bottom-color:#fff;}
.nav #espanol {left:-1200px;text-align:right}
.nav #ingles {right:-1200px}
.nav #espanol a, .nav #ingles a {display:block}

#Contador {font-style:italic;text-align:center; color:/*#90BD96*/#e4d6ab}
#portada #Contador {font-size:16px;margin-bottom:2em; color:#e4d6ab}

ul.logos {margin-top:6em;text-align:center;}
ul.logos a {padding:0 12px;}

#portada p {
color:#516464;
font-size:1.25em;
}

#portada article p.center{
color:}


#d_consejo p{
font-size:16px;
line-height:1.15em;
color:white;
}
#d_consejo p a:link{
font-size:16px;
line-height:1.15em;
color:#005267;
}

#d_consejo p a:hover{
font-size:16px;
line-height:1.15em;
color:#27788d;
}



/*--------------------------------------
   interiores
--------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:2em;margin-bottom:.2em; color:/*#F46954*/#803f79}
#queEs {font-size:2em;margin-bottom:.2em; color:/*#F46954*/#803f79}
#cuandoEs {font-size:2em;margin-bottom:.2em; color:/*#F46954*/#803f79}
#dondeEs {font-size:2em;margin-bottom:.2em; color:/*#F46954*/#803f79}
header h1 + h2 {margin-top:auto;font-style:italic;font-weight:100;font-size:1em}
h1 + h2 {margin-top:auto;}
#tituloPrincipal {color:#D2DE2c} 
h2 {margin-top:1.1666em; color:/*#90BD96*/#d2de2c}
/*h3 {color:#5E5351}*/

dt {font-weight:bold;margin-top:1em;}

.pie {font-size:1.2em;}
.head, .cuerpo {font-size:1.4em;}

.head hgroup {margin:0 0 0 67px;}
.head h1 a {margin:0;display:block;width:147px;height:56px;background:url('img/DISC2019-int.png') no-repeat;text-indent:-9999px;}

.head {height:108px;padding-top:18px;}
.head nav {position:absolute;left:390px;line-height:1.5em}
.head nav li {color:/*#F46954*/#d84624}
.head nav li.active {color:#fff}
li.top2 {margin-top:-2.6em}
li.col2 {margin-left:150px}
/*.cuerpo > izquierda {position:absolute;left:50px;top:50px;z-index:1}/*Este fue para agregar el gadget de iconos*/
#izquierda {
	position: absolute;
	left: 50px;
	top: 50px
}
#twitter{
	position: absolute;
	right: 50px;
	top: 50px
	}

.lan_ingles, .lan_espanol {background:no-repeat center right;padding-right:20px}
.lan_espanol  {list-style-image:url('img/es.png')}
.lan_ingles {list-style-image:url('img/gb.png')}

.retweet {position:absolute;top:65px;right:38px}

.cuerpo {position:relative;z-index:2;margin-top:2.57142857em; min-width: 920px}
.cuerpo {background:#ffffff url('../img/cuerpo-bg.png') bottom repeat-x;color:#803f79;padding:18px 24px 3.85714286em;;}
.cuerpo header {background: /*#803f79*/ url('img/cuerpo-solapa2.png') left top no-repeat;height:72px;position:absolute;top:-70px;left:0;right:0;}
.cuerpo header nav, article {margin:0 0 0 150px;}
.cuerpo header nav {margin-top:52px;}
.cuerpo header nav a {padding:0 12px}

.cuerpo > aside {position:absolute;right:220px;z-index:1}
article {position:relative;width:524px;margin-bottom:3.857142em;z-index:20}
.select-lang {position:absolute;top:18px;right:18px}

p {margin-bottom:1em;}
b {background:/*#90BD96*/#e4d6ab;color:black;padding:0 8px;font-weight:bold;display:inline-block; font-size: 18px}
#decalogoP {background:/*#90BD96*/#e4d6ab;color:black;padding:0 8px;font-weight:bold;display:inline-block; font-size: 14px}
.columnas {margin-top:2em}
.columnas figure, .columnas .col {float:left;width:50%;margin:9px 0;text-align:center}
figure li, .columnas .col {text-align:left}
.col ul, .col ol { margin: 1.2857em 36px 0 0; }
.columnas figcaption {}
figure i {display:block;}
figcaption {margin:21px 12px 3px;padding:3px 6px;background:/*#CCE5CF*/#803F79;color:#D2DE2C}
hr.clear {clear:both;border:none}
.banderas li {display:inline;margin-right:1em; font-weight: #e4d6ab}

/*--------------------------------------
   pie
--------------------------------------*/

.pie {padding:36px 0;text-align:center;background:url('img/footer-top-bg2.png') repeat-x transparent;}
p.creditos {text-align:center}
p.creditos a {color:#fff}
.pie img {margin:0px 30px 0;}



/*--------------------------------------
   efectos y CSS3
--------------------------------------*/

b {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -o-border-radius:12px;
    border-radius:12px;
}
figcaption {
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    -o-border-radius:16px;
    border-radius:16px;
}

#portada .logo		{opacity:1}
#portada .logo a:hover,
ul.logos a		{opacity:.8}
ul.logos a:hover 	{opacity:1}

/*---
 debug
---

body {background:#888 url('img/grid980b.png') repeat-y;}
.cuerpo {background:rgba(255,255,255,.4)}
