﻿body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(images/bg.gif) repeat-x; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}

/* ENLACES Y ESTILOS DE CABECERA */

a { color: #E77917; background: inherit; }
a:hover { color: #787169; background: inherit; }
a.hosting { color: #FFFFFF; background: none; }
a.hosting:hover { color: #787169; background: none; }
a.banner { color: #FFFFFF; background: none; font-weight:bold; }
a.banner:hover { color: #787169; background: none;}
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h1.seo { clear: both; font-family:"Trebuchet MS", Helvetica, Sans-Serif; font-size : 1.2em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
h4 { font-size: 1.1em; color: #000; background: #fff url(images/h3bg_osc.gif) no-repeat center left; padding: 0 14px; margin: 5px;}
h5 { font-size: 1.1em; color: #000; padding: 0 14px; margin: 5px;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 1px solid #cac6c1; padding: 3px; margin: 0 15px 10px 0; }
.orange { color: #E2791E; background: inherit; }
.no_border {  border:0px; border-color:#000000; }

/* SLIDESHOW*/
#slideshow #slidesContainer {
  float: right;
  margin:0 auto;
  width:642px;
  height:197px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:622px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:197px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:none;
  visibility:hidden;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  /*top:0;*/
  /*left:0;*/
  /*background:transparent url(images/control_left.jpg) no-repeat 0 0;*/
  float:left;
}
#rightControl {
  /*top:0;*/
  /*right:0;*/
  /*background:transparent url(images/control_right.jpg) no-repeat 0 0;*/
  /*float:right;*/
  /*padding-right: 100px;*/
  float:right;
}

/*
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
*/

/* CONTENIDO */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}

/* LOGOTIPO SUPERIOR IZQUIERDO */

#logo { 
	float: left; 
}
	#logo h1 { color: #000; background: #fff; }
/* solo IE*/
    #logo h2 { color: #000; text-align:right; margin-bottom: 200px; position:relative; margin-right: 10px;}

/* todos los navegadores */
html>body #logo h2 {  color: #000; text-align:right; margin-top: -79px; position:relative; margin-bottom: 35px; margin-right: 10px;}

/* MENÚ SUPERIOR DERECHO */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #787169; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* LETRA SUBRAYADA */

/* INTRODUCCIÓN DEL LATERAL IZQUIERDO */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* MENÚ IZQUIERDO VERTICAL */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		/*border-bottom: 2px solid #dad3cb; */
	}
		#menu_left li { list-style: none; }
		#menu_left li a { clear:both;
			display: block; 
			color: #E77917; 
			background: #cac6c1 url(images/arrow.gif) no-repeat center left; 
			width: 204px;
			height: 18px; 
			padding: 7px 23px 7px 23px; 
			margin: 1px 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
		#menu_left li a:active { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
		#menu_left li .seleccion { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
		
		#sub_menu_left { 
		float: left;  
		margin: 0 0 0px 0; 
		padding: 1px 0 0px 0; 
		/*border-bottom: 2px solid #dad3cb; */
	}
		#sub_menu_left li { list-style: none; }
		#sub_menu_left li a {clear:both;
			display: block; 
			color: #ED9647; 
			background: #E0DDDA url(images/arrow_none.gif) no-repeat center left; 
			width: 204px;
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none;
			text-align:left;}	
		#sub_menu_left li a:hover { background: #ED9647 url(images/arrow_none.gif) no-repeat center left; color: #fff;  }
		#sub_menu_left li a:active { background: #ED9647 url(images/arrow_none.gif) no-repeat center left; color: #fff;  text-decoration: underline;}
		#sub_sub_menu_left li a{ display: block; 
			color: #ED9647; 
			background: #ED9647 url(images/arrow_none.gif) no-repeat center left; 
			width: 204px;
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none;
			text-align:left;  }

/* LADO LATERAL DERECHO */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
/* CABECERAS */
#intro_right_websitespark {
	float: right;
	width: 340px;
	padding: 0px 300px 22px 0px;
	background: url("websitespark/BannerGradient.png") repeat-x;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 174px;
	border: 1px solid #cac6c1;
}
#intro_right_index {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_index.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_equipo {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_equipo.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_consul {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_consul.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_host {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_host.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_main {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_main.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_addons {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_addons.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_cpanel {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_cpanel.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_enkompass {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_enkompass.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_vps_windows {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_vps_windows.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_webmatrix {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_webmatrix.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_cluster {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_cluster.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_vmware {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_vmware2.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_vmware p {
  width: 250px;
  padding-left: 130px;
  padding-top: 15px;
}
#intro_right_veeam {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_veeam2.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_veeam p {
  width: 250px;
  padding-left: 170px;
  padding-top: 15px;
}
#intro_right_comodo {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_comodo.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_comodo p {
  width: 300px;
  padding-left: 150px;
  padding-top: 15px;
}

