/* --------------------------------------
ESTRUCTURA
---------------------------------------*/

body {
background:#3E659C url(../img/body_gradient.png) repeat-x;
text-align:center;
width: 100%;
font-size: 12px;
}

	#design_head {
	height:200px;
	background: url(../images/header_design.jpg) center top no-repeat;
	width:100%;
	margin: 0 auto;
	text-align: center;
	padding-top:146px;
	}

		.quienes #design_head {
		background: url(../images/header_quienes.jpg) center top no-repeat;
		}

#container {
width:960px;
height:400px;
margin: 0 auto;
text-align: left;
}

#head {
height:123px;
padding:0 0 0;
background: url(../img/1px.gif) left bottom repeat-x;
position: relative;
margin: 0 0 9px 0;
}

#footer {
padding:10px 0px;
background: url(../img/1px.gif) left top repeat-x;
}


#comments {
padding:35px 0 50px;
background: url(../img/8px.gif) top left repeat-x;
}

#module {
padding:35px 0 50px;
background: url(../img/8px.gif) top left repeat-x;
position: relative;
}


#management {
margin-top:0px;
padding:0px 0 35px;
}

#slider {
height:285px;
position: relative;
}

div.post {
padding-bottom:53px;
}

/* --------------------------------------
ENLACES
---------------------------------------*/


a:link, a:visited {
color: black;
font-weight: bold;
text-decoration: none;
}

a:hover {
color:#ed145b;
text-decoration: none;
font-weight: bold;
}

	#footer a {
	border:none;
	font-weight: normal;
	text-decoration: none;
	background: none;
	}
	
		#footer p.left a:link, #footer p.left a:visited {
		color: #333;
		}
		
		#footer p.left a:hover {
		color:#000;
		}
		

.entry p a:link, .entry p a:visited,
.widecol p a:link, .widecol p a:visited {
font-weight: bold;
color:#000;
text-decoration: none;
background: url(../img/puntoblanco_bg.gif) bottom left repeat-x;
}

.entry p a:hover, .widecol p a:hover {
color:#ed145b;
background: url(../img/puntoblanco_bg.gif) bottom left repeat-x;
}


h1 a:link, h1 a:visited {
width:312px;
height:123px;
display: block;
background: url(../img/krea_logo.png) no-repeat;
}

h1 a:hover, body.home h1 a {
height:123px;
}


div.cats li a:link, div.cats li a:visited {
font-size: 16px;
font-weight: normal;
}

div.cats li a:hover {
font-weight: normal;
color:#ed145b;
text-decoration: none;
}
/* --------------------------------------
TYPE
---------------------------------------*/

p {
font-size: 12px;
line-height: 144%;
margin:8px 0 0;
}

	p.small {
	font-size: 12px;
	line-height: 16px;
	z-index: 0;
	}
	
	#footer p.left {
	float:left;
	}
	
	#footer p.right {
	float:right;
	}
	
	#footer p {
	font-size: 12px;
	color:#000;
	}
	
	#footer p.left {
	color:#333;
	}
	
	p.commentStatus {
	margin:10px 0;
	}
	
.post p {
font-size: 14px;
line-height: 20px;
margin:10px 0 0;
width:455px;
}	
	
	.post .four_col p {
	width:100%;
	}

.post blockquote p {
font-size: 18px;
line-height:23px;
font-weight: bold;
margin:0 0 10px;
width:455px;
letter-spacing: -0.5px;
}

p.back {
position: absolute;
right:0;
top:-40px;
font-size: 14px;
}

.widecol blockquote p {
margin-bottom:16px;
}


p.wp-caption-text, p.caption, span.caption {
color: #333;
font-size: 12px;
margin: 2px 0 14px;
}

div.wp-caption {
margin:14px 0 0;
}

ul.caption li {
font-size: 12px;
color:#333;
margin:0;
list-style:circle;
}

h1 span, h2 span {
display: none;
}

