﻿@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
PLANTILLA BASE PARA DISEÑO WEB - SITIO: HOOPING.net //ACTUALIZER 2.0
***************************************************************
***************************************************************
Fecha: 02-07-08
Descripcion: Estilos de la web
***************************************************************/

 
/***************************************************************** ESTILOS BASE **************************************************************************/

HTML, BODY, form, div,  h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, a, img {margin:0; padding:0; border:none;}
body {
	margin: 0;
	padding: 0;
	border: 0; 
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
    background-image: url('../../images/fondo-pagina.jpg');
	background-repeat: repeat-x;
	background-color: #ffffff;/*#496178*/
}

#baseform {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #555; border:none
}
a:hover {
	color: #000000; border:none
}
.clear {
	clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
legend{ display:none
}


CODE{ font-size:12px;}

HR{ height:0px; border:0px; border-bottom:1px solid #CCCCCC;}
/***************************************************************** FIN ESTILOS BASE **************************************************************************/
/************************************************************* ESTRUCTURA DE LA PAGINA ***********************************************************************/
/* =CONTENEDOR PRINCIPAL
   ----------------------------------------------------*/
#base {
	width:100%;
	height:100%;
}
/* =FIN CONTENEDOR PRINCIPAL
   ----------------------------------------------------*/
   
   /* =DIAGRAMACIÓN DE LA PÁGINA
   ----------------------------------------------------*/
#contenedorfondo{
	width:1188px;
	height:100%;
	/*background-image:url('../../images/fondo-base.jpg');*/
	background-repeat:no-repeat;
	background-position:center top;
	margin:0 auto 0 auto;
}
#contenedorpagina{
	width:911px;}
#contenido{
	width:911px; height:100%; padding:0px; margin-left:150px; background-image:url('../../images/fondo_contenedorSecun.jpg'); background-repeat:repeat-y}

/* =FIN DIAGRAMACIÓN DE LA PÁGINA
   ----------------------------------------------------*/
/* =CABECERA
   ----------------------------------------------------*/
