html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;/*outline:none;*/}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* PNG FIX */
* { behavior: url(iepngfix/iepngfix.htc) }
/** { behavior: url(iepngfix/iepngfix.php) }*/


/* Source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

		


/*Supersize Plugin Styles*/
#supersize img, #supersize a{
	height:100%;
	width:100%;
	display:none;
}
#supersize .activeslide, #supersize .activeslide img{
	display:inline;
}



html, body{
	height: 100%;
}


body{
	background: #faf7f6 url(../i/bg.jpg) no-repeat fixed left bottom;
	color: #342a28;
	font: 72.5% Arial, sans-serif;
	overflow:hidden;/*Needed to eliminate scrollbars*/
}
body#commentspopup{ 
	background:#faf7f6;
	color: #342a28;
	font: 72.5% Arial, sans-serif;
	padding:10px;
	margin:0;
	overflow:auto;
}


#outer{
	width:100%;
	top:0;left:0;
	position:absolute;
	overflow: auto;
	min-height:100%;
	height:auto;
	height: 100%;
}

#outer2{
	position:relative;
	min-width: 760px;
	max-width: 990px;
}
[if IE 6] #outer2 {
	/* Si la largeur de BODY est inférieure à 600px,
	la ramener à 600px. Sinon, tester si la largeur de
	BODY est supérieure à 1000px. Si oui, la ramener à
	1000px. Enfin, si aucune des deux conditions n'est
	remplie, laisser la largeur à "auto". */
	width: 760px;
	width: expression( document.body.clientWidth < 760? "760px" : document.body.clientWidth > 990? "990px" : "auto" );
}
		


#left { 
	position: absolute; 
	top:0; left:0; 
	width: 310px;
	height:100%;
}

#thecontent {
	position: absolute;
	top:0; left:330px; 
	padding: 14px 20px 20px 0;
}

#commentspopup #thecontent {
	position: relative;
	left:2px;
}



#thecontent a, 
#thecontent a:link{
	/*background: #fff;*/
	color: #340e07;
}
#thecontent a:visited{
	/*background: #fff;*/
	color: #aca09c;
}
#thecontent a:hover,
#thecontent a:active{
	text-decoration: none;
	color: #340e07;
}

#thecontent h2,
#thecontent h3,
#thecontent h4,
#thecontent p{
	margin:4px 0 8px 0;
}
#thecontent h3{margin-bottom:8px;}
#thecontent em{
	font-style:italic;font-size: 11px;opacity:.7;
}
#thecontent .margintop{
	margin-top:40px;
}

#left span{
	cursor:pointer;
}
#header{
	font: 24px helvetica, sans-serif;
	width: 149px; height: 100px;
	position: absolute;
	border-right: 1px solid #b8765e;
}
#header a{
	display: block;
	color: #340e07; 
	text-decoration: none;
	margin:32px 0 0 0px;
	padding:0px 0 2px 0px;
	width:146px;
	height:33px;
	overflow:hidden;
}

#header a:hover{
	background-color: #faf7f6;
}

#header a span {
	background: url(../i/header.gif) no-repeat 0 0;
	position: absolute;
	width: 146px;
	height: 33px;
	border-right: 3px solid #faf7f6;
}
#header a:hover span, #header a:active span {
	border-right: 3px solid #faf7f6;
	background: url(../i/header.gif) no-repeat 0 -33px;
}
#bodyindex #header a span{
	border-right: 3px solid #b8765e;
}

#nav{
	font: 13px helvetica, sans-serif;
	width: 159px; height: 200px;
	position: absolute;top:0px; left:150px;
	border-right: 1px solid #b8765e;
}
#nav a{
	display: block;
	color: #340e07; 
	text-decoration: none;
	overflow:hidden;
	width: 156px;
	height: 17px;
	position: relative;
}
#nav a:hover{
	background-color: #faf7f6;
}

#nav a#nav_cruela {
	margin-top:36px;
}

#nav a#nav_cruela span {
	background: #faf7f6 url(../i/nav_cruela.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_cruela:hover span, #nav a#nav_cruela:active span {
	background: #faf7f6 url(../i/nav_cruela.gif) no-repeat 0 -17px;
}
#bodycruela #nav a#nav_cruela{
	border-right: 3px solid #b8765e;
}



