@charset "utf-8";
/*
	Theme Name: PIXIS
	Theme URI: http://www.pixis.cl
	Description: Template creado por Rodrigo Aliste Prieto para Pixis. Diseño por Marta Barriga
	Version: 0.5
	Author: Rodrigo Aliste Prieto
	Author URI: http://reactor.cl
*/

/*-----------------------------------------
/* Este CSS carece de orden por lo que
/* a primera vista puede parecer complejo
/* Espera que lo ordene!
/*-----------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Lucida Grande, sans-serif;
	font-size:13px;
}

img { border:none; }

h2 { font-size: 18px; }

a:link, a:visited {
	text-decoration:none;
	color:#002459;
}

#box {
	width:900px;
	margin:0 auto;
}

#top {
	text-align:right;
	height:18px;
	background-color:#00215B;
	padding:19px 15px 19px 0;
	color:#fff;
}

#top a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

#header {
	overflow:hidden;
	background:url(images/page_header.jpg) no-repeat; /**/
}

#box.page #header {
	height:77px;
	background:url(images/page_header_s.jpg) no-repeat; /**/
}

.home #header {
	background:url(images/home_header.jpg) no-repeat; /**/
}

* html #header { height:1%; }

.home #logo {
	height:319px;
	width:600px;
	float:left;
}

#logo {
	height:244px;
}

#logo a {
	width:253px;
	height:79px;
	display:block;
	background:url(images/pixis_logo_ing.png);
	position:relative;
}

.home #logo a {
	top:120px;
	left:20px;
	background:url(images/pixis_logo.png);
}

#box.page #logo a {
	/*background:url(images/pixis_logo_ing_chico.png);*/
	background:none;
	width:125px;
	height:39px;
	top:20px;
	left:20px;
}


#logo a {
	top:80px;
	left:20px;
}

#logo span {
	display:none;
}

.home #intro {
	width:280px;
	height:299px;
	padding:10px;
	background-color:#525E80;
	color:#fff;
	opacity:0.5; 	/* ignore */
	float:right;
}

#blocks {
	border-top:solid 10px #C5C6C8;
	overflow:hidden;
	color:#fff;
}

* html #blocks { height:1%; }

.block {
	width:300px;
	float:left;
	/*height:54px;*/
}

.home .block {
	height:54px;
}

.block h2 {
	padding:13px 20px;
}

.block a:link,
.block a:visited { color:#fff; }

#blocks .one { background-color:#002459; }
#blocks .two { background-color:#2B3E70; }
#blocks .three { background-color:#58628E; }

#blocks .txt {
	padding:10px 20px;
	height:247px;
}

#blocks .one .txt {	background-color:#143064; }
#blocks .two .txt {	background-color:#424F7F; }
#blocks .three .txt {	background-color:#70779F; }

#bigmenu {
	overflow:hidden;
}

* html #bigmenu { height:1%; }

#bigmenu .menu {
	width:300px;
	height:55px; /* Cambiar cuando se introduzca texto */
	float:left;
	color:#002459;
}

#bigmenu .menu a {
	color:#002459;
	text-decoration:none;
	text-transform:uppercase;
}

#bigmenu .menu a:hover { color:#424F7F; }

#bigmenu .menu h2 {
	padding:0 20px;
	padding-top:16px;
	font-size:14px;
}

#bigmenu .menu p {
	padding:0 20px;
	font-size:12px;
}

#container {
	overflow:hidden;
	border-top:solid 10px #C5C6C8;
	position:relative;
}

#box.page #container { background:url(images/bg_content.gif) repeat-y left; }

* html #container {
	height:1%;
}

#container #menu {
	width:182px;
	float:left;
	/*background-color:#002459;*/
	padding:10px 15px;
	color:#A5A8C4;
	font-size:12px;
	line-height:20px;
	position:relative;
}

#container #menu ul { list-style-type:none; }

/* 1 jerarquia */
#container #menu li {
	text-transform:uppercase;
	font-size:13px;
}
/* 2 jerarquia */
#container #menu li li {
	text-transform:none;
	font-size:11px;
	margin-left:15px;
}
/* 3 jerarquia */
#container #menu li li li {
	list-style-type:square;
	margin-left:25px;
}

#container #menu a {
	color:#A5A8C4;
	text-decoration:none;
}

/* Wow!!! */
/* 3 jerarquia*/
#container #menu li.current_page_ancestor a,
#container #menu li.current_page_ancestor li.current_page_parent a,
#container #menu li.current_page_ancestor li.current_page_parent li.current_page_item a,
/* 2 jerarquia */
#container #menu li.current_page_parent li.current_page_item a,
/* 1 jerarquia */
#container #menu li.current_page_item a {
	color:#FFF;
	font-weight:bold;
}

#container #menu li.current_page_ancestor li.current_page_parent li a,
#container #menu li.current_page_ancestor li a {
	color:#A5A8C4;
	font-weight:normal;
}

#container #content {
	margin-left:220px;
	padding:30px;
}

#container #content h2 {
	color:#002459;
	margin-bottom:10px;
}
#container #content h3 { margin:10px 0; }

#container #content ul {
	margin-left:20px;
}

#container #content ul,
#container #content p {
	margin-bottom:10px;
	line-height:20px;
}

#footer {
	border-top:solid 10px #C5C6C8;
	background-color:#EDEDEE;
	padding:20px;
	color:#002459;
	font-size:10px;
	height:75px;
	line-height:16px;
}

/* Wordpress */
#tags {
	border:solid 1px #ccc;
	background-color: #FDFDFD;
	padding:5px;
	font-size:.9em;
}

#tags a {
	color:#696969;
	text-decoration:none;
}

textarea#comment {
	width:500px;
}

.image-content .txt {
	width:150px;
	color:#ccc;
	font-size:.9em;
	font-style:italic;
	float:right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Calendario */
#wp-calendar {
	margin:0 auto;
}

#wp-calendar caption {
	text-align:left;
	padding-left:2px;
}

#wp-calendar thead tr {

}

#wp-calendar thead th {
	font-size:12px;
}

#wp-calendar tbody tr {

}

#wp-calendar th,
#wp-calendar td {
	padding:5px;
	text-align:center;
	border:solid 4px #70779F; /* ouch */
}

#wp-calendar tbody td {
	background-color:#FFF;
	color:#002459;
}

#wp-calendar tbody td a {
	color:#002459;
}

#wp-calendar tbody td.pad { background-color:#D2D3D4; }
#wp-calendar tbody td#today { font-weight:bold; }

#wp-calendar tfoot { display:none; }

.event {
	float:right;
	margin-right:8px;
}

.navigation {
	overflow:hidden;
	margin-bottom:5px;
	width:200px;
	margin:0 auto;
}

* html .navigation { height:1%; }

.alignright {
	float:right;
}

.alignleft {
	float:left;
}