/* CSS Document*/

body{
  margin:0px;
  padding:0px;
  overflow: hidden;
  background:#e7e7e7 url(js/back.jpg) repeat-y;
  background-position:center
}


#cont{
  position:relative;
  background-color:inherit;
  background: url(js/back.jpg) repeat-y;
  background-position:center;
  width:500px;
  height:800px;
  top:0px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.logo,.pm,.pyc{
  position:relative;
  display:block;
  margin:0px auto;
}
.logo{
	padding-top:100px;
}
.pm{
	margin-top:10px;
}



#back{
  position:absolute;
  z-index:110;
  top:0px;
  right:54px;
  background:url(js/backA.jpg) repeat-y;
  background-position:right;
  width:81px;
  height:100%;
}

#cont IMG{
   position:relative;
   padding-left:0px;
   /*padding-top:100px;*/
   border:0px;
   z-index:115
}


.pm{
  text-align: center;
  font-size:17px;
  font-family: Times New Roman;
  color: #681727;
}

.volver{
  font-size:12px;
  font-family:  Verdana, arial, helvetica, sans-serif;
  color: #505050;
}

#cont a:link, a:visited, a:active{
  text-align: center;
  text-decoration:none;
  font-family:Verdana, arial, helvetica, sans-serif;
}

#cont SPAN{
  text-decoration:none;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color:#505050;
}

#aviso{
  color:#950808;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size:11px;
}

#mp3{
  position:absolute;
  top:300px;
  left:3px;
}

#anim{
  position:relative;
  width:400px;
  height:300px;
  top:-310px;
  left:55px;
  border:solid 2px #505050;
}

#animleft{ 
  position:absolute;
  top:0px;
  left:-185px;
}

#cargando{
  width: 100%;
  height: 100%; 
  position: absolute;
  padding-top:100px;
  text-align:center;
  background:#e7e7e7;
}
#cargando P{
  font-family:Book Antiqua; 
  color:#681727;
  font-size:14px;
}
.fontloading {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#505050; 
  font-size:11px
}

#link{
  position:relative;
  z-index:500;
  padding-left:12px;
}

#log{
  display:none;
}

#fxTarget { 
  position: relative;
  top:-800px;
  width: 381px;
  background-color:#efefef;
  margin-left:auto;
  margin-right:auto;
  z-index: 19;
  overflow: hidden;
  height: 0px;
  color:#505050;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}

#fxPadding {
  visibility:hidden;
  padding:0 60px;              
}

#fxShadow {
  position: relative;
  background: url(js/shadow.jpg) 0 0 no-repeat;
  top:-803px;
  margin-left:auto;
  margin-right:auto;
  width: 381px;
  height: 11px;
  overflow: hidden;
  z-index: 20;
}

#fxTab {
  position: relative;
  background: url(js/solapagris1.png) 0 0 no-repeat;
  top:-812px;
  margin: -3px auto;
  padding-top:2px;
  text-align: center;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size:12px;
  color:#681727;
  line-height: 21px;
  width: 130px;
  height: 25px;
  z-index: 21;
  cursor:pointer;
}


#fxTarget a:link, a:visited, a:hover, a:active{
  text-align: center;
  text-decoration:none;
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color:#681727;
}

#linkROS{
  position:absolute;
  text-align:center;
  left:123px;
  top:15px;
}

#linkCUI{
  position:absolute;
  text-align:center;
  left:91px;
  top:45px;
}

#linkTRA{
  position:absolute;
  text-align:center;
  right:61px;
  top:80px;
}

#linkMET{
  position:absolute;
  text-align:center;
  left:61px;
  top:110px;
}
#linkDER{
  position:absolute;
  text-align:center;
  left:107px;
  top:140px;
}
#linkSYE{
  position:absolute;
  text-align:center;
  left:82px;
  top:175px;
}
#linkROS STRONG,#linkCUI STRONG, #linkTRA STRONG, #linkMET STRONG{
  color:#681727;
  }


/*   menu   */
#menu01{
  position:absolute;
  top:130px;
  right:40px;
  z-index:90
}
#menu02{
  position:absolute;
  top:210px;
  right:40px;
  z-index:91
}
#menu03{
  position:absolute;
  top:290px;
  right:40px;
  z-index:92
}
#menu04{
  position:absolute;
  top:370px;
  right:40px;
  z-index:93
}
#menu05{
  position:absolute;
  top:450px;
  right:40px;
  z-index:94
}

.barra_menu_sup { 
  clear:both; 
  margin: 1px 0px 0px 8px;
}

.barra_menu_sup SPAN{
  display:none
}

