/* Creixems Web Studio - Modelo general de CSS - CC 2.5*/

/*-------------------------Styles: Etiquetas Básicas----------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
}

h1 {
	font-size: 1.6em;
	width:100%;
	padding-bottom:4px;
	border-bottom: solid 1px #009900;
	font-weight: bold;
	text-align:left;
	color: #426B95;
	margin-bottom: 8px;
	letter-spacing: -0.05em;
}

h2 {
	font-size: 1.3em;
	width:100%;
	padding-bottom:4px;
	border-bottom: solid 1px #6699CC;
	font-weight: bold;
	text-align:left;
	color: #3C631F;
	margin-bottom: 8px;
	clear:both;	
}

h3 {
	font-size: 1.2em;
	width:100%;
	padding-bottom:4px;
	border-bottom: solid 1px #6699CC;
	font-weight: bold;
	text-align:left;
	color: #219BE4;
	margin-bottom: 8px;
	

}

p {
	font-size: 1em;
	text-align: left;
	margin-bottom: 10px;
	line-height: 140%;
}


ul.lista1 {
	text-align: left;
	margin: 0 0 10px 10px;
}

ul.lista1 li {
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
	list-style-image:url(../Images/vinetabluelight.jpg);
	list-style-position: inside;
}


/*------------------------Styles: links-------------------------*/


#content a:link, a:visited, a:active {
	color: #666;
	text-decoration: none;
}

#content a:hover {
	color: #666;
	text-decoration: none;
}

a img {
	border:0;
	}


#footer a {
	font-weight:bold;
	color:#364F1E;
	}
	
#footer a:hover {
	font-weight:bold;
	text-decoration:underline;
	color: #1C628C;
	}

/*--------------------------Styles: clases comunes-------------------*/

.resaltado {
	color: #344D67;
	font-weight: bold;
}

.textowhite {
	color: #ffffff;
	font-weight: bold;
}

.resaltemosleguey {
	font-size: 1.1em;
	font-weight:bold;
	color:#143E57;
	padding: 4px 8px 4px 8px;
	margin: 5px auto 10px auto;
	width: 80%;
	border: solid 1px #143E57;
	background-color:#BFD8E3;
	text-align:center;
}
.resaltemosleguey2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	padding: 4px 8px 0px 8px;
	margin: 6px 0px 8px 0px;
	width: 92%;
	border: solid 1px #415872;
	background-color:#EFF2F5;
}

.images {
	border: none;
	text-align:left;
	float: left;
	margin: 0 8px 0 0;
}

.imagesright {
	border: none;
	text-align:left;
	float: right;
	padding-left: 10px;
}

.imagescenter {
	border: none;
	text-align:center;
	margin: auto;
}

.imagescenter img {
	border: none;

}
.geniuswork {
	width: 100%;
		clear:both;
	}
/*------------------------Item: portafolio-------------------------*/
.portafolio {
	background-color: #D5E1ED;
	margin: 4px;
	padding: 6px;
	height: 148px;
	width: 155px;
	border: 1px solid #738A9B;
	float:left;
	text-align:center;
}

.portafolio a{
	border: 0;
}
.portafolio img{
	border: 0;
	cursor:pointer;
}


/*------------------------Item: Formularios------------------*/

.formulario table {
	/*width: 100%;*/
}

	.formulario td, .formulario th {
		padding: 6px;
	}
	.formulario fieldset{
		border: solid 1px #87CE1C;
		padding: 3px 3px 3px 8px;
		}
	.formulario legend{
		border: solid 1px #87CE1C;
		padding: 3px;
		font-size: 1.2em;
		color: #4482A6;
		}
		
	.formulario input, .formulario textarea, .formulario select {
		border: 1px solid #324252;
		background-color: #CEDAE3;
		color: #324252;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:1em;
		padding: 2px;
		width: 140px;
	}
	
	.formulario textarea {
		height: 70px;
	}
	
	.formulario .button {
	background-image: url(../Images/send.gif);
	height: 36px;
	width: 69px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #ffffff;
	cursor: pointer;
}

/*-----------------otros---------------*/

