* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
}

html, body
{  
    height:100%;  
    margin:0;  
}    


* html img
{
	behavior: url(/css/activo/img/iepngfix.htc);
	outline: none;
}

body  
{	position:relative;  
    min-width:905px;  
    min-height:570px;
    background: #ffffff url(/css/activo/img/fondo_tela.jpg);
}


body a    { color: #fff; text-decoration: none }

body a:hover    { color: #809bb9; }

div a 
 { cursor: pointer }

h1 
{	
	margin-top: 4px;
	color:#fff;
	font: normal 0.75em sans-serif;
}
html>body h1 
{	
	font-size: 0.85em;
}

code 
{	background: url(/css/activo/img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #DCDCDC;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre; }

blockquote 
{	background: url(/css/activo/img/quote.gif) no-repeat;
	color: #555;
	display: block;
	font: bold 1.2em "Trebuchet MS",serif;
	margin: 6px 0;
	padding-left: 28px;	}

/* structure */
#main 
{	
	width: 100%;
	height:100%;
}
	
#main_inner_contorno 
{	text-align: center;
	width: 750px;
	padding: 50px;
	}
	
html>body #main_inner_contorno
{	}

#main_inner 
{
	position: absolute;
	background:#fff url(/css/activo/img/fondo_gris.jpg) repeat-x;
	width:100%;  
    height:568px;  
    top:50%;  
    margin-top:-284px;
}
	
html>body #main_inner
{	}

#main_left 
{	float: left;
	width: 650px; }

#main_right 
{	border-top: 6px solid #FFF;
	float: left;
	width: 300px; }

/* misc */
.left 
{	float: left; }

.right 
{	float: right;	}

.link_projects,.lbl,.link_updates a 
 { color: #003573;  border-bottom: 6px solid #fff }

div.link_projects a:hover,div.link_updates a:hover, .content a:hover, div.footer div.left a:hover 
 { color: #809bb9;  }

/* logo */
#header 
{	background: #A42044;
	padding-left: 20px;
	height: 115px;
	border-bottom:8px solid black;
}
	
html>body #header
{ }

.header h1 
{	margin: 0;
	padding: 124px 0 0 24px;
	font: normal 2.2em Verdana,sans-serif;	}

/* date bar */

.header_date 
 { color: white; font-weight: bold; font-size: 100%; font-family: Verdana, Helvetica, Arial; background-color: #003573; text-align: left; float: left; margin-bottom: 2px; padding-top: 7px; padding-bottom: 7px; padding-left: 5px; width: 684px; height: 28px }	

html>body .header_date 
{	width: 683px;
	text-align: left;
	height:16px;}
/* main navigation */

.header_txtsize img
{	margin-left:6px;}

.header_txtsize
 { background-color: #003573; float: left; padding-top: 2px; padding-bottom: 2px; width: 58px; height: 22px }
	
html>body .header_txtsize 
{	padding-bottom:3px;
	padding-top:3px;
	padding-left:7px;
	height:24px;
	width:55px;}


/* datos de la empresa */
#datos_empresa	  
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#datos_empresa div 
{
	color:#fff;
}



/* main navigation */

#link_menu
{	
	position: absolute;
	z-index: 2;
	width:218px;  
    height:100%;  
    left:50%;  
    margin-left:-452px;
	margin-right: 687px;
	background-color: transparent;
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.80;
}

#link_menu h4	  
 {  }

#link_menu .centrado	  
{
	width:218px;  
	position: absolute;
    height:568px;
    background-color: #000;
	padding: 25px;
    top:50%;  
    margin-top:-284px;  
}

html>body #link_menu .centrado	  
{
	width:168px;  
    height:518px;
}

#link_menu img	  
{
}

#link_menu ul	  
{
	color: #c4cbd9;
	list-style-type: none;
	margin-left: 10px;
}

#link_menu li	
 { list-style-type: none; margin-top: 0px; margin-bottom: 0px }

#link_menu li a	  
 { font-size: 140%; font-weight: normal; height: 30px; color: #CBC6C0; line-height: 30px; text-decoration: none; text-align: left; vertical-align: middle; display: block }

#link_menu li b	  
 { font-size: 140%; font-weight: normal; height: 30px; color: #CC9900; line-height: 30px; text-decoration: none; text-align: left; vertical-align: middle; display: block }

#link_menu li a:hover   
 { color: #CC9900; }

#link_menu ul ul li a  
 { height: 30px; color: #CBC6C0; line-height: 30px; text-decoration: none; text-align: left; vertical-align: middle; display: block }

#link_menu ul ul li b	    
 { height: 30px; color: #CC9900; line-height: 30px; text-decoration: none; text-align: left; vertical-align: middle; display: block }

#link_menu ul ul li a:hover
 { color: #CC9900; }

/* projects */
.lbl 
{	background: #222 url(/css/activo/img/bglbl.gif) repeat-x;
	clear: both;
	color: #FFF;
	font: normal 2em "Lucida Sans Unicode",sans-serif;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;}
	
.link_projects a 
{	display: block;
	height: 100px;
	text-align: center;
	color: #FFF;
	padding-top: 24px;
	width: 124px;
	font-size: 160%; /*0.9em*/
	font-family: sans-serif;}
	
.link_projects a span 
{	font: normal 5em sans-serif;}

a.g1 
{	background: #888;}

a.g2 
{	background: #666;
	border-left: 6px solid #FFF;}

/* updates */
.link_updates 
 { color: #003573; font-weight: bold; background: #222 url(/css/activo/img/grdnt_gray.gif) repeat-x }

.link_updates .lbl 
 { color: #003573; font-weight: bold; line-height: 100px; border-top: 6px solid #fff; height: 100px }
	
.link_updates a 
 { color: #003573; font: bold 1.2em "Trebuchet MS", sans-serif; text-align: center; clear: right; padding: 10px 0; height: 55px; display: block }
	
.link_updates a span 
 { color: #003573; font: bold 3em Verdana, sans-serif; letter-spacing: -2px; float: left; margin-top: 3px; margin-left: 10px }

/* content */ 
#content 
{	
	position: absolute;
	width:905px;  
    height:568px;  
    left:50%;  
    margin-left:-452px;
}
	
html>body #content
 {  }

.contenidotitulares
  { color: #003573; font-weight: bold; font-size: 140%; float: left; margin-top: 5px; margin-bottom: 5px; width: 515px }
.content a 
 { }
.content p 
{	margin-right: 10px;
	margin-top:10px;}
.content .descr 
{	color: #666;
	margin-bottom: 6px;}
.content li 
 { list-style: none url(/css/activo/img/li.gif) ; margin-left: 18px }
/* footer */
.footer 
{	height: 22px;
	line-height: 22px;
	width: 100%;
	text-align: center;
}
	
.footer a 
{color: white;}

.footer .right a 
{	padding: 1px 3px;}

.footer .right a:hover 
{	color: #B3CCE6;}

.footer .left a 
{	color: #777;}

.footer .left 
{	padding: 5px 0 5px 5px;
	width: 350px;}
	
.footer .right 
{	margin-right: 8px;
	padding: 11px 0;
	text-align: right;
	width: auto;
	font-weight: bold;
	color: white;
	font-size: 100%;}
	
.menupaginas { color: #fff; font-family: Verdana, Arial, Helvetica; text-decoration:none  }
.menupaginas b { color: #CC9900; }
.menupaginas a { text-decoration:none  }
.menupaginas a:hover { color: #CC9900;  }

.formsinstrucciones    { width: 100%; height: 25px; align: center; color: #fff  }
.formstabla        { margin: auto; padding: 0px; border: solid 1px black; width: 80%; border-collapse: collapse;  }
.formsfilasimpares        { background-color:#fff; vertical-align: middle; padding: 3px }
.formsfilaspares       { background-color:#FFFFFF; vertical-align: middle; padding: 3px }
.formsfilainstrucciones   { text-align: left; height: 40px; line-height: 40px; padding-left:10%; font-weight: bold; }
.formsfilabtnenvio   { text-align: center; margin-top: 8px; border: none; height: 32px; align: center }
.formsbloques     { color: white; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color:#333333; text-align: left; padding: 6px; border-right: 1px solid black; border-left: 1px solid black }
.formsleyenda        { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; text-align: right; vertical-align: top; padding-top: 8px; padding-right: 4px; padding-bottom: 8px; width: 40% }
.formsleyendaprivacidad       { padding: 8px; border: solid 1px black; width: 90%; border-collapse: collapse; background-color:#FFFFFF; color: black; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; vertical-align: top;  }
.formsceldacampos  { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; text-align: left; vertical-align: top; padding-top: 8px; padding-bottom: 8px; width: 60% }
.formsleyendaerror   { color: #900309; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; text-align: right; vertical-align: top; padding-top: 8px; padding-bottom: 8px; padding-right: 4px; }
.formsdatousuario { color: #DCDCDC; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none  }
.formscampotexto    { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color: white; text-align: left; border: solid 1px #000; width: 90% }
.formscampopopup    { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color: white; text-align: left; border: solid 1px #000; width: 90% }
.formscampoareatexto    { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; background-color: white; text-align: left; border: solid 1px #000; width: 90%; height:80px; margin-bottom: 4px }
.formscamporadio   { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; text-align: left }
.formscampocheck { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; text-align: left }

#carta
{
	position: absolute;
	z-index: 1;
	width:457px;  
    left:50%;  
    margin-left:-145px;
    top:50%;  
    margin-top:-244px;  
	background-color: #fff;
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
	text-align: left;
	padding:30px;
	
}

html>body #carta
{
}

#carta .familia_nombre
{
	font-size: 140%;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
}

#carta .linea
{
}

#carta .columna
{
}

#carta .nombre
{
	float: left;
	width: 85%;
	line-height: 14px;
	padding-top: 3px;
	padding-bottom: 1px;
	border-top: 1px solid #f5f5f5;
}

#carta .precio
{
	float: left;
	width: 15%;
	line-height: 14px;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #f5f5f5;
}

#carta .notas
{
	float: left;
	width: 100%;
	line-height: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #f5f5f5;
	font-weight: bold;
}

