body,
div,
ul,
ol,
li,
h1,
h2,
h3,
p,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse : collapse;
	border-spacing  : 0;
	font-size       : 100%;
	width           : 100%;
}

img {
	border: 0;
}

li {
	list-style: none;
}

h1,
h2,
h3 {
	font-size   : 100%;
	font-weight : bold;
	display     : block;
}

body {
	font       : 1em Verdana,Helvetica,sans-serif;
	font-size  : 62.5%;
	min-width  : 1024px;
	color      : #000;
	background : url("img/BG.gif");
}

body.main {
	background : url("img/BG02.png") repeat-x scroll 0 0 #bcbcb6;
}

/*-------- Grid --------*/

 .bloque {
	display        : inline-block; 
	vertical-align : top;     

	height   : 100%;
	position : relative;
}

* + html .bloque  { display:inline; }  /* IE7 */


/*-------- Encabezado --------*/

.header {
	text-align : center;
	position   : relative;
}

 .header h1
,.header h2 {
	position : absolute;
}

/*-------- Encabezado Proceso --------*/

 #encabezado
,#encabezado div {
	height   : 80px;
}

#encabezado div {
	height   : 80px;	
	width    : 50%;
	position : absolute;
	top      : 0;
}

#encabezado div.cen {
	position   : relative;
	width      : 100%;
	text-align : center;
}

#encabezado .izq {
	background : url("img/encabezado-izq.png");
}

#encabezado img {
	position : relative;
	z-index  : 100;
}

#encabezado .der {
	background : url("img/encabezado-der.png");
	right      : 0;
}

/*-------- Encabezado PREP --------*/

#header {	
	background-color : #FFFFFF;
	height           : 7.2em;
	margin           : 0 auto;	
	
	-moz-box-shadow    : 0px 0px 10px #888;
	-webkit-box-shadow : 0px 0px 10px #888;
	box-shadow         : 0px 0px 10px #888;	
}

#header .izq {
	margin : 3px 2% 0 0;
}

#header .der {
	margin : 3px 0 0 2%;
}

#header .centro {
	width : 64.6667%;
} 

#header h1 {
	font-size   : 1.3em;
    font-weight : bold;
    left        : 11%;    
    top         : 0.8em;
	width       : 56%;
}

#header h2 {
	top         : 2.05em;
	font-weight : normal;
	color       : white;
    font-size   : 1.8em;  
	left        : 0;
	text-shadow : 2px 2px #666;
	width       : 100%;
}

#header .centro img {
	height : 7.1em;
}

/*-------- Menu --------*/

ul.menu {
	text-align : center;
}

 .menu div.current 
,.menu li:hover   a {
	font-weight     : bold;
	text-decoration : none;
}

 .menu div {
	text-align : center;
}

 .menu li {
	float : left;
}

/*-------- Menu Simple --------*/

 .menu.simple div {
	margin : 0 1em;
}

 #menu ul.menu.simple div
,#menu ul.menu.simple span {
	float : left; 
}

/*-------- Menu de cuadros --------*/

.menu.cuadros li {
	text-align : center;
}

.menu.cuadros a {
	width : 100%;
}

.menu.cuadros li {
	width     : 16.559%;
	font-size : 1.2em;
	
	border-style        : solid;
	border-color        : #784843;
	border-top-width    : 0;
	border-right-width  : 0;
	border-bottom-width : 0px;
	border-left-width   : 1px;
}

.menu.cuadros div {
	padding   : 5px 0 ;
}

.menu.cuadros li.omega {
	border-right-width  : 1px;
}

.menu.cuadros div {
	background-color : #f9f0e1;
}

.menu.cuadros div a {
	color: #833D13;
}

 .menu.cuadros div.current
,.menu.cuadros div:hover a {
	color : #000;
}


/*-------- Menu principal --------*/

#menu {
	font-size   : 1.2em;
	background 	: #e1e1e1 url("img/background-menu.jpg") repeat-x 0 center;
	height      : 2em;		
}

#menu .menu {
	float        : right;
	margin-right : 6%;
	margin-top   : 0.25em;	
}

/*#menu li div { width : 6em; }*/
#menu li div { width : 14em; }
#menu li +li div { width : 14em; }
#menu li +li +li div { width : 14em; }
#menu li +li +li +li div { width : 6em; }
#menu li +li +li +li +li div { width : 7em; }