a.sabermas {
	float:right;
	clear:both;
	/* width: 125px; */
	width:100px;
	height: 35px;/*40-5*/
	padding: 5px 0 0 0;
	color:#185587;
	background-image:url(../Images/sabermas.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	font-size:1.2em;
	}
a:hover.sabermas  {
	background-image:url(../Images/sabermashover.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	color:Red;
	font-weight:bold;
	text-decoration:none;
	}	
	

.pipe {
	width: 100%;
	height: 455px;
	text-align:left;
	font-size: 1.1em;
	line-height:130%;
	}
	
	.pipe .pipesTitle a{
		color: #669900;
		text-align:left;
		font-size: 1.2em;
		padding: 0 0 10px 0;
		}
	.pipesDescription{
		text-align:left;
		}
	h3.ybh {
	font-size: 1.6em;
	width:100%;
	padding-bottom:12px;
	border-bottom: solid 1px #009900;
	font-weight: bold;
	text-align:left;
	color: #426B95;
	margin-bottom: 12px;
	letter-spacing: -0.05em;
	}
	
	

/*-----------------------------Item: Tablas-------------------------*/

.tablatabulada {
	margin:auto;
}

	.tablatabulada td {
		padding: 4px;
		margin:0;
	}
	
		.tablatabulada thead td {
			font-weight: bold;
			background-color: #438015;
		}
	

/*-----------------------------Item: Article Area-------------------------*/
.articleArea
{
	overflow:hidden;
}

.articleArea img
{
	max-width:890px;
	width:expression(this.clientWidth > 889 ? "890px": "auto");
}

/*-----------------------------Item: Form Styles-------------------------*/
#CallBackForm input
{
	vertical-align:middle;
}

#CallBackForm select
{
	vertical-align:middle;
}

.Input
{
	/* padding: 1px; */
	padding-left: 3px;
	border: solid 1px #CCCCCC;	
	font-size: 12px;
	color: #666680;	
	line-height: 20px;
	height: 20px;
	vertical-align:middle;
}

.InputFocus
{
	padding-left: 3px;
	font-size: 12px;
	color: #000;
	border: solid 1px #FF0000;
	line-height: 20px;
	height: 20px;
	vertical-align:middle;
}

.ButtonA
{
	width:73px;
	height:22px;
	line-height: 22px;
	border:0px;
	cursor:pointer;
	color:White;
	background:url("../Images/BackgroundButtonA.gif") no-repeat;
}

#UserLoginForm
{
	width:350px;
	margin:0px auto 60px auto;
	text-align:center;
	background:url("../Images/BackgroundUserLogin.gif") left bottom no-repeat;
}

#UserLoginForm div
{
	width:210px;
	margin-left:130px;
	height:35px;
	line-height:35px;
}

#UserLoginForm input
{
	vertical-align:middle;
}

#UserLoginForm #UserName
{
	width:130px;
	background: url("../Images/IcoUsername.gif") 1px center no-repeat;
	padding-left: 22px;
}

#UserLoginForm #Password
{
	width:130px;
	background: url("../Images/IcoPassword.gif") 1px center no-repeat;
	padding-left: 22px;
}

#UserLoginForm #VerifyCode
{
	width:70px;
	background: url("../Images/IcoSign.gif") 1px center no-repeat;
	padding-left: 22px;
}


/* ========================================================= */

/* Web Ink - Modelo general de CSS - CC 2.5*/



/*------------------------Imagenes: correcion de autopadding en ifrefox------------------------*/

#divdelproblema img {
	display:block; /*firefox pone un autopadding si no defino esta propiedad. It is the "problem" that images as inline elements are
aligned in relation to the baseline of the text and the gap keeps some space for characters like "p".*/
}

/*------------------------Layout: divs de diagramación comunes------------------------*/

#containerhead {			/*div que contiene al header*/
	margin: auto;
	width: 100%;
	height: 318px;
	background-image: url(../Images/bgheader.jpg); 	/*aplicar en caso de faux columns*/
}

#header {				/*div del header*/
	height: 82px;
	width: 960px;
	margin: auto;
	clear: both;
	border:0;
	background-image:url(../Images/header.jpg);
	
}


#image {				/*div de la imagen principal*/
	height: 171px;
	width: 960px;
	margin:auto;
	background-image:url(../Images/shadowcontenttop.jpg);
	background-position:bottom;
	
}
	#image img{
		border:0;
		}
	

#content {				/*div para menu o barra auxiliar*/
	

}