.cabecera { width:911px; height:103px; background-image:url('../../images/fondo_cabecera.jpg'); font-family:Verdana;color:#20416C; position:relative; }
.cabecera a img{
	border-style: none;
	color: #E0E0E0;
}
.cabecera a:hover{ color:aqua}
.cabecera_menu { width:250px; height:31px; float:right; font-size:10px; margin-top:10px; color:#20416C }
.cabecera_menu a{ text-decoration:none; color:#20416C}
.cabecera_menu a:hover{ text-decoration:none; color:#20416C}
.cabecera_menu input{ width:144px; height:11px; font-size:10px; border:1px solid #E0E0E0; color:white; background-image:url('../../images/fondo_input_cabecera.jpg'); 
}
.cabecera_list{font-size:13px; font-weight:normal; margin:22px 40px 0; padding:0; float:right; word-spacing:10px; width:600px; text-align:right;}
.cabecera_logo{width:150px; height:46px; float:left; margin-top:50px;margin-left:30px !important; margin-left:15px} 
.cabecera h1{position:absolute; color:#20416C; display:block; font-size:16px; margin:0px; padding:0px; top:3px; left:10px; font-weight:lighter;}



/* =FIN CABECERA
   ----------------------------------------------------*/
/* &MENU DE NAVEGACIÓN
   ----------------------------------------------------*/
#menu {width:295px; height:100%; margin:0 0px 0 680px;  float:right;  font-family:"Trebuchet MS"; font-size:13px; position:absolute; top:70px}
#menu .menu_cabecera{width:232px; height:37px; background-image:url('../../images/cabecera_menu.png')!important; background-image:url('../../images/cabecera_menu_e6.gif');background-repeat:no-repeat;  margin-top:-140px; }


#mod_menu  {width: 224px; list-style:none; position:relative; z-index:1; background-image:url('../../images/fondo_menu.png')!important;background-image:url('../../images/fondo_menu_e6.gif'); margin:0px;background-repeat:repeat-y; padding:0px;}
#mod_menu ul {width: 224px; list-style:none; position:relative; z-index:1; margin:0px; padding:0px}
#mod_menu li a {height: 39px;text-decoration: none; background-image:url('../../images/menu_link.jpg'); width:204px; background-repeat:no-repeat; margin-left:15px; padding:0px 0 0 13px;  }
#mod_menu li a span { position:relative; top:0px; left:10px; }
#mod_menu li a img { position:relative; top:7px; border-style:none}	
#mod_menu li a:link, #mod_menu li a:visited {color: #002F5E;display: block;}
#mod_menu li a:hover {font-weight:bold; background-image:url('../../images/menu_link_over.jpg'); background-repeat:no-repeat; font-weight:bold}

#mod_menu .mod_submenu {width: 224px;  position:relative; z-index:1; margin:0px; padding:0px; font-size:10px; }
#mod_menu .mod_submenu .cabecera {width: 204px; background-image:url('../../images/cabecera_submenu.jpg'); height:5px;margin-left:15px;}
#mod_menu .mod_submenu .pie {width: 204px;background-image:url('../../images/pie_submenu.jpg'); height:16px;margin-left:15px;}
#mod_menu .mod_submenu ul{width: 224px; list-style:none;  font-weight:bold; }
#mod_menu .mod_submenu li a {height: 27px;text-decoration: none; width:204px; margin-left:15px; padding:0 0 0 13px;background-image:url('../../images/submenu_link.jpg'); color:#447DA8;}
#mod_menu .mod_submenu li a span { position:relative; top:7px; left:27px;}	
#mod_menu .mod_submenu li a:link, #mod_menu li a:visited {display: block;}
#mod_menu .mod_submenu li a:hover {font-weight:bold; color:#EA5122;background-image:url('../../images/submenu_link_over.jpg')}


#mod_menu .mod_submenu2 ul{width: 224px; list-style:none; font-weight:bold; font-size:10px;  }
#mod_menu .mod_submenu2 li a {height: 27px;text-decoration: none; width:204px; margin-left:15px; padding:0 0 0 13px;color:#447DA8; background-image:url('../../images/submenu2_link.jpg') }
#mod_menu .mod_submenu2 li a span { position:relative; top:5px; left:40px;}
#mod_menu .mod_submenu2 li a:link, #mod_menu .mod_submenu2 li a:visited {display: block;}
#mod_menu .mod_submenu2 li a:hover {font-weight:bold; font-weight:bold; color:#EA5122;background-image:url('../../images/submenu2_link.jpg')}


#menu .menu_pie{width:224px; height:69px; background-image:url('../../images/pie_menu.png') !important;background-image:url('../../images/pie_menu_e6.gif'); background-repeat:no-repeat; background-position:top; }
#menu .menu_pie input{width:190px; border:0; margin-top:10px; margin-left:22px; background-color:#EAF4FD}
/*#menu .menu_pie img{width:70px; height:18px; margin-top:30px; margin-left:140px}*/
#menu .menu_pie a img{ border:none}
#menu .blogLastNews{font-size:11px; margin-left:15px; width:195px; background-color:#EEEEEE; border:1px solid #CCCCCC}
#menu .blogLastNews H2{ text-align:center; border-bottom:1px solid #CCCCCC; font-size:13px; padding-top:3px;}
#menu .blogLastNews UL{ padding:0px; list-style:none;}
#menu .blogLastNews UL LI{ list-style:none; margin:0px; padding:0px; padding:5px; border-bottom:1px dotted #CCCCCC}
#menu .blogLastNews .footer{ text-align:center; margin:4px;}
#menu .blogLastNews .footer A{ text-decoration:none;}

#menu .menu_contacto{width:224px; height:270px; background-image:url('../../images/fondo_contacto.png') !important;background-image:url('../../images/fondo_contacto_e6.gif'); background-repeat:no-repeat;  font-size:11px; color:white; border-style:none; margin-top:15px; }
#menu .menu_contacto fieldset legend{display:none;}
#menu .menu_contacto fieldset {border:none;  padding-top:35px; padding-left:24px}

#formContact{ position:relative;}
#formContact EM.label{ margin-top:4px; width:60px; float:left; clear:both;}
#formContact #part3{ background-color:#00315D; height:100px; }
.error{position:absolute; color:Red; left:125px; /*_left:60px;*/ font-size:10px; }
.textBox{width:110px; height:11px;font-size:10px; border:none;  background-color:#E9F3FC; padding:0px; margin-right:15px; margin-top:9px;}


#menu .menu_contacto .btn_contacto{clear:both; margin:0 0 0 55px; padding-top:10px;}
#menu .menu_contacto a img{ border-style:none; }

/* &FIN MENU DE NAVEGACIÓN
   ----------------------------------------------------*/
/* +ZONA CONTENIDOS
   ----------------------------------------------------*/
/* Contenido principal home*/
#contenedor { background-image:url('../../images/fondo_contenedor.jpg'); background-repeat:no-repeat; width:881px; height:100%; margin:0px; padding: 9px 0 0 30px;text-decoration:none;}
#contenedor .banner { width:650px; height:294px; margin-bottom:20px;  }
#contenedor .modulo1 { width:209px; height:289px; background-image:url('../../images/modulo1.jpg'); margin:27px 12px 0 0; float:left; background-repeat:no-repeat}
#contenedor .modulo1 div{ margin:10px 0px 0px 10px;}
#contenedor .modulo1 a{ text-decoration:none}
#contenedor .modulo1 a:hover{ color:#4095DD;}
#contenedor .modulo1 img{ width:199px; height:148px; margin:5px 0 0 5px}
#contenedor .modulo1 h2{ font-size:11px; color:#4095DD; margin:10px 0 0 0}
#contenedor .modulo1 p{ font-size:11px; color:#666666; margin:7px 8px 0 0; font-weight:normal; text-decoration:none; width:187px }

#contenedor { background-image:url('../../images/fondo_contenedor.jpg'); background-repeat:no-repeat; width:881px; height:100%; margin:0px; padding: 9px 0 0 30px;text-decoration:none;}
#contenedor .banner { width:650px; height:294px; margin-bottom:20px;  }
#contenedor .modulo2 { width:209px; height:289px; background-image:url('../../images/modulo2.jpg'); margin:27px 12px 0 0; float:left; background-repeat:no-repeat}
#contenedor .modulo2 div{ margin:10px 0px 0px 10px;}
#contenedor .modulo2 a{ text-decoration:none}
#contenedor .modulo2 a:hover{ color:#4095DD;}
#contenedor .modulo2 img{ width:199px; height:148px; margin:5px 0 0 5px}
#contenedor .modulo2 h2{ font-size:11px; color:#4095DD; margin:10px 0 0 0}
#contenedor .modulo2 p{ font-size:11px; color:#666666; margin:7px 8px 0 0; font-weight:normal; text-decoration:none; width:187px }

#contenedor { background-image:url('../../images/fondo_contenedor.jpg'); background-repeat:no-repeat; width:881px; height:100%; margin:0px; padding: 9px 0 0 30px;text-decoration:none;}
#contenedor .banner { width:650px; height:294px; margin-bottom:20px;  }
#contenedor .modulo3 { width:209px; height:289px; background-image:url('../../images/modulo3.jpg'); margin:27px 12px 0 0; float:left; background-repeat:no-repeat}
#contenedor .modulo3 div{ margin:10px 0px 0px 10px;}
#contenedor .modulo3 a{ text-decoration:none}
#contenedor .modulo3 a:hover{ color:#4095DD;}
#contenedor .modulo3 img{ width:199px; height:148px; margin:5px 0 0 5px}
#contenedor .modulo3 h2{ font-size:11px; color:#4095DD; margin:10px 0 0 0}
#contenedor .modulo3 p{ font-size:11px; color:#666666; margin:7px 8px 0 0; font-weight:normal; text-decoration:none; width:187px }


/* Contenido principal 1_columnas*/
#contenedor .una_columna { width:650px; height:100%; min-height:630px; float:left; padding:10px 10px 10px 0px}
#contenedor .una_columna h2{ font-size:24px; font-family:"Lucida Sans"; color:#8EBDDD; margin:0; width:700px; float:left}
#contenedor .una_columna p{
	font-size: 12px;
	font-family: "Trebuchet MS";
	margin: 20px 0;
	color: #555;
	width: 620px;
}

#contenedor .faqs{width:625px; height:100%; float:left; padding:10px 10px 10px 20px}
#contenedor .faqs .menu{  float:right; color:#FFFFFF}
#contenedor .faqs .menu A{ color:#FFFFFF; text-decoration:none;}
#contenedor .faqs .menu A:hover{text-decoration:underline;}
#contenedor .faqs H1{font-size:18px;}
#contenedor .faqs H2{ font-size:24px; font-family:"Lucida Sans"; color:#8EBDDD; margin:0;}
#contenedor .faqs H3{ font-size:12px; margin-top:20px;}
#contenedor .faqs UL{ margin-top:10px; margin-bottom:10px;}
#contenedor .faqs UL LI{ margin-left:30px;}
#contenedor .faqs UL H2{ font-size:16px; color:#8EBDDD;}
#contenedor .faqs UL H3{ font-size:12px; margin:0px;}
#contenedor .faqs UL H4{font-size:11px;}



#contenedor .una_columna p a{ color:#FA9321}
#contenedor .una_columna .modulo_planes { width:199px; height:286px; background-image:url('../../images/modulo_planes.png'); margin:27px 0 0 10px; float:left;  }
#contenedor .una_columna .modulo_planes div{ margin:15px 0px 0px 10px  }
#contenedor .una_columna .modulo_planes h3{ font-size:14px;  color:#8EBDDD; margin:4px }
#contenedor .una_columna .modulo_planes P{ font-size:14px;  color:#FA9321; position:absolute; margin:10px 0 }
#contenedor .una_columna .modulo_planes ul{ font-size:11px;  color:#555; margin:0; width:170px; margin:20px 0 0 20px; padding:0}
#contenedor .una_columna .modulo_planes li{list-style-image:url('../../images/bullet.png')}


#contenedor .una_columna p a{ color:#FA9321}
#contenedor .una_columna .modulo_soluciones {width:199px; height:300px; padding-top:140px; background-repeat:no-repeat; margin:27px 0 0 10px; float:left;  }
#contenedor .una_columna .modulo_soluciones div{ margin:15px 0px 0px 10px  }
#contenedor .una_columna .modulo_soluciones h3{ font-size:18px;  color:#8EBDDD; margin:4px }
#contenedor .una_columna .modulo_soluciones h3 A{ text-decoration:none; color:#8EBDDD;}
#contenedor .una_columna .modulo_soluciones h3 A:hover{ text-decoration:underline; color:#666666;}
#contenedor .una_columna .modulo_soluciones P{ font-size:14px;  color:#FA9321; position:absolute; margin:10px 0 }
#contenedor .una_columna .modulo_soluciones ul{ font-size:11px;  color:#555; margin:0; width:170px; margin:20px 0 0 5px; padding:0}
#contenedor .una_columna .modulo_soluciones li{list-style-image:url('../../images/bullet.png')}
#contenedor .una_columna .modulo_soluciones STRONG BIG{ color:#FA9600; font-size:25px;}



#contenedor .una_columna .numeracion{ font-size:11px;  height:20px;color:#000000; float:right; margin-bottom:20px; margin-top:10px; margin-right:25px; font-weight:bold; text-align:right;}
#contenedor .una_columna .numeracion a{ text-decoration:none;}
#contenedor .una_columna .numeracion a:hover{ text-decoration:none; color:#FA9321}

#contenedor .una_columna .modulo_portafolio{ width:620px; height:200px; float:left; border-bottom:1px solid #CFE7F8; margin-top:10px}
#contenedor .una_columna .modulo_portafolio img{ width:300px; height:177px; float:left; margin:5px; border:4px solid #CFE7F8;}
#contenedor .una_columna .modulo_portafolio h3{
	width: 280px;
	float: left;
	font-size: 12px;
	color: #3176A4;
	margin: 15px 10px;
}
#contenedor .una_columna .modulo_portafolio p{ width:280px; float:left; font-size:11px;  margin:0px 10px; font-weight:normal; color:#555}
#contenedor .una_columna .modulo_portafolio h6{ width:580px; float:left; font-size:11px;  margin:0px 10px; font-weight:normal; color:#555}

#contenedor .una_columna .modulo_portafolio .link{ width:280px; float:left; font-size:11px;  margin:5px 10px; font-weight:normal; color:#519BCB; background-image:url('../../images/bullet_portafolio.png'); background-repeat:no-repeat; text-indent:20px}

#contenedor .una_columna .modulo_multimedia{ width:620px; height:100%; float:left; border-bottom:1px solid #CFE7F8; margin-top:10px}
#contenedor .una_columna .modulo_multimedia img{ width:300px; height:177px; float:left; margin:5px; border:4px solid #CFE7F8;}
#contenedor .una_columna .modulo_multimedia p{ width:280px; float:left; font-size:11px;  margin:0px 10px; font-weight:normal; color:#555; margin-bottom:10px}
#contenedor .una_columna .modulo_multimedia h3{
	width: 280px;
	float: left;
	font-size: 12px;
	color: #3176A4;
	margin: 15px 10px;
}
#contenedor .una_columna .modulo_multimedia em{width: 280px;float: right;font-size: 12px;color: #FB9B0D;margin: 15px 10px;}

#contenedor .una_columna table{ font-size:12px; font-family:"Trebuchet MS"; margin:20px 0; color:#444; float:left}
#contenedor .una_columna p a:hover{ color:#519BCB}

#contenedor .una_columna .videos{ width:240px; height:250px; float:left;  padding:0; margin-left:50px; margin-top:20px}
#contenedor .una_columna .videos p{ width:240px; text-align:center; font-size:12px; padding:0}




#contenedor .una_columna .multimedia{ width:620px; height:200px; float:left; border-bottom:1px solid #CFE7F8; margin-top:10px}
#contenedor .una_columna .multimedia img{ width:88px; height:81px; float:left; margin:15px 5px; border:4px solid #CFE7F8;}
#contenedor .una_columna .multimedia h3{width: 280px;float: left;font-size: 12px;color: #3176A4;margin: 15px 10px;}
#contenedor .una_columna .multimedia p{ width:450px; float:left; font-size:11px;  margin:0px 10px; font-weight:normal; color:#555}





/* Contenido principal 2_columnas*/

#contenedor .titulo { width:650px; height:100px;}
#contenedor .columna_izq { width:355px; height:100%;  float:left; padding:10px 10px 10px 20px}
#contenedor .columna_izq h2{
	font-size: 24px;
	font-family: "Lucida Sans";
	color: #8EBDDD;
	margin: 0;
}
#contenedor .columna_izq p{ font-size:12px; font-family:"Trebuchet MS"; margin:20px 0; color:#444}
#contenedor .columna_izq p em{ font-weight:bold}
#contenedor .columna_izq p a{
	color: #FB9B0D
}
#contenedor .columna_izq .ayuda_online{ width:300px; height:350px; background-image:url('../../images/ayuda_online.png'); background-repeat:no-repeat;}
#contenedor .columna_izq table{ font-size:12px; font-family:"Trebuchet MS"; margin:20px 0; color:#444}
#contenedor .columna_izq p a:hover{ color:#519BCB}
#contenedor h6{ color:#FA9321; font-size:12px; margin:0}


#contenedor .columna_der { width:255px; height:100%;  float:left; padding:0px; text-align:center;}
#contenedor .columna_der EM{ color:#67AFD5; font-size:16px; margin:15px; text-align:center; font-weight:bold;}
#contenedor .columna_der EM B{ font-size:18px; font-weight:bold;}
#contenedor .columna_der STRONG{ color:#FF8200; font-size:14px;}

#contenedor .columna_der UL{ list-style-type:none;}
#contenedor .columna_der UL LI{ margin-bottom:10px;}

#contenedor .columna_der .listado{ list-style-type:disc; margin-left:15px; text-align:left; color:Orange}
#contenedor .columna_der .listado LI{ margin-bottom:5px;}
#contenedor .columna_der .listado LI A{ text-decoration:none; }
#contenedor .columna_der .listado LI A:hover{ text-decoration:underline; }
#contenedor .columna_der .listado LI A STRONG{ font-size:12px; color:Black}
#contenedor .columna_der H4{ text-align:left;}

/* Contenido secundario*/
#contenedorSecun { background-image:url('../../images/fondo_contenedorSecun.jpg'); width:881px; height:100%; padding:5px 0 0 30px; background-repeat:repeat-y}
#contenedorSecun .zona_breves{width:680px; height:100%;}
#contenedorSecun .breves{width:200px;   float:left; margin:13px 17px 0 5px }
#contenedorSecun .breves a{ text-decoration:none; }
#contenedorSecun .breves a:hover{  color:#4095DD;}
#contenedorSecun .breves img{width:7px; height:7px; float:left; margin:3px 2px 0}
#contenedorSecun .breves p{ font-size:11px; color:#666666; float:left; margin:0; width:187px; font-weight:normal}

#contenedorSecun .zonas{width:670px; height:85px; float:left;  margin-top:40px; background-image:url('../../images/fondo_zonas.jpg'); }
#contenedorSecun .zonas_link{width:125px; height:85px; float:left;  font-size:11px; margin:8px 2px 0 3px;color:#999999;}
#contenedorSecun .zonas_link h3{ color:#FA9321; font-size:11px; margin:0}



/* +FIN ZONA CONTENIDOS

   ----------------------------------------------------*/
/* !PIE
   ----------------------------------------------------*/
#pie { background-image:url('../../images/pie.jpg'); background-repeat:no-repeat; width:911px; height:130px;font-size:11px; color:#333333; text-indent:20px; margin-top:30px}
#pie a {  text-decoration:none;margin-left:10px; margin-right:10px
}
#pie a:hover { color:#4095DD; margin-left:10px; margin-right:10px}
#pie p {display:block; font-size:11px; font-weight:normal; padding-top:80px; padding-left:10px; color:#333333; }
#pie p a{ border-bottom:1px solid white; color:#333333; }
#pie p a:hover{ border-bottom:none; color:#333333; }
#pie ul {
}
#pie li {
}
/* !FIN FOOTER
----------------------------------------------------*/
/************************************************************FIN ESTRUCTURA DE LA PAGINA ***********************************************************************/
/************************************************************* SECCIONES ESPECÍFICAS  ***********************************************************************/
/* %MAPA WEB
   ----------------------------------------------------*/
