/* CSS Document */
@charset “utf-8?;
/*Neutralizando elementos*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}width:expression('160px');

q:before,q:after {
content:”;
}
abbr,acronym { border:0;
}

div {
border: 0px solid red;
font-family: Verdana;
}
/*Fin de la neutralizacion*/



<!-- QUITAMOS VISIONADO STANDARD SHOP -->

h1{font-size: 14px;margin-bottom: 15px;}
h2{font-size: 12px;margin-bottom: 15px;}

div#main div#top div#menusup{
  display:none;
}

 div#menusup{
  display:none;
}

div#main div#top div#banderas{
  display:none;
}

div#main div#top div#carritot{
  display:none;
}

div#carritoc{
  display:none;
}

div#main div#top div#buscadort{
  display:none;
}

div#MENUPRODUCTOSTOP{
display:none;
height: 0px;
}

div#MENUHOR{
 text-align:left;
 position:relative;
 padding: 0px;
 margin:0px;
 height: auto;
 clear:both;

}

div#menu{
  display:none;
}

div#idioma{
    display:none;
      color: #FF0000;
}

div#idiomatxt{
  width:145px;
  width:expression('160px');
  text-align:left;
  height:25px;
  padding-left:15px;
  background-image: url(image/flechs.jpg);
  background-repeat: no-repeat;
  border-bottom:1px dotted #aaaf77;
  color: #FF0000;
  display:none;
}

div#buscadorl{
  display:none;
}

div#buscadorr{
  display:none;
}

div#buscadorc{
  display:none;
}

div#BARRAMENU  {
  display:none;
}

div#carritor  {
  display:none;
}



div#barramenu div#logo {
  display:none;
}
<!-- HTML -->

html {
   color: #000;
   width:950px;
   font-family: 'Verdana';
}
body {
  margin: 0;
  padding: 0;
  text-align:center;
  margin-bottom:10px;
  background-color:#000000;

}

body.impresion {
  margin: 0;
  padding: 0px 0px 0px 20px;
  text-align:center;
  margin-bottom:10px;
font-size:11px;
  background-color:#FFF;

}

body.factura {
  margin: 0;
  padding: 0;
  text-align:left;
  margin-bottom:10px;
  background-color:#FFF;
  color: #000;
  font-size: 10px;

}

div#cuerpo{
  width:500px;
  width:expression('500px');
  float:left;
  height: auto;
  background-color:#fff;
  border: 0px solid red;
  border-left:1px dotted #888888;
  border-right:1px dotted #888888;
  padding: 0px;
  margin: 0px;
  display:table;
}

div#cuerpo div#top{
  position:relative;
  width:500px;
  height: auto;
  clear:both;
  border: 0px solid red;
 margin:0px;
 padding:0px;
}


div#MAIN{

  width:835px;
  width:expression('850px');
  margin: 0px auto;
  text-align:left;
  background-color:white;
  border:5px solid #fff;
  height:auto;
  display: table;


}

div#encabezado {
  width:500px;
  width:expression('500px');
  text-align:left;
  padding:10px 10px 0px 10px;
  margin: 0 auto;
  height:auto;
  border-left:0px dotted #888888;
  border-right:0px dotted #888888; 
  position:relative;
  clear:both;
  border: 0px solid green;
}



 a {

  color: #000000;
  text-decoration:none;
  font-family: 'Verdana';

}

a:hover {

  color: #7f8aa4;
  text-decoration:none;
  font-family: 'Verdana';

}





input {
  margin:3px;
  height:20px;
  font-family: 'Verdana';
  font-size: 10px;
  color: #000000;
  padding-top:3px;
  padding-left:3px;

   }



/*******LATERAL NUEVO**********/


div#lateralnew {
  float:left; 
  clear:both;   
  position: relative;
  height: auto;
  width: 150px; 
  background-color:white;  
  margin: 0px auto;  
  margin-top:1px;    
  border: 0px;
  border-left:1px dotted #888888;  
}

div#bolaw {
   position: relative;
   border-bottom:1px dotted #888888;
   border-left:0px dotted #888888;
   padding-bottom:5px;
   height:143px;
   height:expression('150px');
   width:130px;
   width:expression('130px');
   clear:both;
   margin-left:10px;

}

div#bola {
   position: relative;
   border-bottom:1px dotted #888888;
   border-left:0px dotted #888888;
   padding-bottom:5px;
   min-height:150px;
   width:130px;
   width:expression('130px');
   clear:both;
   margin-left:10px;
   height:auto;
}

div#sonimag {
   position: relative;
   border-bottom:1px dotted #888888;
   border-left:0px dotted #888888;
   padding-top:5px;
   padding-bottom:5px;
   min-height:150px;
   width:130px;
   width:expression('130px');
   clear:both;
   margin-left:7px;
   height:auto;
}

div#accesoftp{
   position: relative;
   width:139px;
   width:expression('150px');
   padding-bottom:2px;
   text-align:left;
   padding:13px 1px 7px 10px;
   color:#fff;
   background-color: #ff1500;
   font-size: 11px;
   text-decoration:none;
   font-family: 'Verdana';
   font-weight: normal;
   margin-top: 5px;
   margin-bottom: 5px;
   border-bottom:0px dotted #888888;
   border-left:0px dotted #888888;
   height:20px;
   height:expression('40px');
   clear:both;
   margin-left:0px;
   border: 0px solid red;
}


div#accesotitulo {
   position: relative;
   width:120px;
   width:expression('130px');
   padding-bottom:2px;
   text-align:left;
   padding:1px 1px 1px 1px;
   color:#676665;
   font-size: 11px;
   text-decoration:none;
   font-family: 'Verdana';
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
   border-bottom:0px dotted #888888;
   border-left:0px dotted #888888;
   height:20px;
   clear:both;
   margin-left:10px;
      border: 0px solid red;
}

div#accesosubtitulo {
   position: relative;
   width:120px;
   width:expression('130px');
   padding-bottom:2px;
   text-align:left;
   padding:2px 1px 2px 10px;
   color:#676665;
   font-size: 11px;
   text-decoration:none;
   font-family: 'Verdana';
   margin-top: 0px;
   margin-bottom: 0px;
   border-bottom:0px dotted #888888;
   border-left:0px dotted #888888;
   background-image: url(image/flechast.jpg);
   background-repeat: no-repeat;
   height:auto;
   clear:both;
   margin-left:10px;
}

div#accesosubtitulo a{

   color:#676665;
   font-size: 11px;

}

div#accesotitulo a{
   text-align:left;
   padding:0px;
   color:#676665;
   font-size: 11px;
   text-decoration:none;
   font-family: 'Verdana';
   font-weight: bold;
   margin-top: 5px;
   border-left:0px dotted #888888;
   border-bottom:0px dotted #888888;
}

