/* -------------------- custom layout -------------------- */
body{margin: 0 0;padding:0 0;} /*elimina margen superior the blueprint*/

#header{
	position:relative;
	z-index: 99;
	height:22px;
overflow: visible;	
}

#headercontent{
	height:103px;
}

#headercontainer{
position :relative
}

/*#menu {
	float: right;
	margin-top: 17px;
}

#menu img#logo_pj {
	float: right;
}*/

.contact_email label { display:block; float:left; }

#largecandidateholder,#thincandidateholder{
	top:138px;
	width:100%;
	height:640px;
	z-index:1;
	position:absolute;
}

#largecandidateholder{
	height:640px;
}

#bigIntro{
	top:100px;
	position: absolute;
	height:312px;
	overflow: hidden;
}

#addressholder{
left:42px;
position: absolute;
}

#addressholderwidget{
height:22px
}

#addressholder, #news, #linksRapidos{
	height:148px;
	overflow: hidden;
	z-index: 50;
}


#content{
	position:absolute;
	top:164px;
	z-index:10;
	left:50%;
	margin-left:-475px;
	width: 950px;
}

.short{
	margin:0;
}

.buttonheading img{
	margin: 0 0 .5em .5em;
}

.moduletable_first{
	margin-top:356px;
}

.moduletable_middle{
	margin-top:280px;
}

#logomainholder{
position: relative
}

#logoholder{
position: absolute;
top:2px;
left:0;
z-index: 1;
}

.firstmodule{
margin-top: 52px;
}

.mainlogobar{
	top: 230px;
}

.contenedor p{
	margin: 42px 42px auto 42px;


}

.maindescription{
	top: 296px;
	margin-right: 16px;
}

.description{
	height: 18px;
}


/* sea */

/*.mainlogobar #tabs {
	position: relative;
	display: block;
	clear: both;
	margin-top: 8px;
}*/

#tabs ul#tabs-nav  {
	display: block;
	clear: both;
	margin: 0;
}
/* end sea */

#tabs ul li {
	display: inline;
/*sea*/	margin-right: 8px;
}

/* sea */

#tabs ul li.active {
	background-color: #423B35;
	padding-bottom: 2px;
}

#tabs ul#tabs-nav li a {
	padding-left: 6px;
	padding-right: 6px;
}

#tabs ul#tabs-nav li a:hover {
	background-color: #38322d;
}
#tabs ul#tabs-nav li a:active {
	background-color: #e3e1d5;
}

#tabs ul li#tab-1 .flir-image {		/* wheee!!! corrige el error de baseline en la Q de Arquitectos. 
									Thanks to Cory, flir system developer */
	margin-bottom: -2px;
}

#tabs-content ul.box {
	background-color: transparent;
	margin: 0 0 1.5em 0;
}

#tabs-content ul.box li {
	padding: 1px 0;
	border-bottom: 2px dotted #857b71;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#simbolo{
margin:6px 0 0 10px;
width:10px;
height:10px;
overflow: 0;
}


#backgroundbar{
top: 164px;
}

#link{
   color:#565049;
   border-bottom:1px dotted #565049;
}

#link:hover, link:visited{
	color:#998D81;
	border-bottom:1px dotted #998D81;
	text-decoration: none;
}

/* end sea */


/* -------------------- custom design -------------------- */






.right{text-align: right}


/* definiciones de colores especiales de tipografía */

.beige_med, #addressholder h3, #addressholder p, #addressholder div{
color: #ccc9bf;
}

.box, thead th{
background-color:#e3e1d5;
}



/* -------------------- definici—n de barra del tope-------------------- */

div#header{
	background: transparent url(../images/backgrounds/topbarbkg_7f756b_866x22px.gif) no-repeat 42px 0px;
}

#news {
	background: transparent url(../images/backgrounds/topbarbkg_e3e1d5_224px.png) repeat-x top left;
	overflow: hidden;
	
}

#simbolo{
	background: transparent url(../images/asterisco.gif) no-repeat;
	background-position-y: -10px;
	cursor: pointer;
}

div.direccion{
color: #CCC9BF;
}