h2 {
height:124px;
margin:0 0 51px;
}

	h2.title {
	font-size: 96px;
	letter-spacing: -7px;
	margin:0;
	height: auto;
	}

	h2.bio {
	width:456px;
	background: url(../img/h2_bio.gif) no-repeat;
	}
	
	h2.contacto {
	width:392px;
	background: url(../img/h2_contacto.png) no-repeat;
	}
	
	h2.photos {
	width:552px;
	background: url(../images/h2_photos.gif) no-repeat;
	}
	
	h2.journal {
	width:392px;
	background: url(../images/h2_journal.gif) no-repeat;
	float: left;
	}
	
	h2.work {
	width:456px;
	background: url(../images/h2_work.gif) no-repeat;
	}

	h2.casestudy1 {
	width:792px;
	background: url(../images/h2_casestudy_1.gif) no-repeat;
	}

h3 {
font-size: 24px;
font-weight: bold;
letter-spacing: -1.3px;
margin:0 0 30px 0;
}

	h3.postdate {
	margin:-8px 0 61px;
	}
	
	div.cats h3 {
	font-size: 22px;
	margin:0 0 20px;
	}
	
	.widecol h3, .entry h3 {
	margin:30px 0 12px;
	}
	
	h3.hate, h3.love {
	padding:3px 0 0 30px;
	background-position: left center;
	}
	
	h3.hate {
	background: url(../images/icon_lg_cross.gif) no-repeat;
	}
	
	h3.love {
	background: url(../images/icon_lg_heart.gif) no-repeat;
	}

h4 {
font-size: 18px;
font-weight: bold;
margin-bottom:10px;
letter-spacing: -0.1px;
line-height:100%;
}

	#replyform h4 {
	margin-bottom:20px;
	}

h5 {
margin:0 0 4px 0;
font-size: 14px;
font-weight: bold;
}

	h5.commentname {
	margin:5px 0;
	font-size: 12px;
	}
	
h6 {
text-transform: uppercase;
padding:10px 0 0;
color:#384546;
}

abbr, acronym, .popup {
font-size: 85%;
letter-spacing: 1px;
border-bottom: 1px dotted #fff;
cursor: help;
}


/* --------------------------------------
NAVEGACION PRINCIPAL
---------------------------------------*/

#nav li {
float:left;
}

#nav li a {
float:left;
width:95px;
height: 23px;
display: block;
font-weight: bold;
text-decoration: none;
}

#nav li a:link, #nav li a:visited {
color:#666;
}

#nav li a:hover, #nav li.active a:link, #nav li.active a:visited {
color:black;
background: url(../img/nav_highlight.gif) left bottom no-repeat;
}

#nav {
position: absolute;
right:0px;
bottom:0px;
width: 580px;
}

.six_col li a:link, .six_col li a:visited {
color: black;
text-decoration: none;
font-weight: normal;
}

.six_col li a:hover {
font-weight: normal;
color:#ed145b;
text-decoration: none;
}

.four_col a:link, .four_col a:visited, .four_col a:hover,
.six_col a:link, .six_col a:visited, .six_col a:hover {
background: none;
}

p.back a:link, p.back a:visited {
background: none;
}

#management a:link, #management a:visited {
color:#6e797b;
}

#management .over a:link, #management .over a:visited {
color:black;
}

#management a:hover, #management .over a:hover {
color:#ed145b;
}

#management li a {
font-weight: normal;
}

#print .print a:link, #print .print a:visited,
#identity .identity a:link, #identity .identity a:visited,
#online .online a:link, #online .online a:visited,
#casestudies .casestudies a:link, #casestudies .casestudies a:visited {
color:black;
}

#print .print a:hover,
#identity .identity a:hover,
#online .online a:hover,
#casestudies .casestudies a:hover {
color:#ed145b;
}


/* --------------------------------------
INICIO
---------------------------------------*/

.home h2 {
height:70px;
width:507px;
background: url(../img/h2_home.png) no-repeat;
margin:6px 0 13px;
}

.home div.links {
height:245px;
background: url(../img/home_links_bg.jpg) repeat-x;

}

.home_column {
width:128px;
//width:132px;
padding:25px 16px 0;
float: left;
position: relative;
background: url(../img/home_column_divider.png) right 8px no-repeat;
height:220px;
font-family:Helvetica,Arial,sans-serif;
}

.home a:link, .home a:visited, .home a:hover {
color: black;
text-decoration: none;
font-weight: inherit;
border: 0;
}

.home .over {
background: url(../img/home_column_hover.jpg) right 8px repeat-x;
height:220px;	
width:128px;
cursor: pointer;
}

