﻿/*************************************************************************/
/* ---- PRUEBA MENU ---- */
#cgeneral   	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -2px; }
#cproducts  	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -39px; }
#cnews      	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -76px; }
#cseminars  	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -113px; }
#cdownloads 	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -150px; }
#ccompany   	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -187px; }

#cmenu      	#ContenedorMenu { background: url("images/newimg/matriz_x7.png") no-repeat 0px -224px; }

#cgeneral   	#dgeneral   a   { color: #e31f26;  }
#cproducts  	#dproducts  a   { color: #e31f26;  }
#cnews      	#dnews      a   { color: #e31f26;  }
#cseminars  	#dseminars  a   { color: #e31f26;  }
#cdownloads 	#ddownloads a   { color: #e31f26;  }
#ccompany   	#dcompany   a   { color: #e31f26;  }

/*#ateg:hover { background: url("images/newimg/shine.gif") no-repeat; } /*brillo en ATeG Option Menu*/

#sitemap hr { display:none; }
div#DownloadErr { text-align: center; }

#menu_p
{
    background: transparent;
    width: 955px;
    clear: both;
}

#ContenedorMenu
{
    font-family: Verdana;
    font-size: 11px;
    background: url("images/newimg/matriz.png") no-repeat;
    width: 780px;
    min-width: 780px;
    height: 31px;
    vertical-align: top;
    text-align: right;
    float: right;
}
.op 
{
    width: 110px;
    padding: 9px 0px; 
    float: left;
    cursor: pointer;
    text-align: center;
    
    /*border: solid 1px green;*/
    /*background: AliceBlue;*/
}
.sinpadding{padding: 0px; padding-left: -5px;}
div.op a 
{
     padding: 6px 0px; /* para la opción Productos y Servicios, se controla la posición en la misma etiqueta*/
     text-decoration: none;
     /*background: AliceBlue; */
}
 .op a:hover { color: #e31f26; text-decoration: none; font-weight:normal; }
 
 input { font-size: 10px; }
 input[type="submit"]
 {
     color:#284775;
     background: url('images/newimg/SubmitButtons.png') repeat-x;
     
     border-width:0px;
     border-style:Solid;
     font-family:Verdana;
     width: 143px;
     height: 18px;
}
input[type="reset"]
 {
     color:#284775;
     background: url('images/newimg/SubmitButtons.png') repeat-x;
     border-width:0px;
     border-style:Solid;
     font-family:Verdana;
     width: 143px;
     height: 18px;
}
input[type="button"]
 {
     color:#284775;
     background: url('images/newimg/SubmitButtons.png') repeat-x;
     border-width:0px;
     border-style:Solid;
     font-family:Verdana;
     width: 143px;
     height: 18px;
}

/*************************************************************************/

/*bordes de las tables tags DENTRO DE LOS CONTENEDORES*/

#editable table     { border-style: solid; border-width: 0px; background: #d7d8d9; }
#editable table td  { border-style: solid; border-width: 0px; background: White;} /*cambiar width: 1px; ANTES DE SUBIR???*/

div#separa_grids table td { padding: 4px 0px 4px 0px; }

#noticia table td {padding: 1px 2px;}

hr
{   color: #e3e3e3;
    height: 1px;
    border-style: solid;
}

#table_cabecera
{
    margin-bottom: 15px; /*separanción entre pie de la cabecera de cada content_place_holder y su contenido*/
}
/*To google Search **************************/
#googlesearch
{
    text-align: left;
    font-family: Verdana;
}
#left-column { font-size: 12px; }
#right-column {  }

#search-area {
  background-color: #fe9;
  border: 1px solid #fc0;
  /*margin-bottom: 16px;*/
  /*padding: 8px;*/
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #620;
  
  padding: 8px 15px 8px 20px;
  border-left: solid 10px #fc0;
  
}

.help-text {
  margin-top: 0.5em;
  font-size: 10px;
  /*font-weight: bold;*/
  opacity: 0.5;
  -moz-opacity: 0.5;
  
  text-align: justify;
}