#addressholderwidget, #addressholder {
	background: transparent url(../images/backgrounds/topbarbkg_423b35_224px.png) repeat-x top left;
	
}

div.topfastlinks{
	background: transparent url(../images/backgrounds/topbarbkg_423b35_224px.png) repeat-x top left;
	overflow: hidden;
}

div#bigIntro h2{
margin-top: 1.5em;
font-family: 'fgcond',Trebuchet, Arial, Helvetica, sans-serif;
font-size:23px;
line-height:23px;
color:#fff;
}

.maintitle h2{
font-family: 'fgcondmed',Trebuchet, Arial, Helvetica, sans-serif;
font-size:48px;
line-height:48px;
color:#e3e1d5;
text-transform: uppercase;
}

.titlebkgr{
background: #e3e1d5;
}

h2.contentheading,h2.componentheading{
font-family: 'fgcondmed',Trebuchet, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:24px;
color:#998d81;
text-transform: uppercase;
}

div.moduletablenews h3{
font-family: 'fgcond',Trebuchet, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
color:#ccc9bf;
}

div.moduletablenews h3, div.topfastlinks h3, #addressholderwidget h3, .titledark, #direccion h3{
padding:5px 0 0 15px;
font-family: 'fgcond',Trebuchet, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
color:#ccc9bf;
}

div.topfastlinks h3, #addressholderwidget h3{
color:#77756b;
}


.breadcrumbs{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#b3b1a7;
text-transform: uppercase;
}

.breadcrumb{
margin:4px 0 3px 0;
}
.slogan{
display: block;
font-family: 'misoreg',Trebuchet, Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 16px;
color:#ffffff;
text-transform: uppercase;
}

div.tabslogan{
/*sea*/margin-top: 20px;
	margin-bottom: 5px;}

div.tabslogan p{
font-family: 'fgcond',Trebuchet, Arial, Helvetica, sans-serif;
font-size:18px;
/*line-height:18px;*/
color:#998D81;
}




/* --------------------definición de tabs mainbar -------------------- */

.tab{
font-family: 'misobold',Trebuchet, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:24px;
color:#ffd53a;
text-transform: uppercase;
}


/* --------------------final de la definici—n de la barra del tope -------------------- */

#content{
	background-position: 0px 586px;

}

a:link, a  {
	color: #ffd53a;
	text-decoration: none;
}

a:visited{
	color: #ccaa2f;
	text-decoration: none;
}

a:hover, a:active {
	color: white;
	text-decoration: underline;
}
a.readon:hover, a.readon:active {
	color: #7F756B;
}


a.latestnews:link, a.latestnews  {
	color: #998d81;
	text-decoration: none;
}

a.latestnews:visited{
	color: #423b35;
	text-decoration: none;
}

a.latestnews:hover, a.latestnews:active {
	color: black;
	text-decoration: underline;
}



h4.contentheading.bottom {
	margin-bottom: 6px;
}

#footer{
}

#largecandidateholder{
	background: transparent url(../images/pj_bkpict_large.png) no-repeat top center;
}

#thincandidateholder{
	background: transparent url(../images/pj_bkpict_large.png) no-repeat top center;
	
}

.moduletable_topimg {
	margin-bottom: 16px;
}

p.readmore.highlight {
	background: none;
	border-bottom: 1px dotted #999;
	padding: 6px 0 3px;
}

.medium{
	font: .92em "Trebuchet MS", Verdana, sans-serif;
	margin-top: .1em;
	}

hr.space {
	  background: transparent;
	  color: transparent;
	  visibility:hidden;
	}
.contenedor{
	background-color:#423B35;
}

.contenedor p{
	font-family: "Arial Narrow";
	color:#FFFFFF;
	font-size: large

}

.mainlogobar{
	/*background-color:#7F756B;*/
	height:66px;
}
.description{
	background-color:#7F756B;	
}
.description p{
	margin-left:4px;
	color:#FFFFFF;	
}




/* ---------- Indentation override for intro paragraphs ---------- */

/*
p.iteminfo + p, p + p.readmore,
p + p { text-indent: 0; }
*/ /* Don't want this in forms. */


