/* @override http://mexiqueculture.org/wordpress/wp-content/themes/mexique/style.css */

/*   

Theme Name: Instituto de México
Theme URI: http://mexiqueculture.org
Author: RUDE
Author URI: http://rudeworks.com
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.

*/

/* @group CSS inicial */

/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 62.5% Helvetica, Arial, Geneva, sans-serif;
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

/* @group Clearfix */

.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

/* @end */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

hr {
	margin: 20px 0;
	border-bottom: #EFEFF0 1px solid;
}

/* @end */

/* @group HTML > BODY > WRAPPER */

/*Para empezar un layout centrado:*/

body {
	text-align: center;

/*Hack para que IE6 no de problemas*/
}

#wrapper {
	margin: 30px auto;
	text-align: left;
	width: 770px;
	background-color: #EFEFF0;
	padding: 20px;
}

/* @end */

/* @group H */

h1 {
	font-size: 2em;
	margin: 0;
}

h2 {
	font-size: 1.8em;
	color: #000;
	margin-bottom: 10px;
}

h2 a {
	color: #000;
}

h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 2.2em;
	margin-bottom: 0;
}

h4 {
	font-size: 1.4em;
	margin-bottom: 10px;
}

h5 {
	font-size: 1.1em;
	margin-bottom: 2px;
	font-weight: bold;
	color: #868283;
}

h6 {
	font-size: 1.4em;
	font-variant: small-caps;
	margin: 0;
	padding: 7px 10px;
	background: #d2cfcf;
	color: #fff;
	width: 300px;
}



/* @end */

/* @group HEADER */

#header {
	position: relative;
	width: 770px;
	height: 129px;
	background: transparent url(images/header-home.jpg) no-repeat left top;
	margin-bottom: 30px;
}

/* @group COLORES */

#nouvelles #header {
	background: transparent url(images/header-nouvelles.jpg) no-repeat left top;
}

#expo #header {
	background: transparent url(images/header-expo.jpg) no-repeat left top;
}

#conf #header {
	background: transparent url(images/header-conf.jpg) no-repeat left top;
}

#cinema #header {
	background: transparent url(images/header-cinema.jpg) no-repeat left top;
}

#litt #header {
	background: transparent url(images/header-litt.jpg) no-repeat left top;
}

#musique #header {
	background: transparent url(images/header-musique.jpg) no-repeat left top;
}

#theatre #header {
	background: transparent url(images/header-theatre.jpg) no-repeat left top;
}

#danse #header {
	background: transparent url(images/header-danse.jpg) no-repeat left top;
}

#varie #header {
	background: transparent url(images/header-varie.jpg) no-repeat left top;
}

#culture #header {
	background: transparent url(images/header-culture.jpg) no-repeat left top;
}

#informations #header {
	background: transparent url(images/header-informations.jpg) no-repeat left top;
}

#presse #header {
	background: transparent url(images/header-presse.jpg) no-repeat left top;
}

#newsletter #header {
	background: transparent url(images/header-newsletter.jpg) no-repeat left top;
}

#concours #header {
	background: transparent url(images/header-concours.jpg) no-repeat left top;
}

/* @end */

h1 a {
	position: absolute;
	right: 0;
	display: block;
	text-indent: -9999px;
	width: 230px;
	height: 90px;
}

#header p {
	position: absolute;
	right: 37px;
	top: 99px;
	font-size: 0.9em;
	width: 173px;
	color: #868283;
	text-align: center;
	line-height: 1.3em;
}

#header p a {
	color: #868283;
}

#header p a:hover {
	color: #477B4C;
	text-decoration: underline;
}

/* @end */

/* @group CENTER */

/* @group EXPOSITIONS */

.category-3 h3, .category-3 h4, .category-3 p a, .category-3 h3 a, .category-13 h3, .category-13 h4, .category-13 p a, .category-13 h3 a {
	color: #80b6af;
}

.post.category-3, .post.category-13 {
	border-bottom: 2px #80b6af solid;
}

/* @end */

/* @group CONFERENCES */

.category-4 h3, .category-4 h4, .category-4 p a, .category-4 h3 a, .category-16 h3, .category-16 h4, .category-16 p a, .category-16 h3 a {
	color: #91A6C8;
}

.post.category-4, .post.category-16 {
	border-bottom: 2px #91A6C8 solid;
}

/* @end */

/* @group CINEMA */