#menu ul.menu span {
	border-left  : 1px solid #915a4d;
    border-right : 1px solid #330f07;
    height       : 1.2em;
	width        : 2px;
}

 #menu a
,#menu .menu {
	color : #FFFFFF;
}

/*-------- Menu par nevagadr a traves de un pagina informativa --------*/

ul#menu-info {
	display       : inline-block;
	float         : left;	
	width         : 100%;
	*display      : inline;
}

#menu-info li {	
	border-width : 1px 0 1px 1px;
	list-style   : none outside none !important;
}

#menu-info li.omega {
	border-width : 1px;
}

#menu-info li div:hover { 
	background-color : #d8aaa5; 
}

#menu-info.chico {
	font-size : 0.7em;
}

#menu-info.b7 li {	
	width : 14.15%;
}

#menu-info.b3 li {	
	width : 33.18%;
}

/*-------- Pagina --------*/

#pagina {
	margin           : 10px auto;
	width            : 1024px; 
	position         : relative;
}

body.int #pagina {
	background-color : #FFFFFF;	
	border-radius    : 7px 7px 7px 7px;
	box-shadow       : 2px 2px 3px #878787;
}

body.main #pagina {
	color : #000;
	border-radius    : 7px 7px 7px 7px;
	box-shadow       : 2px 2px 3px #878787;	
	border           : 1px solid #878787;
	
}

#pagina.difusores {
	width : 1024px; 
}

#pagina > h1 {
	text-align : center;
	font-size  : 2em;
	padding    : 1em;
}

#pagina .columna {
	display        : inline-block;	
	vertical-align : top;
	*display       : inline;
}

#pagina .columna.izq {
	width : 54%;
}

#pagina .columna.der {
	width       : 45%;
	margin-left : 5px;
}

body.int #pagina .columna.der {
	width : 44%;
}	

#pagina .centrado {
	width      : 100%;
	text-align : center;
	display    : inline-block;
	*display : inline;
}

#pagina.como-votar .centrado {
	margin-top : 2%;
}


/*-------- Bloque de enlaces --------*/

body.main #pagina div.inferior {
	margin-top : 2em;	
}

.enlaces {
	font-size        : 1.4em;	
}

.enlaces h2 {
	font-size        : 1.3em;
	font-weight      : bold;
	padding          : 0.5em;
}

.enlaces h3 {
	font-weight : bold;
	margin      : 2% 3% 0;
	width       : 94%;
	color       : #781942;
}

.enlaces ul +h3 {
	margin-top : 0;
}

 .enlaces ul 
,.enlaces > p {
	margin  : 1em 3em;
	display : inline-block;
	*display: inline;
}

.enlaces ul.thin {
	margin-top : 0;
}

.enlaces li {
	margin     : 0.4em 0;
}
			
.enlaces li p {
	margin-top : 1em;
}

.enlaces td {
	width : 50%;
}

.enlaces.imagen {
	text-align : center;
}

/*-------- Difusores --------*/

#difusores {
	text-align    : center;
	margin-bottom : 2em;
}

.difusores .otras {
	display    : block;
	text-align : center;
    margin     : 1em 0;
}

.difusores .otras p {
	display    : inline-block;
	width      : 30%;	
	text-align : left;
	margin-left : 1em;
	font-size   : 0.8em;
	position    : relative;
	top         : -15px;
	
	*display   : inline;
}

.difusores .otras a {
	margin-left : 10px;
}

.difusores .otras div {
	display  : inline-block;
	position : relative;
	
	*display : inline;
}

.difusores .otras div a +a {
	position : absolute;
    right    : 5px;
    top      : -6px;
}

.difusores .app {
	text-align : center;
	display    : block;
}

.difusores .nota {
	text-align : center;
	font-size  : 1.1em;
}

.difusores .nota span {
	font-weight : bold;
	font-size  : 1.2em;
}

/*-------- Redes Sociales --------*/

#redes thead {
	background-color : #E6D9C6;	
	font-weight      : bold;
}

#redes td {
	padding    : 1em;
	font-size  : 1.2em;
	text-align : center;
}

#redes thead td:first-child {
	width : 150px;
}