#nav a#nav_foto span {
	background: #faf7f6 url(../i/nav_foto.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_foto:hover span, #nav a#nav_foto:active span {
	background: #faf7f6 url(../i/nav_foto.gif) no-repeat 0 -17px;
}
#bodyfoto #nav a#nav_foto{
	border-right: 3px solid #b8765e;
}



#nav a#nav_video span {
	background: #faf7f6 url(../i/nav_video.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_video:hover span, #nav a#nav_video:active span {
	background: #faf7f6 url(../i/nav_video.gif) no-repeat 0 -17px;
}
#bodyvideo #nav a#nav_video{
	border-right: 3px solid #b8765e;
}

/*

#nav a#nav_animacion span {
	background: #faf7f6 url(../i/nav_animacion.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_animacion:hover span, #nav a#nav_animacion:active span {
	background: #faf7f6 url(../i/nav_animacion.gif) no-repeat 0 -17px;
}
#bodyanimacion #nav a#nav_animacion{
	border-right: 3px solid #b8765e;
}

*/

#nav a#nav_graphisme span {
	background: #faf7f6 url(../i/nav_graphisme.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_graphisme:hover span, #nav a#nav_graphisme:active span {
	background: #faf7f6 url(../i/nav_graphisme.gif) no-repeat 0 -17px;
}
#bodygraphisme #nav a#nav_graphisme{
	border-right: 3px solid #b8765e;
}



/*
#nav a#nav_colabo span {
	background: #faf7f6 url(../i/nav_colabo.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_colabo:hover span, #nav a#nav_colabo:active span {
	background: #faf7f6 url(../i/nav_colabo.gif) no-repeat 0 -17px;
}
#bodycolabo #nav a#nav_colabo{
	border-right: 3px solid #b8765e;
}
*/


#nav a#nav_palabra span {
	background: #faf7f6 url(../i/nav_palabra.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_palabra:hover span, #nav a#nav_palabra:active span {
	background: #faf7f6 url(../i/nav_palabra.gif) no-repeat 0 -17px;
}
#bodypalabra #nav a#nav_palabra{
	border-right: 3px solid #b8765e;
}



#nav a#nav_varia span {
	background: #faf7f6 url(../i/nav_varia.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_varia:hover span, #nav a#nav_varia:active span {
	background: #faf7f6 url(../i/nav_varia.gif) no-repeat 0 -17px;
}
#bodyvaria a#nav_varia{
	border-right: 3px solid #b8765e;
}



#nav a#nav_contacto span {
	background: #faf7f6 url(../i/nav_contacto.gif) no-repeat 0 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#nav a#nav_contacto:hover span, #nav a#nav_contacto:active span {
	background: #faf7f6 url(../i/nav_contacto.gif) no-repeat 0 -17px;
}
#bodycontacto a#nav_contacto{
	border-right: 3px solid #b8765e;
}


.marge{padding:25px 20px 20px;}

input.textbox, textarea.textbox { 
	background: #faf7f6; 
	border: 1px solid #dfd3cd; 
	color: #111;
	width: 280px;
}
label  { 
	margin: 2px;
}
input, textarea {
	margin: 6px 0 10px;
	padding: 2px;
	width:auto;
}
input.button{
	border: 1px solid #dfd3cd; 
	background: #faf7f6 url(../i/send.gif) no-repeat 0 2px;
	cursor:pointer;
	padding-left: 13px;
	width:auto;
}
#bodycontacto div.warning {
	margin: 0px 0px 20px 0px;
	font-size:12px;
	color:#cf4d39;
}