#intro_right_skylive {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: url(images/intro_skylive.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_skylive p {
  width: 250px;
}

#intro_right_not {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_not.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_atencion {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_atencion.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_clien {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_clien.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_servi {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #D55E00 url(images/intro_servi.jpg) no-repeat;
	color: #ededed;
	margin: 0 0 6px 0;
	height: 171px;
	border: 1px solid #cac6c1;
}
#intro_right_mapa {
    float: right;
    width: 340px;
    padding: 25px 280px 0 20px;
    background: #D55E00 url(images/intro_mapa.jpg) no-repeat;
    color: #ededed;
    margin: 0 0 6px 0;
    height: 171px;
    border: 1px solid #cac6c1;
}

/* PARTE IZQUIERDA: NOTICIAS*/
	
#left {
clear: left;
	float: left;
	width: 250px;
	position:relative;
	height: 598px;
}
	.box {
	position:relative;
	float: left;
		padding: 0px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		overflow: auto;
		height: 619px
	}
	.box ul li{
	list-style-image: url(images/arrow_gris.gif);
	list-style: none;
	
		padding: 0px 5px;
		
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #b05000;
		margin: 0 0 5px 0;
		background: #F0C4A1 url(images/package.gif) no-repeat;
		color: #787169;
		height: 107px;
	}
/* PARTE IZQUIERDA: NOTICIAS Y BANNER*/
	
#left {
clear: left;
	float: left;
	width: 250px;
	position:relative;
}

	.box2 {
	position:relative;
	float: left;
		padding: 0px 0px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		overflow: auto;
	}
	.box2banner {
		border: 0px solid #ccc;
		margin:0px;
		padding:0px;
		position: relative;
		}
	.box3banner {
		border: 0px solid #ccc;
		margin:0px;
		padding:0px;
		position: relative;
		height: 619px;
		}
		
		
		
	
	.box1 {
	position:relative;
	float: left;
		padding: 0px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		overflow: auto;
		height: 412px
	}
	.box1 ul li{
	list-style-image: url(images/arrow_gris.gif);
	list-style: none;
	
		padding: 0px 5px;
		
	}
	.note {
		padding: 15px 15px 20px 100px;
		border: 1px solid #b05000;
		margin: 0 0 5px 0;
		background: #F0C4A1 url(images/package.gif) no-repeat;
		color: #787169;
		height: 107px;
	}	

/* PARTE DERECHA: CONTENIDO*/

#right {
	float: right;
	width: 643px;
}

#center {
  float: left;
  width: 867px;
}
    

	.leftcol { 
		float: left; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
		height: 598px;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		height: 598px;
		}
	.grancol { 
		float: left; 
		padding: 10px 15px;
		width: 610px; 
		border:#ccc 1px solid;
		margin: 1px 0 10px 0;
		height: 598px;
		overflow: auto;
		}
		.extragrancol { 
		padding: 10px 15px;
		width: 867px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
/*		height: 598px;*/
		}
		.extragrancol-scroll { 
		padding: 10px 15px;
		width: 867px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;		
		height: 598px;
		overflow: auto;
		}		
		.extragrancol-frame { 
		width: 898px; 
		height: 590px;
		margin-bottom:20px;
		}
		.extragrancol-frame-noscroll { 
		width: 898px; 
		margin-bottom:20px;
		}
	.special {
		clear: both;
		margin:0px 0 10px 0;	
		padding: 5px 12px;
		border: 1px solid #ccc;
		background: #FFF;
		color: #444;
		border:#ccc 1px solid;
		text-align: right;
		/*height: 598px;*/
	}

