@charset "utf-8";
/*******************************************************************************

 CONFIGURACIONES GENERALES

 *******************************************************************************/

*, html, body {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:10px 5px; font-family:"Times New Roman", Times, serif}
h1 {font-size: 26px; color: #F90; text-align:right; background:url(../image/raton.jpg) no-repeat 0% 100%}
h2 {font-size:22px; }
.h2 {font-size: 26px; color: #F90; text-align:right; background:url(../image/raton.jpg) no-repeat 0% 100%}
h3 {font-size: 18px }
h4 {font-size:12px}
h5 {font-size:10px}
h6 {font-size:8px}
p {
	margin:10px;
	font-size:12px;
	text-align: justify;
	color: #333;
	line-height: 17px;
}

a { text-decoration:none; color:#069; font: bold 12px sans-serif; }

a:hover {color:#093;}

a:hover.margen10{background:url(../image/search.gif) no-repeat 120% 50%}

li { margin:10px;
	font-size:12px;
	text-align: justify;}

img {margin:0px; padding:0px; border:0px}

object {margin:0px; padding:0px; border:0px}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center;
	color: #666;
}
table {margin:0; padding:0;}
ul{margin:5px 20px;}
ul.vinetaPunto{ padding:10px 0px;}
ul.vinetaPunto li{
	background:url(../image/vinetaPunto.png) no-repeat 0 5px;
	list-style-type:none;
	padding:5px 0 5px 20px;
	margin:0 15px 0 15px;
	line-height:12px;
	}
ul.vinetaPunto li ul li{ background:url(../image/vinetaPunto.png) no-repeat 0px 6px}
/*******************************************************************************

 CLASES GENERALES

 *******************************************************************************/
.separar10Top{margin-top:10px}

.separar4Top{margin-top:4px}

/*.borde1pxCCC {1px solid #ccc}*/

.centrar{text-align: center;}

.margingPadding0px {margin: 0; padding: 0px;}

.alinCentro	{text-align:center}

.enlaces01 a {text-decoration:none; color:#105c6e;}
.enlaces01 a:visited {text-decoration:none;}
.enlaces01 a:hover {text-decoration:underline; color:#69C}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.border1px{border:1px solid #999;}
.caja01{
	border:1px solid #999;
	background-color:#EEEEEE;
	padding:10px 0;
	margin-bottom:10px;
	}

.caja03{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: right;
	clear: none;
	width: 100%;
	list-style-type:none;
	border:1px solid #999;
	}
.caja04{
	border:1px solid #999;
	background-color:#EEEEEE;
	padding:0;
	margin-bottom:10px;
	text-align: left;
	}
.caja05{margin:5px 10px; height:40px; background:#a2bf6a; border:1px solid #393; color:#000}
/*******************************************************************************

 ESTILO CAJAS PRINCIPALES

 *******************************************************************************/

.thrColElsHdr #container {
	width: 940px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 0;
	text-align: center; /* esto anula text-align: center en el elemento body. */
	position:relative;
}
.thrColElsHdr #topPage {
	padding: 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	width:940px;
	height: 25px;
	background-color: #FC6;
	position:relative;
	}
.thrColElsHdr #header {
	padding: 0;
	width:940px;
	height: 150px;
	position:relative;
	display:block;
	}
.thrColElsHdr #cajaFash{ margin:0; padding:0;}

.thrColElsHdr #sidebar1 {
	float: left;
	width: 150px;
	padding: 10px 0;
	position:relative;
}
.thrColElsHdr #sidebar2 {
	float: right;
	width: 290px;
	padding: 0px;
	margin: 10px 0 10px 0;
}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
}

/* Sugerencias para ContentPlanes:
1. Si asigna a este div #mainContent un valor de tamaño de fuente distinto del que tiene el div #sidebar1, los márgenes del div #mainContent se basarán en su tamaño de fuente y el ancho del div #sidebar1 se basará en su tamaño de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
3. Para evitar la caída de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamaño máximo aproximado de la imagen/el elemento, ya que este diseño se basa en el tamaño de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamaño de fuente inferior al normal, habrá menos espacio disponible en el div #mainContent del que observará al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas específicos de IE.
*/
.thrColElsHdr #mainContent {
	margin: 10px 300px 10px 160px;
	position:relative;
	padding: 0px;
}
.thrColElsHdr #footer {
	padding: 0 10px;
	background:#E8E8E8;
	font-size: 11px;
	position:relative;
	border-top: 1px solid #ccc;
}
.thrColElsHdr #footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.thrColElsHdr #footer a {color: #666; text-decoration:none;}
.thrColElsHdr #footer a:visited {text-decoration:none;}
.thrColElsHdr #footer a:hover {text-decoration:underline;}