div#lineapuntos {
   position: relative;
   width:130px;
   width:expression('130px');   
   border-bottom:1px dotted #888888;
   height:3px;
   clear:both;
   margin-left:10px;
}

div#lineapuntosr {
   position: relative;
   width:130px;
   width:expression('140px');   
   border-bottom:1px dotted #888888;
   height:3px;
   clear:both;
   margin-left:10px;
}

div#fujiban {
   position: relative;
   width:130px;
   width:expression('140px');   
   border-bottom:1px dotted #888888;
   height:auto;
   clear:both;
   margin-left:10px;
   font-size: 9px;
   font-family: 'Verdana';
   color: #999999;
   text-align:left;
   padding: 10px 0px 10px 0px;
}

div#fujiban img{
   position: relative;
   border: 0px;
   margin-top: 10px;
}


//***div#lateral{
  position:relative;
  height: auto;
  padding-left:2px;
  width:159px;
  width:expression('160px');
  text-align:center;
  margin-top: 1px;
  float:left;
  background-color: white;
  border: 0px solid red;
  border-right:1px dotted #888888;
}**//

div#att{
  display:none;
}




<!-- MENU HORIZONTAL -->
div#menutop {
  position:relative;
  clear:both;
  width:490px;
  width:expression('500px');
  margin: 1px 0px 0px 0px;
  padding:0px;
  text-align:center;
  height:45px;
  height:expression('55px');
  border:0px solid blue;
}

ul#menuHoriz1 {
  position:relative;
  clear:both;
  width:490px;
  width:expression('500px');
  height:45px;
  height:expression('55px');
  border-right:0px dotted #888888;
  border-left:0px dotted #888888;
  border-bottom:0px dotted #888888;
  background-image: url(image/backmenu.jpg);
  padding:5px 10px 5px 0px;
  margin: 0px;
  margin-left: 10px;
}

ul#menuHoriz1 li {
  position:relative;
  float: left;
  list-style: none;
  margin: 3px 0px 10px 0px;
  font-size: 5px;
  height:auto;
  padding: 0px 0px 0px 0px;
  border: 0px solid green;
  border-right:1px solid #888888;

}

ul#menuHoriz1 li.remarcar {
  position:relative;
  float: left;
  list-style: none;
  margin: 3px 1px 3px 3px;
  font-size: 5px;
  height:auto;
  padding: 0px 0px 0px 1px;
  border-bottom:0px dotted #888888;
  background-image: url(image/menuremarcado.jpg);
}


ul#menuHoriz1 li a{
  width:auto;
  color:#888888;
  padding:10px 5px 10px 5px;

  text-align:center;
  font-size: 11px;
  border-right:0px solid #888888;
}
ul#menuHoriz1 li.titmenu a{
  width:auto;
  color:#888888;
  padding:12px 10px 12px 10px;
  text-align:center;
  font-size: 10px;
  border-right:0px solid #888888;
}

ul#menuHoriz1 li.remarcar a{
  width:auto;
  color:#000000;
  padding:9px 8px 9px 9px;
  text-align:center;
  font-size: 10px;
  border-right:0px solid #888888;
}

ul#menuHoriz1 a:hover {
  color: #333333;

}


ul#menuHoriz1 li.remarcar {
border: 0px;
}


ul#menuHoriz1 li.seleccionado a{
  color: #ff1500;
  width:auto;
  padding:9px;
  text-align:center;
  font-size: 10px;
  border-right:0px solid #888888;


}
ul#menuHoriz1 li.remarcarfinal {
  position:relative;
  float: left;
  list-style: none;
  margin: 3px 1px 3px 3px;
  font-size: 5px;
  height:auto;
  padding: 0px 0px 0px 1px;
  border:0px;
  background-image: url(image/menuremarcado.jpg);
}


ul#menuHoriz1 li.remarcarfinal a{
  width:auto;
  color:#000000;
  padding:9px 8px 9px 9px;
  text-align:center;
  font-size: 10px;
  border:0px;
}

<!-- SUBMENU  -->
div#submenu {
  margin-top: 10px;
  padding-top: 0px;
  float:left;
  margin-bottom: 15px;
  height:auto;
  padding-bottom: 5px;
  displat:none;
}


div#submenu li{
  list-style: none;
  font-size: 11px;
  text-align:right;

}


ul#submenu li a {
  font-family: 'Verdana';
  font-size: 10px;
  text-decoration: none;
  background-color: #70744c;
  width:190px;
  margin-right:5px;
  color:#fff;
  padding:5px;
  border-right:1px solid #aaaf77;
  border-top:1px solid #aaaf77;
  border-bottom:1px solid #aaaf77;
}

ul#submenu li a:hover{
   color: #ebe5bc;
   text-align:center;
   background-color: #a6a879;
}

ul#submenu li.seleccionado a{
   text-align:center;
   color: #ebe5bc;

}


<!-- GALERIA -->

div#galeria {
  xwidth:500px;
  xwidth: expression('510px');
  xheight: auto;

}
ul#galeria {
 clear:both;
  margin-right:10px;
  width:100%;
  height: auto;
}

ul#galeria li {
  float: left;
  text-align:center;

}

ul#galeria li a img{
  background-color: #fff;
  width: 160px;
  height:120px;
  border: 1px solid #7f926f;
  margin: 4px;
  opacity: .50;
  filter:alpha(opacity=50);
}

ul#galeria li a:hover img{
  background-color: #fff;
  width: 160px;
  height:120px;
  border: 1px solid black;
  opacity: .100;
  filter:alpha(opacity=100);
}

<!-- LISTADO NOTICIAS -->

div#noticias {
  float:left;
  width:200px;
  width: expression('210px');
  height: auto;
  margin-left:5px;


}

ul#noticias {
  width:200px;
  width: expression('210px');
  height: auto;
  margin-left:5px;
  float:left;
  color: #000;
  padding: 5px;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-family: 'Verdana';
  overflow: hidden;


}

ul#noticias li {
  float: left;
  width: 100%;
  display: inline;
  text-decoration: none;
  font-weight: bold;
  height:auto;
   border:1px solid #000;
  background-color: #444444;
}

ul#noticias h1 {
  font-family: 'Verdana';
  font-size: 12px;
  text-decoration: bold;
  margin-bottom:0px;
   border:1px solid #000;
  background-color: #444444;
  padding:2px;
  height:auto;
}	
	
ul#noticias h2 {
  display: none;
}

ul#noticias h3 {
font-weight: normal;
  padding: 2px;
  font-size: 11px;
  text-decoration: none;
  font-family: 'Verdana';
  float:left;
  width: 99%;
  height:auto;
  color: #000;

}

ul#noticias h3 a{
font-weight: normal;
  padding: 2px;
  font-size: 10px;
  text-decoration: none;
  font-family: 'Verdana';
  float:left;
  width: 99%;
  height:auto;
  color: #000;

}

