/*****************************/
/*** Core html setup stuff ***/
/*****************************/

*{
	margin:0px;
	padding:0px;
}

html {
  height: 100%;
}


body {
	background:url(../images/body_bg.jpg) left top repeat;
}

body,input,textarea,select,p,ul{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #7e8083;
}

h1,h2,h3,h4,h5{
	font-weight:normal;
}

h2{
	font-size:18px;
	text-align:right;
	margin-bottom:10px;
}


h3{
	font-weight:bold;
	margin-bottom:20px;
}


	#capa_scrollable h3{
		font-size:12px;	
	}

h4{
	font-weight:bold;	
	margin-bottom:10px;
}


a {
	color: #7e8083;
	text-decoration:underline;
}

a:hover {
	color: #748dae;
	text-decoration:none;	
}

input.button { cursor: pointer; }

p {	margin-bottom: 15px; }

img { border: 0 none; }

ul{
	list-style:  square;
	margin-left:25px;
	padding-left:10px;	
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

/**********************************************************************************/

#main_bg{
	display:block;
	width:956px;
	height:560px;
	position:absolute;
	left:50%;
	margin-left:-478px;	
	top:50%;
	margin-top:-280px;
	overflow:hidden;
	
	
	/*border:#CCC 1px solid;*/
}

/*----------------------------------------------------------------------------------*/


#main_bg #main_left{
	display:block;
	float:left;
	width:815px;
	height:100%;
}

#main_bg #main_right{
	display:block;
	float:left;
	width:141px;
	height:100%;
	position:relative;
}

/*----------------------------------------------------------------------------------*/

#header{
	display:block;
	width:100%;
	height:60px;
}

	/*---------------------------------------------------------------------------*/
	
	#header #content_logo{
		margin-left:40px;
		margin-top:4px;
				
	}
	
	#header #logo{
		display:block;
		float:left;
		width:288px;
		height:41px;

		/*background:url(../images/logo.png) left top no-repeat;*/
		background-image: url(../images/logo.png)  !important;
		background-image: none;
		background-position: left top;
		background-repeat: no-repeat;
		overflow:hidden;
	}
	
	#header #logo span{
		margin-left:-5000px;
	}
	
	/*----------------------------------------------------------------------------------*/

#cuerpo{
	display:block;
	float:left;		
	width:100%;
	height:496px;
	overflow:hidden;
}

/*----------------------------------------------------------------------------------*/

	#cuerpo_left{
		display:block;
		float:left;		
		width:216px;/*227*/
		height:100%;
		border-right:#c0c1c2 1px solid;
		padding-right:10px;
		position:relative;
	}
	

	#cuerpo_right{
		display:block;
		float:left;		
		width:588px;/*588 sin flechas*/
		height:100%;
	}	

/*----------------------------------------------------------------------------------*/

#footer{
	display:block;
	clear:both;
	width:100%;
	height:29px;/*34*/
	padding-top:5px;
}


/*----------------------------------------------------------------------------------*/


.creditos{
	position:absolute;
	left:5px;
	bottom:5px;
}

.creditos .logo_creditos{
	display:block;
	width:103px;
	height:15px;
	background:url(../images/logo_ppchk.gif) top left no-repeat;
}

.creditos .logo_creditos span{
	display:none;
}

.creditos p{	
	font-size:11px;
	margin-top:8px;
	margin-bottom:0px;
}


/*---------------------------------------------------------------------------*/

#marca{
	margin-top:20px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


#marca a.logo_prismaim{
	display:inline-block;
	width:100px;
	height:10px;
	padding-bottom:10px;
	margin-bottom:-10px;
	
	background:url(../images/logo_prismaim.gif) top left no-repeat;
}

#marca a.logo_prismaim span{
	display:none;
}

#marca a span{
	display:none;
}

#marca a.xhtml,#marca a.css{
	display:inline-block;
	width:78px;
	height:10px;
	/*border:#ffffff 1px solid;*/
	/*margin-left:3px;*/
	padding-bottom:3px;
	margin-bottom:-3px;	
	margin-top:8px;
}