.category-5 h3, .category-5 h4, .category-5 p a, .category-5 h3 a, .category-15 h3, .category-15 h4, .category-15 p a, .category-15 h3 a {
	color: #C5A7A8;
}

.post.category-5, .post.category-15 {
	border-bottom: 2px #C5A7A8 solid;
}

/* @end */

/* @group LITTERATURE */

.category-6 h3, .category-6 h4, .category-6 p a, .category-6 h3 a, .category-18 h3, .category-18 h4, .category-18 p a, .category-18 h3 a {
	color: #e8bd1d;
}

.post.category-6, .post.category-18 {
	border-bottom: 2px #e8bd1d solid;
}

/* @end */

/* @group MUSIQUE */

.category-7 h3, .category-7 h4, .category-7 p a, .category-7 h3 a, .category-19 h3, .category-19 h4, .category-19 p a, .category-19 h3 a {
	color: #F2785C;
}

.post.category-7, .post.category-19 {
	border-bottom: 2px #F2785C solid;
}

/* @end */

/* @group THEATRE */

.category-8 h3, .category-8 h4, .category-8 p a, .category-8 h3 a, .category-20 h3, .category-20 h4, .category-20 p a, .category-20 h3 a {
	color: #6C8F6A;
}

.post.category-8, .post.category-20 {
	border-bottom: 2px #6C8F6A solid;
}

/* @end */

/* @group DANSE */

.category-9 h3, .category-9 h4, .category-9 p a, .category-9 h3 a, .category-17 h3, .category-17 h4, .category-17 p a, .category-17 h3 a {
	color: #8BC2E4;
}

.post.category-9, .post.category-17 {
	border-bottom: 2px #8BC2E4 solid;
}

/* @end */

/* @group VARIE */

.category-10 h3, .category-10 h4, .category-10 p a, .category-10 h3 a, .category-14 h3, .category-14 h4, .category-14 p a, .category-14 h3 a {
	color: #868283;
}

.post.category-10, .post.category-14 {
	border-bottom: 2px #868283 solid;
}

/* @end */

#center {
	float: left;
	width: 540px;
}

.post {
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

.post h5 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

.post p {
	font-size: 1.2em;
	line-height: 1.3em;
}

.post img {
	margin: 10px 0 0 0;
}

.post p a:hover {
	text-decoration: underline;
}

.event-image {
	float: left;
	width: 150px;
	margin-right: 10px;
}

.event-content {
	width: 360px;
	margin-left: auto;
}

.separator {
	height: 2px;
	margin-bottom: 20px;
	background: #868283;
}

.box {
	background: #fff;
	padding: 10px 10px 1px;
	margin-bottom: 10px;
}

.box h2 {
	color: #868283;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 5px;
}

.box p {
	font-size: 1.1em;
	line-height: 1.2em;
}

.box img {
	margin: 0 5px 15px 5px;
}

.box.small {
	width: 153px;
	margin-right: 10px;
	float: left;
	min-height: 170px;
}

.box.tiny {
	width: 153px;
	margin-right: 10px;
	float: left;
	min-height: 50px;
}

.box.last {
	margin-right: 0;
	float: right;
}

.box.big {
	clear: both;
}

.box a {
	color: #868283;
}

.box a:hover {
	color: #477B4C;
	text-decoration: underline;
}

.box .linklist {
	width: 160px;
	padding-right: 10px;
}

.box .linklist li {
	margin: 0;
}

.wp-pagenavi {
	padding: 15px 0;
}

/* @end */

/* @group SIDEBAR */

/* @group EXPOSITIONS */

#sidebar ul li li a.submenu.expo:hover, #sidebar ul li li.current_page_item a.expo {
	color: #80b6af;
}

/* @end */

/* @group CONFERENCES */

#sidebar ul li li a.submenu.conf:hover, #sidebar ul li li.current_page_item a.conf {
	color: #91A6C8;
}

/* @end */

/* @group CINEMA */

#sidebar ul li li a.submenu.cinema:hover, #sidebar ul li li.current_page_item a.cinema {
	color: #C5A7A8;
}

/* @end */

/* @group LITTERATURE */

#sidebar ul li li a.submenu.litt:hover, #sidebar ul li li.current_page_item a.litt {
	color: #e8bd1d;
}

/* @end */

/* @group MUSIQUE */

#sidebar ul li li a.submenu.musique:hover, #sidebar ul li li.current_page_item a.musique {
	color: #F2785C;
}