ul#noticias h3 a:hover{
font-weight: normal;
  padding: 2px;
  font-size: 10px;
  text-decoration: none;
  font-family: 'Verdana';
  float:left;
  width: 99%;
  height:auto;
  color: #000;

}

ul#noticias h4 {
  font-family: 'Verdana';
  padding: 2px;
  font-size: 9px;
  height:auto;
  display:none;

}



<!-- NOTICIAS -->

div.noticia1, div.noticia2{
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 0px;
   border:1px solid #000;
  background-color: #444444;

}

div.noticiaPOPUP {
  position: relative;
  width: 100%;
  height: 100%;

}

div.noticia1 h1, div.noticia2 h1 {
  margin: 0px 10px 10px 10px;
  font-family: 'Verdana';
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  width: 100%;
}

div.noticia1 h2, div.noticia2 h2 {
  
  display: none;
}

div.noticia1 h3, div.noticia2 h3 {
  padding: 5px;
  font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	font-family: 'Verdana';
  overflow: hidden;
  width: 100%;
  margin: 5px 10px 10px 10px;
   border:1px solid #000;
  background-color: #444444;
}

div.noticia1 h4, div.noticia2 h4 {
	font-family: 'Verdana';
  margin: 5px 0px 5px 5px;
    padding: 5px;
  font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: bold;
}


<!-- DIVs -->



div#menuHorizDebajo {

  background-repeat: repeat-x;
  width:500px;
  height: 25px;
  display:none;
}

div#pie {
  width:480px;
  width:expression('500px');
  padding:5px;
  height:18px;
  height:expression('28px');
  clear: both;
  font-family: 'Verdana';
  font-size: 10px;
  background-image: url('image/fondopie.jpg');
  margin:10px;
  text-align:center;
  
  border: 0px solid red;
  color: #fff; 
}

div#pie a{
color: #fff;
}

div#empresas {
  color: #000000;
  float: left;
  width:500px;
  height: 20px;
  text-decoration: none;
  text-indent: 2px;
  font-family: 'Verdana';
  font-size: 9px;
margin: 0px auto;
 
}



div#central{

  width:480px;
  margin: 0 auto;
  height:auto;
  border-left:0px dotted #888888;
  border-right:0px dotted #888888;

  margin-left:10px;
}


div#contenido{
  height: auto;
  float: left;
  margin-right:10px;
  width:480px;

}


div#interior	 {
  font-family: 'Verdana';
  font-size: 10px;
  color: #000000;
  margin: 0px;
  float:left;
  height:350px;
  width:480px;
  border: 0px solid #FFFF00;
  display:table;

}


span.texto{
  margin:5px;
  width:500px;
  float:left;
  height: auto;
  padding:5px;
  line-height:15px;
  
}
div#caja{
  margin:5px;
  width:480px;
  float:left;
  height: auto;
  padding:5px;
  line-height:15px;

}

div#caja td{
     font-size: 11px;
   text-decoration:none;
   font-family: 'Arial';

}

div#titulillo {
  border-bottom:1px solid #5d82c6;
  margin:5px;
  width:400px;
height:auto;
  font-family: 'Verdana';
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color:black;
  display: none;

}

div#titulillo span {
  text-align: right;
display: none;
width:400px;
}

div#banners {
  display:none;
   width:160px;
   padding-bottom:2px;
   text-align:left;
   padding:0px 1px 5px 1px;
   color:#676665;
   font-size: 17px;
   text-decoration:none;
   font-family: 'Verdana';
   font-weight: bold;
   margin-top: 5px;
   border-right:0px dotted #888888;
      border-top:1px dotted #888888;
}

div#realizada {
	position:relative;
	width: 770px;
    height: 25px;
	font-family: 'Verdana';
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

div#subpie {
    padding-top: 5px;
	font-family: 'Verdana';
	font-size: 10px;
	color: #000000;
    width:520px;
	border: 0px solid blue;
}

div#subpie a{
	font-family: 'Verdana';
	font-size: 10px;
	color: #000000;
        width:auto;
}
<!-- Clases de contenidos -->

body.Ccontenido div#banners,body.Ccontenido div#submenu {
  display: none;
  
}
  
  <!-- Estilo BANNER  -->
body.Cbanner div#submenu {
  display: none;
}

body.Cbanner div#banners {
 width: 250px;


}
body.Cbanner div#interior {
  width: 500px;

}

  <!-- Estilo SUBMENU  -->
body.Csubmenu div#banners {
  display: none;
}
body.Csubmenu div#submenu {
  display: block;
  width: 720px;
  float: top;
  position: absolute;
  top: 240px;
    display: none;
}
body.Csubmenu div#interior {
  display: block;
  width:500px;
  float: bottom;
  top: 50px;
  background-color: #c2e5f8;
  display: none;
}



/*******************CUADRO LOGIN CENTRADO*************/

DIV#CUADROLOGINR {
  width:98%;
  width:expression('150px');
  height: 200px;
  font-family: 'Verdana';
  color: #000;
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  border-right:0px dotted #888888;


}



div#cuadrologinr div#labeluser{
   float:left;
   padding: 2px;

 }

div#cuadrologinr div#labeldatos{

 }

div#cuadrologinr div#conimg{

 border-top: 1px solid #888888;
 border-left: 1px solid #888888;
 border-right: 1px solid #888888;
 border-bottom: 1px solid #888888;
 width: 140px;
 float:left;
 background-color:white;
 padding: 0px;
 margin-bottom:3px;
 margin-left: 3px;
 text-align:left;
}


div#cuadrologinr div#conimg input{
 border: 0px solid #555555;
 padding: 0px;
 margin: 0px;
 height:auto;


}


div#cuadrologinr  div#botonentrar{ 
 margin: 5px 0px 5px 5px;
 clear:both;
 height: auto;
 text-align:left;
 position:relative;
}


div#cuadrologinr div#botonentrar a img{ 
 border-width: 0px;

}

div#cuadrologinr  div#botonregistro{ 
 margin: 5px 0px 5px 5px;
 clear:both;
 height: auto;
 text-align:left;
 position:relative;



 
}


div#cuadrologinr div#botonregistro a img{ 
 border-width: 0px;

}

div#cuadrologinr div#labellogout{
 position:relative;
 float:left;
 font-size: 0.7em;
 margin-left: 10px;
 margin-top: 10px;
 text-align:right;
 width: 100px; 
 align: right;

}

div#cuadrologinr div#labellogout a img{

 border-width: 0px;
}


div#linkcontra {
  width: 150px;
  clear:both;
  height: auto;
  text-align:left;
  margin: 5px 0px 5px 0px;
 }


div#linkcontra a{
  margin-top:5px;
  font-family: 'Verdana';
  color: #000;
  padding-top:5px;
  font-size: 9px;
 }

 div#linkcontra a:hover{
  font-family: 'Verdana';
  color: #888888;
  padding-top:5px;
  font-size: 9px;
 }

