/* RESET */



body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* ETIQUETAS */

ul {
     list-style: circle
}

body {
color:#333333;
font-family:Verdana;
font-size:small;
line-height:135%;
text-align:justify;
background:#B6B6B6 url(images/page-bg.png) repeat-x scroll 0 0;
}

a:hover {
text-decoration:underline;
}

a {
color:#D12E2E;
text-decoration:none;
}

h1 {
border-bottom:1px solid #EBEBEB;margin:0 0 12px;padding:0 0 3px;
color:#D12E2E;
font-family:Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
font-size:160%;
font-weight:bold;
line-height:120%;
border-bottom:1px solid #EBEBEB;
}

h2{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}

h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}

hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}

/* LOYOUT */

#company_title{color:transparent;
 float:left;
font-size:24px;
line-height:60px;
margin:0;
padding:0;
text-align:left;
}
#content_container{
position:absolute;
left: 50%;
margin: 0px -469px 0;
padding:0;
text-align:left;

background-image: url(images/tem_content.png) ;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 40px;
padding-right: 20px;
width: 878px ;

}

#flash_head{
margin-left: 6px;
padding-top: 6px;
}

#content_left{
float:left;
text-align:left;
width: 640px ;
}
#side_menu{
float:left;
text-align:left;
padding-left: 25px;
width: 210px ;
}
#side_menu ul{
list-style:none;
margin:0 0 10px;
padding:0;
}
#side_menu ul li{
line-height:25px;
margin:0;
padding:0
}
#top{
height:60px;margin:0 auto;
padding:0;
text-align:left;
width:938px;
}
#top_container{
margin:0px auto 0;
padding:0;
text-align:left;
background: url(images/tem_head.png) no-repeat scroll 0 0;
width: 938px ;
height: 189px ;
}
#top_menu{
background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;
line-height:30px;
margin:0;
padding:0;
text-align:left;
}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}

#welcome_box{
font-size:14px;
font-weight:bold;
width:920px;
line-height:45px;
text-align:right;
}
#welcome_box a
{
font-weight:normal;
color:#696969;
}
#welcome_box a:hover
{
font-weight:normal;
color:#212121;
}


/* ELEMENTOS */


/* CLASES */

.absmiddle{vertical-align:middle;}

.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.green{color:#006F0F;}
.header{color:#8f0e0d;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}

.clear{
float:left;
text-align:left;
margin: 0px -40px 0;
width: 938px ;
height: 126px ;
background-image: url(images/tem_foot.png) ;
}

table.data{margin:0 0 10px;padding:0;}

table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}

table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}

table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}

table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}

table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}

table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}

table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}

table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}

table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}


}