/**
 * Esta hoja de estilo guarda la información común a la maquetación global
 * del Portal del defensor de la PYME.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o áreas que componen el diseño global.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since Proxia Portal Server 5.5
 * @copy  2009
 */

/** INICIO ESTILOS GLOBALES **/

/******************** Eric Meyer's resets. Reseteamos para todos los navegadores */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
    vertical-align: baseline;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
caption, th, td { text-align: left; font-weight: normal; }

/*
 * Estilo general de los distintos elementos globales del sistema, cuerpo, controles de formulario, celdas y cabeceras, etc.
 */
HTML {
	font-size: 125%; /* para evitar el bug de IE que ignora el decimal para los tamaños y por tanto en BODY font-size 0.8em que equivale a 100% */
}
BODY {
	background-color: #1d94ce;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5;
}
A { 
	text-decoration: none; 
	border: 0 none; 
	color: #0000EE; 
}
A:hover {
    text-decoration: underline;
}
STRONG {
    font-weight: bold;
}
EM {
    font-style: italic;
}

/************************************************ Estilos básicos de tablas */
TABLE {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

TBODY {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

TR {
	border: none;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

TD {
	vertical-align: top;
	padding: 0;
	border-spacing: 0;
	margin: 0;
}

TH {
	vertical-align: top;
	font-weight: bold;
}

/******************************** Estilos para formularios en general */
FORM {
	margin-bottom: 0px;
}

/********************************* Estilos de lista */
p.cmParagraph{
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

LI{
    padding-bottom: 0.3em;
}

P { 
	padding: .5em 0; 
}

H3{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: bold 1.0909em Verdana, Geneva, sans-serif;
	color: #165788;
}

H4{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: bold 1em Verdana, Geneva, sans-serif;
	color: #165788;
}

H5{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1em Verdana, Geneva, sans-serif;
	color: #165788;
}

H6{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.9090em Verdana, Geneva, sans-serif;
	color: #165788;
}

DIV.separator {
	height: 1em;
	min-height: 1em;
}

.dontShow {
	display: none;
}

.hide {
	position:absolute;
	left:-9999px;
	overflow:hidden; 
} /* estilo oculto para los lectores de voz */

.error{
    color:red;
}

.clearfix:after { 
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* FIN ESTILOS GLOBALES */

/**************************************** estilo de enlaces para la portada principal */
.linksPort {
	padding-bottom: 3.0625em;	
}

.linksPort .linkTo {
	display: block;
	font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}

.leftLinksPort {
	float: left;
	width: 19em;	
}

.leftLinksPort .mainTitle {
	margin: 0 0 2.375em 3.4375em;
}

.leftLinksPort A.linkTo {
	padding: 1em 4em 0.83em 0;
	background: #1d92cd url(../imagenes/pyme/linkTo-1.gif) no-repeat 0 0;
	text-align: right;
	text-shadow: #000 1px 1px 2px;
}

.rightLinksPort {
	float: right;	
	width: 18.9375em;
	margin-top: -0.625em;
}

.rightLinksPort .mainTitle {
	margin: 0 0 0.5625em 0;
}

.rightLinksPort P {
	padding: 0 3em 2.3076em 0;
	font: 0.8125em Verdana, Geneva, sans-serif;
	color: #407dad;
}

.rightLinksPort A.linkTo {
	padding: 1.083em 0 0.75em 4em;
	background: #005190 url(../imagenes/pyme/linkTo-2.gif) no-repeat 0 0;
	text-shadow: #000 1px 1px 2px;
}

/******************** Menu organizaciones integradas */
.organizacionesIntegradas {
	width: 45.9375em;
	margin: 0 auto;
}

.organizacionesIntegradas .mainTitle {
	text-align: center;
	background: url(../imagenes/pyme/bg-trama01.gif) repeat-x center center;
	font: 0.625em Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #22689f;
}

.organizacionesIntegradas .mainTitle SPAN {
	padding: 0 1em;
	background: #fff;	
}

.organizacionesIntegradas UL {
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}

.organizacionesIntegradas UL LI {
	float: left;
	margin: 0;
	padding: 0;
}


/******************** Tabs del menu contenidos */
.tabsMenu {
	position: relative;
	z-index: 0;
	margin: 1.125em 0 0 0;	
	padding: 0;
	list-style: none;
}

.tabsMenu LI {
	position: relative;
	float: left;
	width: 8.0625em;
	min-height: 4.75em;
	height: auto!important;
	height: 4.75em;
	margin: 0 0.3125em 0 0;
	padding: 1em 0 0 3.5em;
	font: 1em Helvetica, Arial, sans-serif;
	color: #fff;
	background: #005291 url(../imagenes/pyme/bg-tab.gif) no-repeat 0 0;
}

.tabsMenu LI.last {
	margin-right: 0;	
}

.tabsMenu LI SPAN.num {
	position: absolute;
	top: 0.1em;
	left: 0.5em;
	font: 2.5em "Times New Roman", Times, serif;
	color: #7d9bd9;
}

.tabsMenu LI H2 {
	float: left;	
}

.tabsMenu LI A {
	float: left;
	color: #fff;
	font: 1em Helvetica, Arial, sans-serif;
}

.tabsMenu LI.active {/* el elemento seleccionado */
	color: #444;
	background: #fff url(../imagenes/pyme/bg-tab-active.gif) no-repeat 0 0;
}

.tabsMenu LI.active A {
	color: #444;
}

.tabsMenu LI.active SPAN.num {
	font-size: 3.75em;	
	color: #bdbdbd;
	top: -0.075em;
	left: 0.22em;
}

 /******************* Las dos cajas principales */
DIV.bgPort {
	background: transparent url(../imagenes/pyme/bg-portada.gif) no-repeat scroll center top;
	width: 48.375em; 
	height: 16.5625em; 
	margin: 4em auto 0 auto;
	padding: 2.8125em 0.625em 1.75em 0.5625em;
}
DIV.bgMain {
	background: transparent url(../imagenes/pyme/cec-principal.jpg) no-repeat scroll center top;
	width: 48.375em; 
	height: 28.5625em; 
	margin: 1em auto 0 auto;
	padding: 2.3em 0.8125em 1.75em 0.8125em;
}

.wrapper {
	width: 100%;
}
/******************* La caja que engloba los contenidos */
.bgContentsWrapper {
	width: 49.9375em;
	margin: 1em auto 0 auto;
	background: transparent url(../imagenes/pyme/bg-content-middle.gif) repeat-y scroll top center;
}

.bgContents {
	padding: 1.75em 0 0 0;
	background: transparent url(../imagenes/pyme/bg-content-top.gif) no-repeat scroll top center;
}

.bgContents .IMGcecale {
	margin-right: 2.25em;	
}

.bgContents .IMGpyme {
	margin-left: 2.625em;	
}

.bgContentsTabs {
	width: 47.1875em;
	min-height: 3.875em;
	height: auto!important;
	height: 3.875em;
	margin: 0 auto;
}

.bgContentsBody {
	padding-bottom: 1.3125em;
	background: transparent url(../imagenes/pyme/bg-content-bottom.gif) no-repeat scroll bottom center;
	text-align: justify;
}

/******************* Los 4 enlaces principales de la portada principal */
.fourIMG {
	list-style: none;
	color: #fff;
	margin: 0;
	padding: 11.8em 0 0 0.5em;
}
.fourIMGbox {
	float: left;
	margin: 0 0.375em 0 0;
	padding: 0 0 0 3.25em;
	width: 8.3125em;
	font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fourIMGbox A { 
	color: #fff; 
	background-color: transparent; 
}
.fourIMGBox A:hover {
	text-decoration: none;
}


/******************* PIE DE PAGINA */
.footer {
	width: 49.375em;
	font: 0.83em Verdana, Geneva, sans-serif;
	color: #fefefe;
	text-align: center;
	margin: 0.5em auto;
}

.footer A {
	color: #fefefe;	
}

.footerList {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.footerList LI {
	display: inline;
	margin: 0;
	padding: 0 0 0 0.8em;
	background: url(../imagenes/pyme/bullet01.gif) no-repeat center left;
	line-height: 1.35em;
}

.footerList LI.first {
	background: none;
	padding-left: 0;
}

/******************** Los banners de la portada principal */
.IMGpyme {
	float: left;
	margin: 0 0 0 1.9375em;
}
.IMGcecale {
	float: right;
	margin: 0 1.6875em 0 0;
}

.disclaimer {
	font-size: smaller;
	line-height: 1;
}

/* el contenido */

.contentsWrapper {
	position: relative;
	z-index: 1;
	width: 53.5em;
	margin: -2em auto 0 auto;
	padding: 2.142em 0 0 0;
    font: 0.875em "Trebuchet MS", Verdana, Arial, sans-serif;
	background: url(../imagenes/pyme/bg-contents-top.png) no-repeat 0 0;
}

.contents {
	padding: 0 2em 3em 1.8em;
	background: #fff url(../imagenes/pyme/bg-contents-bottom.gif) no-repeat bottom center;
}

/******************************* FORMULARIOS */
LABEL.twentyfive, LABEL.twentyfive INPUT,
LABEL.fifty, LABEL.fifty INPUT,
LABEL.ahundred, LABEL.ahundred INPUT { 
	display: block; 
	float: left;
}
LABEL.twentyfive 	{ width: 25%; }
LABEL.fifty 		{ width: 50%; }
LABEL.ahundred 	{ width: 100%; }
LABEL.twentyfive INPUT {
	width: 97%;
} 
LABEL.fifty INPUT {
	width: 98%
}
LABEL.ahundred INPUT, TEXTAREA { 
	width: 99%;
}
/*TEXTAREA {
	height: 2.5em;
}
*/
FIELDSET {
	padding: 1.5em;
    border: 1px solid #04113B;
}
LEGEND {
	border: 1px solid #04113B;
	padding: 0 1em;
	background-color: #0C3D80;
    color: #fff;
}

/******************************* Estilos solo para listas */
LI.numberedList { 
	list-style-type: decimal; 
	padding: 0 1em;
}

/******************************* Estilos solo para los MODELOS Generico */
.contentText {
	text-align: justify;
}
.cmContentLink{
    color: #0C3D80;
	font-weight: bold;
}
UL.cmContentList{
    list-style:none;
    margin-left: 0;
    padding-left: 1em;
}
UL.cmContentList LI{
    margin-bottom: 1em;
}

.contentName{
    border-bottom:1px solid #1D94CE ;
    
}
DIV.return{
    text-align:right;
    font-size:0.9em;
}


/******************************* Estilos solo para el formulario */
FIELDSET.captcha {
	text-align: center;
}
FIELDSET.captcha DIV {
	padding-bottom: 1em;
}
FORM {
	padding: 0 0 1em 0;
}
DIV.formButton{
    width:100%;
	text-align: center;
    margin-top:1em;
} 
DIV.formButton BUTTON {
   	background-color: #0C3D80; /*#EEE*/
   	border: 2px solid #04113B;
   	color: #fff;
   	font-weight:bold;
	padding: 0.1em 2em;
	cursor: pointer;
}

DIV.legal{
    font-size: 0.8em;
    color:#666;
}