*{
margin:0;
padding:0;
}

body{
font-family: Microsoft Sans serif, arial,helvetica,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
background-image:url(../img/fondo.png);
}

/* Layout */

#contenedor{
position:relative;
width:100%;
text-align:left;
background-image:url(../img/fondo_superior.png);
background-position:top left;
background-repeat:repeat-x;
}

#titular{
	position:absolute;
	z-index:1;
	top:0px;
	text-align:center;
	}
div>#titular{
	width:100%;
	}
#titular h1{
	
	text-align:center;
	margin:0px;
	padding:0px;
	}
#titular p{
	width:800px;
	display:none;
	/*margin-left:auto;
	margin-right:auto;*/
	}	

#cabecera{
position:relative;
width:907px;
height:228px;
background-color:#FFFFFF;
background-image:url(../img/cabecera_artvisual.png);
margin: 0px auto 0px auto;
padding: 0px;
z-index:3;
}
#menu_principal{
position:absolute;
top:203px;
right:0px;
}


#menu_principal ul li{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#666666;
	display:inline;	
}


#menu_secundario{
position:absolute;
top:3px;
right:0px;
z-index: 300;
}

#menu_secundario ul li{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#999999;
	display:inline;	
}

#menu_flash{
position:absolute;
top:0px;
left:220px;
width:513px;
height:100px;
}

#menu_pie{
font-family:verdana,arial,helvetica,sans-serif;
font-weight:bold;
font-size:10px;
color:#333333;
position:relative;
margin-top:0.5em;
margin-left:2em;
text-align:left;
}

#menu_pie ul{
	display:inline;
	line-height:16px;
}

#menu_pie ul li{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#999999;
	display:inline;
	border-left:1px solid #333333;	
	margin:2px 0px 2px 0px;
	padding:0px 6px 0px 6px;
}

#menu_pie ul li.primero {
	border:0px;	
}

#contenido{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	background-color:#FFFFFF;
	color:#333333;
	margin:0 auto;
	padding:0;
	position:relative;
	width:907px;
	border-bottom: 3px solid #9C0000;
}

#datos_contacto{
	margin:4px 12px 0px 4px;
	padding-bottom:12px;
	
	color:#990000;
	font-size:1em;
	text-align:right;
	font-weight:bold;
	}
#datos_contacto img{
	vertical-align:middle;
	}

#pie{
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color:#FFFFFF;
	margin:10px auto 0;
	padding:1em 0;
	position:relative;
	text-align:right;
	width:907px;
}

#basa{
position:relative;
width:891px;
background-color:#FFFFFF;
margin: 10px auto 0px auto;
padding: 1em 8px;
text-align: left;
}

#login_pie{
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:16px;
	color:#333333;
	position:relative;
	text-align:center;	
}

#pie p.disenyo{
	font-family:verdana,arial,helvetica,sans-serif;
	text-align:center;
	font-size:10px;
	color:#333333;
	margin-top:6px;
	}


#lateral{
	float:right;
	width:225px;
	margin-right:18px;
	margin-top:3em;
	display:inline;
}

#lateral div.borde_clientes{
	width:223px;
	border:1px solid #EBEBEB;
}
div>#lateral div.borde_clientes{
	width:225px;
	}
#lateral div.clientes{
	width:219px;
	margin:2px;
	background-color:#EBEBEB;
	/*padding:0px 6px 6px 6px;*/
	}
div>#lateral div.clientes{
	width:221px;
	}
	
#lateral div.clientes ul{
	margin:0px;
	
	
	padding:12px 12px 0px 12px;	
	
	/*padding:6px;*/
	}


#lateral div.comunicados{
	background-color:#F53030;
	background-image:url(../img/fondo_comunicados.png);	
	background-position:center bottom;
	background-repeat:no-repeat;
	width:213px;
	color:#FFFFFF;
	padding:6px;
	}

#lateral div.administracion{
	border:1px dashed #FFE0E0;
	background-color:#FFFFDD;
	width:217px;
	text-align:left;
	font-size:12px;
	padding:3px 3px 10px 3px;
	margin:0px;
}


#lateral div.administracion h4{
	text-align:center;
}
#principal{
	float:left;
	width:630px;
	margin:0px 0px 18px 18px;
	display:inline;
}

div.ficha_principal{
	float:left;
	/*width:<?=IMAGEN_MEDIA_X+16?>px;*/
	display:inline;
	margin:6px;
	padding:12px;
	}
div.ficha_principal div.imagen{
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	border:1px solid #EBEBEB;
	/*width:<?=IMAGEN_MEDIA_X?>px;
	height:<?=IMAGEN_MEDIA_Y?>px;*/
	}

div.imagen img{
	padding:0px;
	margin:0px;
	border:0px;
	}
	
div.ficha_grande{
	margin-left:auto;
	margin-right:auto;
	width:522px;
	padding:12px;
	}
div.ficha_grande div.imagen, div.grupo div.imagen{
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	border:1px solid #CCCCCC;
	}




div.navegador{
	/*position:relative;*/
	padding-top:1em;
	clear:both;
	}
div.ficha_grande div.navegador{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	width:100%;
	font-size:14px;
}

div.clientes div.navegador{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
	height:1em;
	padding:1em;
}

div.navegador_principal{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	height:1em;
	padding:1em;
	text-align:center;
}	

div.navegador div.siguiente, div.navegador_principal div.siguiente{
	position:relative;
	float:right;
	width:100px;
	text-align:right;
	}
	
div.navegador div.anterior, div.navegador_principal div.anterior{
	position:relative;
	float:left;
	width:90px;
	text-align:left;
	}

div.ficha_trabajo{
	float:left;
	position:relative;
	display:inline;
	margin:8px 5px;
	padding:0px;
	background: url(../img/fondo_ficha_trabajo.png) center center no-repeat;
	width:200px;
	height:214px;
	}
div.ficha_trabajo div.imagen{
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	margin-top:11px;
	border:1px solid #999999;
	}
div.ficha_trabajo div.tecnologias{
	text-align:right;
	width:190px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	padding:4px 2px 2px 2px;
}



div.ficha_destacado{
	float:left;
	display:inline;
	margin:10px 2px;
	padding:0px;
	background: url(../img/fondo_ficha_destacado.png) center center no-repeat;
	width:310px;
	height:293px;
	}
div.ficha_destacado div.imagen{
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	}
div.ficha_destacado div.tecnologias{
	text-align:right;
	width:296px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	padding:6px 4px 2px 4px;
}


div.ficha_partner{
	float:left;
	display:inline;
	margin:10px 7px;
	padding:0px;
	background: url(../img/fondo_ficha_partner.png) center center no-repeat;
	width:195px;
	height:135px;
	}
div.ficha_partner div.imagen{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}



div.doscolumnas{
	position:relative;
	}
div.doscolumnas div.columna{
	width:50%;
	float:left;
	}
.separador{
	clear:both;
	width:1px;
	height:1px;
	font-size:1px;
	margin:0px;
	padding:0px;
	}
#texto_cabecera{
	float:right;
	width:388px;
	margin:18px 18px 0px 0px;
	display:inline;
	padding:0px;
	}
#texto_cabecera p{
	padding-bottom:0px;
	margin-bottom:0px;
	}	
#flash_cabecera{
	float:left;
	width:473px;
	margin:18px 0px 18px 18px;
	display:inline;
	}	

/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}