/*
Titulo:      WebHier Master Styles para la presentacion
Autor:       Gunther Gonzalez | gunther@webhier.com
Actualizado: Ago 10 2005
*/

/* Modulos de estructura */
BODY {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: small;
	text-align: justify;
	/*background: url(../img/01.jpg) no-repeat ;*/
	line-height: 1.2em;
	color: #6B6B6B;
	scrollbar-track-color:#FFFFFF;

        scrollbar-face-color:#4FA3E4; 
		scrollbar-highlight-color:#FFFFFF;
        scrollbar-3dlight-color:#4FA3E4;
        scrollbar-darkshadow-color:#4FA3E4;
        scrollbar-shadow-color:#FFFFFF;
		scrollbar-arrow-color:#FFFFFF;
	}

/* Modulos de texto */

EM {
	font-style: italic;
	}

H1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
	
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	padding: 0;
	margin: 0 0 2em 0;
	}


H3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 3px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	}

H4, H5 {
	margin: 1.5em 0 0 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #333;
	}

HR {
	border-top: 1px dashed #ccc;
	color: #fff;
	background-color: #fff;
	height: 1px;
	}

H7 {
    margin: 1em 0 1em;
	padding: 0;
	font-size: 11px;
	border-top: 1px dashed #ccc;
	color: #003366;
	
	}


p {
	margin: 1em 0 1em;
	padding: 0;
	font-size: 11px;
	}


STRONG {
	font-weight: bold;
	}

.red {color:red}
.blue{color:blue}


/* Modulos de Hipertexto Pseudoclasses  */


A:link {
	color: #069;
	}

A:visited {
	color: #7EA8E7;
	} 

A:hover {
	color: #036;
	}

/* Modulos de Formularios */

BUTTON {}

FIELDSET {}

INPUT {}
FORM {
	margin: 0px;
	text-align: center;
}

INPUT.form-big {
	width: 215px;
	padding: 0px;
	margin: 2px;
	border: 1px solid #CCC;

	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}
.Button {
	BORDER-RIGHT: #CC0000 1px solid;
	BORDER-TOP: #CC0000 1px solid; 
	FONT-SIZE: 10px;
	BORDER-LEFT: #CC0000 1px solid;
	BORDER-BOTTOM: #CC0000 1px solid; 
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	BACKGROUND-COLOR: #FFFFFF
	
}
Input.Button {
				font-size: 11px; 
				border-color:#CCC #CCC #CCC #CCC; 
				border-width:1px 1px 1px 1px;}

INPUT.form-search {
	width: 120px;
	padding: 0px;
	margin: 2px;
	border: 1px solid #CCC;

	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}

INPUT.form-small {
	width: 100px;
	padding: 0px;
	margin: 2px;
	border: 1px solid #CCC;

	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}

INPUT:hover  {
	background-color: #D7EBFF;
}
INPUT:focus  {
	background-color: #D7EBFF;
}

LABEL {
	font-size: 90%;
	color: #333;
}

LEGEND {}

SELECT {}

OPTGROUP {}

OPTION {}


