﻿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; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
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; }

/* TWITTER */
.twitter {
    position:relative; 
    float:left;
    padding-right: 10px; 
}
.twitter h3 {
    clear: both; 
    font-size: 1.1em; 
    color: #000; 
    padding: 0 14px; 
    margin: 0;
    background: #fff;
}

.twitter h4 {
    font-size: 1.1em; 
    color: #000; 
    background: #fff; 
    padding: 0 14px; 
    margin: 5px;
}
/* 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_left2 	{
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
	}
	
	.menu_left2 li 	{
	    list-style: none;
	}

	.menu_left2 a  {
	    clear:both;
		display: block; 
		color: #E77917; 
		background: #cac6c1 url(images/arrow.gif) no-repeat center left; 
		width: 204px; 
		padding: 7px 23px 7px 23px; 
		margin: 1px 0 1px 0; 
		font-weight: bold; 
		text-decoration: none; 
	}
	
	.menu_left2_noticias a {
	    clear:both;
		display: block; 
		color: #E77917; 
		background: #cac6c1 url(images/arrow.gif) no-repeat center left; 
		width: 104px; 
		padding: 7px 23px 7px 23px; 
		margin: 1px 0 1px 0; 
		font-weight: bold; 
		text-decoration: none; 
	}	

	.menu_left2_twitter {
        position: relative;
        float: right;
		color: #E77917;
		background: #cac6c1; 
		width: 61px; 
		padding: 0px 0px 0px 0px; 
		margin: 1px 0 1px 0; 
	}	

	.menu_left2 li a:hover { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
	.menu_left2 li a:active { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
	.menu_left2 li .seleccion { background: #E77917 url(images/arrow.gif) no-repeat center left; color: #fff;  }
	
	#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; 
			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_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_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_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;
		}
		
		
		
	
	.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;
}
    
.mainbanner {
		padding: 10px 15px;
		width: 610px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
		height: 176px;
		background: #D55E00 url(images/mainbanner.jpg) no-repeat;
}
/*
#mainbanner h1 { margin: 0 0 20px 0; }
#mainbanner .white { color: #FFF; background-color:transparent; }
*/
.leftcolbanner { 
	float: left; 
	padding: 10px 15px;
	width: 285px; 
	border:#ccc 1px solid;
	text-align: justify;
	margin: 0 0 10px 0;
	height: 392px;
}
.rightcolbanner { 
	float: right; 
	padding: 10px 15px;
	width: 285px; 
	border:#ccc 1px solid;
	margin: 0 0 10px 0;
	height: 392px;
	}

	.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;
		}
	.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{
   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-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-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;
    }
/* ---- COUNTDOWN ------------------------------------------- */
.ImageCenter {
	position: relative;
	width: 450px;
	height: 150px;
	top: 10px;
	left: 80px;
	text-align:center;
	background: url(images/countdown.gif) no-repeat;
}

.clock {
	position: relative;
 	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
 	padding: 0px;
	text-align: center;
	vertical-align: top;
}

/* ---- COUNTDOWN ------------------------------------------- */
/* ---- FLOWPLAYER ------------------------------------------- */
/* styling of the container. */ 
a.myPlayer { 
	display:block; 
	width: 200px;
	height:150px;
	text-align:center; 
	border:1px solid #999;
	text-decoration: none;
	background: url(images/splash.jpg) no-repeat;
} 
 
/* play button */ 
a.myPlayer img { 
	margin-top:35px; 
	border:0px;
	cursor: pointer; 
} 

/* info area */
a.myPlayer p {
	margin-top: 20px;
	color: #ffC000;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
}
 
/* when container is hovered we alter the border color */ 
/*
a.myPlayer:hover { 
	border:1px solid #000;
	text-decoration: none;
}
*/
/* ---- FLOWPLAYER ------------------------------------------- */