/* PIE */
.registro { clear:both; position:relative; padding-left: 5px; margin: -10px 0px 20px 0px; font-size:smaller; text-align:center}
#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
.miniindex { clear: both; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size:smaller; text-align: center;}
.unnamed1 {}

/* SUBMENU POR PESTAÑAS: SERVICIOS */
.pestanas-windows{
   width: 610px;
   float:left;
   margin:0px 6px 0px 0px;
   padding:4px 6px 4px 6px;
   background-color: #cac6c1;
   border-bottom: #CCCCCC 1px solid;
   border-left: #CCCCCC 1px solid;
   border-right: #CCCCCC 1px solid;
   border-top: #CCCCCC 1px solid;
   color: #eeeeee;
   font-size:8pt;
}

.tabs {
    position:relative;
    /*top:1px;*/
}
.tab {
    border-right: White 2px solid;
    border-left: #cac6c1 1px solid;
    background-color:#cac6c1;
    padding:2px 10px;
}
.selectedTab {
    background-color:#E77917;
    border-right: White 2px solid;
    border-left: #E77917 1px solid;
    color: White;
}
.tabContents {
    border:#CCCCCC 1px solid;
    padding:10px;
    background-color:white;
}

.pestanas{
   width: 610px;
}
.pestanas ul{
   margin:0px;
   padding:0px;
   list-style: none;
}
.pestanas li{
   float:left;
   margin:0px 6px 0px 0px;
   padding:4px 6px 4px 6px;
   background-color: #cac6c1;
   border-bottom: #CCCCCC 1px solid;
   border-left: #CCCCCC 1px solid;
   border-right: #CCCCCC 1px solid;
   border-top: #CCCCCC 1px solid;
   color: #eeeeee;
   font-size:8pt;
}

.pestanas-frame{
   width: 892px;
}
.pestanas-frame ul{
   margin:0px;
   padding:0px;
   list-style: none;
}
.pestanas-frame li{
   float:left;
   margin:0px 6px 0px 0px;
   padding:4px 6px 4px 6px;
   background-color: #cac6c1;
   border-bottom: #CCCCCC 1px solid;
   border-left: #CCCCCC 1px solid;
   border-right: #CCCCCC 1px solid;
   border-top: #CCCCCC 1px solid;
   color: #eeeeee;
   font-size:8pt;
}
li.pestanaseleccionada{
   background-color: #E77917;
   border-bottom: #E77917 1px solid;
   border-left: #E77917 1px solid;
   border-right: #E77917 1px solid;
   border-top: #E77917 1px solid;
   color: #ffffff;
   }
.cuerpopestanas{
   background-color: #FFFFFF;
   clear:both;   
   margin:0px;
   padding:4px;
   height: 600px;
   overflow: auto;
   float: left; 
	padding: 10px 15px;
	width: 610px; 
	border:#ccc 1px solid;
	margin: 1px 0 10px 0;
	height: 570px;
}
.cuerpopestanas ul{
  padding: 0px 0px 0px 15px;
}
.cuerpopestanas li{
  border: #ffffff;   
  background-color: #ffffff;
  color: #000000;
  list-style: disc;
  float: none;
}  
.cuerpopestanas-extragrancol{
  background-color: #FFFFFF;
  clear:both;   
  margin:0px;
  padding:4px;
  overflow: auto;
  float: left; 
	width: 892px; 
	border:#ccc 1px solid;
	margin: 0px 0 10px 0px;
	padding: 10px 0px 0px 4px;
	height: 570px;
}
.cuerpopestanas-extragrancol ul{
  margin: 0px; 
  padding: 0px 0px 0px 15px;
}
.cuerpopestanas-extragrancol li{
  border: #e8e8e8;   
  background-color: #e8e8e8;
  color: #000000;
  list-style: disc;
  list-style-position:inherit;
} 
.cuerpopestanas-extragrancol-noscroll{
  background-color: #FFFFFF;
  clear:both;   
  margin:0px;
  padding:4px;
  overflow: auto;
  float: left; 
	width: 892px; 
	border:#ccc 1px solid;
	margin: 0px 0 10px 0px;
	padding: 10px 0px 0px 4px;
}
.cuerpopestanas-extragrancol-noscroll ul{
  margin: 0px; 
  padding: 0px 0px 0px 15px;
}
.cuerpopestanas-extragrancol-noscroll li{
  border: #e8e8e8;   
  background-color: #f8f8f8;
  color: #000000;
  list-style: disc;
  list-style-position:inherit;
} 

