﻿div , body , html, table , tr, td, ul, li, h1, h2, h3, h4 {margin: 0px;	padding: 0px;}

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.8em;
	background:#8A2375 url(../imagenes/background.jpg) repeat-y center;}			

h3 {font-size:1.2em}
h4 { font-size:1em}
a { color:#F0F; text-decoration:none;}
a:hover	{ text-decoration:underline; color:#FFF;}

.ContenedorPrincipal{margin: 0px auto; width: 1000px; background:#FFF; }

.container2 {background-color:#FFF;  width:100%; height:auto; overflow:hidden; }

/*CABECERO*/
.cabecero {background:url(../imagenes/bg_cabecero.jpg) no-repeat; height:192px;}

.logo {height:163px; width:1000px; position: relative; z-index:0;}


/*MENU SUPERIOR*/

#OpcionesMenu { float:right; width: 550px; color: #FFFFFF; overflow:hidden; margin-top:-8px;}

#OpcionesMenu ul {font-weight : bold; font-size:.9em; height:38px;}

#OpcionesMenu ul li {display: inline-block; border-right:1px solid #fff; height:38px;}
#OpcionesMenu ul li.selected {height: 38px;  background: url(../imagenes/navSelected2.png) no-repeat bottom left;}

#OpcionesMenu ul li a {color: #FFFFFF; background:transparent;	text-decoration: none; vertical-align:bottom
}

#OpcionesMenu ul li span	{padding: 0px 10px 19px; vertical-align:middle}
#OpcionesMenu ul li a:hover 
{
	color: black;
	background: transparent;
	background-repeat:no-repeat;	 
}

span.selected {/*height: 38px;  background: url(../imagenes/navSelected2.png) no-repeat bottom left;*/ padding:16px 0px;}

/*ESTRUCTURA PRINCIPAL*/
#PanelDerecho { margin-left:230px}
#PanelDerecho a:link,#PanelDerecho a:active,#PanelDerecho a:visited
 { 
 	text-decoration:none; 
 	color: #7030A0; 
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  	
    font-weight: bold; 	
 }
 
 #PanelDerecho a:hover
 { 
 	text-decoration:underline; 
 	color: #893AC2;  	
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  	
    font-weight: bold;
 }

#PanelIzquierdo {float:left; width:230px}


/*clases para controlar los colores de los encabezados del accordion*/

h4.ui-state-active {padding:0px 7px!important; background:#991A91 url(../imagenes/iconActive.jpg) top right no-repeat}
h4.ui-state-default {padding:0px 7px!important; background:#333333 url(../imagenes/iconDefault.jpg) top right no-repeat;
					 border-bottom:1px solid #FFF;}


#Contenido {float: right; width: 500px;}

#Cuerpo	 {clear:both; width:1000px}

#PiePagina span a {color:black!important}

#PiePagina {background-color:transparent;	color: #FFFFFF;	font-weight :bold;   padding-top: 0px; }
#PiePagina ul {width:550px; margin:10px auto}

#PiePagina li {	display: inline; }

#PiePagina li a 
{
	padding:0px 5px;
	color: #FFFFFF;
	text-decoration: none;
}

/*Acordion Menu*/
#accordion a {
  display: block;
  text-decoration: none;
  margin:0px;
  padding:4px;  
}	


#accordion div {
 background: url("../imagenes/bgAccordion.jpg") no-repeat top right; 
 height:100%;
 overflow:hidden;
}

#accordion h4 {
 margin:0px; 
 padding:0px;
}

#accordion p {
 margin:0px; 
 padding:0px;
}

.LinkHeader	 { color:White; font-weight: bold;} 
.ui-state-default .LinkHeader:hover	{ color:#991A91;}

.LinkItem  {color: #000}
.LinkItem:hover { color:#991A91;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{ }

.ui-accordion .ui-accordion-content-active { padding:5px!important}

/*BOXES*/
.box { width:100%; overflow:hidden; margin-bottom:5px}
.box a { color:#F0F; text-decoration:none; float:none}
.box a:hover { text-decoration:underline; color:#FFF;}
.box h2 { color:#991A91; font-size:1em; text-transform:uppercase; padding:5px}

.box .container {}

.images	 { padding:3px; border:1px solid #e7e7e7}
.detail h3 { color:#991991;}
.detail span { font-size:1em; font-style:italic}

.bloque .images { width:145px; float:left}
.bloque .detail { margin-left:165px}

/* login */
.login { background:url(../imagenes/bg_Buscador.jpg) repeat-x bottom left; border:1px solid #F3F3F3;}
.login table { width:95%; margin:5px}
.Formtext { color:#999; font-style:italic; border:1px solid #e7e7e7; width:96%; margin:5px; font-size:.9em; height:16px}/*width:100%*/

.boton1 { float:right; margin:5px;}

/* emprendedoras	*/
.w1 { background:url(../imagenes/banneLink_1.jpg) no-repeat; width:377px; height:193px; margin:3px; float:left}
.w1 h2 { color:#FFF; margin-top:5px; font-size:1.2em; margin-left:10px}
.w1 .descripcion, .w2 .descripcion { width:190px; height:110px; float:right; color:#FFF; margin:5px;}

/* empresarias	*/
.w2 { background: url(../imagenes/banneLink_2.jpg); width:377px; height:193px; margin:3px; float:left}
.w2 h2 { margin-top:5px; font-size:1.2em; text-align:right;}

/* NOTICIAS	*/
.news, .events {width:377px; float:left}
.news h2 { background:url(../imagenes/bg_Bgnews.jpg) left top no-repeat; height:36px; padding-left:45px}

/* EVENTOS	*/
.events { margin-left:10px}
.events h2 { background:url(../imagenes/bg_events.jpg) left top no-repeat; height:36px; padding-left:55px}

.w1 .container,	.w2 .container, .news .container, .events .container{ margin:5px}	


/*aliados estrategicos	*/
.aliados { float:left; width:1000px; background: url(../imagenes/bg_Seccion.jpg) repeat-x top left;}
.aliados table { width:100%; margin-top:10px}
.aliados table td{ text-align:center}
.aliados table img { vertical-align:middle; border:none}	


/*estilos para menu horizontal*/
.etm-ctnr {margin-top:-9px; height: 38px; float:right; position:relative; z-index: 1;}

.etm-ctnr .etm-left, .etm-ctnr .etm-right { margin: 0 8px; display: inline; }

.etm-ctnr .etm-right {float:none;}

/* Main Menu - item */

.etm-ctnr .etm-left li{ display: inline; }

.etm-ctnr .etm-left li a{ line-height: 28px; vertical-align: middle; color: #FFF; text-decoration: none; margin-top: 10px; float: left; font-size: 13px; padding: 0 14px; }

.etm-ctnr .etm-left li a:link,.etm-ctnr .etm-left li a:visited{text-decoration: none;}

.etm-ctnr .etm-left li a:hover{ color: #FF00FF; }


/* menu principal - pestana ACTIVA */

.etm-ctnr .etm-left li { float: left; display: inline; }

.etm-ctnr .etm-left li .left, .etm-ctnr .right, .etm-ctnr .text { float: left; display: inline; }

.etm-ctnr .etm-left li .left, .etm-ctnr .right { width: 10px; }

.etm-ctnr .etm-left li .left, .etm-ctnr .right, .etm-ctnr .text { height: 38px; }

.etm-ctnr .etm-left li .selected .left { background: url(../imagenes/pLeft.png) no-repeat left top!important;}
.etm-ctnr .etm-left li .right { background: url(../imagenes/pRight.png) no-repeat right top}
.etm-ctnr .etm-left li .text { background: url(../imagenes/pCenter.png) repeat-x left top; }

.etm-ctnr .etm-left li .selected .text { color:#991A91;}

/* menu principal - pestana INACTIVA */
.etm-ctnr .etm-left li .default .left, .etm-ctnr .etm-left li .default .right, .etm-ctnr .etm-left li .default .text{ background: none}
.etm-ctnr .etm-left li .default .left, .etm-ctnr .etm-left li .default .right	{ width:3px}
.etm-ctnr .etm-left li .default .text a		 { color:#FFF}
.etm-ctnr .etm-left li .default .text a:hover{ color:#F0F;}

.etm-ctnr .etm-left li .text a { margin: 0; padding: 4px 8px 0 8px; border: 0; color:#000; font-weight: bold; line-height: 39px; }


/*PIE DE PAGINA*/
#PiePagina {width:1000px; clear:both; background:url(../imagenes/bg_pie.jpg) repeat-x; height:185px;}

.ValidadorMaster
{       
    color: Red; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
    font-size: 10px;
    font-weight:bold;
}

/*PLANTLLAS INTERIORES*/
.interior					{ background:url(../imagenes/bg_interior.jpg) repeat-x top left;}
.interior .container		{ margin-top:5px; background:url(../imagenes/bg_preguntas.png) top right no-repeat; min-height:200px}
.interior .container		{ margin-top:5px; background:url(../imagenes/bg_preguntas.png) top right no-repeat; min-height:200px}
.interior .cuentele 		{ margin-top:5px; background:url(../imagenes/bg_amigo.png) top right no-repeat; min-height:200px}
.interior .contactenos 		{ margin-top:5px; background:url(../imagenes/bg_contacto.png) top right no-repeat; min-height:200px}
.interior .preguntas 		{ margin-top:5px; background:url(../imagenes/bg_preguntas.png) top right no-repeat; min-height:200px}
.interior .quienessomos 	{ margin-top:5px; background:url(../imagenes/bg_ECCO.png) top right no-repeat; min-height:200px}


