@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{
	margin: 0px auto 0px auto;
	background-image:url(http://trustelcomunicaciones.com/images/body-background.jpg);
	background-repeat:repeat-x; background-position:top;
	font-family:"Arial";
	/*font-size:11px;*/
	height:100%;
}
	 
.clear{
clear:both;
}

.contactform{ float:left; width:335px; margin-right:15px;}
.contactmaps{ float:left; min-height:300px; margin-left:10px;}
.contactmaps P{ text-align:center; font-size:14px}

.gmap{height:180px; width:516px;}


/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{
	width:913px;
	margin: 0px auto 0px auto; 
	display:table;
}

A{ color:#013e8c}
A:hover{ color:#F07837;}

h1{color:#E36C18;}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{height:380px; position:relative;}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{}
	#cabecera A:hover{}

#cabecera UL{ margin:0px; padding:0px; list-style:none;}
#cabecera UL LI{ float:left; list-style:none; display:block; }
#cabecera UL LI A{ color:#FFFFFF; font-size:11px;}
#cabecera H1 A{ color:#FFFFFF; text-decoration:none;}	
#cabecera UL.corporativo{ }
#cabecera UL.corporativo LI{ background-color:#FF6600; padding:10px;}
#cabecera UL.nav{ clear:both;}
#cabecera UL.nav LI{ padding:10px; width:80px;}	
#cabecera UL.nav LI A{ font-size:12px;}

#cabecera HR{ display:none;}
/********************************MENU DESPLEGABLE*/

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:20%; margin-top:20px; _ margin-top:10px; _margin-top:0px; position:relative }
#menu li	{ font-weight:bold; color:#999999; margin:0; cursor:default; white-space:nowrap; list-style-type:none; background-color:none; }

#menu.horizontal li	{ display:inline; padding:10px; height:50px; padding-bottom:20px; padding-top:25px; _padding-top:20px; background-color:none; }

#menu.vertical	{ width:6em; border-right:1px solid none }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:none; background-image:url(http://trustelcomunicaciones.com/images/ico-menu.gif); background-repeat:no-repeat; background-position: center 35px;}
#menu li a	{ text-decoration:none; color:#999999 }

/*FONDO DESPLEGABLE*/
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#FFFFFF; border:1px solid #CCCCCC; width:210px; _width:200px;  margin:0;  padding:0;
filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7;

margin-left:-55px;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #CCCCCC; padding:0em; white-space:normal; width:210px; _width:200px; list-style-type:none; height:20px; text-indent:5px; }

/*ITEMS MENU DESPLE*/
#menu ul li a	{ display:block; width:200px; color:#003F64; text-decoration:none; padding:5px; margin:0; }
#menu ul li a:hover	{ color:white; background-color:#3398D1 }

#menu ul li.active	{ background-color:#44d; color:white; width:200px; }


/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
#central
{ 
	clear:both;
	width:913px;
	height:100%;
}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:24px; height:100%}
#derecha{ width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE
{ 
	font-size:11px; 
	font-family:Arial; 
	color:#00265d; 
	font-weight:bold;
	margin-left:12px;
}

#central #formularioContacto INPUT
{ 
	font-size:11px; 
	font-family:Arial;
	border:1px solid #cccccc;
	color:#00265d;
	height:20px;
	padding-top:5px;
}

#central #formularioContacto TEXTAREA
{
	font-size:11px;
	font-family:Arial;
	border:1px solid #cccccc;
	color:#00265d;
}

#central #formularioContacto SELECT
{
	font-size:11px;
	font-family:Arial;
	color:#00265d;
	border:1px solid #cccccc;
}

P.notalegal
{
	font-size:9px;
	color:#666666;
	text-align:justify;
}

/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:20px;}


/* MAPA WEB*/
#mapaweb{ padding:40px;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#F07939; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#013e8c; font-size:16px; list-style-type:square;  padding-top:5px; font-weight:bold;}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#F07939; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#013e8c;}
#mapaweb UL LI UL LI A:hover{color:#f07939;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#013e8c; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#f07939;}
#mapaweb UL LI UL LI UL LI A:hover{color:#013e8c;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable
{
	margin:0px;
	padding:0px;
	width:913px;
}


/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces
{ 
	padding-left:15px;
	padding-top:10px;
	width:225px; 
	margin:0px;
    float:left;
    font-family:Tahoma;
}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:3px;}