/*******************CUADRO LOGIN CENTRADO*************/

div#cabecerabuscador{ 

 display:none;
 
}

/*******************MAILS*************/


}
div#textorespuestamail	 {
  font-family: 'Verdana';
  font-size: 10px;
  color: #000000;
  width: 600px;
  margin-top: 5px;
  padding: 15px;
  margin-bottom: 305px;
  margin-left: 20px;

}

div#toprespuestamail	 {
  font-family: 'Verdana';
  font-size: 14px;
  color: #000000;
  width: 400px;
  margin-top: 5px;
  padding: 15px;
  margin-bottom: 10px;
  margin-left: 20px;
  background-color:white;
}

div#TEXTOCONTRA {
  float:right;
  font-family: 'Verdana';
  font-size: 12px;
  color: #ffffff;
  width: 300px;
  margin-top: 15px;
  padding: 15px;
  text-align: center;
  margin-bottom: 305px;
  border-right:25px;

}

div#TITULOFORMULARIO {
  float:right;
  font-family: 'Verdana';
  font-size: 10px;
  color: #000000;
  margin-top: 15px;
  padding: 1px;
  text-align: center;
  display: none;
}

div#MAINFORMULARIO {

}

/**************REVELADO********************/

div#revelado{
 padding:0px;
 position:relative;
 margin:5px 0px 5px 1px;
 width:470px;
 width:expression('490px');
 border: 0px solid red;
 float:left;
 height:auto;
 display:table;

}

div#revelado div#volveratras{
position:relative;
 width: 100px;
 color: #fff;
 background-image: url(image/flecha_red.jpg);
 margin: 0px 0px 10px 0px;
 padding: 5px 5px 5px 15px;
  background-repeat: no-repeat ;
}

div#revelado div#volveratras a{
 color: #FF1500;
}



div#revelado div#titulorevelado{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:7px;
 color: #FFFFFF;
 background-color: ff1500;
 font-size:1.2em;
 clear:both;
 margin-left: 10px;
 display:none;
}

div#revelado div#textoiniciorevelado{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:15px 7px 15px 7px;
 color: #777777;
 background-color: #FFFFFF;
 font-size:1em;
 clear:both;
 display:none;
}

div#cuadrorevelado{
position:relative;
 width:470px;
 width:expression('490px');
 height: auto;
 padding:15px 5px 15px 5px;
 font-size:1em;
 clear:both;
 border:1px solid #EEEEEE;
 margin-bottom: 10px;
 margin-left: 0px;
 display:none;

}

div#cuadrorevelado div#lbtexto{
 position:relative;
 width:240px;
 float:left;
 height:30px;

}
div#cuadrorevelado div#campotexto{
 position:relative;
 width:240px;
 float:left;
 height:30px;
}


div#revelado div#opcionrevelado{
 position:relative;
 width:222px;
 width:expression('230px');
 height:auto;
 float:left;
 text-align:left;
 margin:4px 4px 0px 4px;
 border:0px solid blue;
 padding:0px;
  display:table;
}

div#revelado div#opcionrevelado img{
 padding:0px;
 margin:0px;
 border:0px;
}

div#revelado div#opcionrevelado div#enlaceimagen{
 position:relative;
 width::222px;
 width:expression('230px');
 height:auto;
 float:left;
 text-align:center;
 margin:0px;
  display:table;
}

div#revelado div#opcionrevelado div#enlace{
  display:none;
}

div#uploader{
 width:480px;
 height: 450px;

}

div#grupoimagen{

position:relative;
 width: 155px;
 width: expression('165px');
 padding:5px;
 float:left;
 border: 0px solid #cccccc;
 height:auto;
 margin: 5px 0px 5px 0px;
 display:table;

}

div#grupoimagen div#centralimagen{
 position:relative;
 width:140px;
 float:left;
 border: 0px solid #00cccc;
 text-align:center;
}

div#grupoimagen div#centralimagen div#imagen{

 float:left;

}

div#grupoimagen div#barraimagen{
position:relative;
 width:20px;
 float:left;
 border: 0px solid #cccc00;
}

div#grupoimagen div#barraimagen div#opimagen{
position:relative;
 width:20px;
 padding: 4px 0px 4px 0px;
 border: 0px solid #cccc00;
}

div#revelado div#nombrealbumrevelado{
 position:relative;
 width:470px;
 width:expression('490px');
 height: auto;
 padding:15px 7px 15px 7px;
 color: ff1500;
 background-color: #FFFFFF;
 font-size:1.3em;
 font-weight:bold;
 clear:both;
 border:1px solid #EEEEEE;
 margin-bottom: 10px;
display:none;
}

div#revelado div#navegador{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:5px 7px 5px 7px;
 color: #777777;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 text-align:center;
 clear:both;
 margin-bottom: 10px;
}

div#revelado div#selectall{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:5px 7px 5px 7px;
 color: #444444;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 clear:both;
 margin-bottom: 10px;

}

div#revelado div#pedirrevelado{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:5px 7px 5px 7px;
 color: #444444;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 clear:both;
 margin-bottom: 10px;
 text-align:right;
}


div#revelado div#barracarpeta{
 width:470px;
 width:expression('490px');
 height: auto;
 padding: 0px;
 color: #777777;
 background-color: #FFFFFF;
 font-size:12px;
 border:0px solid #EEEEEE;
}

div#revelado div#barracarpeta div#opcioncarpeta{
 width:80px;
 font-size:11px;
 float:left;
 text-align:center;
 height:30px;
 border: 0px solid red;
 padding: 2px;
}


div#revelado div#barracarpeta div#opcioncarpetarapido{
 width:220px;
 color: #000000;
 font-size:20px;
 height: 150px;
 background-color: #FFFFFF;
 float:left;
 text-align:center;
margin-right: 30px;
 border: 0px solid red;
 padding: 2px;
}

div#revelado div#barracarpeta  div#opcioncarpetarapido a{
 font-size:20px;
 height:auto;
 margin: 0px;
 padding: 0px;

}

div#revelado div#barracarpeta div#opcioncarpetanormal{
 width:220px;
 color: #000000;
 font-size:20px;
 height: 150px;
 background-color: #FFFFFF;
 float:left;
 text-align:center;

 border: 0px solid red;
 padding: 2px;
}

div#revelado div#barracarpeta  div#opcioncarpetanormal a{
 font-size:20px;
 height:auto;
 margin: 0px;
 padding: 0px;

}
div#revelado div#barracarpeta div#opcioncarpetaalbum{
 width:80px;
 font-size:11px;
 float:left;
 text-align:center;
 height:30px;
 border: 0px solid red;
 padding: 2px;
 display:none;
}

div#revelado div#barracarpeta div#opcioncarpetaupload{
 width:80px;
 font-size:11px;
 float:left;
 text-align:center;
 height:30px;
 border: 0px solid red;
 padding: 2px;
 display:none;
}