.note {
	margin: 0px 0px 20px 0px;
	font-size:12px;
	/*color:#cf4d39;*/
}
/*#note{margin:20px;}
#fields{margin: 20px;}*/
.textbox:focus{border: 1px solid #d5c5be;background:#fff;}

.fr{}
.es{ color:#5a1f16;
}
.en{ 
	color:#6d6463;
}

.sep1{
	height:7px;
	background: transparent url(../i/sep1.gif) no-repeat 0px 0;
	margin: 10px 0;
}
.sep2{
	height:12px;
	background: transparent url(../i/sep2.gif) no-repeat 0px 0;
	margin: 14px 0;
}
.sep3{
	height:21px;
	background: transparent url(../i/sep3.gif) no-repeat 0px 0;
	margin: 32px 0;
}
.sep4{
	height:28px;
	background: transparent url(../i/sep4.gif) no-repeat 0px 0;
	margin: 46px 0;
}

#thecontent h3{font-size: 14px;}

.forthumb {
	float:left;
	padding: 4px;
	margin: 0px 5px 5px -4px;display: block;
	display: block;
}
.forthumb a {border: 6px solid #fff;
	/*border: 1px solid #ddd;*/display: block;width:50px;height:50px;
	padding: 0px;
}
.forthumb a:hover, .forthumb a:active {
	/*opacity: .5;*/
	border: 6px solid #e8dfdc;
}
.tip {
	float: left;  
	font-size: 92.5%;
	line-height:120%;
	margin:0 0 25px 0; 
	max-width: 400px;
	padding: 9px 0px 0 2px;
}

a.hidden{display: none; visibility: hidden;width:0;height:0;}
.hidden{display: none; visibility: hidden;}

/*  PALABRA */

.alignleft{float:left;}
.alignright{float:right;}
.navigation .alignright{position:relative;width:28px;height:28px;overflow:hidden;}
.navigation .alignright a span{
	position:absolute;width:28px;height:28px;
	background: transparent url(../i/next.gif) no-repeat 0 0;
}
.navigation .alignleft{position:relative;width:28px;height:28px;overflow:hidden;}
.navigation .alignleft a span{
	position:absolute;width:28px;height:28px;
	background: transparent url(../i/prev.gif) no-repeat 0 0;
}
#thecontent .navigation a{background:transparent;display:block;text-decoration:none;}
.navigation a:hover, .navigation a:active{opacity:.6;}
.navigation{/*position:relative;*/width:330px;padding:0 0px 0 0px;margin: 40px 0px 0 20px;display:block;}
em.no{visibility:hidden;}
#thecontent h3.entry_title{font-size:18px; color:#9c6855;position:relative;}
#thecontent h3.entry_title a{text-decoration:none; color:#9c6855;background:transparent;}

#thecontent #widget-adminarea a{background:#faf7f7; color:#faf7f6;}
#commentform input[type=text], 
#commentform textarea{
	background: #faf7f6; 
	border: 1px solid #dfd3cd; 
	color: #111;
	width: 280px;}
#commentform input:focus,
#commentform textarea:focus{
	border: 1px solid #d5c5be;background:#fff;
}
label strong{color:#ba2008;}
.buttonbar input{
	border: 1px solid #dfd3cd; 
	background: #faf7f6 url(../i/send.gif) no-repeat 0 2px;
	cursor:pointer;
	padding-left: 13px;
	width:auto;
	margin-right:13px;
}
ol{list-style-type: decimal;margin-bottom: 30px;list-style-position:inside}
ol li{padding:5px 5px 5px 15px;border-left: 1px solid #dfd3cd;}
strong{font-weight: bold;}

#thecontent .post, #thecontent .entry{
	height: auto;position:relative;
}
#thecontent .link-comments{
	margin-top:32px;height: 30px;
}
#thecontent .link-comments a{
	background: transparent url(../i/comment.gif) no-repeat 0px 0px;
	padding-left: 15px;
	text-decoration:none;
}
#thecontent .link-comments a:hover{
	opacity:.6;
}
ul.msgs li{
	background:#faebe6; 
	padding: 16px 8px;
	font-weight: bold;
	font-size:13px;
	margin:20px 20px 20px 0;}
#thecontent ul.msgs li a{
	background:#faebe6; 
	padding: 16px 8px;
	font-weight: bold;
	font-size:13px;text-decoration: none;}
.entry-footer, .entry-footer li,
p.date{padding:0;margin:0px 0 10px 0;font-size:10px;}

.entry img {border:10px solid white;margin-top: 6px;margin-bottom:12px;}