body{
font-family:Arial;
background-color:#112222;
background-image:url("../images/fondo.png"); 
background-repeat: repeat-x;
background-size: auto auto;
}
.cont-ppal{
position:relative;
left:10%;
width:1000px;
border-style:none;
/*border-width:1px;
border-color:#555555;*/
}
.cabezal{
width:1000px;
height:88px;
background-image:url("../images/trace_web_01.jpg")
}
.botonera
{
width:1000px;
height:37px;
background-image:url("../images/trace_web_02.jpg");
}
.botones{
float:right;
width:92px;
height:27px;
background-image:url(../images/boton.png);
margin:7px 15px 0 0;
text-align:center;
font-size:0.72em;
font-weight:bold;
line-height:240%;
color:#DDDDDD;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
a:link,a:visited
{
color:#DDDDDD;
text-align:center;
text-decoration:none;
}
.botones:hover,.botones:active
{
background-image:url(../images/boton-active.png);
color:#FFFFFF;
}

#abajo{
width:1000px;
height:975px;
}
#abajoizq{
width:183px;
height:975px;
float:left;
background-image:url("../images/trace_web_03.jpg");
}
#abajoder{
width:817px;
height:975px;
float:left;
background-image:url("../images/trace_web_04.jpg")
}
.contenido{
width:817px;
height:975px;
padding:10px 5px 5px 10px; 
}


.arrowlistmenu{
width: 166px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #DDDDDD;
background: url(../images/titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 4px 7px 11px; /*header text is indented 10px*/
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it"s expanded*/
background-image: url(../images/titlebar.png);
color:#FFFFFF;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 2px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
text-align:left;
}
.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #114444;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 80%;
text-align:left;
}
.arrowlistmenu ul li a:visited{
color: #114444;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #113333;
background-color: #F3F3F3;
}

#tblcontacto{
width:420px;
border-collapse:collapse;
padding:0px;
background-color:#EEEEEE;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius:10px;
behavior: url(/css/border-radius.htc);
border-radius: 20px;
}
.recuadro{
padding:5px 5px 5px 17px;
width:95%;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius:10px;
behavior: url(/css/border-radius.htc);
border-radius: 20px;
}

#tblcontacto td{
	font-family: Arial, Helvetica, sans-serif, "Kabel Bk BT";
	font-size: 12px;
	padding: 10px;
}

.texto1{
font-size:0.9em;
color:#333333;
line-height:130%;
}
.texto2{
font-size:1em;
width:90%;
color:#333333;
}
.texto-centrado	{
width:90%;
text-align:center;
color:#444444;
font-size:1.3em
}


#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
font-size:0.8em;
}
#customers td 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
a.externos:link,a.externos:visited
{
color:blue;
text-align:left;
text-decoration:none;
}