.ItemMenuPpal {
  padding: 0px 1px
}
a.bt_br1_0, a.bt_br1_0:link, a.bt_br1_0:visited, a.bt_br1_0:active {
  display: block;
  cursor: pointer; 
  white-space:nowrap;
  width:12px;
  height:70px;  
  font-family: Verdana, arial, Helvetica, sans-serif;
  color: #505050; 
  font-size: 7pt;
  text-decoration:none; 
  vertical-align:text-bottom;
  background:url(js/solapa.png) no-repeat;
  background-position:right;
}
  
#nos {
  margin-top:-8px;
  width:172px; 
  height:152px;
  background:url(js/nos.png) no-repeat;
  background-position:-10px 0px;
}
#cli {
  margin-top:-8px;
  width:172px;
  height:152px;
  background:url(js/cli.png) no-repeat;
  background-position:-10px 0px;
}
#nos SPAN, #cli SPAN{ 
  display:none
}
#nos A, #cli A{ 
  position:relative;
  left:0px;
  top:25px;
  height:38px;
  display:block; 
  padding:10px 0px 50px 0px
}

a.nos {
  background:url(js/nos1.png);
  background-repeat:no-repeat; 
}

.nos SPAN, #cli SPAN{ 
  display:none
}

.lnks01,.lnks02{
  width:100px;
  height:113px; 
  background:url(js/solapa1.png);
  background-position:right
}
.lnks02 {
  background:url(js/solapa2.png);
  background-position:right
}
.lnks01 SPAN,.lnks02 SPAN{ 
  display:none
}
.lnks01 A,.lnks02 A{ 
  position:relative; 
  top:25px;
  height:19px; 
  display:block;  
  padding: 25px 5px 25px 5px
}

a.desGraf{ 
  background:url(js/desGraf.png) no-repeat
}
a.desDig{ 
  background:url(js/desDig02.png) no-repeat 
}
a.imaCor{
  background:url(js/imaCor.png) no-repeat
}

#clientes{
  text-align:center;
  line-height:18px;
  font-weight:bold;
  font-size:11px
}
a.cl:link,a#cl:visited,a#cl:active{
  color:#808080; 
  font-size:11px
}
a.cl:hover{
  color:#681727; 
  font-size:11px
}

.posicionadorMenu { 
  position:relative;
  clear:both; 
  text-align:left
}


#menuDesp a:link,a:active,a:visited{
  font-size:11px
}

.menuDespC{
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  padding:5px 10px 10px 13px;
  text-align:left;
  background:#f7f7f7;
  width:126px; 
  height:170px;
  border-right:1px #cccccc solid;
  border-top:1px #dddddd solid;
  color:#606060;
  display:block
}
.menuDespC A{ 
  font-size:11px;
  color:#808080
}
.menuDespC B{
  color:#784737
}

a.ItemMenu0, a.ItemMenu0:link,a.ItemMenu0:visited, a.ItemMenu0:active{
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt; 
  font-weight:bold; 
  text-decoration:none;
  height:19px; 
  display:block; 
  vertical-align:text-bottom; 
  padding: 3px 5px 0px 5px;
  background:#f7f7f7;
  border-right:1px #bbbbbb solid
}

a.ItemMenu0:hover{
  background-color:#ffffff
}

#sombra{
  position:absolute;
  background:url(js/sombra.png) repeat-y;
  height:900px;
  width:6px;
  right:48px;
  top:0px;
  z-index:100
} 
#iconos{
  position:absolute;
  width:20px;
  height:371px;
  background:url(js/iconos01.png);
  right:20px;
  top:130px;
  z-index:1;
}
#verfl{ 
  position:relative; 
  display:block;
  height:50px;
  margin-top:150px
}
*:first-child+html #verfl{ 
  top:100px
}

#verfl IMG{ 
  padding:0; 
  margin:0
}
#verfl A{ 
  color:#D1AD8F; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px
}
#verfl a:hover, #mail a:hover{
  color:#b37536
}

#mail{ 
  position:relative; 
  display:block;
  height:50px;
  margin-top:0px
}

*:first-child+html #mail{ 
  top:100px
}

#mail IMG{ 
  padding:0; 
  margin:0
}
#mail A{ 
  color:#D1AD8F; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px
}

#validator { 
  position:fixed; 
  bottom:5px;
  margin-left:-83px;
  width:138px; 
  height:18px
}

*:first-child+html #validator {
  margin-left:-400px;
  width:210px;
}

.vxhtml {
  position:relative;
  display:block;
  width:69px; 
  height:18px; 
  background:url(js/w3c-validator.jpg) no-repeat
}
a.vxhtml:hover {
  background-position:0px -17px
}

.vcss {
  position:relative;
  display:block;
  width:69px; 
  height:18px; 
  background:url(js/vcss.jpg) no-repeat; 
  float:right;
  margin-top:-18px
}
a.vcss:hover { 
  background-position:0px -17px
}
/*   fin menu   */