TEXTAREA.form-big {
	width: 215px;
	height: 50px;
	padding: 0px;
	margin: 2px;
	border: 1px solid #CCC;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}
TEXTAREA:hover  {
	background-color: #D7EBFF;
}
TEXTAREA:focus  {
	background-color: #D7EBFF;
}

/* Modulos de Tablas */

CAPTION {}

COL {}

COLGROUP {}

TABLE {
	border-spacing: 2px;
}

TBODY {}

TD { vertical-align: bottom; }

TFOOT {}

TH {}

THEAD {}

TR {}


/* Modulos de Imagenes */


IMG {
	border: 0;
	}


/* Modulos de selectores */

a.more {
	padding-right: 7px;
	background: url(../img/more-blue.gif) no-repeat 100% 5px;
	}

.Error {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E00000;
	}

.hide {
	display: none;
	}

.item {
	clear:both;
	margin:0px 0px;
}

.item .cuerpo {
	margin:0px 5px 0px 20px;
}

.imgizqda, .imgdcha {
	padding: 1px;
	border: 1px solid #C7C9C8;
	}

.imgizqda {
	float: left;
	margin: 0px 10px 0px 0px;
}

.imgdcha {
	float: right;
	margin: -10px 0px 0px 10px;
}
.blue
	{
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #3F89C3;
	}
.red
	{
		font-family: "Trebuchet MS", Verdana, sans-serif;
		color: #CD0606;
	}
.big {
	font-size: x-large;
	
}
.med {
	font-size: medium;
}
.small {
	font-size: small;
}
/* Modulos de IDs */

#container {
	position: relative;
	margin: 20px auto 20px auto;
	padding: 0;
	font-size: 95%;
	text-align: justify;
	width: 750px;
	background: #fff;
	
}
/* ########## TOP ########## */
#header {
	width: 750px;
	height: 65px;
	padding: 0px;
	margin: 0px;
	background: url(../img/bg_header.png) no-repeat top right;
	}

		/* ---( TOP -> contenido izquierdo -> logo )--------- */
		#logo {
			position: absolute;
			width: 250px;
			left: 0px;
			top: 0px;						
		}
		
		#slogan {
			position: relative;
			display: inline;
			width: 315px;
			left: 260px;
			top: 26px;
			color: #3F89C3;
			font-weight: bold; 
		}
		/* ---( TOP -> contenido derecho -> navegacion )--------- */
		#nav-header {
			float: right;
			width: 185px;
			height: 15px;
			padding: 0px;
			margin-top: -8px;
			margin-right: -20px;
			list-style: none;
			font-size: 105%;
			font-family: Tahoma, Verdana, sans-serif;
		}
		#nav-header li {
			display: block;
			float: left;
			text-align: center;
			border: none;
			margin: 3px;
			font-size: 1em;
		}
		#nav-header a {
			display: block;
			text-decoration: none;
			padding-right: 5px;
			color: #6B6B6B;
		}
		
		#nav-header a:hover {
			color: #3F89C3;
			text-decoration: underline;
		}
				
		/* ---( TOP -> contenido derecho -> idiomas )--------- */
		#nav-lang {
			float: right;
			clear: both;
			width: 135px;
			padding: 0px;
			margin-top: -2px !important;
			margin-top: 8px;
			margin-right: 25px !important;
			margin-right: 11px; 
			list-style: none;
		}
		#nav-lang li {
			display: block;
			float: left;
			text-align: center;
			border: none;
			margin: 0px;
			font-size: 1em;
		}
		
		#nav-lang a {		
			display: block;
			text-indent: -9999px;
			text-decoration: none;
			margin-left: 10px;
			color: #6B6B6B;
			width: 23px;
			height: 16px;
		}
		
		#nav-lang #b-en a { background: url(../img/en.png) no-repeat 0 -17px; }
		#nav-lang #b-en a:hover , #nav-lang #b-en a.active { background: url(../img/en.png) no-repeat; }
		
		#nav-lang #b-es a { background: url(../img/es.png) no-repeat 0 -17px; }
		#nav-lang #b-es a:hover , #nav-lang #b-es a.active { background: url(../img/es.png) no-repeat; }
		
		#nav-lang #b-de a { background: url(../img/de.png) no-repeat 0 -17px; }
		#nav-lang #b-de a:hover , #nav-lang #b-de a.active { background: url(../img/de.png) no-repeat; }

		#nav-lang #b-fr a { background: url(../img/fr.png) no-repeat 0 -17px; }
		#nav-lang #b-fr a:hover , #nav-lang #b-fr a.active { background: url(../img/fr.png) no-repeat; }

		/* ---( NAVBAR )--------- */		
		#navbar {
			float: left;
			width: 250px;
			\width: 260px;
			w\idth: 250px;
			height: 167px;
			margin: 0px;
			padding: 0px;
			padding-top: 25px;			
			font-size: 10px;
			text-transform: uppercase;
			font-family: Verdana, "Bitstream Vera Sans", Sans-Serif;			
			background: url(../img/bg_navbar.png) no-repeat;
		}
		#navbar ul {
			list-style: none;
		}
		
		#navbar li a {			
  			voice-family: "\"}\""; 
  			voice-family: inherit;
  			height: 22px !important;
			height: 25px;
			color: #003366;
			text-decoration: none;
		}	
	
		#navbar li a:link, #navbar li a:visited {
			display: block;
			text-align: right;
			padding: 9px 30px 0 10px;
			margin-bottom: 0px !important;
			margin-bottom: -15px;
			margin-right: 40px !important;
			margin-right: 0px;
			
		}
	
		#navbar li a:hover {
			padding: 9px 30px 0 10px;
			text-align: right;
			color: #FFF;
		}
	
		#navbar li a:active {
			padding: 9px 30px 0 10px;
			text-align: right;
		}
		
		/* ---( IMGDECO IMPORTANTE Para cada pagina un nuevo id ( para la que la foto sea otra ))--------- */
		#imgdeco{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			
		}

		#imgdeco_contact{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/contact.gif) no-repeat;
		}
		#imgdeco_training{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/conference.jpg) no-repeat;
		}
		#imgdeco_world{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/world.jpg) no-repeat;
		}
		#imgdeco_keyboard{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/world.jpg) no-repeat;
		}
		#imgdeco_keyboard{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/keyboard.jpg) no-repeat;
		}
		#imgdeco_main_{
			float: right;
			width: 500px;
			height: 192px;
			margin-right: -1px;
			background: url(../../../img/main_.jpg) no-repeat;
		}
		/* ---( SIDEBAR )--------- */

		#sidebar {
			float: left;
			width: 240px;
			\width: 250px;
			w\idth: 240px;
			margin: 0;
			padding: 5px;
			text-align: justify;
		}
		/*
		#sidebar p {
			margin-top: -40px;			
		}
		*/
		/* ---( BODY )--------- */
		#body {
			float: right;
			width: 475px;
			padding-left: 15px;
			margin-right: 10px;
			/* background: #FFF url(../img/div_top.png) no-repeat -3px 0; */
		}

		/* ---( BODY-LEFT )--------- */
		#body-left {
			float: left;
			width: 220px;
			\width: 230px;
			w\idth: 220px;
			margin: 0px;
			margin-top: 0px;
			padding-left: 5px;
			padding-right: 5px;
			background: #FFF url(../img/line_deco.png) no-repeat;
		}
		/*
		#body-left p  {
			margin-top: -40px;
		}
		*/
		/* ---( BODY-RIGHT )--------- */
		#body-right {
			float: right;
			width: 220px;
			\width: 230px;
			w\idth: 220px;
			margin: 0px;
			margin-top: 0px;
			padding-left: 5px;
			padding-right: 5px !important;
			padding-right: 5px;
			background: #FFF url(../img/line_deco.png) no-repeat;
		}
				
		#body-right ul  {
			margin-top: 0px;
			margin-left: -40px !important;
			margin-left: 0px;
			list-style: none;
		}
		
		#body-right li {
			display: block;
			float: left;
			text-align: center;
			border: none;
			margin: 0px;
			font-size: 1em;
		}
		
		#body-right a {		
			display: block;
			text-indent: -9999px;
			text-decoration: none;
			margin-bottom: 5px;
			width: 220px;
			height: 65px;
		}
		
		#body-right #btn-stan a { background: url(../img/standard_plan.png) no-repeat; }
		#body-right #btn-stan a:hover , #body-right #btn-stan a.active { background: url(../img/standard_plan.png) no-repeat -240px 0; }
		
		#body-right #btn-busi a { background: url(../img/business_plan.png) no-repeat; }
		#body-right #btn-busi a:hover , #body-right #btn-busi a.active { background: url(../img/business_plan.png) no-repeat -240px 0; }
		
		#body-right #btn-prof a { background: url(../img/professional_plan.png) no-repeat; }
		#body-right #btn-prof a:hover , #body-right #btn-prof a.active { background: url(../img/professional_plan.png) no-repeat -240px 0; }
		
		/* ---( FOOTER )--------- */
		#footer {
		    float: center;
			clear: both;
			width: 750px;
			height: 2px;
			/* border-top: 5px solid #B8B8B8; linea gris*/
			border-top: 5px solid #3F89C3;
		}
		
		#footer2 {
		    float: center;
			clear: both;
			width: 750px;
			height: 20px;
			/* border-top: 5px solid #B8B8B8; linea gris*/
			border-top: 5px solid #3F89C3;
		}
		
		#navfooter {
			float: left;
			width: 250px;
			height: 15px;

			padding: 0px;
			margin: 0px;
			list-style: none;
			font-size: 105%;
			font-family: Tahoma, Verdana, sans-serif;
			text-align: left;
			color: #003366;
		}
		#navfooter li {
			
			float: left;
			text-align: center;
			border: none;
			
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 11px;
		}
		#navfooter a {
			display: block;
			text-decoration: none;
			padding-right: 5px;
			color: #003366;
		}
		
		#navfooter a:hover {
			color: #3F89C3;
			text-decoration: underline;
		}

		.headline {
		font-family: Tahoma, Verdana, sans-serif;
		color: #3F89C3;
		font-size: 1.2em;
		margin-top: 2px;
		margin-bottom: 10px;
		font-weight: bold; 
		
		}
		.headline_title {
		font-family: Tahoma, Verdana, sans-serif;
		color: #3F89C3;
		font-size: 20px;
		margin-top: 2px;
		margin-bottom: 10px;
				
		}
		.new_{
		color: #CD0606;
		}
		.new_title{
		color: #CD0606;
		}
		#new_red {
		font-family: Tahoma, Verdana, sans-serif;
		color: #3F89C3;
		font-size: 1.2em;
		margin-top: 2px;
		margin-bottom: 10px;
		font-weight: bold; 
		
		}


		#footer_cpr {
		float: right;
		font-family: Tahoma, Verdana, sans-serif;
		color: #003366;
		font-size: 10px;
		
		}

		
		/* Nuevo codigo*/

		.my_small_links {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.my_small_links2 {
	color: #FF9900 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5px;
	font-weight: bold;
}

.HeaderLinks {
	color: #FFFFFF ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	background-color: #B8B8B8;
}


		#title {
		font-size: 140%;
		font-family: Tahoma, Verdana, sans-serif;
		color: #3F89C3;
		margin-bottom: 0px;
		}