#redes tbody td +td +td {
	text-align : left;
}

#redes li {
	list-style : disc outside none;
}

#redes .icons a {
	float       : left;
	margin-left : 10px;
}

#redes a.one {
	margin-left : 105px;
}

#redes .non {
	background-color : #EEEEEE;
}

/*-------- Información Relevante --------*/

#info {
	margin           : 1.5% 2%;
	display          : inline-block;
    font-size        : 1.2em;
	width            : 96%;
	line-height      : 1.5em;
	
	*display : inline;
}

#pagina.difusores #info {
	margin : 1.5% 1%;
	width  : 98%;
}

#info em {
	font-weight      : bold;
}

#info .anglisismo {
	font-style       : italic;
}

#info h2 {
	color            : #FFFFFF;
    font-size        : 1.4em;
    padding          : 0.5% 1%;
    width            : 98%;
	background-color : #784843;
	
}

#info h3 {
	font-size        : 1.3em;
	font-weight      : bold;
	padding			 : 0.2%;
	background-color : #F9F0E1;
	border     		 : 1px solid #7a592e;
	border-width     : 1px;
	margin-top       : 2em;

}

#info h4 {
	font-size        : 1.2em;
	font-weight      : bold;
}


 #info h2
,#info h3
,#info h4 {
	display       : block;
	margin-bottom : 1em;
}

 #info p 
,#info ul {
	margin-bottom : 1em;
}

#info p.tab {
	margin-left : 2em;
}

#info p.aviso {
	font-size   : 3em;
	text-align  : center;
	margin-top  : 1em;
	line-height : 1.5em;
}

#info p.ejemplo {
	margin : 0 0 2em 2em;
	font-weight : bold;
}

#info p.ejemplo span {
	color       : #784843;
}

#info li {
	list-style    : disc inside none;
	margin-bottom : 0.5em;
}

#info ul ul {	
	margin-left   : 2em;
	margin-bottom : 0;
}

#info ul ul li {
	list-style  : circle inside none;	
}


#info ol li {
	list-style : lower-alpha inside none;
}

#info ol.numeros li {
	list-style : decimal inside none;
}

#info ul 
,#info ol {
	display : block;
}

#info li {
	display : list-item;
}

#info table {
	width  : 80%;
	margin : 0 auto;
}

#info table thead {
	background-color : #F9F0E1;
	font-weight      : bold;	
	text-align       : center;
}

#info table thead td {
	padding : 1em;
}

#info table tbody td {
	padding       : 1em;
	border-bottom : 1px solid #666;
}

#info table tbody td +td {
	text-align : center;
}

#info table.t01 tbody td {
	text-align :  left;
}

#info table.t02 tbody td {
	border : 1px solid #666;
}

#info table.t02 {
	margin : 2em auto;
}

#info .imagen {
	text-align : center;
	
}

#info a[href='#top']{
	margin     : 1em 0;
	display    : block;
    text-align : right;
	font-size  : 1.1em;
}

#info .nota {
	display   : block;
    font-size : 0.8em;
}

#ejemplo-seccion {
	left     : 40%;
    position : absolute;
    top      : 19%;
	display  : none;
}

body.int #pagina .columna.der.secundario {
	background-color : #efefef;
	padding          : 1%;
	width            : 42%;
}

#pagina .columna.der.secundario h4 {
	margin-bottom : 1em;
	margin-top    : 0;
}

/*-------- Pie --------*/

#pie {
	text-align : center;	
	margin     : 2%;
	width      : 96%;
	display    : inline-block;
	
	*display : inline;
}

#pie.margen-sup {
	margin-top : 50px;
}

#pie p {
	font-size : 1.1em;
	padding   : 1em 1.5em 2em;	
}

body.main #pie p {
	color : #000;
}

#pie .back {
	display : block;
}

/*-------- Slogan --------*/

h4.participa {
	font-size  : 2em;
    text-align : center;
	color      : #666666;
}

/*-------- Pie para interior de informacion del PREP --------*/

 #footer p 
,#footer ul {	
    padding          : 0.7%;
    text-align       : center;
}

 #footer p   { background-color : #cdcdcd; }
 #footer p+p 
,#footer ul  { background-color : #EEEEEE; }