#reloj{
	margin:2px 5px 2px 0;
	font-size:11px;
	color: #16387c;
	float:left;
	}
#caja01 {
	width:936px;
	height:20px;
	position:relative;
	float: left;
	padding: 2px 2px;
}
#caja02 {
	width:750px;
	height:39px;
	float:right;
	background:url(../image/bg_topbar.gif) repeat-x;
	position:relative;
}
/*******************************************************************************/
/*                                 nosotros.php                                */
/*******************************************************************************/
.thrColElsHdr #mainLaEmpresa {
	background:url(../image/fondoCablesRed01.gif) no-repeat;
	margin: 15px 260px 5px 165px;
	position:relative;
	padding: 0px 5px 0px 5px;
}
.thrColElsHdr #mainLaEmpresa p {text-align:justify; line-height:16px; font-weight:lighter}
.thrColElsHdr #sidebarDerEmpresa {
	float: right;
	width: 245px;
	padding: 0px;
	margin: 15px 0 0 0;
	}
/*******************************************************************************/
/*                              planesHosting.php                              */
/*******************************************************************************/
.thrColElsHdr #contentPlanes {
	border:1px solid #999;
	margin: 15px 180px 15px 165px;
	position:relative;
	padding: 15px 10px 0 10px;
	text-align:center;
	}
.thrColElsHdr #barDer150 {
	float: right;
	width: 165px;
	margin: 15px 0;
	position:relative;
	text-align:center;
}
#contentPlanes h1 {font-size:70%;}
#contentPlanes p {font-size:80%}
#contentPlanes .centrarTablas {background:#eee; text-align: center; margin:0 15px 10px 15px;}
#contentPlanes table,#planesComparativo table {
	font-family:Verdana,"New York",Arial,Helvetica,sans-serif;
	font-size:80%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	color: #000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #27a0bd;
	border-top: none;
	width:100%;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	}
#contentPlanes table#tableM25  {background: url(../image/fondoTablaM25.jpg) 100% 130% no-repeat #eee;}
#contentPlanes table#tableM50  {background: url(../image/fondoTablaM50.jpg) 100% 130% no-repeat #eee;}
#contentPlanes table#tableM100 {background: url(../image/fondoTablaM100.jpg) 100% 130% no-repeat #eee;}
#contentPlanes table#tableM500 {background: url(../image/fondoTablaM500.jpg) 100% 130% no-repeat #eee;}
#contentPlanes table#tableM1000{background: url(../image/fondoTablaM1000.jpg) 100% 130% no-repeat #eee;}
#contentPlanes table#tableM2500{background: url(../image/fondoTablaM2500.jpg) 100% 130% no-repeat #eee;}
#planesComparativo table { background: url(../image/plantilla/fondoTabla.jpg) bottom right no-repeat;}
#contentPlanes table a {text-decoration: none; color: #105c6e; }
#contentPlanes table a:visited { text-decoration: none; }
#contentPlanes table a:hover, table a:active{ background-color: #008eb1; color: #eee;}
#contentPlanes thead th, #planesComparativo thead th {
	font-size: 105%;
	color: #eee;
	
	background-color: #1494A4;
	border-bottom: 1px solid #008eb1;
}
#contentPlanes tr, #contentPlanes tr {	vertical-align: middle; }
#contentPlanes tr,th,td { padding: .75em; }
#contentPlanes caption,#planesComparativo caption {
	height: 27px;
	color: #eee;
	text-align: left;
	background:#ffffff;
	background-position: 92% 0;
}
#contentPlanes caption#captionM25{background: url(../image/fondoCaptionM25.jpg) no-repeat scroll 92% 0;}
#contentPlanes caption#captionM50{background: url(../image/fondoCaptionM50.jpg) no-repeat scroll 92% 0;}
#contentPlanes caption#captionM100{background: url(../image/fondoCaptionM100.jpg) no-repeat scroll 92% 0;}
#contentPlanes caption#captionM500{background: url(../image/fondoCaptionM500.jpg) no-repeat scroll 92% 0;}
#contentPlanes caption#captionM1000{background: url(../image/fondoCaptionM1000.jpg) no-repeat scroll 92% 0;}
#contentPlanes caption#captionM2500{background: url(../image/fondoCaptionM2500.jpg) no-repeat scroll 92% 0;}