.home_column img.management {
margin:20px 0 0 20px;
}

.home_column img.conciertos {
margin:20px 0 0 10px;
}

.home_column img.quienes {
margin:20px 0 0 10px;
}

.home_column img.enlaces {
margin:20px 0 0 20px;
}

.home_column img.contacto {
margin:20px 0 0 10px;
}

.over {
cursor: pointer;
}

.cuerpoPpal {
height:394px;
}
.izPpal {
position:relative;
float:left;
width:65%;
}
.dePpal {
position:relative;
float:left;
width:8%;
}

#panel {
	width:35%;
	padding:10px 0px 0 0;
	float:left;
	height:350px;
	width:250px;
}


/* --------------------------------------
MANAGEMENT
---------------------------------------*/
.cuerpoManagement {
height:394px;
}
.izManagement {
position:relative;
float:left;
width:60%;
}
.deManagement {
position:relative;
float:left;
width:33%;
}

.management h2 {
height:70px;
width:507px;
background: url(../img/h2_mana.png) no-repeat;
margin:6px 0 13px;
}

.strip {
	position: relative;
	overflow: hidden;
	border: solid 1px black;
	height: 250px;
	width: 500px;
	border: none;
}
.strip img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.pieManagement {
	width:960px;
	margin: 0 auto;
	float:left;
}

/* --------------------------------------
QUIENES	
---------------------------------------*/
.contenidoQuienes {
	height:414px;
	width:930px;
	background-image: url("../img/bgquienes.png");
	behavior: url(includes/js/iepngfix.htc); 
	
}
.quienes h2 {
height:70px;
width:507px;
background: url(../img/h2_quienes.png) no-repeat;
margin:6px 0 13px;
}

.izQuienes  {
	width: 300px;
	font-family: verdana;
	border: 0px solid black;
}
.izQuienes div {
	background-color: #eee;
}

.izQuienes li a, .izQuienes li{
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-family: helvetica, serif;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}
a .ajax{
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("../img/AccordionTab0.gif");
}
 .izQuienes a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("../img/AccordionTab0.gif");
}
.izQuienes a:hover {
	background-color: white;
	background-image: url("../img/AccordionTab2.gif");
}
.izQuienes a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("../img/AccordionTab2.gif");
}

.deQuienes {
	float:right;
	width:580px;
	height:400px;
	border: none;
	text-decoration: none;
	font-family: helvetica, serif;
	font-size: 11px;
	
}

.deQuienes div {
	background-color: #eeeeee;
	padding:10px;
}


/* --------------------------------------
CONTACTO
---------------------------------------*/
.contenidoContacto{
	height:374px;
	width:930px;
	
}
.contacto h2 {
height:70px;
width:507px;
background: url(../img/h2_contacto.png) no-repeat;
margin:6px 0 13px;
}
.cuerpoContacto {
height:504px;
}

.contacto h5 {
	color:#2b72ac;
	padding-bottom:0px;
	margin-bottom:-13px;
	font-size:16px;
}
.contacto h6 {
	padding-top:0px;
	font-size:14px;
	color:#000;
}
.izContacto  {
	width: 50%;
	font-family: helvetica, serif;
	border: 0px solid black;
}

.deContacto{
	float:right;
	width:50%;
	border: none;
	text-decoration: none;
	font-family: helvetica, serif;
	font-size: 11px;
	
}
.contacto span img {

	margin-left:-3px;
}

.contacto b {
	font-family: helvetica, serif;
	font-size:14px;
}

/* --------------------------------------
CONCIERTOS
---------------------------------------*/

.conciertos h2 {
height:70px;
width:507px;
background: url(../img/h2_conciertos.png) no-repeat;
margin:6px 0 13px;
}
/* --------------------------------------
ENLACES
---------------------------------------*/

.enlaces h2 {
height:70px;
width:507px;
background: url(../img/h2_enlaces.png) no-repeat;
margin:6px 0 13px;
}
/* --------------------------------------
LEGAL
---------------------------------------*/

.legal {
	overflow:scroll;
	text-align:justify;
}

/* --------------------------------------
PUBLI
---------------------------------------*/
a.opacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.opacity img {
filter:alpha(opacity=100);

-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }