/* @override http://wtfe.dev/css/general.css */

/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Titulo : Plantilla General 
Autor : Federico Bozo
URL : / http://www.wtfe.com /

Descripcion : 

Creado : 12 - sep - 2007
Modificado : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

World Tel-Fax Electronics C.A.
http://www.wtfe.com
*/



/* Thanks to Roger Johannson for the css structure http://www.456bereastreet.com */
/*
=Colores
Verde jalatelo: A1CC3A
Azul Claro Header: 288ECD
Azul Oscuro Header: 00587F
Negro Textos generales: 444

*/


/*
Directorio de secciónes
=etiqueta universal


*/


/* Thanks to Eric Meyer for the reset method http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* hasta aquí el reset */
em {
	font-style: italic;
}

/*
=Global
*/

body {
	font:76%/1.5 "Lucida Grande","Lucida Sans" ,Geneva,Verdana,Arial,Helvetica,sans-serif;
	color: #444;
}

body, html {
	text-align:center;
}

hr {
	display:block;
	clear:both;
	margin:-1px 0;
	position:relative;
	left:-9999px;
}

h1,h2,h3,h4,h5,h6 {color: #0051a3;}

a, a:link {color: #0085df;}

/*
=Diagramacion Principal
*/

#ingreso-asociados {
	text-align: right;
	padding: 0;
	color: #777;
}
#ingreso-asociados a{color: #777;}

#wrap {
	position:relative;
	border-top:0;
	margin:15px auto;
	padding:0;
	width: 760px;
	text-align: left;
	background: #fff;
}

/* 
=tope
*/

#tope {
	height:73px;
	z-index: 30;
	position: relative;
	/* =original: margin:0; */
	margin:38px 0 0 0;
}

#wtfe-com a{
	width:79px;
	height:77px;
	float:left;
	position:relative;
	background: url("/i/logo-wtfe.png") no-repeat;
	top:0;
	left:0;
	z-index: 200;
}

#wtfe-com span{display:none;}



/* =nav_global */

ul#nav_global {
	float: left;
	width: 668px;
	margin-left: 13px;
}

ul#nav_global li{
	float: left;
	width: 166px;
	border-right: 1px solid #fff;
}

ul#nav_global li a{
	float: left;
	width: 166px;
	background: url("/i/fondo-nav_global.png") no-repeat 0 0;
	height: 27px;
	text-align: center;
	text-decoration: none;
	padding: 50px 0 0 0;
	font-weight: bold;
	font-size: 1em;
	color: #001742;
}



ul#nav_global li a:hover{
	background: url("/i/fondo-nav_global.png") no-repeat 0 -77px;
	color: #fff;
}


#banner-principal{
	background: url("/i/banner-principal.jpg") no-repeat 0 0;
	color: #fff;
	width: 760px;
	height: 256px;
	clear: both;
}

.home #principal {
	float: left;
	width: 500px;
	padding: 0 10px 10px 0;
	margin: 10px 10px 10px 0;
	border-right: 1px solid #ccc;
}

.home #principal h2{
	font-size: 3em;
	font-weight: bold;
	margin: 0 0 20px 0;
	line-height: 1em;
}

.home #secundario {
	float: left;
	width: 230px;
}

.home #secundario h3{
	font-size: 1.7em;
	line-height: 1em;
	margin: 65px 0 0 0;
}
.home #secundario h4{
	font-size: 1em;
	margin: -2px 0 10px 0;
	color: #444;
}


p strong,
li strong {
	color: #111;
	font-weight: bold;
}


/* =pie */

#pie {
	border-top: 1px solid #eee;
	padding: 10px 15px;
	float: left;
	width: 730px;
	height: 140px;
	background:#fff url("/i/fondo-pie.jpg") no-repeat top right;
	margin-top: 20px;
}

#pie ul {
	float: left;
	width: 420px;
	margin-bottom: 20px;
}

#pie ul li{display: inline; margin-right: 10px;}
#pie ul li a{color: #777; font-size: .8em; text-decoration: none;}
#pie ul li a:hover {color: #444; }

#pie p{
	float: left;
	clear: both;
	font-size: .9em;
	width: 320px;
	line-height: 1.3em;
	margin: 0 0 5px 0;
}


/* =tabs */ 

   /* *  ui-tabs-nav This is the whole menu. Use this as a base class.
    
    * ui-tabs-selected This is the current tab. It's very important to create a strong visual indication which tab is the current one.
    
    * ui-tabs-disabled For when a tab is disabled. Highly recommended to appear somewhat transparent or disabled. This is often done by graying the color.
    
    * ui-tabs-panel These are the boxes that will have their visibility toggled.
    
    * ui-tabs-hide This class hides the boxes (perhaps the most important class)
    
    * <span> The span tags are there to give freedom to tricks like rounded corners and resizable backgrounds. */



.ui-tabs-nav {
	border-bottom:1px solid #ccc;
	float: left;
	width: 100%;
	margin: 7px 0 3px 0;	
}
.ui-tabs-nav li{
	float: left;
	width: auto;
	margin-left: 10px;
}

.ui-tabs-nav li a{
	background: #ccc;
	padding: 4px 10px;
	float: left;
	width: auto;
	color: #444;
	text-decoration: none;
}


.ui-tabs-nav li a:hover {
	background: #eee;
}

li.ui-tabs-selected {
	border: 1px solid #ccc;
	border-bottom: 0;
}
li.ui-tabs-selected a{
	background: #fff;
	margin-bottom: -1px;
}

.ui-tabs-disabled {}
.ui-tabs-panel {}

.ui-tabs-selected span{}


.ui-tabs-hide { display: none; }




/* estilos para contenido interno de los tabs */

#tabs h2 {
	font-size: 2em;
	font-weight: bold;
}
#tabs h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 20px;
}


#tabs h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	color: #111;
}

#tabs dt {
	color: #111;
	font-weight: bold;
	margin-top: 10px;
	font-size: 1.2em;
}

#tabs dd {
	padding: 0 30px;
}

#tabs p {
	margin:0 0 10px 0;
}

ul#logos li{
		float: left;
		width: auto;
		margin-right: 20px;
}

#secundario ul li strong { color:#0C4687;}