.cuerpopestanas-extragrancol-noscroll-veeam{
  background-color: #FFFFFF;
  clear:both;   
  margin:0px;
  padding:4px;
  overflow: auto;
  float: left; 
	width: 892px; 
	border:#ccc 1px solid;
	margin: 0px 0 10px 0px;
	padding: 10px 0px 0px 4px;
}
.cuerpopestanas-extragrancol-noscroll-veeam ul{
  padding: 0px 0px 0px 15px;
}
.cuerpopestanas-extragrancol-noscroll-veeam li{
  border: #ffffff;   
  background-color: #ffffff;
  color: #000000;
  list-style: disc;
  float: none;
} 

.cuerpopestanas-veeam{
  background-color: #FFFFFF;
  clear:both;   
  margin:0px;
  padding:4px;
  overflow: auto;
  float: left; 
	width: 892px; 
	border:#ccc 1px solid;
	margin: 0px 0 10px 0px;
	padding: 10px 0px 0px 4px;
	height: 570px;
}
.cuerpopestanas-veeam ul{
  padding: 0px 0px 0px 15px;
}
.cuerpopestanas-veeam li{
  border: #ffffff;   
  background-color: #ffffff;
  color: #000000;
  list-style: disc;
  float: none;
}
.cuerpoiframe{
  background-color: #FFFFFF;
  clear:both;   
  margin:0px;
  padding:0px;
  overflow: auto;
  float: left; 
	padding: 0px 0px;
	width: 892px; 
	border:#ccc 1px solid;
	margin: 0px 0 10px 0px;
	padding: 10px 0px 0px 4px;
} 
.contenido ul{
   margin:0px;
   padding:0px 0px 20px 0px;
}
.contenido li{
   background-color: #FFFFFF;
   color: #333333;
   list-style: disc;
   list-style-position:inherit;
   width: 580px;
   margin:0px 0px 0px 20px;
   padding:0px 0px 0px 0px;
   border:#FFFFFF;

}
.subcontenido ul {
   margin:0px;
   padding:0px 0px 30px 0px;
}

.subcontenido li {
   background-color: #FFFFFF;
   color: #333333;
   list-style: disc;
   list-style-position:inherit;
   width: 540px;
   margin:0px 0px 0px 40px;
   padding:0px 0px 0px 0px;
   border:#FFFFFF;

}

/* MAPA*/
.leftgrancol {
        float: left;
        padding: 12px 15px;
        width: 867px;
        border:#ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
    }
.leftgrancol li{
   color: #333333;
   list-style: disc;
   list-style-position:inherit;
   margin:0px 0px 0px 20px;
   padding:0px 0px 0px 0px;

}

/* ERROR*/
.error {
        float: left;
        padding: 12px 15px;
        width: 867px;
        border:#ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
        border:#ED9647 1px solid;
   
    }
    .error h1{ color:#000000; }
    .error h2 { color:#333333; text-align:center;
    font-size:14px;
    }

/* TOOLTIP */

/*-----------------------------------------------------------------------------------------------*/
/*                                            LAYOUT                                             */
/*-----------------------------------------------------------------------------------------------*/

#wrapper {
	width: 900px;
	margin: 20px auto;
	padding: 40px;
	background: #FFF;
	border: solid 1px #666;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(images/help.gif) no-repeat right;
	color: #E77917;
	text-decoration: none;
	font-weight:bold;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 400px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 00px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #000000;
    border-style: solid;
    border-color: #E77917;
    border-width: thin;
	text-align:left;
	font-weight:normal;
	text-decoration: none;	
	background: #f8f8f8;	
}
	
.toolTipTop { /* Top section of the tooltip */
	width: 400px;
	height: 20px;
	background: #E77917;
	text-align: center;
	font-weight:bold;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	/*background: #A1D40A url(images/bubbleMid.gif) repeat-x top;*/
	background: #f8f8f8;
	text-decoration: none;
}
		
.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(images/bubbleBtm.gif) no-repeat;
}
		
		
		
		
		