#contenedor #mapaweb {width:450px; height:100%; margin:20px;  float:left;  font-family:"Trebuchet MS"; font-size:11px;list-style:none; 
}
#contenedor #mapaweb p { 
}
#contenedor #mapaweb a {
}
/* Primer Nivel*/
#contenedor #mapaweb ul {  font-size:11px;
}
#contenedor #mapaweb ul li { list-style-image:url('../../images/bullet_menu.png'); margin:15px; line-height:11px; color:#002953;font-size:12px 
}
#contenedor #mapaweb ul li a{ text-decoration:none;color:#002953;
}
#contenedor #mapaweb ul li a:hover{color:#FA9321}


/* Segundo Nivel*/
#contenedor #mapaweb ul li ul li {  list-style-image:none; list-style-image:url('../../images/bullet.png');font-size:11px;
}
#contenedor #mapaweb ul li ul li a {color:#666; text-decoration:none
}
#contenedor #mapaweb ul li ul li a:hover {color:#FA9321}

/* Tercer Nivel*/
#contenedor #mapaweb ul li ul li ul li { font-size:11px; list-style-image:none; list-style:none
}
#contenedor #mapaweb ul li ul li ul li a {color:#489ADF;text-decoration:none

}
#contenedor #mapaweb ul li ul li ul li  a:hover {color:#FA9321

}