/* @end */

/* @group THEATRE */

#sidebar ul li li a.submenu.theatre:hover, #sidebar ul li li.current_page_item a.theatre {
	color: #6C8F6A;
}

/* @end */

/* @group DANSE */

#sidebar ul li li a.submenu.danse:hover, #sidebar ul li li.current_page_item a.danse {
	color: #8BC2E4;
}

/* @end */

/* @group VARIE */

#sidebar ul li li a.submenu.varie:hover, #sidebar ul li li.current_page_item a.varie {
	color: #868283;
}

/* @end */

/* @group NOUVELLES */

#sidebar ul li li a.submenu.nouvelles, #sidebar ul li li.current_page_item a.nouvelles {
	padding-top: 10px;
}

/* @end */

#sidebar {
	float: right;
	width: 210px;
}

#sidebar form {
	margin-bottom: 10px;
}

#sidebar form input {
	background: none;
	height: 11px;
	width: 185px;
	padding: 6px 0 2px 4px;
	background: #d2cfcf;
	margin: 0;
	float: left;
	border-bottom: #868283 2px solid;
	color: #999999;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	outline: none;
}

#sidebar form .search-button {
	margin: 0;
	float: left;
	height: 21px;
	width: 21px;
	background: transparent url(images/search-button.gif) no-repeat left top;
	text-indent: -9999px;
}

#sidebar ul {
	margin: 0 0 5px 0;
}

#sidebar ul li {
	margin: 0 0 3px 0;
	border-bottom: #868283 2px solid;
}

#sidebar ul ul {
	margin: 0;
	padding-bottom: 5px;
	background: #d2cfcf;
}

#sidebar ul li li {
	margin: 0;
	border-bottom: none;
}

#sidebar ul li a {
	display: block;
	background: #d2cfcf;
	padding: 4px;
	font-size: 1.3em;
	color: #8b8989;
}

#sidebar ul li a:hover {
	background: #477B4C;
	color: #fff;
}

#sidebar ul li li a {
	padding: 1px 0 0 15px;
	color: #a5a3a3;
}

#sidebar ul li li a:hover {
	background: inherit;
}

#sidebar ul li.current_page_item a {
	background-color: #dbdcde;
	color: #737373;
}

#sidebar ul li li.current_page_item a {
	background-color: inherit;
}

#sidebar ul li.programme-pdf {
	margin-top: 15px;
}

#sidebar ul li.programme-pdf a:hover {
	background: #F2785C;
}

.logo-salon {
	width: 140px;
	margin: 20px auto;
	padding: 1px;
	border: #ccc 1px solid;
}

.logo2010{
	width: 150px;
	margin: 75px auto;
	padding: 1px;
	border: #ccc 1px solid;
}

/* @end */

/* @group LOGOS */

ul.logos {
}

ul.logos li {
	float: left;
	padding-left: 12px;
	margin: 0;
}

ul.logos li a {
	display: block;
	height: 72px;
	text-indent: -9999px;
}

ul.logos li a.logo-1 {
	background: transparent url(images/logo-instituto.jpg) no-repeat top left;
	width: 62px;
}

ul.logos li a.logo-2 {
	background: transparent url(images/logo-sep.jpg) no-repeat top left;
	width: 137px;
}

ul.logos li a.logo-3 {
	background: transparent url(images/logo-sre.jpg) no-repeat top left;
	width: 100px;
}

ul.logos li a.logo-3b {
	background: transparent url(images/logo-ambassade.jpg) no-repeat top left;
	width: 137px;
}

ul.logos li a.logo-4 {
	background: transparent url(images/logo-consejo-footer.jpg) no-repeat top left;
	width: 147px;
}

ul.logos li a.logo-5 {
	background: transparent url(images/logo-ficep.jpg) no-repeat top left;
	width: 125px;
}

ul.logos li a.logo-6 {
	background: transparent url(images/logo-chateau.jpg) no-repeat top left;
	width: 101px;
}

ul.logos li a.logo-7 {
	background: transparent url(images/logo-maison.jpg) no-repeat top left;
	width: 52px;
}

ul.logos li a.logo-8 {
	background: transparent url(images/logo-consejo.jpg) no-repeat top left;
	width: 113px;
}

/* @end */

/* @group FOOTER */

#footer {
	background: #f6f6f6;
	padding: 10px;
}

#footer li {
	margin-right: 10px;
}

/* @end */