#contentcien {				/*div para menu o barra auxiliar*/
	width: 100%;
	margin:auto;
	background-color:#E6F1F7;
	
}

#footercontainer {				/*div que contiene el footer*/
	clear: both;
	height: 67px;
	width: 100%;
	border:0;
	background-image:url(../Images/footerbg.jpg);
}
#footer {				/*div que contiene el footer*/
	margin:auto;
	height: 40px;/*67-27*/
	width: 810px;
	border:0;
	background-image:url(../Images/footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-size:1.1em;
	color:#003300;
	text-align:right;
	padding: 27px 150px 0 0;
	line-height: 150%;
	font-size:11px;
}

#footer #language a img {
	float: left;
	margin: 3px 6px 0 0;
	border:0;
	}
#footer #language {
	float: left;
	margin: 10px 0 0 40px;
	display: block;
	}
	#footer #language a {
	color:#003300;
	font-weight:normal;
	}
#editable {				/*div para el contenido de la region editable (dentro de #content)*/
	width: 100%;
	overflow: auto; 	/* evita el uso del geniuswork haciendo que el div contenedor se estire*/
}

/*-------------------------Layout: columnas de diagramación interna------------------------*/


/*-------------------------Layout: columnas de diagramación interna------------------------*/

.columnleft {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left; 
}

.columnright {		/*en modelos de diagramacion 2 columnas, esta ira a la derecha*/
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left; 
}

.columnleft50 {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 47%;
	margin: 0 5px 0 0;
	clear:none;
	float:left; 
}

.columnright50 {		/*en modelos de diagramacion 2 columnas, esta ira a la derecha*/
	padding: 4px;
	width: 47%;
	margin: 0 0 0 5px;
	clear:none;
	float:left; 
}
.columnmiddle {			/*en modelos de diagramacion 3 columnas, esta ira en el medio, CORREGIR WIDTHS a 30%*/
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left;
	display: inline;
}

.columnaleftdostercios {		/*en modelos de diagramacion 2 columnas, esta ira a la izquierda*/
	padding: 4px;
	width: 58%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}

.columnarightdostercios {		/*en modelos de diagramacion 2 columnas, esta ira a la derecha*/
	padding: 4px;
	width: 38%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		/*colocar de ser necesario*/
}

/*-------------------------Layout: News Category------------------------*/
#content .newscategory ul
{
	margin:0;
	padding:0;
	width:100%;
}

#content .newscategory li
{
	list-style:none;
	margin-bottom:1px;
	text-align:left;
	height:25px;
}

#content .newscategory li a
{
	display:block;
	line-height:25px;
	text-decoration:none;
	height:25px;
	/* background-color:#FFCC00; */
	color:#000000;
	padding-left:30px;
	background:url("../Images/BackgroundNewsArrow.gif") 15px center no-repeat;
}

#content .newscategory li a:hover
{
	color:#000000;
	text-decoration:none;
	background-color: #6495ED;
}

#content .newscategory li
{
	white-space:nowrap;
}

#content .newscategory div
{
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}

#content .newscategory li .topic
{
	width:400px;
	float:left;
}

/*-------------------------Layout: News Category------------------------*/
#content .AccountsList ul
{
	margin:0;
	padding:0;
	width:100%;
}

#content .AccountsList li
{
	list-style:none;
	margin-bottom:1px;
	text-align:left;
	height:25px;
	line-height:25px;
	border-bottom:dotted 1px #6495ED;
}

#content .AccountsList li a
{
	display:block;
	line-height:25px;
	text-decoration:none;
	height:25px;
	/* background-color:#FFCC00; */
	color:#000000;
	padding-left:30px;
	background:url("../Images/BackgroundNewsArrow.gif") 15px center no-repeat;
}

#content .AccountsList li a:hover
{
	color:#000000;
	text-decoration:none;
	background-color: #6495ED;
}

#content .AccountsList li
{
	white-space:nowrap;
}

#content .AccountsList div
{
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	text-align:center;
}

#content .AccountsList li .UserName
{
	width:100px;
	float:left;
}

#content .AccountsList li .UserGroup
{
	width:80px;
	float:left;
}

#content .AccountsList li .RealName
{
	width:80px;
	float:left;
}

#content .AccountsList li .LastLoginTime
{
	width:120px;
	float:left;
}

#content .AccountsList li .LastLoginIP
{
}