/* ?FIN AVISO LEGAL
   ----------------------------------------------------*/
/*************************************************************FIN SECCIONES ESPECÍFICAS  ***********************************************************************/
/************************************************************* MÓDULOS/CONTROLES ESPECÍFICOS  ***********************************************************************/
/* $FORMULARIO
   ----------------------------------------------------*/
#contenedor #formulario {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px #ffffff solid;
	width: 0;
	height: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffffff;
}

/********************************************************FIN  ESTILOS ACTUALIZER (APARIENCIA)********************************************************************/



/*CONTACT FORM*/

.ContactForm{ font-size:11px;}
.ContactForm EM.label{ width:300px; display:block; margin:0px; padding:0px; height:10px; margin-top:10px;}
.ContactForm .textBox{width:300px; height:20px; font-size:12px; background-color:White; border:1px solid #CCCCCC; padding:0px; margin-right:15px; color:#666666;}
.ContactForm .error{ color:Red; position:relative; left:auto; font-size:10px;}

/*NEWSLETTER*/
.newsletter{ margin-left:15px; /*background-color:#FF9900;*/ width:190px; padding-left:7px; padding-bottom:8px;}
.newsletter EM.label{ margin:0px; padding:0px;}
.newsletter .textBox{ border:1px solid #CCCCCC; background-color:#FFFFFF; height:15px;}
.newsletter .error{ color:Red; position:relative; left:auto; font-size:10px;}

.newsletter UL{ background-color:#E3E9F5; border:1px solid #CBD6ED; list-style:none; width:190px; margin:0px; padding:0px; margin-top:6px; margin-left:-4px;}
.newsletter UL LI{ margin:4px;}


.soluciones{ margin-left:16px;}

/*FICHA DEL PORTAFOLIO*/

#contenedor .una_columna .portfolioTab{}
#contenedor .una_columna .portfolioTab .left{ width:320px; height:100%;  float:left; padding:0px 0px 0px 0px;}
#contenedor .una_columna .portfolioTab .left IMG {border:4px solid #CFE7F8;}
#contenedor .una_columna .portfolioTab .right{width:300px; height:100%;  float:left; font-size:11px;}
#contenedor .una_columna .portfolioTab .right STRONG{ color:#196094; padding-bottom:10px;}
#contenedor .una_columna .portfolioTab .right P{ width:290px;}
#contenedor .una_columna .portfolioTab .right H2{width:290px; padding:0px; margin:0px; margin-top:10px; overflow:hidden;}
#contenedor .una_columna .portfolioTab .right H3{width:285px; border-bottom:1px dotted #8EBDDD; font-size:12px; padding:5px; color:#8EBDDD;}


/*PLANES DE ALOJAMIENTO*/

.planes{ float:left; margin-right:80px;}
.planes UL{ margin-left:25px;}
.planes UL LI{}
.planes UL LI A{}

.plan{ width:620px;}
.plan H2{ display:block; width:510px;}
.plan H2 SPAN{ display:block; width:610px;}

.plan H3{ background-color:#196094; font-size:14px; padding:5px; color:White; margin-bottom:15px;}
.plan H4{ background-color:#196094; font-size:14px; padding:5px; color:White; margin-bottom:15px;}
.plan .caracteristicas{ padding:15px; }
.plan .price{ padding:10px; background-color:#EEEEEE; border:1px solid #CCCCCC; width:100px; margin-top:15px; margin-bottom:15px; float:left;}
.plan .contratar{ width:100px; margin-top:35px;  margin-left:15px;  float:right;}
.plan .servicios{clear:both;}



/*SOLUCIONES DE DISEÑO WEB*/

.solution{ width:645px;}
.solution H2{ display:block; width:510px;}
.solution H2 SPAN{ display:block; width:610px;}

.solution H3{ background-color:#196094; font-size:14px; padding:5px; color:White; margin-bottom:15px;}
.solution H4{ background-color:#196094; font-size:14px; padding:5px; color:White; margin-bottom:15px;}
.solution .caracteristicas{ padding:15px; }
.solution .price{ position:absolute; top:370px; font-size:35px; margin-left:0px; color:#F19300; width:250px; margin-bottom:15px}
.solution .price EM{ font-size:18px; color:#999999; font-style:normal;  }
.solution .contratar{ width:100px; margin-top:35px;  margin-left:15px;  float:right;}
.solution .servicios{clear:both;}


.kwicks {   
    list-style: none;   
    position: relative;   
    margin: 0;   
    padding: 0;
    border:1px solid #CCCCCC;
    margin-top:15px;
    background-image:url(../../images/SliderMenu.jpg);
    margin-top:30px; clear:both;
}   

.kwicks li
{
	margin-top:0px;
    float: left;   
    width: 213px;   
    height: 127px;   
    margin-right: 5px;
    cursor:pointer;
    overflow:hidden;
    border-left:1px solid #CCCCCC;   
}

.kwicks li P{ width:285px; margin:5px; font-size:10px; display:block; color:#666666; text-align:right;}
.kwicks li IMG{ float:left; margin-top:0px;}   
.kwicks li H2{ font-size:13px; margin:0px; padding:0px; padding-top:20px; float:right; margin-right:10px; margin-top:10px; color:#2C5D85}



/*ERROR GOOGLE*/
/* Widget content container */
#goog-wm { }

/* Heading for "Closest match"*/
#goog-wm h3.closest-match { }

/* "Closest match" link*/
#goog-wm h3.closest-match a { }

/* Heading for "Other things" */
#goog-wm h3.other-things { }

/* "Other things" list item */
#goog-wm ul li { }

/* Site search box */
#goog-wm li.search-goog { display: block; }