#marca a.xhtml{
	background:url(../images/xhtml.gif) top left no-repeat;
}

#marca a.css{
	background:url(../images/css.gif) top left no-repeat;
}



/*------------------------------------------------------------------*/

.menu{
	display:block;
	width:139px;
	margin-left:1px;	
	padding-left:0px;
	font-size:13px;	
}


.menu li{
	display:block;
	width:100%;
	/*height:20px;/*30*/
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#b8b9ba 1px solid;
}

.menu a{
	background:url(../images/btn_off.gif) 7px 4px no-repeat;
	padding-left:25px;
	color:#b8b9ba;
	text-decoration:none;
	display:block;
}

.menu a:hover,.menu li#current a,.menu li.active a{
	color:#7e8083;
	background-image:url(../images/btn_on.gif);	
}

.menu li#current,.menu li.active{
	border-bottom:#7e8083 1px solid;
}



/*------------------------------------------------------------------*/

.article_separator {
	/*height:35px;*/
	display:none;
}

.article_column {
	padding-right:10px;
}

.small, .createdate,.modifydate{
	font-size:0.8em;
}

span.pagination span, span.pagination a{
	padding:5px;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}

a.readon, a.readon:hover{
	display:block;
	height:23px;
	width:109px;
	text-decoration:underline;
	padding-left: 23px;
	margin:10px 0px 0px 0px;
}


/* paginas */


#page,.blog{
	display:block;
	float:left;
	width:100%;
	height:100%;
	position:relative;
}


/*-------------------------------------------*/


/*------- inicio   ------*/

.blog_inicio{
	display:block;
	width:100%;
	height:465px;
	
	/*background:url(../images/inicio_bg.png) top center no-repeat;*/
	background-image: url(../images/inicio_bg.png)  !important;
	background-image: none;
	background-position: top center;
	background-repeat: no-repeat;		
}


/*------- inicio   ------*/

	
/* izquierda */	


#cuerpo_left ul{
	float:right;
	width:145px;
	list-style:none;
}

#cuerpo_left li{
	height:19px;/*24*/
	padding-top:5px;
	border-bottom:#dbdbdc 1px solid;
	text-decoration:none;
	text-align:right;
}

#cuerpo_left p{
	text-align:right;
	font-size:11px;
	margin-left:60px;
}

#cuerpo_left a{
	text-decoration:none;	
}

/* marcos imagenes */
		#content_img{
			display:block;
			float:left;
			width:174px;
			height:138px;
			border:1px solid #C0C1C2;
			background-color:#FFFFFF;	
			position:absolute;
			right:10px;
			bottom:10px;	
		}
		
		.phocagallery_pim{
			float:left;
		}

		
		.elto_phocagallery_pim{
			display:block;
			float:left;
			width:174px;
			height:138px;
			border:1px solid #C0C1C2;
			background-color:#FFFFFF;	
			margin-left:7px !important;
			margin-left:4px;
			margin-bottom:7px;
		}
/* marcos imagenes */


#content_img #img_trabajo,.elto_phocagallery_pim img{
	display:block;
	width:160px;
	height:100px;
	text-align:center;
	margin:auto;
	margin-top:7px;
	background-image:none;
	background-position:top center;
	background-repeat:no-repeat;
}

/* izquierda */		

/* derecha */

/* scroll */


#capa_scrollable{
	display:block;
	width:554px;/*568*/
	height:464px;/*496*/
	padding-left:7px;
	padding-right:7px;
	margin-top:32px;
	overflow: hidden;
	text-align:justify;
}

	.p_trabajos #capa_scrollable{
		height:436px;
		margin-top:0px;	
	}	


	.p_trabajos .listado #capa_scrollable{
		height:464px;
		margin-top:32px;	
	}	