#contentPlanes td.odd, #planesComparativo tr.odd {background: url(../image/plantilla/fondoFila.gif) repeat;}
#contentPlanes .tr01{
	vertical-align:middle;
	text-align:center;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
	}
#contentPlanes tfoot th,tfoot td,
#planesComparativo tfoot th,tfoot td{
	padding: 0.2em .75em;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
	text-align: left;
}
/********************************************************************************
*                                                                               *
*                               planesHosting.php                               *
*                                                                               *
********************************************************************************/
.thrColElsHdr #planesComparativo {
	margin: 15px 0 15px 165px;
	position:relative;
	padding: 0;
	text-align:center;
	width:auto;
	}
#planesComparativo caption#caption01{background: #e8e8e8 url(../image/fondoPlaMs.jpg) no-repeat scroll 92% 0;}
#planesComparativo thead tr{text-align:center; font-size:12px}
#planesComparativo tbody td{text-align:center; font-size:12px}
#planesComparativo .fondoAzul{background:#A0B9D3; color:#FFF; font-weight:bold;}

#planesComparativo table a {text-decoration: none; color: #105c6e; background: url(../image/botonOrdenarUp.jpg) no-repeat}
#planesComparativo table a:visited { text-decoration: none; }
/*#planesComparativo table a:over, #planesComparativo table a:active{ background-color: #008eb1; color: #eee;}*/

/********************************************************************************
*                                                                               *
*                              desarrollo-web.php                               *
*                                                                               *
********************************************************************************/
.thrColElsHdr .mainConten595px {
	border:1px solid #999;
	margin: 15px 180px 15px 165px;
	position:relative;
	padding: 0px 0px 10px 0px;
	text-align:center;
	}


/*******************************************************************************/

.ulGroup {
	margin: 0px;
	padding: 0px;
}
.ulPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;


	cursor: pointer;
	width: 60px;
	}
/* **************************************************************************************
*                                                                                       *
*                                 ESTILO CCS MENU BAR                                   *
*                                                                                       *
*************************************************************************************** */

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: 150px;
	background-color: #EEEEEE;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 150px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 8.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a {
	display: block;
	cursor: pointer;
	background-color: #EEE;
	padding: 8px 0 8px 20px;
	color: #000066;
	text-decoration: none;
	}
ul.MenuBarVertical a.ico01{ background: #eee url(../image/icono01.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico02{ background: #eee url(../image/icono02.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico03{ background: #eee url(../image/icono03.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico04{ background: #eee url(../image/icono04.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico05{ background: #eee url(../image/icono05.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico06{ background: #eee url(../image/icono06.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico07{ background: #eee url(../image/icono07.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico08{ background: #eee url(../image/icono08.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico09{ background: #eee url(../image/icono09.jpg) no-repeat 2px 50%}
ul.MenuBarVertical a.ico10{ background: #eee url(../image/icono10.jpg) no-repeat 2px 50%}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #105c6e;
	text-decoration:underline;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #105c6e;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{
	ul.MenuBarVertical li.MenuBarItemIE	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/*******************************************************************************

	ESTILO ACORDEON (contacto.php)

********************************************************************************/

.textoContacto{ /*header of 1st demo*/
	padding: 2px 5px;
	margin-bottom: 5px;
	border: 1px solid gray;
	background: #E1E1E1;
	text-align:left;
}
.mypets{ /*header of 1st demo*/
	cursor: default;
	cursor: pointer;
	padding: 2px 5px;
	margin-bottom: 5px;
	border: 1px solid gray;
	background: #E1E1E1;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
	background: yellow;
}
.estiloForm {text-align:left; font-size: 12px}
.estiloForm fieldset{padding:5px;}
.estiloForm input{padding: .2em; margin:8px 0 0 0}
.estiloForm input:focus{border: 2px solid #000; background: #F3F3F3; }
.estiloForm label{display: block; margin: 10px 0;}
.estiloForm div.box{margin: 5px 0; vertical-align:middle;}
.estiloForm div.box label{ width: 30%; float: left; }
.estiloForm textarea:focus{border: 2px solid #000; background: #F3F3F3; }
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #FF0;
	width: 150px; /*Default width of hint.*/
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


#map { 
  width: 100%; 
  height: 400px; 
  border: 1px solid #000;
  margin: 5px 0
} 
 
.info { 
  width: 250px; 
}