/* ----------------------------------------------------------------------------------------- */
/* |        CSS de Teyco                                                                   | */
/* |---------------------------------------------------------------------------------------| */
/* |        Nombre: Hoja de estilo global                                                  | */
/* ----------------------------------------------------------------------------------------- */

/* Reset ............................. */
body{ margin:0; padding: 0; text-align: center; background:url(/images/armado/back_body.jpg) center center repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal}
img.centrada{ display:inline; text-align:center}
legend,img#logoprint{ display:none}
p{ margin: 0}
abbr{ border:0;}
hr{ display: none;}

fieldset{ border:0; margin:0; padding:0}
input, textarea, select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#008373; border:1px solid #BEBEBE; padding:1px 0}
input:focus, input.sffocus, textarea:focus, textarea.sffocus, select:focus, select.sffocus {background:#F2F9F7;}
option { margin-top: 1px}



/* Colores ............................. */
a{ color:#008373; text-decoration:none;}
a:hover{ text-decoration:underline;}
.verde{ color:#008373}
.negro{ color:#000}


/* Cabecera ............................. */
#header{ width:100%; background:url(/images/armado/back_header.gif) top center no-repeat; font-size:10px; color:#008373;}
#head{ position: relative; width:760px; height:81px; margin:0 auto; padding:0; background-color:#FFF; border-top: 6px solid #008373; border-bottom: 1px solid #D7D7D7;}
#head a:hover{ color:#000; text-decoration:none}


/* Logotipo ............................. */
#logo{ float: left; height: 65px; width: 130px; cursor:pointer;}
#logo h1{ background: transparent url(/images/armado/logo.gif) top left no-repeat; padding-top: 65px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:65px; /* for pre 6.0 IE Win */;}


/* Navegacion Principal ............................. */
ul#nav{ margin:0; padding:0; font-weight:bold; line-height:13px; text-transform:uppercase;}
ul#nav li{ float:left; width:126px; list-style-type:none; text-align:right;}
ul#nav li a{ position: relative; display:block; height:81px; background:url(/images/armado/back_nav.jpg) top right repeat-y;}
ul#nav li a span{ position: absolute; bottom: 4px; right: 0; display:block; padding: 0 8px 0 8px;}
ul#nav li a:hover{ background:url(/images/armado/back_nav_hover.jpg) top right repeat-y;}
ul#nav li a#empresa{ height:14px; padding: 64px 8px 3px 0px;}
ul#nav li a.seleccionado{ background:url(/images/armado/back_nav_hover.jpg) top right repeat-y; color:#000;}

/* Herramientas ............................. */
ul#tools{ float:left; margin:0; padding:0; width:126px;}
ul#tools li{ width:126px; height:19px; margin:0; padding:8px 0 0 0; background:url(/images/armado/back_tools.gif) repeat-x; list-style-type:none;}
ul#tools li#idiomas{ width:122px; line-height: 10px; background:none; padding:4px 0;}
* html ul#tools li#idiomas{ padding:3px 0;}


/* Capa centrada en el body ............................. */
#rap{ position: relative; width:760px; margin:0 auto; padding:0; text-align:left;}


/* Logotipo en el pie ............................. */
#logotipo{ float:left; background:url(/images/armado/back_logotipo.gif) right bottom no-repeat #FFF;}


/* Banner ............................. */
#banner{ border-top:1px solid #FFF; border-bottom:1px solid #FFF;}


/* Contenedor ............................. */
#contenedor{ float:left; border-top:1px solid #D7D7D7;}

/* Contenido ............................. */
#contenido{ float:left; width: 100%; border-top:1px solid #FFF; padding: 0 0 0 1px;}

/* Usuario Gestion Delegada ............................. */
#usuario-gestion {
	position: absolute;
	_position: relative;
	_height: 1%;
	display: block;
	padding: 2px 4px;
	top: 1px;
	right: 0;
	background-color: #008373;
	color: #FFF;
	font-size: 10px;
	clear: left;
}
#usuario-gestion p{
	float: left;
	_float: right;
	padding: 0 2px;
}
#usuario-gestion a{
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
#usuario-gestion a:hover{
	color: #000;
}
#footer a#linkextranet{ color:#008373;}
#footer a#linkextranet:hover { color:#000; text-decoration:none;}

#search form{
	width: 570px;
}
#search select{
	width: 280px;
}

div#toolbar {
	margin:auto;
	width:760px;
}