#botonera_flechas{
	display:block;
	width:20px;
	position:absolute;
	right:0px;
	bottom:2px;
}

	#arrow_up,#arrow_down{
		display:block;
		width:18px;/*20*/
		height:50px;
		border:#c0c1c2 1px solid;
		cursor:pointer;		
	}
	

	#arrow_up span,#arrow_down span{
		display:none;	
	}	
	
	#arrow_up{
		background:#7e8083 url(../images/arrow_up_off.gif) center center no-repeat;		
	}
	
	#arrow_down{
		background:#7e8083 url(../images/arrow_down_off.gif) center center no-repeat;		
	}	
	
	#arrow_up:hover{
		background-image:url(../images/arrow_up_on.gif);
	}	

	
	#arrow_down:hover{
		background-image:url(../images/arrow_down_on.gif);
	}	



/* scroll */

/* trabajos */


	
	ul.latestnews,li.latestnews{
		list-style:decimal-leading-zero !important;
		list-style:decimal;
		font-weight:bold;
	}
	
	li.latestnews{
		margin-bottom:12px;
	}
	
	.latestnews a{
		text-decoration:none;
		font-weight:normal;
	}
	
	
	.volver{
		display:block;
		width:100%;
		height:17px;/*23*/
		padding-top:6px;
		margin-bottom:40px;
		text-align:right;
		
	}
	
		.btn_volver{
			color: #748dae;
			font-size:14px;
			font-weight:bold;
		}
	
		.btn_volver:hover {
			color: #7e8083;		
		}

	
	.p_trabajos #cuerpo_right h2,.p_trabajos #cuerpo_right .cab{
		height:60px;
		font-size:24px;
		overflow:hidden;
		text-align:left;
		margin-bottom:0px;
		margin-left:7px;
		margin-right:20px;		
	}
	
/* trabajos */

/* aviso legal */

.p_avisol #capa_scrollable{
	width:540px;/*568*/
	padding-right:4px;
}

.p_avisol #botonera_flechas{
	right:16px;
}

.p_avisol p{
	font-size:11px;
	line-height:150%;
}

/* ------------- */

/* curriculum */

.p_curriculum #capa_scrollable{
	width:540px;/*568*/
	padding-right:4px;
}

.p_curriculum #botonera_flechas{
	right:16px;
}

.p_curriculum #capa_scrollable ul{
	margin-bottom:15px;
	list-style:none;
	margin-left:0px;
}

.p_curriculum #capa_scrollable ul li{
	margin-bottom:14px;
	font-size:11px;
	line-height:140%;
}

/* curriculum */

/* contacto */

.p_contacto #cuerpo_left p{
	font-size:12px;
	margin-left:0px;

}

.p_contacto #cuerpo_left a{
	font-size:14px;
	text-decoration:underline;
	text-align:right;
}

#gmaps{
	display:block;
	float:left;
	width:544px;
	height:247px;
	border:1px solid #C0C1C2;
	margin:auto;
	text-align:center;
	padding-top:7px;
	margin-left:15px !important;
	margin-left:10px;	
	background-color:#FFFFFF;	
}

.formulario{
	display:block;
	float:left;	
	width:544px;
	margin-top:10px;
	margin-left:15px !important;
	margin-left:10px;
	
}

.formulario h3{
	margin-bottom:5px;
}

.formulario .linea_formulario{
	display:table;	
}


.formulario label,.formulario input,.formulario textarea{	
	height:19px;/*27*/
	padding:4px;
	margin-bottom:3px !important;
	margin-bottom:0px;	
}


.formulario label{
	width:220px;
	float:left;
	text-align:right;
	font-size:11px;
}

.formulario input,.formulario textarea{
	float:left;
	width:305px;
	background-color:#FFF;
	border:none;
	border-left:#7e8083 2px solid;
}

.formulario .lcomentario,.formulario  #comentario{
	height:40px;	
}
		
.chronoform{
	display:none;	
}	

#form_botonera a{
	display:block;
	float:right;
	width:143px;/*153*/
	height:19px;/*22*/
	padding-top:3px;
	padding-right:10px;
	border:1px solid #C0C1C2;
	margin-left:3px;
	margin-right:1px;
	text-align:right;
	color: #748dae;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#form_botonera a:hover{
	color: #7e8083;	
}




/* contacto */



/* derecha */	

/* paginas */