div#revelado div#barracarpeta div#opcioncarpetamod{
 width:80px;
 font-size:11px;
 float:left;
 text-align:center;
 height:30px;
 border: 0px solid red;
 padding: 2px;
 display:none;
}

div#revelado div#barracarpeta div#opcioncarpetaborrar{
 width:80px;
 font-size:11px;
 float:left;
 text-align:center;
 height:30px;
 border: 0px solid red;
 padding: 2px;
 display:none;
}

div#revelado div#barracarpeta a{

 height:auto;
 margin: 0px;
 padding: 0px;

}

div#revelado div#carpetaalbum{
position:relative;
 width:470px;
 width:expression('490px');
 height: auto;
 padding:5px 7px 5px 7px;
 color: #444444;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 clear:both;
 float:left;
 margin-bottom: 10px;
 text-align:left;
}

div#revelado div#imagenalbum{
position:relative;
 width:150px;
 height: auto;
 padding:5px 7px 5px 7px;
 color: #444444;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 clear:both;
 float:left;
 margin-bottom: 10px;
 text-align:left;
}

div#revelado div#dimensionesalbum{
position:relative;
 width:250px;
 height: auto;
 padding:5px 7px 5px 7px;
 color: #444444;
 background-color: #FFFFFF;
 font-size:1em;
 font-weight:bold;
 float:left;
 margin-bottom: 10px;
 text-align:left;
}




input.revelado {
 border:0px;
 backgorund-color: #FFFFFF;
  height: 22px;
}

input.pedirboton {
 border:1px solid ff1500;
 background-color: #fff;
 color: #FF1500;
 background-image: url();
 text-align: right;
 padding: 3px;
  height: 22px;
}

div#opimg{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:7px 7px 15px 7px;
 border-bottom: 1px solid #EEEEEE;
 display:table;
}

div#opimgresumen{
position:relative;
 width:470px;
 width:expression('490px');
 height: 30px;
 padding:7px 7px 15px 7px;
 border-bottom: 1px solid #EEEEEE;
  display:table;

}

div#opimg div#imagen{
 width: 150px;
 float:left;
}


div#opimgresumen div#imagen{
 width: 150px;
 float:left;
}

div#opimg div#imagen div#opcionesimagen{
 width: 150px;
 padding: 3px;

}


div#opimgresumen div#imagen div#opcionesimagen{
 width: 150px;
 padding: 3px;

}

div#opimg input.cantidad{
  width: 30px;
  background-image: url();
  border:1px solid #CCCCCC;
  text-align:left;
  padding:0px;
  margin:0px;
  height: 18px;
}


div#opimgresumen input.cantidad{
  width: 30px;
  background-image: url();
  border:1px solid #CCCCCC;
  text-align:left;
  padding:0px;
  margin:0px;
  height: 18px;
}

div#opimg input.checkrevelado{
   border:0px solid #CCCCCC;
}

div#opimgresumen input.checkrevelado{
   border:0px solid #CCCCCC;
}

div#opimg select{
  width: 100px;
  border:1px solid #CCCCCC;
  background-image: url();
  font-family: 'Verdana';
  padding:0px;
  margin:0px;
  font-size: 10px;
  height: 18px;
}

div#opimgresumen select{
  width: 100px;
  border:1px solid #CCCCCC;
  background-image: url();
  font-family: 'Verdana';
  padding:0px;
  margin:0px;
  font-size: 10px;
  height: 18px;
}


div#opimg div#cantidad{
  padding:0px;
  margin:0px;
 width: 60px;
 float:left;
border:0px solid red;
height: 18px;
}


div#opimgresumen div#cantidad{
  padding:0px;
  margin:0px;
 width: 60px;
 float:left;
border:0px solid red;
height: 18px;
}

div#opimg div#formatos{
  padding:0px;
  margin:0px;
 width: 130px;
 border: 0px solid red;
 float:left;
height: 18px;

}


div#opimgresumen div#formatos{
  padding:0px;
  margin:0px;
 width: 130px;
 border: 0px solid red;
 float:left;
height: 18px;

}

div#opimg div#adjuntar{
 width: 250px;
 margin-top: 10px;

}

div#opimgresumen div#adjuntar{
 width: 250px;
 margin-top: 10px;

}


div#cabecerareveladonormal{
position:relative;
 width:470px;
 width:expression('490px');
 height: auto;
 padding:2px 0px 2px 7px;
 background-color: #bababa;
}

div#cabecerareveladonormalresumen{
position:relative;
 width:470px;
 width:expression('490px');
 height: auto;
 padding:2px 0px 2px 7px;
 background-color: #bababa;

}



div#cabecerareveladonormal div#imagen{
 width: 150px;
 float:left;

}

div#cabecerareveladonormalresumen div#imagen{
 width: 150px;
 float:left;

}

div#cabecerareveladonormal div#cantidad{
 width: 80px;
 float:left;

}

div#cabecerareveladonormalresumen div#cantidad{
 width: 80px;
 float:left;

}

div#cabecerareveladonormal div#formatos{
 width: 120px;
 float:left;

}

body.impresion div#cabecerareveladonormal div#formatoslargo{
 width: 180px;
 float:left;
}


body.impresion div#cabecerareveladonormal div#cantidad{
 width: 100px;
 float:left;
}

body.impresion div#cabecerareveladonormal div#formatos{
 width: 100px;
 float:left;
}

div#cabecerareveladonormalresumen div#formatos{
 width: 120px;
 float:left;

}

div#cabecerareveladonormal div#formatoslargo{
 width: 270px;
 float:left;

}


div#lineareveladonormal{

 width:470px;
 width:expression('490px');
 height: auto;
 padding:4px 0px 4px 7px;
 background-color: #ffffff;
}

div#lineareveladototal{
 width:470px;
 width:expression('490px');
 height: auto;
 padding:4px 0px 4px 7px;
 background-color: #ffffff;
 font-weight: bold;
 font-size: 1.1em;
}




div#lineareveladonormal div#cantidad{
 width: 80px;
 float:left;

}

div#lineareveladonormal div#formatoslargo{
 width: 270px;
 float:left;
}

body.impresion div#lineareveladonormal div#formatoslargo{
 width: 180px;
 float:left;
}


body.impresion div#lineareveladonormal div#cantidad{
 width: 100px;
 float:left;
}

body.impresion div#lineareveladonormal div#formatos{
 width: 100px;
 float:left;
}

div#lineareveladonormal div#textoidpedido{
 width: 400px;
 font-size: 1.2em;
 font-weight: bold;
 color: ff1500;
 float:left;
}





div#lineareveladototal div#cantidad{
 width: 80px;
 float:left;

}

div#lineareveladototal div#formatoslargo{
 width: 270px;
 float:left;

}