/*------------ menu definitions ------------------------------------*/


#hornav{
margin:0 0 0 0;
clear:both;
display:block;
height:22px;
z-index:200;
}

ul#mainlevelmenu1{
margin:0;
padding:0;
}

.topmenu .moduletable ul li{
float:left;
display: inline;
position: absolute;


}

a.latestnews:link {
margin-left: 0px;
color: #5a5550;
}



/* nuevo*/
/*
.news{
	background-color:#E3E1D5;	
	background:url(../images/backgrounds/topbarbkg_e3e1d5_22px.gif);
}
 el holder tiene ahora la definición de color*/



/*
.topmenu{
	background-color:#7F756B;
	font-color:#DFBD46;
}
*/

/*
.moduletable ul li {
	border-bottom: 1px dotted #E3E1D5;
	background-color: #7F756B;
	margin-left: 13px;
	list-style: upper-latin;
}
*/

/*
#mainlevelmenu2{
	background-color: #423B35;
}
*/



#hornav .moduletable{
margin:0;
}

#hornav ul{
padding:0;
width:auto;
display: block;
margin:0;
}

#hornav ul li:last-child{
	background:url(../images/topmenu-vline.png) no-repeat;
	background-position:right 0px;		
}

div.topmenu div.moduletable ul#menu1 li {
font-family: 'misobold',Trebuchet, Arial, Helvetica, sans-serif;
font-size:.98em;
color:#ffd53a;
text-transform: uppercase;
line-height: 16px;
height:22px
}

#hornav ul li{
margin:0;
padding:0;
height:22px;
float:left;
position:relative;
list-style: none;
}
#hornav ul li.active{
	background:url(../images/topmenu-select.png) repeat-x;
	background-position:2px 0px;
}

div.topmenu div.moduletable ul#mainlevelmenu1 li a{
padding:6px 11px 0 0;
height:11px;
display: block;
}

#hornav ul li a:hover{
text-decoration:none;
}
#hornav ul li li a{
padding:2px 10px 2px 10px;
}
#hornav ul li li a:hover{
text-decoration:none;
color:#ffcc00;
}
#hornav ul li ul {
display:block;
height:auto;
width: 14em;
position:absolute;
z-index:210;
left: -16px;
background-color:#333333;
margin:0;

}

#hornav ul li ul ul {
   margin: 999px 0 0 14em;
}

#hornav ul li li {
width: 14em;
height:20px;
}
#hornav ul li li a{
color:#ffffff;
text-transform:none;
display: block;
background:none;
padding:5px 10px 5px 10px;
}
#hornav ul li li.active a{
	color:black;
}

#hornav ul li ul {
left: -999em;
margin:0;
}

#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul {
left: -999em;
margin:0;

}

#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul {
left: auto;
}

#header .bgbl{
background:url(../images/headerbg_bl.jpg) no-repeat;
background-position:15px 100%;
height:auto!important;
height:100px;
min-height:100px;
padding:0px 24px 0px 24px;
position:relative;
}

/* ---------------Video gallery----------------*/
#videogallery {
margin:0;
padding:0;
height:51px;
overflow:hidden
}

#videogallery ul{
	list-style: none;
	padding: 0;
	margin:0;
	width:350%;
	}
	
#videogallery ul li{
	margin:0 1px 0 0;
	padding:0;
	float:left;
	display:block;
	}
	#bt_right{
		margin-left:13px;
	}


/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:2px;
}

/* disenho de las formas */

ul.myform li{
margin:0;
padding:0;
list-style: none;
}

.myform select {
margin-top:0;
margin-bottom:10px;
}

.myform input[type|="checkbox"]{
display:block;
float: left}

.myform input + label{
width:68px;
display:block;
float: left}

.myform label.left{
display:block;
text-align: right;
float:left;
padding:0 4px 0 0;
}

.myform label .small{
padding-top:2px;
}

.myform input.last, .myform input.span-1{
display:block;
margin-bottom: 0
}

fieldset table, fieldset table td {
padding:0}

/*
 * Cesar Arguinzones
 */
