/**
 * Esta plantilla css incluye estilos específicos indicados en las distintas
 * plantillas xsl de los modelos
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */
 
/**
 * Estilos y clases generales para todos los modelos
 */

.modelBox {
	position: relative;
	clear: both;
	margin: 1.37em 0 0 0;
	padding: 0 0.46em 0 0;
	color: #333;
	line-height: 130%;
	background: #fff url(../imagenes/fondos/bg-modelBox.gif) repeat-y right top;
}

.modelBox .modelWrapper {
	padding: 0 0 0.73em 0;
	border-left: 1px solid #DEDEDE;
	background: url(../imagenes/fondos/bg-modelBox-bottom.gif) repeat-x bottom left;
}

/* esquinas redondeadas */
.modelBox .modelWrapper > .tl{
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	background: url(../imagenes/fondos/corner-modelBox-tl.gif) no-repeat left top;
}

.modelBox .modelWrapper > .tr{
	top: 0;
	right: 0;
	width: 7px;
	height: 7px;
	background: url(../imagenes/fondos/corner-modelBox-tr.gif) no-repeat right top;
}

.modelBox .modelWrapper > .bl{
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	background: url(../imagenes/fondos/corner-modelBox-bl.gif) no-repeat left bottom;
}

.modelBox .modelWrapper > .br{
	bottom: 0;
	right: 0;
	width: 8px;
	height: 8px;
	background: url(../imagenes/fondos/corner-modelBox-br.gif) no-repeat right bottom;
}

/* cada grupo de parametros */
.modelBox .modelItem {
	border-top: 1px solid #dedede;
	background: #dedede url(../imagenes/fondos/bg-modelItem.gif) repeat-x left top;
}

.modelBox .modelItemTitle {
	min-height: 2.83em;
	height: auto!important;
	height: 2.83em;
	padding: 0 0 0.37em 0;
	border-left: 1px solid #dedede;
	background: url(../imagenes/fondos/bg-modelItemTitle-bottom.gif) repeat-x left bottom;
}

.modelBox .modelItemTitle .title {
	margin: 0;
	font-size: 1.181em;
	background: url(../imagenes/fondos/bg-modelItemTitle-left.gif) no-repeat left top;
}

.modelBox .modelItemTitle .title SPAN {
	display: block;
	padding: 0.47em 0.77em 0.7em 3.1em;
	background: url(../imagenes/fondos/bg-modelItemTitle-right.gif) no-repeat right top;
}

.modelBox .modelItemBody {
	padding: 0.9em 0.9em 0.9em 3.7em;
	background: #fff;
	color: #000;
}

.modelBox .modelItemBody A {
	color: #000;
}