/* TEMAS*/
.marcado
{
	color:#333333;
	display:block;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	background-image:url(http://trustelcomunicaciones.com/images/marcado.png);
	background-repeat:no-repeat;
	width:206px;
	height:46px;
}
.marcado:hover
{
	color:#333333;
}
.desmarcado
{
	color:#00265d;
	display:block;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	background-image:url(http://trustelcomunicaciones.com/images/desmarcado.png);
	background-repeat:no-repeat;	
	width:206px;
	height:46px;	
}
.desmarcado:hover
{
	color:#333333;
	display:block;
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	background-image:url(http://trustelcomunicaciones.com/images/marcado.png);
	background-repeat:no-repeat;	
}

/* SUBTEMAS */
.marcadoNoticia
{
	color:#f07939;
	font-size:14px;
	background-image:url(http://trustelcomunicaciones.com/images/linea-noticia.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:18px;
	margin-right:8px;
	margin-bottom:5px;
}
.marcadoNoticia:hover
{ 
}

.desmarcadoNoticia
{
	color:#333333;
	font-size:12px;
	background-image:url(http://trustelcomunicaciones.com/images/linea-noticia.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:18px;
	margin-right:8px;
	margin-bottom:5px;
}
.desmarcadoNoticia:hover
{
	color:#f07939;
	font-size:14px;
	background-image:url(http://trustelcomunicaciones.com/images/linea-noticia.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:18px;
	margin-right:8px;
	margin-bottom:5px;
}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos
{
	font-family:Arial;
	font-style:normal; 
/*	font-size:11px; */
	color:#333333; 
	width:671px; 
	float:right;
}

#seccionTitle{ background-image:url(http://trustelcomunicaciones.com/images/title-seccion.jpg); height:33px; width:954px; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:8px; font-weight:bold;}

/* PAGINACION*/
.pagina-actual{color:#0D2F93; text-decoration:none; font-size:10px; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-weight:bold; border-top:1px solid #dddddd; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #dddddd; padding-top:3px;}

/*PAGINACION II*/
#paginacion{}
#paginacion .anterior{}
#paginacion .anteriorInactivo{}
#paginacion .estado{}
#paginacion .siguiente{}
#paginacion .siguienteInactivo{}
#paginacion .numero{}





#loginusuario{ height:100%; background-image:url(http://trustelcomunicaciones.com/images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}



/*CATALOGO*/

.producto{  border:1px solid #CCCCCC; width:170px; text-align:center; float:left; margin-left:10px; padding:10px;}
.productoFicha{  border:1px solid #CCCCCC;  float:left; margin-left0px; padding:10px; width:620px;}


	/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/
	#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
	#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie
{
	clear:both;
	background-image:url(http://trustelcomunicaciones.com/images/fondo_pie.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:913px;
	height:130px; position:relative;
	text-align:center;
	font-family:"Futura Bk BT", Verdana, Arial;
	font-size:10px;
	color:#FFFFFF;
}

#pie HR
{
	display:none;
}
	/*ENLACESPIE*/
	#pie A{ color:#E4E8EE;text-decoration:none;}
	#pie A:hover{ color:#013e8c;text-decoration:none;}

	#pie DIV.corporate A{ color:#000;}
#banners
{
	width:913px; 
	height:121px;
	position:absolute;
	left:22px;
	top:273px;
	padding-left:8px;
}

#banners .banner
{
	float:left; 
	vertical-align:middle;
	padding-right:10px;	
	height:85px;
	background-repeat:no-repeat;
	background-position:center;
}

.tituloTemas
{
	 font-family:Trebuchet MS; 
	 font-size:16px; 
	 color:#00265d; 
	 font-weight:bold; 
	 padding-top:16px;
	 margin-left:30px;
	 margin-bottom:0px;
	 padding-bottom:0px;
}

.subtituloTemas
{
	font-family:Trebuchet MS; 
	font-size:12px; 
	color:#666666;
	font-weight:bold; 
	margin:0px;
	margin-left:30px;
	padding:0px;
}
.tituloContenidos
{
	margin-top:-60px; 
	position:relative; 
	z-index:1; 
	font-family:Trebuchet MS; 
	font-size:16px; 
	color:#00265d; 
	font-weight:bold; 
	padding-top:18px;
	margin-left:35px;
	padding-bottom:30px;
}

.tablaClientesSignificativos
{
	font-family:Arial;
	font-size:12px;
	color:#00265d;
	margin-top:15px;
	margin-left:60px;
	width:364px; 
	float:left; 
	border:1px solid #d0d7e5;
}
.tablaClientesSignificativos td
{
	border-bottom:1px solid #d0d7e5;
}
.tituloForm
{
	color:#fe6600;
	font-family:Arial;
	font-size:12px;
	border-bottom:1px dotted #5399df;
	width:610px;
	font-weight:bold;
}

#formPresupuesto
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	padding-left:25px;
}
#formPresupuesto input
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formPresupuesto textarea
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formPresupuesto select
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}

#formCanjePuntos
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	padding-left:25px;
}

#formCanjePuntos input
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formCanjePuntos textarea
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formCanjePuntos select
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}


#formSolicitudOnline
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	padding-left:25px;
}
#formSolicitudOnline input
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formSolicitudOnline textarea
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#formSolicitudOnline select
{
	color:#00265d;
	font-family:Arial;
	font-size:11px;
	border:1px solid #cccccc;
}
#renting
{
	font-family:Arial;
	font-style:normal; 
	font-size:12px; 
	color:#00265d; 
	padding-left:25px;
	padding-right:15px;
}


.productosHome{ font-size:11px; background-repeat:no-repeat; float:left; width:358px; height:572px}
.productosHome UL{ list-style:none; margin:0px; padding:0px;}
.productosHome UL LI{ background-color:#FFFFFF; border:1px solid #CCCCCC; margin-top:10px; height:63px; display:block; padding:10px;}
.productosHome UL LI H1{ font-size:14px}

/****** NEWSLETTERS  ********/

#central .newsletters{margin:0px; padding:10px; background-image:url(../images/fondo_newsletters.png); background-repeat:no-repeat; background-position:center; height:123px;}
#central .newsletters SPAN{margin:0px; padding:0px; margin-top:60px; font-family: Arial; color: #013E8C; font-size: 14px; font-weight:bold; display:block; text-align:center; width: 306px; margin-left: 20px;}
#central .newsletters SPAN A{font-family: Arial; color: #F07837; font-size: 14px; text-decoration:none; }
#central .newsletters SPAN A:hover{color: #013E8C; }


.newsletterform FORM{margin: 0px auto; padding:30px; padding-top:10px; display: table; width: 90%; }
.newsletterform FORM LABEL{margin-top: 10px; display: block; margin-right: 9px; font-size: 11px; font-family: Arial; color: #00265D; font-weight: bold;}
.newsletterform FORM INPUT{margin-right: 32px; font-size: 11px; font-family: Arial; border: 1px solid #CCC; color: #00265D; height: 20px; padding-top: 5px; display: block; width: 100%;}
.newsletterform FORM SELECT{margin-right: 32px; font-size: 11px; font-family: Arial; border: 1px solid #CCC; color: #00265D; height: 30px; padding-top: 5px; display: block; width: 100%;}
.newsletterform FORM SPAN{font-size: 10px; float: left; margin-top: 11px; font-family: Arial; color: #00265D; font-weight: bold;}
.newsletterform FORM BR{display:none;}
.newsletterform #element_4eaa602467be2{margin-right: 12px; clear: both; margin-top: 10px; float: left; width: 20px;}
.newsletterform #element_4eaa6030e81cc{margin: 0px; margin-left: 30px; width:76px; height:31px; background-image:url(http://resources.mandoocms.com/show.php?d=5tKk3deZpN_kmc-mktXOl8_GkZzc16LZc9fm4qfiyZyT39-l2JzG1dCd3dKVo57Vn9diqePfoePQkaLZ4aOZldfimpbPx5uX4uGl2JeR5Nub); background-repeat:no-repeat; background-position:center; color:#333333; font-family: Arial; font-weight: bold; font-size: 12px; clear: both; float: right;}
.newsletterform .message{clear: both; float: left; margin-top: -14px; font-size: 11px; margin-left: 30px; font-family: Arial; color: #00265D; }