/*
---------------------------------------
Hoja de estilos con cambios hechos in-house.
Están pendientes de ser revisados e incluidos en cimaware_general.css, pero sólo cuando se consideren estables.
Version: 2007-12-18
--------------------------------------
*/

/* Usado en /main/products/[producto].php 
.contenido_pestania .about_screenshot {
	float:left;
	margin:1em 0.7em 0.55em 0;
}
*/

.overview_intro {
	border:1px solid #999999;
	padding:14px 9px;
	margin:0;
	height:auto;
	display:block;
	background:#F5F5F5;
	/* min-height:360px; */
	min-height:310px;
	
	color:#414141;
	text-decoration:none;
	line-height:0;
	
}

.overview_intro iframe {
    width:350px;
    height:293px;
	float: left;
	display:block;
    margin-top:10px;
}

.overview_intro object {
    width:350px;
    height:293px;
	float: left;
	display:block;
    margin-top:10px;
}


.how_it_works {
	border:1px solid #999999;
	/* border:0px; */
	padding:14px 9px;
	margin:0;
	margin-bottom: 14px;
	height:auto;
	display:block;
	background:#F5F5F5;
	min-height:160px;
		
	color:#414141;
	text-decoration:none;
	line-height:150%;
	
}
/* For Internet Explorer */
/*\*/
* html .overview_intro {
	height:310px;
}

* html .how_it_works {
	height:180px;
}
/**/

.overview_intro a:hover, .how_it_works a:hover{text-decoration:underline !important;}

.overview_intro #screenshot, .how_it_works #screenshot
 {
  float: left;
 }

#screenshot #thumbnail_accessfix {
	background:transparent url("/main/common-images/en.accessfix_screenshot.gif") 0 0  no-repeat;
}
#screenshot #thumbnail_excelfix {
	background:transparent url("/main/common-images/en.excelfix_screenshot.gif") 0 0  no-repeat;
}
#screenshot #thumbnail_wordfix {
	background:transparent url("/main/common-images/en.wordfix_screenshot.gif") 0 0  no-repeat;
}
#screenshot #thumbnail_outlookfix {
	background:transparent url("/main/common-images/en.outlookfix_screenshot.gif") 0 0  no-repeat;
}
#screenshot #thumbnail_officefix {
	background:transparent url("/main/common-images/en.officefix_screenshot.gif") 0 0  no-repeat;
}
#screenshot #thumbnail_deletefixphoto {
	background:transparent url("/main/common-images/en.deletefixphoto_screenshot.gif") 0 0  no-repeat;
}

#screenshot #thumbnail,
#screenshot #thumbnail_excelfix,
#screenshot #thumbnail_accessfix,
#screenshot #thumbnail_wordfix,
#screenshot #thumbnail_outlookfix,
#screenshot #thumbnail_officefix,
#screenshot #thumbnail_deletefixphoto {
        margin-top:10px;
	width:350px;
	height:293px;
	display:block;
/*
	width:410px;
	height:343px;
	display:block;
*/
}

.overview_intro #intro
 {
 margin-left:370px;
 /* margin-left:410px;
  min-height:360px; */
 padding: 0em;
 min-height:310px;
 }

.how_it_works #intro {
 margin-left:320px;
 padding: 0em;
 min-height:160px;	
}
/* 
Usado en /main/products/[producto].php. En lugar de padding debía tener margin. Y el estilo de lista debe ser decimal.
Se aplica junto con lista_comun. i,e: class="lista_comun lista_decimal"
*/
#plantilla_contenido ol.lista_decimal li  {
	margin-left:24px;
	padding-left:0px;
	list-style-type: decimal;
}

/*
En /main/products/[producto].php hace que se solape el texto con el screenshot. Se puede quitar el position:relative ?
#plantilla_contenido p {     cimaware_general.... (line 468)
line-height:170%;
position:relative;
}
*/
#plantilla_contenido .contenido_con_imagenes p, #plantilla_contenido  .contenido_con_imagenes ol, #plantilla_contenido  .contenido_con_imagenes ul  {
	position: static;
}

/* 
Usado en /main/products/[producto]-features.php. Quitamos la negrita del estilo anterior (tr_titulo). "Trebuchet MS",
*/
.caja_tabla table  td.tr_features {
text-align:left;
font-family:Verdana,Arial, sans-serif;
font-size:100%;
}

/* 
Usado en /main/products/[producto]-purchase.php, aunque supongo que en otros también. Quitamos el color de fondo para los enlaces de .caja_tabla
*/
.caja_tabla a {
background: none;
}

/* 
Usado en las tablas de precios, para mostrar el texto debajo del nombre del producto
*/
.caja_tabla p {
	margin-top:12px;
	background: none;
	font-size:80% !important;
}

/*
	Usado para los tooltips: <a href="#" class="tooltip">LinkText<span>tooltip text</span></a>
*/
a.tooltip span {display:none; visible:false; padding:2px 3px; margin-left:8px;}
a.tooltip:hover span{display:inline; position:absolute; background:#FFFFCC; border:1px solid #bbbbbb; color:#414141;}