/* GENERICS*/
body {
    background: #FFF;
    text-align: left;
    font: 11px/16px Helvetica, Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}
body.portada {
    background: #FFF;
    margin: 200px 0 0 0;
    padding: 0;
    text-align: center;
}
#p_caixa{
	width: 433px;
	height: 127px;
    clear: both;
    padding: 0;
	margin:0 auto;
	text-align:left;
}
#p_menu
´{
	margin-left:80px;
	height:32px;
	width:197px;
}
#p_ill{
	float:left;
	height:32px;
	width:115px;
	margin-left:97px;
}
#p_gra{
	height:32px;
	float:left;
	width:82px;
}

img { border:0; }
div,h1, h2, h3, h4, h5, h6 { margin: 0; padding;0; }
.clear { clear:both;}
a:focus { outline: 0px;	}
 a{ color: #444; text-decoration:underline;}
a:hover{	color: #000; text-decoration:none;}
focus { border: 1px solid white;}
em{ font-weight:bold; font-style: normal;}
/* LAYOUT*/
#contenidor {
    position: relative;
    width: 691px;
	height: 680px;
    text-align: left;
    margin:10px auto;
    background: transparent;
}
/*header*/
#idoiairibertegui a{
	float: left;
	display: inline;
	width:245px;
	height: 55px;
	background: url(img/idoiairibertegui.gif) no-repeat bottom left;
	margin: 15px 50px 0 10px; 
	padding:0;
}
#idoiairibertegui a span{display: none;}


/*menu*/
#menu {
	height: 36px;
	float:right;
	margin: 25px 12px 0 0;
	display: inline;
}
div.illustration,div.graphic,div.personal,div.contact,
div.separador{
	display: inline;
	float: left;
	height:36px;
	margin:0 0 0 10px;
	padding:0;
}
div.illustration a,div.graphic a,div.personal a,div.contact a{
	display: block;
	text-decoration: none;
	height:36px;
}
div.illustration a:hover,div.graphic a:hover,div.personal a:hover,div.contact a:hover {background-image: none;}
div.illustration span,div.graphic span,div.personal span,div.contact span,div.separador span{visibility:hidden;}
div.illustration{ width:102px; background: url('img/illustration_g.gif') no-repeat top;}
div.graphic{ width:68px; background: url('img/graphic_g.gif') no-repeat top left; margin-top:3px;}
div.personal{ width:77px; background: url('img/personal_g.gif') no-repeat top;}
div.contact { width:63px;	background: url('img/contact_g.gif') no-repeat top; margin-right: 8px;}
div.separador{ width:5px; background: url('img/separador.gif') no-repeat top; margin: 0 5px;}

div.illustration a{background: url('img/illustration_n.gif') no-repeat  top;}
div.graphic a{background: url('img/graphic_n.gif') no-repeat  top left;}
div.personal a{background: url('img/personal_n.gif') no-repeat  top;}
div.contact a{background: url('img/contact_n.gif') no-repeat  top;}


/*blog*/
#sticker{
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	top:5px;
	right:-40px;
/*	background: url(img/webcam_b.gif ) no-repeat bottom left; */
}
#sticker a{
	position:relative;
	float:left;
	height:51px; 
	width:51px; 
	top:0px;
	left:0;
	display:block;
	text-decoration:none;
	background: url(img/blog.gif) no-repeat bottom left;
}
/*#sticker a:hover{background:transparent url(img/webcam_b.gif) no-repeat scroll left bottom;}*/
#sticker span{display: none;}  /*cos*/

#cos {
	height: 471px;
    clear: both;
    padding: 0;
	margin:0;
	background: url('img/cos_marc.png') no-repeat bottom right;
}
/*cos 1-2*/
#left,#right {
    float: left;
	height: 471px;
    padding: 0;
    margin: 2px 0 0 0;
	color:#000;
	background: none;
	display: inline;
}
#left{
	margin: 14px 0 0 3px;
	padding-left: 10px;
	width: 446px;
}
#right{
	margin: 14px 4px 0 0;
	text-align: right;
    width: 446px;
}
#tot{
	float:left;
	height: 457px;
	width: 671px;
    padding: 0;
	margin:5px 0px 0 10px;
	text-align:center;
	/*background-color: #ccc;*/
	display:table;
	

}
#content{
	  display: table-cell;
  vertical-align: middle;
}