#search-area input {
  font-size: 12px;
  background-color: #000;
  color: #fc0;
  padding: 4px;
  margin: 4px 0;
  border: 0;
  font-family: Verdana;
}
/****/
#results .gsc-results 
{
    /* Sets font for titles, snippets, and URLs. */
    font-family: Verdana;
    font-size: 12px;
    text-align: justify;
}
#results .gsc-result 
{
    position: relative;
    border: 1px solid #eee;
    border-left: 10px solid #eee;
    padding: 8px 8px 8px 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 728px;
    
}
#results .gsc-result:hover {border: 1px solid #888;border-left: 10px solid #888;}

/**************************************************************/
body
{
    background-color: White;
    background-image: url("images/newimg/BarraRoja.png");
    background-repeat: repeat-x;
    background-position: 0px 153px; /*162px /*lnk*/
    /*height: 100%;*/
    margin: 0px;
    padding: 0px;
}

a:link, a:visited, a:active  { color: #474d56; text-decoration: none;}
a:hover { text-decoration: none; color: #343594; }


img { border-style: none; }


.textomenu, #textomenu
{
    font-family: Verdana, Sansation;
    font-size: 10px;
    color: #939598;
    line-height: 12px;
}



.textopeque
{
    font-family: Verdana;
    font-size: 10px;
    color: #939598;
    line-height: 12px;
}

p { margin: 15px 0px; }

.h1m 
{
    overflow: hidden; vertical-align: middle;
    }
h1
{
    padding : 20px 0px 0px 35px ;
    margin: 0px;
    
    font-family: Verdana, Sansation;
    font-size: 30px;
    
    color: #939598;
    text-align: left;
    font-weight: normal;
}

h2
{   padding : 0px;
    margin: 0px;
    
    font-family: Verdana, Sansation;
    font-size: 25px;
    line-height: 30px;
    color: #939598;
    text-align: right;
    font-weight: normal;
    
   
}

h3
{
    padding: 0px;
    margin: 0px;
    
    font-family: Verdana, Sansation;
    font-size: 20px;
    line-height: 25px;
    color: #6b6d72;
    text-align: right;
    font-weight: normal;
}
h4
{
    padding: 0px;
    margin: 0px;
    
    font-family: Verdana, Sansation;
    font-size: 9px;
    line-height: 14px;
    color: #939598;
    font-weight: normal;
    
    
}
h5
{
    padding: 0px;
    margin: 0px;
    
    font-family: Verdana, Sansation;
    font-size: 11px;
    line-height: 25px;
    color: #939598;
    font-weight: normal;
    
    
}
/*---------------------- Estilos de los Divs--------------------------*/

#pagina
{
    max-width: 945px;
    width: expression(document.body.clientWidth > 945? "945px": "auto");
    margin: 0px auto;
}

#cabecera
{
    margin-bottom:30px;
    width: 945px;
    height: 100px;
    z-index: 1;
}


#migas
{
    height: 16px;
    z-index: 1;
    clear: both;
    line-height: 22px;
}




#contenido
{
    overflow: hidden;
    margin: 20px 0px 0px 0px; /*separación <arriba del contenido> de BreadCrumb*/
    position: relative;
    width: 945px;
    z-index: 1;
}

#menuizq, .menuizq
{
    background: url('images/titulomenuizq.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 145px;
    overflow: hidden;
    z-index: 1;
}

#principal
{
    float: right;
    width: 767px;
    z-index: 1;
}


/*----------------------- Menu principal (situado a la izq) ----------------------*/
#menu, .menu
{
    width: 143px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    margin: 0px 0px 0px 0px;
}

#contenidomenu, .contenidomenu
{
    text-align: right !important;
    padding-top: 10px;
    margin-right: 10px;
    line-height: 16px;
    padding-bottom: 0px;
}
div#contenidomenu div table, div.contenidomenu div table { width: 100%; }
div#contenidomenu div table td hr, div.contenidomenu div table td hr, div#contenidomenu hr, div.contenidomenu hr { width: 118px; margin-left: 15px; }
div#contenidomenu div table td, div.contenidomenu div table td /* establece el ancho del menú izq treview en Ffox*/
{
    width: 100%; text-align: right;
}
ul#contenidomenu
{
    list-style: none;
}


#piemenu, .piemenu
{
    margin-bottom: 15px;
    width: 145px;
    background: url('images/finmenu.png') no-repeat;
    height: 19px;
}

#bienvenido
{
    /*float: left;
    overflow: hidden;
    vertical-align: middle !important;*/
    width: 100%;
}



/*------------------ Cuadro lateral con noticias/novedades -------------------*/


#noticia
{
    
    float: right;
    background-image: url('images/newimg/titulo.png');
    background-repeat: no-repeat;
    /*width: 333px;*/
    
    clear: both;
    /*margin-bottom: 10px; /*Separación entre contenedor NOTICIAS y de sección grandes*/
}

#titulo, #titulosec, .grande, .titulosec
{
    text-align: right;
    font-size: 13px;
    color: #545554;
    font-family: Verdana;
        
    padding-top: 8px;
    padding-right: 40px;
}

#menuizq #titulo
{
    padding-right: 10px; /*mueve el título de los submenús a la derecha*/
}

#noticia #titulo
{
    color: #E31F26;
}
#noticia #div #contenidodiv, #seccion #divsec #contenidosec
{
    font-family: Verdana, Arial;
    font-size: 10px;
    line-height: 12px;
    color: #939598;
}

#div
{
    border-left: 1px solid #e3e3e3; /*Borde del Menu*/
    border-right: 1px solid #e3e3e3;
    width: 331px;
}

#contenidodiv
{
    padding: 17px 10px 5px 10px;
}


#fin
{
    background-image: url('images/newimg/fin.png');
    width: 333px;
    background-repeat: no-repeat;
    height: 9px;
}



/*----------------------- Cuadro central con secciones ----------------------*/


#seccion, .seccion
{
    background-image: url('images/newimg/titulosec.png');
    background-repeat: no-repeat;
    text-align: right;
    width: 767px;
    clear: both; /************ Ffox :@ **************/
    margin-bottom: 10px; /*Separación entre contenedores de sección grandes*/
}

#divsec, .divsec
{
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    width: 765px;
    padding-top: 5px; /*separación entre el contenido y la parte superior del contenedor <GRANDE>*/
    /*margin-top: 8px;*/ /*no se note el espacio entre título del contenedor y contenido de contenedor (contenedor grande)*/
}

div#contenidosec, .contenidosec
{
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: auto;
    text-align: justify;
    
    overflow: hidden;
    line-height: 15px;
}

#finsec, .finsec
{
    margin: 0px 0px 0px 0px; /* centradito */
    background-image: url('images/newimg/finsec.png');
    width: 767px;
    background-repeat: no-repeat;
}

/*------------------------ Div pie de página--------------------------------*/



#piepagina
{
    text-align: center;
    width: 953px; margin-top: 20px;
}
#cab_piepagina
{
    background-image: url('images/newimg/cab_piepagina.png');
    background-repeat: no-repeat;
    height: 6px;
}
#cont_piepagina
{
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    padding-top: 10px;
    padding-bottom: 10px;
}

#pie_piepagina
{
    background: url("images/newimg/pie_piepagina.png");
    background-repeat: no-repeat;
    height: 6px;
}


/* Diseño Anasoft Solutions */
/* WSAT */
/**/
table.webparts
{
    border-collapse: collapse;
    /*background-color: #F7F6F3;*/
    /*border-style: solid;
    border-width: 1px;
    border-color: #E6E2D8;*/
    font-family: Verdana, Sansation;
    color: #828589;
    
    font-size: 11px;
}

table.webparts th
{
    /*background-color: #5D7B9D;*/
    text-align: center;
    font-weight: bold;
    color: #545554;
    font-size: 10px;
    padding: 4px;
}
/**/
table.list, td.details table.list
{
    width: 100%;
    border: 1px solid #000;
}
table.list tr th, td.details table.list tr th
{
    text-align: left;
    background-color: #666;
    color: #FFF;
    font-size: 100%;
    border-style: none;
    padding: 2px 20px 2px 2px;
}
table.list tr td, td.details table.list tr td
{
    border-bottom: 1px solid #999;
    padding: 2px 20px 2px 2px;
}
table.list tr
{
    background-color: #FFC;
}
table.list tr.odd
{
    background-color: #CCC;
}

td.details div table tr td, td.details div table tr td.detailheader
{
    border-style: none;
}
td.detailheader
{
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    border-style: none;
    padding: 3px 10px 3px 0px;
}
td.details div table
{
    border-style: none;
}
td.details div table tr td.detailitem
{
    width: 100%;
    padding: 3px 10px 3px 0px;
}
td.details
{
    font-family: Lucida Sans;
    font-size: small;
    line-height: 20px;
    padding: 10px;
}

/* ? */

.detail
{
    color: White;
}

/* LinkButton */
.linkButton
{
    background: url('images/newimg/LinkButtons.png') no-repeat;
    /*border-top: solid 1px #d4d4d4;
    border-bottom: solid 1px black;
    border-left: solid 1px #d4d4d4;
    border-right: solid 1px black;*/
    position: relative;
    text-align: center;
    line-height: 100%;
    margin-top: 2px;
    margin-bottom: 3px;
    padding-top: 3px;
    /*margin: 2px 0px 3px 0px;
    /*padding: 0px 0px 0px 0px;
    /*width: auto;
    /*padding: 5px 5px 5px 5px;
    /*border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;*/
}

.linkButton a
{
    font-weight: normal;
    color: #545554; border: solid 1px green;
}

.linkButton:hover
{/*
    border-top: solid 1px black;
    border-bottom: solid 1px #d4d4d4;
    border-left: solid 1px black;
    border-right: solid 1px #d4d4d4;*/
    text-decoration: none;
    font-weight: normal;
    color: #e31f26;
    background: url('images/newimg/LinkButtons.hover.png') no-repeat;
}

/* GridView */

.odd
{
    background-color: #e0e0e0;
    background: #e0e0e0;
}

/* Ajax Accordion */

.accordionHeader
{
    border: 1px solid #d4d4d4;
    background-color: #939598;
    background: #939598;
    color: White;
    font-family: Sansation, Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    text-decoration: none;
    color: White;
}

.accordionHeader a:hover
{
    text-decoration: underline;
    color: White;
}

.accordionHeaderSelected
{
    background-color: #939598;
    background: #939598;
    border: 1px solid #d4d4d4;
    color: white;
    font-family: Sansation, Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    text-decoration: none;
    color: White;
}

.accordionHeaderSelected a:hover
{
    text-decoration: underline;
    color: White;
}

.accordionContent
{
    background-color: #ffffff;
    border: 1px dashed #d4d4d4;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/* Modal Popup */

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    width: 500px;    
}
.modalPopupContent
{
    
    text-align:center;
    
}

/* BreadCrumbs */

#breadcrumb
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    /*background-image: url('images/BreadCrumbs/bc_bg.png');*/
    /*background-repeat: repeat-x;*/
    /*height: 30px;*/
    line-height: 16px;
    color: #939598;
    /*border: solid 1px #cacaca;*/
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    z-index: 0;
}

#breadcrumb li
{
    list-style-type: none;
    float: left;
    padding-left: 10px;
}

#breadcrumb a
{
    /*height: 30px;*/
    display: block;
    background-image: url('images/BreadCrumbs/bc_separator.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
    text-decoration: none;
    color: #454545;
}

#breadcrumb a:hover
{
    color: #35acc5;
}

.home
{
    border: none;
    margin: 8px 0px;
}

/* AJAX update progress overlay */
.updateProgress
{
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=70);
    mozopacity: 0.7;
    opacity: 0.7;
    padding: 0px;
    margin: 0px;
}
.updateProgress div
{
    background-color: white;
    padding: 4px;
    position: absolute;
    top: 40%;
    left: 45%;
}

/* Errors and Alerts */
#AlertDiv
{
    /*position: relative;
    padding: 10px;
    margin: 0px 5px;
    border: #949598 1px solid;
    background-color: white;*/
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    z-index: 99;
}
#AlertMessage { padding: 5px 15px;  }
#AlertButtons { width: 100%; overflow: hidden; padding-top: 15px;  }
#AlertButtons input[type="button"] { text-align: center; }

.alert
{
    color: #C00;
    font-weight: normal;
}

/* Pager Style */

.pager span
{
color:#E31F26;
font-weight:lighter;
}
