
/* -------------/ Content /------------- */

.contenido { 
	margin: 20px 20px 20px 268px;
	color:#333333;
	width: auto;
	background: url(images/content.gif);

} 
.contenidoSoporte {
	margin: 20px 20px 20px 135px;
	color:#333333;
	width: 688px;
	background: url(images/content.gif);
}
.contenidoSoporte a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #175e9b;
	font-size: 11px;
	font-weight: bold;
}
.contenidoSoporte a:hover {
	text-decoration:underline;
}

.contenido p {
	padding:  0px 20px 10px 20px;
	text-align:justify; 
}

.cajaContenido { 
	width: auto;
	height: auto;  
	background: #a6beca;
	margin: 20px 20px 20px 20px;
	text-align: left;
}

.cajaContenido p{
	padding:  0px 20px 0px 20px; 
}
.contenido a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #175e9b;
	font-size: 11px;
	font-weight: bold;
}
.contenido a:hover {
	text-decoration:underline;
}
#contentHeader h4 {
	padding: 30px 20px 0px 20px; 
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #EE4400;
	font-size: 14px;
	font-weight: bold;
	padding:  0px 20px 10px 20px; 
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
	font-weight: bold;
	padding:  0px 20px 10px 20px; 
}

li {
	padding:  10px 0px 0px 0px; 
	margin: 0px 0px 0px 40px;
}
p {
	line-height: 17px;
}

/* -------------/ More (ver mas) /------------- */

.moreButton {
	position: relative;
	width: 60px;
	background: url(./images/moreButton.png);
	margin-left: 540px;
	padding: 5px 5px 5px 5px;
	top:10px;
	text-align:center;
}
.moreButtonText, moreButtonText a, moreButtonText a:visited {
	color: #3e6b94;
}

.moreButton a:hover {
	color: #a6beca;
	text-decoration: none;
}

/* -------------/ Menu izquierda /------------- */

.menuIzq {
	width: 250px;
	float: left;
	
}

.paneles {
	display:block;
	padding: 0px 0px 0px 0px;
	width: 229px;
	margin-left: 20px;
	margin-top: 20px;
	background: #3e6b94;
}

.paneles a, .paneles a:visited {
	display: block;
	padding-left: 18px;
	color: white;
}

.paneles a:hover {
	color: #ff8d27;
}
.paneles2 {
	display:block;
	float: left;
	width: 229px;
	margin-left: 20px;
	margin-top: 20px;
	background: url(images/panel.gif);
}

.paneles2 a, .paneles a:visited {
	display: block;
	padding-left: 18px;
	color: #103e62;
}

.paneles2 a:hover {
	color: #ff8d27;
}

.esquina_ad {
	background-image:url(images/esquina_ad.png);
	display:block;
	width: 4px;
	height: 4px;
	float: right;

}
.esquina_ai {
	background-image:url(images/esquina_ai.png);
	display:block;
	width: 4px;
	height: 4px;
	float: left;

}
.esquina_bi {
	background-image:url(images/esquina_bi.png);
	display:block;
	width: 4px;
	height: 4px;
	float: left;
}
.esquina_bd {
	background-image:url(images/esquina_bd.png);
	display:block;
	width: 4px;
	height: 4px;
	float: right;
}
.esquina_adg {
	background-image:url(images/esquina_adg.png);
	display:block;
	width: 4px;
	height: 4px;
	float: right;
}
.esquina_aig {
	background-image:url(images/esquina_aig.png);
	display:block;
	width: 4px;
	height: 4px;
	float: left;
}
.esquina_big {
	background-image:url(images/esquina_big.png);
	display:block;
	width: 4px;
	height: 4px;
	float: left;
}
.esquina_bdg {
	background-image:url(images/esquina_bdg.png);
	display:block;
	width: 4px;
	height: 4px;
	float: right;
}
#menuheader {
	background: none;
	height: 4px;
	margin-bottom: 20px;
}

#menufooter {
	background: none;
	height: 4px;
	margin-top: 20px;
}
#contentHeader {
	background: url(images/content_up.gif);
	height: 50px;
	margin-bottom: 20px;
}

#contentFooter {
	background: url(images/content_down.gif);
	height: 50px;
	margin-top: 20px;
}

#menuheader2 {
	background: url(images/panel_up.gif);
	height: 9px;
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 20px;

}

#menufooter2 {
	background: url(images/paneles_down.gif);
	height: 9px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 20px;
}


/* -------------/ Menu izquierda /------------- */
.textGraph {
	margin: 20px 20px 20px 20px;
	border: solid 20px transparent;
}
.graphAMC {
	margin: 0px 20px 20px 100px;
	border: solid 20px transparent;
	max-width:300px;
}

.textList {
	padding:0px 20px 0px 0px;
	list-style: square;
	text-align:justify;
}
.textList ul li {
	list-style: disc;
}
.textList ul ul li{
	list-style: circle;
}
#empresa_group {
	background-image:url(images/empresa_group.gif);
}
.imgWohit {
	float:right;
	margin-right:15px;
	margin-top: 10px;
	background-image:url(images/WoHIT_eHealth.jpg);
}

/*-------------Pestañas Chaman-----------------*/
#contentHeaderTab{
	background: url(images/content_up_Chaman.gif);
	height: 50px;
	margin-bottom: 20px;
	text-align:center;

}

#contentHeaderTab ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#contentHeaderTab ul li{
    list-style-type:none; /* < - Quitamos cualquier bullet de la lista */
    display:block; /* <- Decimos que visualice cada elemento como bloque */
    float:left; /* <- Los flotamos a la izquierda para que los ponga uno a continuación del otro */
    margin:0px 1px 0px 0px;
    padding:0px 0px 0px 0px;
	cursor:pointer;
	height: 22px;	
	width:100px;
}
#contentHeaderTab ul li a{
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	
    margin:0px 0px 0px 0px;
    padding:11px 0px 0px 0px;
	display:block;
}
.contentHeaderTab {
    list-style-type:none; /* < - Quitamos cualquier bullet de la lista */
    display:block; /* <- Decimos que visualice cada elemento como bloque */
    float:left; /* <- Los flotamos a la izquierda para que los ponga uno a continuación del otro */
	background: url(images/tabChaman.gif) no-repeat left;
	cursor:pointer;
	height: 22px;
	width:100px;
}

.contentHeaderTabVisited {
    list-style-type:none; /* < - Quitamos cualquier bullet de la lista */
    display:block; /* <- Decimos que visualice cada elemento como bloque */
    float:left; /* <- Los flotamos a la izquierda para que los ponga uno a continuación del otro */
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	background: url(images/tabChamanVisited.gif) no-repeat left;
	cursor:pointer;
	height: 22px;
	width:100px;
}


#contentHeaderTab ul li a:hover{
	background: url(images/tabChamanVisited.gif) no-repeat left;
}

#panelModulos {
	cursor:pointer;

}
.panelesNews {
	display:block;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height:167px;
	margin-left: 20px;
	margin-top: 20px;
	background: #3e6b94;
}

.panelesNews a, .paneles a:visited {
	display: block;
	color: white;
}

.panelesNews a:hover {
	color: #ff8d27;
}