div#tituloreveladonormal{
 width:470px;
 width:expression('490px');
 height: 25px;
 padding:5px;
 color: #FF1500;
 background-color: fff;
 font-size:1.2em;
 font-weight: bold;
 clear:both;

}

div#tituloreveladoresumen{
 width:470px;
 width:expression('490px');
 height: 25px;
 padding:5px;
 color: #FF1500;
 background-color: fff;
 font-size:1.2em;
 font-weight: bold;
 clear:both;
 margin-top: 30px;
}

div#textoreveladonormal{
 width:470px;
 width:expression('490px');
 height: auto;
 padding:5px;
 color: #000000;
 font-size:0.9em;
 clear:both;
 margin-bottom: 15px;
}



div#botoncontinuarrevelado{
 width:470px;
 width:expression('490px');
  clear:both;
  text-align: right;
  margin-bottom: 15px;
}


div#botoncontinuarrevelado input{
  width:100px;
  text-align: right;
  padding: 3px;
  background-image: url();
  background-color: #ff1500;
  color: #FFFFFF

}

textarea.comentarios{
  width: 470px;
  height: 80px;
}


div#linearesumenrevelado {
 width:470px;
 width:expression('490px');
 width:auto;
 width:expression('auto');
border-bottom: 2px solid #ff1500;
 display:table;
 margin-bottom: 10px;
}

div#lineatotalrevelado {
 width:470px;
 width:expression('490px');
 width:auto;
 width:expression('auto');
border-bottom: 2px solid #DDDDDD;
 display:table;
  margin-bottom: 10px;
}


/**********CARPETAS REVELADO***********/
div#revelado div#carpeta{
width: 150px;
padding: 5px;
height: auto;
float:left;
margin: 5px 0px 10px 0px;
position:relative;
}



div#revelado div#carpeta div#titulocarpeta{
width: 130px;
width: expression('140px');
color:#FF1500;
font-size: 12px;
height: auto;
padding: 5px;
position:relative;
clear:both;
}


div#revelado div#carpeta  div#imagen{
position:relative;
height:auto;
clear:both;
width: 130px;
width: expression('140px');
padding: 5px;
}


div#revelado div#carpeta img{
border:0px;
}

div#revelado div#carpeta div#totalimagenes{
width: 130px;
width: expression('140px');
color:#000000;
font-size: 1em;
padding: 5px;
height: auto;
position:relative;
clear:both;
}

div#revelado div#carpeta div#titulocarpeta a{
color:#ff1500;
font-size: 1.1em;
}

/************LATERAL EXTRA INFO**********/

div#infoextraR{
  font-family: Verdana;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 0px solid #eeeeee;
  height: auto;
  width:150px;
  color: #000000;
  text-align: center;
  float:right;
}

div#infoextraR div#pedido{
  font-family: Verdana;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 1px solid #eeeeee;
  height: auto;
  width: 150px;
  color: #000000;
  margin:25px 0px 5px 0px;
  text-align: center;
  float:left;
}

div#infoextraR div#titulopedido{
  font-family: Verdana;
  font-size: 10px;
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  height: auto;
  width:150px;
  color: #000000;
  text-align: center;
  padding: 5px;
}

div#infoextraR div#textopedido{
  font-family: Verdana;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 0px solid #eeeeee;
  height: auto;
    width:150px;
  color: #000000;
  margin:10px 0px 5px 0px;
  text-align: center;
}

div#infoextraR div#titulototalpedido{
  font-family: Verdana;
  font-size: 10px;
  background-color: #eeeeee;
  border: 0px solid #eeeeee;
  height: auto;
    width:150px;
  color: #000000;
  text-align: center;
  padding: 5px;
  margin: 10px 0px 5px 0px;
}


div#infoextraR div#totalpedido{
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  background-color: #ffffff;
  border: 0px solid #eeeeee;
  height: auto;
    width:150px;
  color: #ff1500;
  text-align: center;
  padding: 5px;
  margin: 0px 0px 5px 0px;
}

div#infoextraR img{
border:0px;
}


/*****************************Identificacion****************/

div#INDENTIFICARSE {
  text-align: left;
  margin-top: 10px;
height: auto;
  width:480px;
  clear:both;
}

div#INDENTIFICARSE div#cabecera {
  color: #cccccc;
  display:none;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #fff;
  height: 22px;
	
  padding-top: 5px;
}

div#INDENTIFICARSE div#mainidentify 
{
  width: 480px;
  padding: 5px;
  height: auto;
  clear:both;
}
  
  
div#INDENTIFICARSE div#mainidentify div#texto{

 width: 460px;
 font-size: 11px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding: 0px 10px 10px 10px;
 background-color: #FFFFFF;
 border-width: 0px;	
 border-style: solid;	
 border-color: #ff0000;
 float:left;
 height: auto;
}


div#INDENTIFICARSE div#mainidentify div#textoerror{
  height:20px;
  font-size: 11px;
  font-weight: bold;
  color: #d50b0b;
  border-width: 0px;	
  border-style: solid;	
  border-color: #000000;
  padding: 10px;
  text-align:justify;
   padding: 10px 0px 10px 0px;
  width: 460px;
  
}

div#INDENTIFICARSE div#mainidentify div#cuadro{
 width: 480px;
 font-size: 11px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left:0px;
 border-width: 0px;	
 border-style: solid;	
 border-color:#CCCCCC;
 text-align:left;
  height: auto;

}

div#INDENTIFICARSE div#mainidentify div#cuadro div{
 width:200px;
 margin-left: 0px;
 margin-top: 5px;
 margin-bottom: 0px;
 border-width: 0px;	
 border-style: solid;	
 border-color: #ff0000;
 float:left;
  height: auto;
}




div#INDENTIFICARSE div#mainidentify div#cuadro div input{
 margin: 0px;
 border-width: 1px;	
 border-style: solid;	
 border-color:#CCCCCC;
 font-size: 0.9em;
 width: 140px; 
}

div#INDENTIFICARSE div#mainidentify div#link {
 
 width: 400px;
 font-size: 0.7em;
 border-width: 0px;	
 border-style: solid;
 border-color:#FFFFFF;
 text-align: left;
 margin-bottom: 10px;
 padding: 0px 0px 0px 80px;

 
}

div#INDENTIFICARSE div#mainidentify div#link a#contra{
 
 text-decoration:none;
 font-size:10px;
 color: #000000;
 
}


div#INDENTIFICARSE div#mainidentify div#link a#reg{
 
 text-decoration:none;
 font-size:10px;
 color: #666666;
 
}


div#INDENTIFICARSE div#mainidentify div#botoncontinuar{
  clear:both;
  width:152px;
  text-align: left;
  padding: 20px;
  margin-left: 120px;
  

}

div#INDENTIFICARSE div#mainidentify div#botonfinalizar{
  width:180px;
  padding: 20px;
  float:left;
  margin-left: 20px;
}