#tabs-content a:link, #tabs-content a {
	color:#7F756B;
	text-decoration:none;
}
#tabs-content{
	position: absolute;
/*sea*/	margin-top: 2px; /* era 35px */
	
}
#tab-content-1, #tab-content-2, #tab-content-3{
	background-color:#E3E1D5;
	height:290px;
}
#tabs-content ul li{
	display:block;
}
/*
 * Fin Cesar Arguinzones
 */
 
 /*----definiciones especiales de botones----*/
 
 a.button, button{
 -moz-border-radius: 3px;
-webkit-border-radius: 3px; }

a.button, button {border:1px solid #7f756b;border-top:1px solid #ccc9bf;border-left:1px solid #ccc9bf;background-color:#e3e1d5;color:#423b35}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img {margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
button:hover, a.button:hover, #enlaceC:hover,#boton_paleta:hover,#boton_ficha:hover,#volver:hover {background-color:#ffd53e;border:1px solid #ccaa2f;color:#7f756b;}
a.button:active, #enlaceC:active, #boton_paleta:active, #boton_ficha:active,#volver:active {background-color:#ccaa2f;border:1px solid #ffd53e;color:#fff;}
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active {background-color:#529214;border:1px solid #529214;color:#fff;}
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff;}

.span-4 a.button {width: 134px}

.button:first-child{
margin:0 0.5em 0.7em 0
}

span.download, span.date, span.moreinfo, span.sampler, span.addressbook, span.letter,span.globe,span.right_f{
padding-left:3.3em;
display:block;
padding-bottom: .5em;
}

h3.download, h3.date, h3.moreinfo, h3.sampler, h3.addressbook, h3.letter, h3.globe, h4.right_f{
padding-left:2em;
display:block;
padding-bottom:1em;
}

.letter{
background:url(../images/icons/letter_32.png)no-repeat 0px 0px;
}

.download{
background:url(../images/icons/down_32.png)no-repeat 0px 0px;
}


.date{
background:url(../images/icons/calendar_32.png) no-repeat 0px 0px;
}


.moreinfo{
background:url(../images/icons/info_32.png) no-repeat 0px 0px;
}


.sampler{
background:url(../images/icons/label_32.png) no-repeat 0px 0px;
}

.addressbook{
background:url(../images/icons/address_32.png) no-repeat 0px 0px;
}

.right_f{
background:url(../images/icons/right_32.png) no-repeat 0px 0px;
}

.globe{
background:url(../images/icons/globe_32.png) no-repeat 0px 0px;
}

#news h3, #linksRapidos h3{
	cursor:pointer;
}
/*
 *=============================================================================+
 *                   Css del widget                                            +
 *=============================================================================+
 */
 
#myWidget{
	/*position:absolute;*/
	margin-top:36px; /*100*/

}
#myWidget ul{
	list-style-type:none;
	padding:0;
	height:22px;
	margin:0;
	background-color:#423B35;
	font-size:9px;
}
#myWidget ul li{
	display:block;
	height:22px;
	padding:0 8px;
	float:left;
}
#myWidget ul li a{
	text-decoration: none;
	color: white;
	display:block;
	margin-top:3px;
}

#myWidget ul.second-level{
	background-color:#7F756B;
	margin-bottom:15px;
	
}

#myWidget ul li.active{
	background-color:#7F756B;
}

#myWidget ul.second-level li.active{
	background-color:#E3E1D5;
  	
}
/********/
#myWidget ul.second-level li.active a{
	color:#423B35;
  	
}


#dimensionesContent, #especialesContent, #acabadosContent{
	background-color:#E3E1D5;
	padding-bottom: 15px;
	height:275px;
	overflow-y:auto;
}
/*
 * Pude haber hecho in merge de estos 2 selectores, pero me causa problemas
 * con el scrollbar en IE6
 */