.wrapper .paramsList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wrapper .paramsList > LI {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.wrapper .paramsList .paramName {
	float: left;
	width: 16%;
	padding: 0 0.46em 0.46em 0;
	text-align: left;
	font-weight: normal;
	color: #007FB1;
	clear: both;
	margin: 0.6em 0;
}

.wrapper .paramsList .paramName,
.wrapper .paramsList .paramDetail {
	margin: 0.6em 0 0 0;
}

.wrapper .paramsList .paramDetail p.cmParagraph {
	margin: 0 0 0.6em 0;
}

.wrapper .paramsList .paramName.paramIcon {
	width: auto;
	float: left;
	vertical-align: middle;
	display: block;
	clear: none;
	padding-top: 0.2em;
}

.wrapper .paramsList .paramDetail.paramIconText {
	width: 45%;
	float: left;
	vertical-align: middle;
	font-weight: bold;
	display: block;
	clear: none;
}

BODY .wrapper .paramsList .paramName.inline {
	float: none;
	display: inline;
}

.wrapper .paramsList .paramDetail {
	float: right;
	width: 80%;
	padding: 0 0.46em 0.46em 0;
}

.wrapper .paramsList .paramDetail UL {
	margin-top: 0;
	margin-bottom: 0;
}

.wrapper .extendedInfo .paramsList .paramName {
	width:30% !important;
}

.wrapper .extendedInfo .paramsList .paramDetail {
	width:66% !important;
}

/* para parametros con icono mostrados en 2 columnas */
.wrapper .paramsList .special {
	width: 46%;
}

.wrapper .paramsList .special .paramName {
	width: auto;
	padding-top: 0.23em;
	padding-bottom: 0.23em;
}


.wrapper .paramsList .special .paramDetail {
	float: left;
	width: 80%;
	font-weight: bold;
}

/* algunos parametros con icono */
.wrapper .paramDetail IMG {
	vertical-align: middle;	
}

/* parametros mostrados dentro de la plantilla detalle pero no en el formato ficha */
.wrapper .paramsList.sinFicha {
	overflow: visible;	
}

.wrapper .paramsList.sinFicha LI {
	float: none;
	width: auto;
	padding-bottom: 0.46em;
}

.wrapper .paramsList.sinFicha .paramName {
	float: none;
	display: block;
	width: auto;
	padding: 0;
}

.wrapper .paramsList.sinFicha .paramDetail {
	float: none;
	width: auto;
	padding: 0;
}

/* parametros mostrados en los listados detalle */
.cmBodyContentChildrens.listadoDetalle .cmContentItemListParameters .paramsList LI {
	float: none;
	width: auto;
}

.cmBodyContentChildrens.listadoDetalle .cmContentItemListParameters .paramsList LI .paramName {
	float: none;	
	width: auto;
}

.cmBodyContentChildrens.listadoDetalle .cmContentItemListParameters .paramsList LI .paramName IMG {
	vertical-align: middle;	
}

.cmBodyContentChildrens.listadoDetalle .cmContentItemListParameters .paramsList LI .paramDetail {
	float: none;	
	display: inline;
}

/* parametro localizacion en google maps */
#map {
	width: 560px;
	height: 526px;
}

/* para parametros de texto largo que se quieran mostrar separados */
.contentTextWithParams {
	margin: 1em 0;	
	clear: both;
}

/* imagenes tipo portada dentro de la plantilla detalle */
.mainContentImage {
	float: left;
	margin: 0 1.091em 0.91em 0;
}


/**
 * modelo formulario 
 */
/* estilos para los formularios */
.modeloFormulario {
	margin: 0.545em 0;	
}

.modeloFormulario.cmContentItemList {
	margin: 0;	
}


.modeloFormulario DIV.formDinamico {
	margin: 0.545em 0;
}

.modeloFormulario .cajaFormulario {
	margin-top: 1em;
	padding: 0.64em 0.82em 0.64em 1.82em;
	background-color: #F5F5F5;	
}

.modeloFormulario .formField {
	margin-bottom: 0.64em;
}

.modeloFormulario .cajaFormulario INPUT {
	border: 1px solid #999;
	padding: 0.19em;
	width: 98.6%;	
}
 
.modeloFormulario SELECT {
	border: 1px solid #999;
	padding: 0.19em;
	width: 99.6%;
}

.modeloFormulario TEXTAREA {
	border: 1px solid #999;
	padding: 0.19em;
	width: 99%;
} 

.modeloFormulario SPAN.formLabel {
	display: block;
	margin-bottom: 0.19em;		
}

.modeloFormulario SPAN.textoEtiqueta {
	display: block;
	font-weight: bold;
}

/* en formato listado detalle */
.cmContentItemListDetail.modeloFormulario  {
	margin: 0;	
}

/**
 * modelo organigrama 
 */
.modeloOrganigrama .paramsList .paramDetail .block {
	padding-bottom: 0.182em;	
}

/**
 * modelo web
 */
.modeloWeb {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;	
}

.modeloWeb A {
	color:#0D0D0D;
}

.modeloWeb .imagenListado {
	display: block;
	padding-bottom: 0.19em;
}