#placeholder{
/*	margin-top:26px;*/

}
/*cos 1-2-3*/
#esq,#cen,#dre {
    float: left;
	height: 561px;
    padding: 0;
    margin: 0px 0 0 0;
	color:#000;
	background: none;
	/*border: 1px solid Black;*/
}
#contfr{	
	float:left;
	height: 457px;
	width: 671px;
	background: url('images/contact.jpg') no-repeat center top;
	background-position: 175px 10px;
	overflow:hidden;
}
#esq{width: 220px;margin: 10px 0 0 3px;padding-left: 10px;/*background: url('images/contact.jpg') no-repeat top;background-position: 180px 0px ;*/}
#cen{width: 220px;margin: 10px 0 0 0;background: url('images/contact.jpg') no-repeat left top;background-position: -50px 0px ;}
#dre{float:right;width: 220px;margin: 10px 0 0 0;text-align:left;}
div.textesq{
	margin: 10px 0 0 20px;
	font-size: 11px;
	line-height: 12px;
	color: #444;
	/*letter-spacing: 0.05em;*/
	background:transparent;
}
div.textdre{
	margin: 10px 20px 0 0;
	font-size: 11px;
	line-height: 12px;
	color: #444;
	/*letter-spacing: -0.5px;*/
}
div.textesq a{ color: #444; text-decoration:underline;}
div.textesq a:hover{	color: #000; text-decoration:none;}
div.textesq strong,div.textdre strong{ 	
	color: #000;
	font-size: 12px;
	letter-spacing: 0px;
}
h3{
	letter-spacing: 0px;
	color: #000;
	line-height: 15px;
	font-size: 14px;
	margin:14px 0 5px;
	/*display:inline;*/
}
ul{padding: 0 0 0 1.3em;margin: 0;}
ul li{margin: 0 0 0px 0; padding: 0;line-height:11px;} 

#cen img{margin: 42px 0 0 0;}

/*peu*/
/*#text { margin-left: 10px;color: Gray;}*/

#peu {
	height: 12px;
	float:left;
	margin: 0 5px 0 13px;
	display: inline;
}
div.nav_ant,div.text,div.nav_seg,div#caixa_miniatures{
	display: inline;
	float:left;
	height:21px;
	margin:0;
	padding:0;
}
div.nav_ant a:hover,div.nav_seg a:hover{ background-image: none;}
div.nav_ant{ width: 20px; background: url('img/anterior_g.gif') no-repeat;}
div.nav_seg{ width: 20px; background: url('img/seguent_g.gif') no-repeat;}
div.nav_ant a{background: url('img/anterior_n.gif') no-repeat;}
div.nav_seg a{background: url('img/seguent_n.gif') no-repeat;}
div.nav_ant a,div.nav_seg a{ display: block; text-decoration: none; height: 20px;}
div.nav_ant span,div.nav_seg span{visibility:hidden;}

div.text{ width: 627px; text-align: center; color:#333;font-weight:bold;padding-right:6px;}
/*div.text span{ color: #c8c3c1;}*/
div#caixa_miniatures{position:absolute;right:27px; margin-top:2px;}
div.miniatura{width:12px;height:12px; float:left;background-color:#CCC;margin-right:3px;	display: inline;}


div.miniatura a{
	display: block;
	text-decoration: none;
	height:12px;
}
/*div.illustration a:hover{background-image: none;}
div.illustration span{visibility:hidden;}
div.illustration{ width:102px; background: url('img/illustration_g.gif') no-repeat top;}
div.illustration a{background: url('img/illustration_n.gif') no-repeat  top;}
*/