#widgetContent{
	background-color:#E3E1D5;
	padding-bottom: 5px;/*15px*/
	height:285px;
}
#myWidget .box{
	background-color:transparent;
	width:52px;
	height:46px;
	float:left;
	margin: 0 5px 5px 0;
	padding:0;
	border:none;
}
.galleryContainer{
	width: 280px;
	margin: 0 auto;
	overflow:hidden;
}
.secondBoxContainer{
	width:5000px;
}
.boxContainer{
	float:left;
	width:285px;
	overflow:hidden;
}
/* definicion de flechas widget*/
.arrow-left, .arrow-right{
	margin-top:87px;
}
.arrow-left a, .arrow-right a {background: transparent url(../images/arrows.gif) no-repeat top left;
	width:26px;
	height:26px;
	display:block;
	text-decoration:none;
}

.arrow-left a:hover{
	background-position:0px -26px;
}
.arrow-left a{
	margin-left:6px;
}
.arrow-right a{
	background-position:-26px 0;
	margin-left:-6px;
}
.arrow-right a:hover{
	background-position:-26px -26px;
}
#galeria_acabados{
	margin-top: 15px;
}
form#solicitud .error{
	padding:0;
}

#enlaceC{
	padding-left: 30px;
	position:absolute;
	margin: 0px;
	top:375px;
    left:590px;
    background: #CCC9BF url(../images/icons/right_16.png) no-repeat 8px 4px;
}

#contenido_precisa{
	height: 75px;
}


/****Css Industria****/
#industria_contenido ul{
	font-size: 0.9em;
}

/*
 *=============================================================================+
 *                   Css de distribuidores                                     +
 *=============================================================================+
 */
#thecontent tr a, #enlace a, #remository a,#eureka a{
	text-decoration:none;
	border-bottom:1px dotted #999881;
	color:#4E4740;
}

#thecontent tr a:hover,#thecontent tr a:visited,#enlace a:hover,#enlace a:visited,#remository a:hover, #remository a:hover, #eureka a:hover{
	color:#998D81;
}

#Name a, #Position a{
	border-bottom:0px;
	color:black;
	text-decoration: none;
}

#remositorypageheading a{
	text-decoration:none;
	border-bottom:0px dotted #999881;
}
ul.pagination a{
	text-decoration:none;
	border-bottom:1px dotted #999881;
	color:#998D81;
}
/*
 *=============================================================================+
 *                   Css de usos                                               +
 *=============================================================================+
 */

#posiblesUsosContainer ul li ul{
display:none;
position:absolute;
top:-1px;
left:170px;
min-height:130px;
width: 130px;
padding-left:1.5em;
list-style-type: disc;
}

#izq{
	padding-left:1.2em;
}

#posiblesUsosContainer ul li ul li{
	font-size:10px;
	line-height:1.44em;
}

#posiblesUsosContainer ul{
margin:0.1em;
position:relative;
list-style-position:outside;
width: 319px;
}

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

.seleccionado {
background-color:#E3E1D5;
}

#posiblesUsosContainer ul li:hover{
background-color:#FDFDFA;

}
#posiblesUsosContainer ul li ul li:hover{
background-color:#E3E1D5;
}
#posiblesUsosContainer h6{
width:182px;/*200*/
cursor:pointer;
}

#posiblesUsosContainer .box {
background-color:#CCC9BF;
padding:0;
}


/*
 *=============================================================================+
 *                   Css de Precisa                                              +
 *=============================================================================+
 */
 
#galeria_precisa h6{
 	color:#7F756B;
 	
 }

#galeria_precisa .span-7{
	padding-top: 7px;
}
#boton_paleta{
	padding-left: 30px;
    background: #CCC9BF url(../images/icons/label_16.png) no-repeat 8px 4px;
}
#boton_ficha{
	padding-left: 30px;
    background: #CCC9BF url(../images/icons/right_16.png) no-repeat 8px 4px;
}
#galeria_precisa p{
	margin:0;
}

#contenido_precisa a{
	font-size:1.2em;
	line-height:1.25;
	color:#2C2C2B;
}

#contenido_precisa a:hover{
	color:#998D81;
	text-decoration: none;
}
/*
#myWidget {
    position: relative; left: 546px; top: -33px;
}
*/
/****Preguntas frecuentes****/

#volver{
	padding-left: 30px;
	margin: 0px;
    background: #CCC9BF url(../images/icons/left_16.png) no-repeat 8px 4px;
}