body{
background: #fff url(graficos/fondohd2.jpg) repeat-x;
font:normal 13px "Trebuchet MS", Arial, Verdana;
margin: 0 0 0 0;
padding:0 0 0 0;
color:#666666;
}

body, td.texto{ font:normal 13px "Trebuchet MS", Arial, Verdana; }

.contenido{ text-align:center; width:899px; height:665px; }

.subcontenido{ text-align:left; margin:0; padding:0; }

.contenidoBordes{ border-left:0px solid #ffffff; border-right:0px solid #ffffff; }

.contenidoInterior{
	text-align:center;
	width:899px;
	height:645px;
	/*background:#ffffff;*/
}

.fondoInterior{ background: #ffffff url(graficos/fondoInterior.gif) repeat-x; }

.contenTop{ width:881px;}

.contenFoto{ float:left; width:879px; background:#ffffff; overflow:hidden; }

.sombraLeft{ width:10px; height:685px; background: #b0b0b0 url(graficos/sombraHDLeft2.jpg) no-repeat top left; float:left; }
.sombraRight{ width:10px; height:685px; background: #b0b0b0 url(graficos/sombraHDRight2.jpg) no-repeat top right; float:right; }

#contenedor_menu{ position:relative; width:211px; min-height:665px; overflow:hidden; text-align:left; background:#fcfcfc url(graficos/fondoPaginaSup.png) repeat-x; border-right:1px solid #eee; padding:0px; margin:0px 0px 0px 0px; float:left; margin-bottom: -1000px; padding-bottom: 1000px;}
#contenedor_menu #cab{ position:relative; width:183px; background:#BBC4AF; color:#FFF; margin:4px; padding:8px; padding-left:12px; font-size:14px; font-weight:bold; overflow:hidden; }
* html #contenedor_menu #cab{ width:203px; }
#contenedor_menu #menu{ position:relative; width:203px; margin-left:12px; margin:0px; padding:0px; margin-left:4px; }
#contenedor_menu #menu ul{ list-style:none; margin:0px; padding:0px; }
#contenedor_menu #menu li{ line-height:28px; border-bottom:1px solid #eee; }
#contenedor_menu #menu li:hover{ background:#EBEDE7; }
#contenedor_menu #menu li.activo{ background:#E1E4DC; }
#contenedor_menu #menu li a{ color:#666; font-size:12px; text-decoration:none; margin-left:12px; display:block; }
#contenedor_menu #menu li a:hover{ background:#EBEDE7; color:#333; }

#pre_contenedor_pagina{ width:667px; background:#fff; padding:0; margin:0; float:left; }

#contenedor_pagina{ width:632px; padding:0; margin:0px 15px 10px 20px; text-align:left; font-size:12px; float:right; position:relative; } 
* html #contenedor_pagina{ width:651px; margin-left:-1px; } 
* html #contenedor_pagina div { margin-left:20px; } 

#contenedor_pagina_cliente{ width:640px; padding:0; margin:0px 15px 10px 10px; text-align:left; font-size:12px; float:right; position:relative; } 

#bread { color:#bbb; font-size:10px; margin-top:4px; margin-bottom:10px;}
#bread a { color:#aaa; }
#bread img { margin-left:3px; margin-right:3px; }
#contenedor_pagina h1, #contenedor_pagina_cliente h1 { color:#333; font:italic 27px Georgia, Arial, Verdana; margin-top:18px; }
#contenedor_pagina h2, #contenedor_pagina_cliente h2 { color:#85996A; font:italic 17px Georgia, Arial, Verdana; margin:-12px 0px 0px 0px; letter-spacing:-0.3px; }
#contenedor_pagina h3 { color:#457340; font:normal 15px "Trebuchet MS", Arial, Verdana; margin:25px 0px -5px 0px; }
#contenedor_pagina h4 { color:#888; font:italic 18px Georgia, Arial, Verdana; margin:-20px 0px 16px 0px; }
#contenedor_pagina h4:first-letter { font-size:xx-large }

#contenedor_pagina_cliente img { margin: -2px; }
#contenedor_pagina_cliente #bread img { margin-left:3px; margin-right:3px; }

#contenedor_pagina img.fotoSeccion { position:relative; margin:20px 0px 0px -20px; padding:0; height:199px; }
* html #contenedor_pagina img.fotoSeccion { margin:20px -15px 0px 0px; }

#contenedor_pagina img.icono { float:right; margin-top:20px; margin-left:5px; }

#titulo_col_izq { width:460px; padding:0; margin:0px 0px 0px 0px; float:left; }
#titulo_col_dch { width:130px; padding:0; margin:0px 0px 0px 0px; float:right; }

#col_izq { width:430px; padding:0; margin:0px 0px 0px 0px; text-align:left; font-size:12px; float:left; }
#col_dch { width:160px; padding:0; margin:0px 0px 0px 40px; text-align:left; font-size:12px; float:right; }
#col_dch p { font-size:10px; margin-left:10px; }
#col_dch p.forms { background: url(graficos/formularios.jpg) no-repeat top center; height:199px; padding-top:140px; margin-bottom:-140px; }
#col_dch p.forms a { position:relative; }

.clear, hr { clear:both; margin:0; padding:0; font-size:0; line-height:0; }

.linea1{ background:#73A529; margin:0 0 0 0; padding:0 0 0 0; }
.linea2{ background:#9ED34E; margin:0 0 0 0; padding:0 0 0 0; }
.linea3{ background:#406421; margin:0 0 0 0; padding:0 0 0 0; }
.linea5{ background:#df6300; margin:0 0 0 0; padding:0 0 0 0; }
.linea6{ background:#5C6948; margin:0 0 0 0; padding:0 0 0 0; }
.linea7{ background:#eaeaea; margin:0 0 0 0; padding:0 0 0 0; }

.lineaBlanca{ background:#ffffff; margin:0 0 0 0; padding:0 0 0 0; }

.lineaSombraInferior{ background: #fff url(graficos/sombraBottom.jpg); height: 10px; margin:0 0 0 0; padding:0 0 0 0; width:881px;}
* html .lineaSombraInferior{ overflow:hidden; }


/*columns*/

.columnaLeft
{
	float: left;
	width: 190px;
	overflow: hidden;
	margin:20px 20px 20px 20px;
	text-align:left;
}

.columnaLeft ul.staffFavList {
	list-style-type: none;
	/*list-style-image: url(../img/layout/bullet-grey-light.gif);*/
	padding-left: 17px;
	margin-left: -14px;
	/*padding-top: 10px;*/
	overflow: hidden;
}

.columnaLeft ul.staffFavList a {
	color: #a95241;
	background: url(graficos/bullet-grey-light.gif) no-repeat left;
	text-decoration: none;
	padding-left: 14px;
}

.columnaLeft ul.staffFavList a#selected {
	background: url(graficos/bullet-arrow.gif) no-repeat left;
	text-decoration: none;
	color: #000000;
	padding-left: 14px;
}

.columnaLeft ul.staffFavList a:hover {
	background: url(graficos/bullet-arrow.gif) no-repeat left;
	text-decoration: underline;
	color: #A95241;
}

.columnaRight
{
	text-align:left;
	float: right;
	width: 630px;
	overflow: hidden;
	margin:20px 20px 0px 0px;
}

.columnaRight a {
	color: #f58203;
	font-weight: bold;
}
.columnaRightMargin{
	margin:0 0 0 30px;

}
.leftSeparator
{
	background: url(graficos/separator-vertical-mid.gif) repeat-y top left;
}

.leftSeparatorBottom
{
	background: url(graficos/separator-vertical-bot.gif) no-repeat bottom left;
}

.leftSeparatorTop
{
	background: url(graficos/separator-vertical-top.gif) no-repeat top left;
	height: 1px;
}


.leftSeparatorBottom>.leftSeparatorTop
{
	height: auto;
}


/*TEXTOS*/
h1{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-style: italic;
	font-size: 110%;
	color: #666666;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height:0;
}
h1 a{
	color: #df6300;
}

h2{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-style: italic;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

h3{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-style: italic;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: .3em;
	margin-top: -.6em;
}

h4{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-style: italic;
	font-size: 150%;
	font-weight: normal;
	color: #666666;
	margin-bottom: 1em;
	margin-top: 1em;
	vertical-align: middle;
}
h4 a{
	color: #666666;
}
h4 span{
	color: #333333;
}
h4 img{
	float: left;
	height: 85px;
	margin-right: 2px;
}

h5
{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-style: italic;
	font-size: 120%;
	font-weight: normal;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 5px;
}
h6 {
	position: relative;
	font-size: 90%;
	color: #DF6300;
	text-transform: uppercase;
	padding: 12px;
	margin-bottom: 10px;
	background-color: #F9F9F9;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}

h6 span.num {
	position: absolute;
	right: 12px;
	top: 12px;
	color: #6c6c6c;
	font-weight: normal;
}

* html h6 span.num {
	right: 24px; /*IE6 position fix*/
}
.txtGuianav{
	padding:10px 10px 10px 0px;

}


/*pies*/

.destacados{
	background:#ffffff;
	height:218px;
	width:879px;
}


.pie{
	width:881px;
	text-align:left;

}
.pie a{
	color:#ffffff;

}

.footerBlock
{
	width: 881px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.footerBlock .left
{
	float: left;
	color: #999;
	font-size: 11px;
}
.footerBlock .right
{
	padding-top: 2px;
	line-height: 16px;
	float: right;
	font-size: 11px;
}
.footerBlock .right img { float:right; }
* html .footerBlock .right img { float:left; }

.footerLinks
{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footerLinks li
{
	display: inline;
	margin-left: 1px;
	margin-right: 1px;
	color: #ccc;
}
.footerLinks li a, .footerLinks li a:active, .footerLinks li a:visited
{
	color: #888;
	text-decoration:none;
}
.footerLinks li a:hover
{
	color: #000000;
	text-decoration:underline;
}


logos_partners {
    background:#fff;
	margin-left: auto;
    width:420px;
    clear:both;
    overflow:hidden;
	padding-bottom: 15px;
}
.logos_partners ul {
    margin:0;
    padding:0;
}   
.logos_partners ul li {
    margin:0;
    padding:0;
    list-style-type:none;
    text-indent:-9999px;
	display:inline;
}
.logos_partners ul li a {
    margin:0 19px 0 0;
    padding:0;
    display:block;
    height:35px;
	float:left;
    background-position:bottom;
    background-repeat:no-repeat;
    outline:none;
}
.logos_partners ul li a.anoto {
    width:90px;
    background-image:url(graficos/logo-partner-anoto.gif);
}
.logos_partners ul li a.vo {
    width:60px;;
    background-image:url(graficos/logo-partner-vo.gif);
}
.logos_partners ul li a.symbian {
    width:67px;;
    background-image:url(graficos/logo-partner-symbian.gif);
}
.logos_partners ul li a.bb {
    width:102px;;
    background-image:url(graficos/logo-partner-bb.gif);
}
.logos_partners ul li a:hover {
    background-position:top;
}



/*navegaciones*/

.navSuperior{
	font-size: 11px;
	color: #6f6f6f;
	text-decoration:none;
}

.navSuperiorOFF{
	font-size: 11px;
	color: #bfbfbf;
	text-decoration:none;
}

.navSuperior:hover{
	color: #000000;
	text-decoration:underline;
}
.navSuperiorOFF:hover{
	color: #000000;
}

/*OTRS*/
.colorea1{
	/*background-color:#f1f1f1;*/
	margin:0 0 0 0;
}

div #marco { 
	width: 134px; 
	height: 130px; 
	background:url(graficos/marco5.gif) no-repeat; 
	text-align:center; 
	vertical-align:middle; 
	font-size: 10px; 
	color:#777777;
}
.bordeImg{
	border:2px solid #eaeaea;
}

a.readon {
	width: 115px;
	padding: 0;
	display: block;
	background: url(graficos/readon2.gif) no-repeat;
	color: #4F4F4F;
	font-size: 11px;
	line-height: 28px;
	text-decoration: none;
	text-indent: 30px;
	text-align: left;
	height: 29px;
	font-weight:bolder;
}
a.readon:hover, a.readon:active, a.readon:focus {
	background: url(graficos/readon1.gif) no-repeat;
	text-decoration: none;
}

ul.azul { list-style: none; }
ul.azul li { margin-left: -20px; padding: 0 0 5px 30px; background: url(graficos/checkAzul.gif) no-repeat 3px 0px; }
ul.azul li ul li { padding:0; background: url(graficos/pixel.gif) no-repeat }
ul.verde { list-style: none; }
ul.verde li { margin-left: -20px; padding: 0 0 5px 30px; background: url(graficos/checkVerde.gif) no-repeat 3px 0px; }
ul.naranja { list-style: none; }
ul.naranja li { margin-left: -20px; padding: 0 0 5px 30px; background: url(graficos/checkNaranja.gif) no-repeat 3px 0px; }
ul.naranja li ul li { padding:0; background: url(graficos/pixel.gif) no-repeat }
ul.rojo { list-style: none; }
ul.rojo li { margin-left: -20px; padding: 0 0 5px 30px; background: url(graficos/aspaRoja.gif) no-repeat 3px 0px; }

#fotoHDF { background: url(fotos/ico_HDF.jpg) no-repeat top center; height:200; width:160; position:relative; float:right; padding-top:160px; margin-bottom:-160px; }
#fotoHDF a { position:relative; }
#fotoVertical { background: url(fotos/ico_Vertical.jpg) no-repeat top center; height:200; width:160; position:relative; float:right; padding-top:160px; margin-bottom:-160px; }
#fotoVertical a { position:relative; }
#fotoRouting { background: url(fotos/ico_Routing.jpg) no-repeat top center; height:200; width:160; position:relative; float:right; padding-top:160px; margin-bottom:-160px; }
#fotoRouting a { position:relative; }
#fotoWF { background: url(fotos/ico_WF.jpg) no-repeat top center; height:200; width:160; position:relative; float:right; padding-top:160px; margin-bottom:-160px; }
#fotoWF a { position:relative; }

div.dTABLE { clear:none; overflow:auto; margin-top:10px; }
div.dTR { clear:both; }
div.dTH { float:left; padding:2px; background:#e7e2c7; border-color:#fff; border-style:solid; border-right-width:1px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; text-align:center; height:36px; vertical-align:middle; color:#111; }
div.dTD { float:left; padding:2px; border-color:#F0E0A0; border-style:solid; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; height:18px; }
div.dTDON { float:left; padding:2px; border-color:#F0E0A0; border-style:solid; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; height:18px; background:#f5f5f5; }

/* FORMULARIOS */

table.formulario																{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 0px; font-weight: normal; }
table.formulario th									  							{ text-align:right; padding-right: 5px; font-weight: normal; }
input, select, textarea															{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #9d9b9b; padding: 1px 0 1px 1px; border: 1px solid #d1d1d1; font-weight: normal; }
input:hover, select:hover, textarea:hover										{ color: #666666; border: 1px solid #666666; }
input:focus, select:focus, textarea:focus, 
input:active, select:active, textarea:active									{ color: #000000; border: 1px solid #000000; }

input.button										{ color: #686868; border-width: 1px; border-style: solid; border-color: white #c9c9c9 #c9c9c9 white; background: url(graficos/bck_button.gif) top repeat-x; cursor: pointer; text-indent: 0; text-align: center;}
input.button:hover, input.button:focus				{ color: #000000; border-color: #f6f8fa #b0bfd6 #b0bfd6 #f6f8fa; background-position: 0 -30px; }