div#INDENTIFICARSE div#mainidentify div#cuadro div#conimg{

 padding: 0px;
 width: 300px;
 height: 30px;
 background-color: #FFFFFF;
 text-align: left;
}


div#INDENTIFICARSE div#mainidentify div#cuadro div#conimgsel{
background-image: url(http://www.vardenod.com/imgshop/cuadroselect2.jpg);
 width: 187px;
 height: 30px;
 display:none;
}

div#INDENTIFICARSE div#mainidentify div#cuadro div#conimg input{
 border:1px solid #000;
 padding: 1px;
 width: 200px;
 height: 20px;
 background-color: #fff;


}

/*****************************END Identificacion****************/

/********Mapa Web**************/
div#titulillomapaweb {
  font-size: 14px;
  border-width: 0px;	
  color: #FF1500;
  font-family: 'Verdana';
  padding: 5px;
  font-weight: bold;
  width: 450px;
  margin: 0px 5px 10px 10px;
  text-align: left;
  height:auto;
  position:relative;
  clear:both;
 } 

div#mapawebmenu {
  font-size: 11px;

  color: #FF1500;
  padding: 5px;
  width: 450PX;
  margin: 5px 5px 5px 28px;
  text-align: left;

  height:auto;
  clear:both;
  position:relative;
 } 

div#mapawebmenu a{
   text-decoration:none;
   color: #888888;
 }

 div#mapawebmenu a:hover{
   text-decoration:none;
   color: #FF1500;
 }

div#mapawebsubmenu {
  font-size: 11px;
  border-width: 0px;	
  border-style: solid;	
  border-color: #FF1500;
  color: #000000;
  padding: 5px;
  font-weight: bold;
  width: 450PX;
  margin: 5px 5px 0px 48px;
  text-align: left;
  height:auto;
  clear:both;
  position:relative;
 } 

div#mapawebsubmenu a{
   text-decoration:none;
   color: #ffffff;
 }

/*****************************Registro****************/

div#REGISTRO  {
  position: relative;
  width: 500PX;
  padding: 5px;
  height: auto;
  color: #FFFFFF;
}

div#REGISTRO div#titulo {
  height:25px;
  font-size: 12px;
  font.weight: bold;
  color: #000000;
  height: auto;
  position: relative;
}

div#REGISTRO div#texto {
position: relative;
  height:25px;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  height: auto;
}

div#REGISTRO div#obligatorios {
  height:20px;
  font-size: 10px;
  font-weight: bold;
  text-align:center;
  color: #ff0000;
  position: relative;
  padding: 10px auto 15px auto;
}

div#REGISTRO div#error {
  height:20px;
  font-size: 0.7em;
  font-weight: bold;
  color: #ff0000;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  padding: 10px;
  text-align:justify;
  display:none;
  position: relative;
}

div#REGISTRO div#errorkey {
  height:20px;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
position: relative;
  padding: 10px;
  text-align:justify;
  display:none;
}

div#REGISTRO div#cabecera {
  color: #Ff0000;
  font-size: 0.8em;
  font-weight: bold;
height: auto;
position: relative;
   margin-top:8px;
   border-bottom:1px solid #ddd;
   clear:both;
}


div#REGISTRO div#cuadro{
 font-size: 0.8em;
 margin-bottom: 11px;
 padding:5px;
 height: auto;
 display:table;
 clear:both;
}

div#REGISTRO div#cuadro div#campo{
 float:left;
 color:#777777;
 width: 200px;
 clear:both;
 font-size: 11px;
 margin-top: 2px;
 height:25px;
 display:table;

}

div#REGISTRO div#cuadro div#campotipocliente{
 position: relative;
 float:left;
 color:#777777;
 width: 200px;
 clear:both;
 font-size: 11px;
 height:25px;

}

div#REGISTRO  div#cuadro div#conimg{
 position: relative;
 width: 200px;
 font-size: 11px;
 height:25px;
  float:left;

}

div#REGISTRO  div#cuadro div#conimgselmini{
 background:url(imgshop/cuadroselectmini.jpg);
 width: 200px;
 font-size: 11px;
 height: 30px;
 padding:2px 0px 0px 0px;
 border:1px solid red;
 display:table;


}
div#REGISTRO  div#cuadro div#conimgselminiend{
 background:url(imgshop/cuadroselectmini.jpg);
 width: 80px;
 font-size: 11px;
 height: 30px;
 padding:2px 0px 0px 0px;
 float:left;

}


div#REGISTRO  div#cuadro div#conimgseltipocliente{
  background-image: url(imgshop/cuadroselect.jpg);
 height: 30px;
 width: 200px;
 padding:2px;
}


div#REGISTRO  div#cuadro div#conimgempresa{
 height: auto;
 width: 200px;

}

div#REGISTRO  div#cuadro div#conimgsel{
 background-image: url(imgshop/cuadroselect.jpg);
 width: 200px;
 height: 30px;
 padding:2px 0px 0px 0px;
}


div#REGISTRO  div#cuadro div#recibir{
 width: 480px;
 color:#000000;
 margin: 5px 0px 0px 0px;
 background-color: #FFFFFF;
 padding: 0px;
 clear:both;
  font-size: 0.8em;
}

div#REGISTRO  div#cuadro div#recibir input{
 width: 20px;
 margin-left: 0px;
 padding:0px;
 margin:0px;
}

div#REGISTRO  div#cuadro div input.registro{


 font-size: 0.8em;
 background-color: #FFFFFF;
 width: 120px;
}

div#REGISTRO  div#enviar{
 margin-top: 5px;
 margin-left: 0px;

 font-size: 0.8em;
 background-color: #FFFFFF;
 width: 200px;
 text-align: center;
}

div#REGISTRO  div#enviar input{
 margin-left: 43px;
}


/*****************************END Registro****************/

/*****************************Registro OK****************/

div#REGISTROOK  {
  position: relative;
  width: 480PX;
  padding: 5px 5px 5px 5px;
  MARGIN-LEFT: 10PX;
  margin-top: 20px;
  color: #FFFFFF;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
}

div#REGISTROOK div#cabecera {
  color: #FFFFFF;
  background-color:#FF1500;
  font-size: 0.8em;
  font-weight: bold;
  padding: 6px;
  margin-top: 10px;

}


div#REGISTROOK div#cuadro{
 color: #000000;
 font-size: 0.8em;
 margin-bottom: 10px;
 border-width: 1px;
 border-style: solid;
 border-color:#CCCCCC;
 padding: 15px;
}

/*****************************END Registro OK****************/

/*****************************Recordar Contraseña****************/

div#RECORDARCONTRA {

  width: 500PX;
}

div#RECORDARCONTRA div#cabecera {
  color: #FF0000;

  font-size: 12;
  font-weight: bold;
  padding: 6px;
  margin: 10px 0px 10px 0px;

}

div#RECORDARCONTRA div#mainidentify{
  width: 500PX;

  padding: 5px;
  text-align: center;
}

div#RECORDARCONTRA div#mainidentify div#texto{

 font-size: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0px 0px 0px 0px;
  font-family: Verdana;
}

div#RECORDARCONTRA div#mainidentify div#error{

 font-size: 0.8em;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 7px 20px 7px 20px;
 color: #ff0000;
 font-weight: bold;
 font-size: 0.7em;
}

div#RECORDARCONTRA div#mainidentify div#errormail{

 font-size: 0.8em;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 7px 20px 7px 20px;
 color: #ff0000;
 font-weight: bold;
 font-size: 0.7em;
 display:none;
}

div#RECORDARCONTRA div#mainidentify div#cuadro{
 width: 300px;
 font-size: 0.8em;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 3px;
}

div#RECORDARCONTRA div#mainidentify div#cuadro div{

 margin-top: 10px;
 margin-bottom: 10px;

}

div#RECORDARCONTRA div#mainidentify div#cuadro div#conimg{




}


div#RECORDARCONTRA div#mainidentify div#cuadro div input{
 margin-top: 5px;
 margin-left: 15px;

 font-size: 11px;
 background-color: #FFFFFF;
 width: 140px;
}

div#RECORDARCONTRA div#mainidentify div#link {

 width: 400px;
 font-size: 0.7em;
 border-width: 0px;
 border-style: solid;
 border-color:#FFFFFF;
 text-align: left;
 margin-bottom: 10px;
 padding: 0px 0px 0px 80px;


}



div#RECORDARCONTRA div#mainidentify div#link a#reg{

 text-decoration:none;
 font-weight: bold;
 color: #000;

}


/*****************************END Identificacion****************/


 /*****************Aviso Legal******************/
 div#titulilloavisolegal {
  font-size: 12px;
  border-width: 0px;	
  color: #FF1500;
  font-family: 'Verdana';
  padding: 5px;
  font-weight: bold;
  width: 470px;
  margin: 0px 5px 10px 10px;
  text-align: left;
  height:auto;
  position:relative;
  clear:both;
 } 
 
 
 /*****************************COMBO EDITABLE***************************/
.dhx_combo_img{
	position:absolute;
	top: 1px;
	right: 1px;
	width: 15px;
	height: 14px;
        border:0px;
}

.dhx_combo_option_img{
	position:relative;
	top:1px;
	margin-left:0px;
	left:0px;
	width:18px; height:18px;
}

.dhx_combo_input{
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border:0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0px;
	margin:0px 0px 0px 0px;
}
.dhx_combo_box{
	position:relative;
	border:0px solid #676767;
	height:18px;
	overflow:hidden;    
  	border:0px solid red;
	top: 4px;
        left: 10px;
}
.dhx_combo_list{
   position:absolute;
   z-index:30;
   overflow-y:auto;
   overflow-x:hidden;
   border :1px solid #c7c7c7;  
   height:100px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.6em;
   background-color: white;
}

.dhx_combo_list div{
	cursor:default;
	padding:2px 2px 2px 2px;
}
.dhx_selected_option{
	background-color:#c7c7c7;
	color:white;
}

div#barranavegacion {

clear:both;
margin-bottom: 20px;
}


div#MAINFACTURA{
 color: #555555;
 font-size: 11px;
 }
 

 
 
 div#MAINFACTURA div#central{
 text-align:left;
 background-color: #FFFFFF
 }
 
  
 div#MAINFACTURA div#central div#TITULOFACTURA{
 text-align:left;
 background-color: #FFFFFF
 }


div#mainfactura div#textomail{
color: #000;
text-align:left;
width: 500px;
font-size: 11px;
}

div#mainfactura div#cabecerareveladonormal{
color: #ffffff;
font-weight: bold;
}

div#mainfactura div{
padding: 5px;
font-size: 12px;
}


div#mainfactura  div#formatoslargo{
width: 200px;
padding: 5px;
}




/***PROCHECK****/
div#procheck div#listado {
  float: left;
  margin-bottom: 0px; 
  margin-top: 0px; 
  padding-bottom: 0pt;
  color: #7f7f7f; 
  font-family: 'ArialMS', 'Arial', 'sans-serif'; 
  font-size: 11px; font-weight: normal; 
  line-height: 24px; 
  opacity: 1.00;
  width: 670px;
  border:1px;
  border-color: #FF0000;
clear:both;
}
div#procheck div#fecha {
  float: left;
  width: 60px;

}
div#procheck div#pedido {
  float: left;
  width: 40px;
  margin-left: 10px;

}
div#procheck div#pedidointerno {
  float: left;
  width: 60px;
  margin-left: 10px;

}
div#procheck div#pedidoCliente {
  float: left;
  width: 55px;
  margin-left: 6px;
  text-overflow: ellipsis;
  overflow: hidden;

}
div#procheck div#totalImagenes {
  float: left;
  width: 50px;
  margin-left: 6px;

}
div#procheck div#tamano {
  float: left;
  width: 55px;
  margin-left: 10px;

}
div#procheck div#formato {
  float: left;
  width: 40px;
  margin-left: 10px;

}
div#procheck div#cantidad {
  float: left;
  width: 50px;
text-align:center;
  margin-left: 6px;
  text-overflow: ellipsis;
  overflow: hidden;

}
div#procheck div#estado {
  float: left;
  width: 85px;
  margin-left: 4px;
  margin-right: 4px;
}
div#procheck  div#prochecklistado div#comentario {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  clear:both;
  color: #777777;
  
}

div#prochecklistadocabecera div#comentario {
display:none;
}

div#prochecklistadocabecera div#estado {
width: 30px;
float:left;
}

div#prochecklistadocabecera{
background-image: url(http://www.fotodos.com/fotodospro/image/backpedidos.jpg);
padding: 5px;
clear:both;
height: 30px;
float:left;
width: 480px;

} 


div#prochecklistadocabecera div{
display:none;
} 


div#prochecklistado div#fecha {
width: 90px;
height: auto;
}



div#prochecklistado div#pedidointerno {
width: 60px;
}
div#prochecklistado div#pedidocliente {
width: 60px;

}

div#prochecklistado div#tamano {
width: 60px;
}
div#prochecklistado div#formato {
width: 50px;
}

div#prochecklistado div#cantidad {
width: 50px;
}

div#prochecklistado div#estado {
width: 80px;
float:left;
border: 0px solid red;
}

div#prochecklistado div#comentario {
display:none;
}

div#prochecklistado{
padding: 5px;
clear:both;
height: 25px;
border-bottom: 1px solid #cccccc;
}

div#prochecklistado div{
float:left;
height: auto;
}

input#submitimage{
display:none;
}

div#subpedido{
clear:both;
float:left;
width:150px;
}

div#pedidosubdividido div#pedido{

width:200px;
}