html body 
{
    width:100%
}
body
{
    margin:0px;
    font-family:Arial;
    color:#333333;
    font-size:11px;
    text-align:center;
    background-color:#A5A3A4;
}
#Contenedor
{
    width:980px;
    text-align:left;
    margin:6px auto 6px auto;
    background-color:#FFF;
    overflow:hidden;
    }
#Baner
{
    margin:0px;
    left:6px;
    position:relative;
    width:100%;
    height:260px;
    text-align:left;
    clear:both;
    }
#Baner .Logo
{
    top:0px;
    margin-left:20px;
    display:inline;
    left:0px;
    float:left;
    position:relative;
    }
#Baner .Iconos
{
    float:right;
    right:6px;
    top:20px;
    position:relative;
    }
    
#Baner .LoginStatus
  {
    float:right;
    right:20px;
    top:70px;
    position:relative;

    }  
.Menu
{
    
    background-image: url(Images/Fondomenu.jpg) ;
    background-repeat:no-repeat;
    background-color:transparent;
    width:100px;
    font-family:Arial;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:#333;
    height:32px;
    float:left;
    left:0px;
    top:0px;
    position:relative;
    }
    .Menu a:link
    {
        background-color:transparent;
    }
     .Menu a:active
    {
        background-color:transparent;
    }
    .Menu a:visited
    {
        background-color:transparent;
    }
    
 #Baner .pMenu
{
    margin:0px;
    float:left;
    left:0px;
    width:600px;
    top: -1px;
    position:relative;
    text-align:left;
    }
#Baner .pfondo
{
    margin:0px;
    float:left;
    left:0px;
    width:36px;
    top: -1px;
    position:relative;
   
    }
    
#Baner .pImage
{
    margin:0px;
    background-image:url(Images/naranja.jpg);
    background-repeat:repeat-x;
    width:332px;
    float:right;
    right:13px;
    top: -1px;
    position:relative;
    }
    
.Fondo
{
   background-image:url(Images/fondo.jpg); 
   background-repeat:repeat-x;
   height:11px;
   margin-left:6px;
   clear:both;
   overflow:hidden;
   width:968px;
  
 }
 #Cuerpo
 {
    width:inherit;
    padding:3px;
    overflow:hidden;
 }

 #Contenido
 {
    width:573px;
    margin-left:6px;
    margin-top:0px;
    float:left;
    overflow:hidden;
    
    }
  #Dcha
 {
    width:301px;
    margin-right:6px;
    margin-top:0px;
    float:right;
    height:100%;
    overflow:hidden;
    background-color:#ededed;  
    
    }
 #Dcha .pBanerPedido
 {
    margin:0px;
    background-image:url(Images/BanerPedido.jpg);
    background-repeat:no-repeat;
    height:61px;
    padding: 15px 10px 0px 10px;
 }
 #Dcha .pIdiomas
 {
    margin:0px;
    background-image:url(Images/Idiomas.jpg);
    background-repeat:no-repeat;
    height:86px;
    padding: 10px 2px 2px 2px;
    
 }
  #Dcha .pIdiomas label
  {
    display:block;
    margin-bottom:3px;
    margin-left:15px;
   
    
  }
  #Dcha .pIdiomas select
  {
    font-family:Arial;
    color:#333333;
    font-size:11px;
    width:250px;
    margin-left:15px;
    
  }
 #Dcha .pBaner
 {
    margin:0px;
    height:81px;
    
 }
 #Dcha .pBaner2
 {
    margin:0px;
    height:100px;
    
 }
  #Dcha .pBanerMenu
 {
    margin:0px;

    
 }
 #Dcha .pEspacio
 {
    margin:0px;
    height:4px;
    background-color:#FFF; 
 } 

 
  /* Accordion */
.accordionHeader
{
    color: #444;
    height: 15px;
    background-image:url(Images/menu_Noselect.jpg);
    background-repeat:no-repeat;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.accordionHeader a
{
	
	color:#444;
	text-decoration: none;
}

.accordionHeader a:hover
{
	
	text-decoration: none;
}

.accordionHeaderSelected
{
    color: #FFF;
    height:15px;
    background-image:url(Images/menu_select.jpg);
    background-repeat:no-repeat;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
    padding-right: 5px;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	
	color:#FFF;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	color:#FFF;
	text-decoration: none;
}

.accordionContent
{
    background-color: #FFF;
    font-family: Arial;
    font-weight:bold;
	font-size: 11px;
	color:#444;
    border-top: none;
    padding-top: 10px;
    text-decoration: none;
    margin-bottom:0px;
}
.accordionContent li
{ 
	margin-bottom:5px;
}
    



#Pie
{
    margin:0px;
    left:6px;
    position:relative;
    float:none;
    
    width:968px;
    overflow:hidden;
   
    }
    
 #Pie .Pgris
 {
    background-color:#5C5C5E;
    height:30px;
    margin:0px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    text-align:left;
    padding-top:20px;
    padding-left:30px;
   
 }
  #Pie .Pimage
 {
    background-image:url(Images/fondo.jpg);
    background-repeat:repeat-x;
    height:11px;
    margin:0px;
    
 }
  #Pie .Pimage2
 {
    background-image:url(Images/fondo2.jpg);
    background-repeat:repeat-x;
    height:59px;
    margin:0px;
    text-align:left;
    padding-left:30px;
    
 }
 .TxtBlanco
 {
    Font-family:Arial;
    font-size:11px;
    color:#FFF;
    text-decoration:none;
    }
 .Lista
 {
    text-decoration:none;
    color:#444;
    font-family:Arial;
    font-size:11px;
 }
  .LinkGris
 {
    text-decoration:underline;
    color:#333;
    font-family:Arial;
    font-size:11px;
    text-decoration:underline;
 }
 
 .LinkNaranja
 {
    text-decoration:underline;
    color:#EC5611;
    font-family:Arial;
    font-size:11px;
 }
.MenuAbajo
{
    text-decoration:underline;
    font-family:Arial;
    font-size:11px;
    color:#444;
    }
.ContentPlace
{
    width:570px;
    margin:0px;
    text-align:justify;
    padding-top:20px;
    padding-left:30px;
    padding-right:20px;
    
    }


/*Estilos texto Contenido */

.TituloBaner
{
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:#EC5611;
    }
    
.Titulo
{
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    color:#EC5611;
    }
.Subtitulo
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#EC5611;
    }
.TextoParrafo
{
    font-family:Arial;
    font-size:11px;
    color:#333;
}
.TextoParrafo a:link
{
    text-decoration:underline;
    color:#EC5611;
    font-family:Arial;
    font-size:11px;
}

.TextoParrafo a:hover
{
    text-decoration:underline;
    color:#EC5611;
    font-family:Arial;
    font-size:11px;
}

.TextoParrafo a:active
{
    text-decoration:underline;
    color:#EC5611;
    font-family:Arial;
    font-size:11px;
}

.TextoParrafo a:visited
{
    text-decoration:underline;
    color:#EC5611;
    font-family:Arial;
    font-size:11px;
}
.TextoNegrita
{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#333;
}


#Pagina
{
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	opacity: 0.50;
	background-color: #000000;
	z-index: 20000;
	position: absolute;
	text-align: center;
	float: left;
	left: 0px;
	top: 0px;
}

.cssform p{

clear: left;
margin: 0;
padding: 3px 0 3px 0;
padding-left: 100px; /*width of left column containing the label elements*/
border-bottom: 1px dashed #aaa;
height: 1%;
}

.cssform fieldset
{
	margin-top:5px;
}

.cssform legend
{
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#EC5611;
}

.cssform label{

float: left;
margin-left: -55px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: solid 1px #666;
font: 11px Verdana,Arial,Tahoma;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: solid 1px #666;
font: 11px Verdana,Arial,Tahoma;
}

.cssform textarea{
width: 200px;
height: 150px;
}



.login 
{
	text-align:left;
	width:60%;
}

.login .linea{

clear: left;
margin: 0;
padding: 3px 0 3px 0;
padding-left: 20px; /*width of left column containing the label elements*/
border-bottom: 1px dashed #aaa;
height: 1%;
}

.login .pboton{
clear: left;
margin: 0;
padding: 3px 0 3px 0;
margin-left:45px;
height: 1%;
}

.login fieldset
{
	margin-top:5px;

}

.login legend
{
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#EC5611;
}

.login label{

float: left;
margin-left: -10px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.login input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
border: solid 1px #666;
font: 11px Verdana,Arial,Tahoma;
}

.login input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 100px;
border: solid 1px #666;
font: 11px Verdana,Arial,Tahoma;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.campos 
{
	
	float: left;
	width: 50%;
	margin: 0px;
	
}


/*Fin Formulario 2 campos*/
.fila_campos {
	padding:  5px 20px 5px 20px;
	display:block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.boton

{
	background-image: url(Images/FondoBoton.jpg) ;
    background-repeat:no-repeat;
    background-color:transparent;
    width:100px;
    font-family:Arial;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:#333;
    height:22px;
    padding: 2px;
    border:solid 1px #666;
	
}
#DivPresupuesto fieldset
{
	margin-top:5px;
}

#DivPresupuesto legend
{
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#EC5611;
}

#DivPresupuesto .pdoble
{
	float: left;
	width: 50%;
	margin: 0px;
}



#DivPresupuesto .pdoble label
{
	
	
	display:block;
    
}

#DivPresupuesto .pdoble input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 95%;
border: solid 1px #666;
font: 11px Verdana,Arial,Tahoma;
}

#DivPresupuesto .pdoble .validaciones
{
	display:block;
}

#DivPresupuesto .Tiposoporte
{
	float: left;
	margin: 0px;
	width:33%;
	position:relative;
}





#DivPresupuesto .Tiposoporte .cajas
{
	width: 100px;
	border: solid 1px #666;
	margin-top:1px;
	font: 11px Verdana,Arial,Tahoma;
	display: block;
	margin-top:1px;

}
#DivPresupuesto .Tiposoporte .Cantidades
{
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	font-weight:bold;
}
#DivPresupuesto .Tiposoporte input[type="checkbox"]
{
	
	
	font: 11px Verdana,Arial,Tahoma;
	
	

}


#DivPresupuesto .Packaging 
{
	float: left;
	margin: 0px;
}

#DivPresupuesto .Packaging .cajas
{
	width: 100px;
	border: solid 1px #666;
	margin-top:1px;
	font: 11px Verdana,Arial,Tahoma;
	display: block;
	margin-top:1px;
}

.AyudaCaja
{
	width: 100px;	
	height:14px;
	margin-top:1px;
	border: solid 1px #666;
	background-color:#ffffcc;
	color:gray;
	font-size: 10px;
	font-family: Verdana,Arial,Tahoma;
	font-style:italic;
	display:block;
	margin-top:1px;
}

.Grid
{
	font-family: verdana;
	font-size: 11px;
	width: 100%;
	border: none 0px;
	text-align: left;
}
.Grid td
{
	font-family: verdana;
	font-size: 11px;
	border: solid 1px #d0d0d0;
	text-align: left;
}

.Grid th
{
	font-family: verdana;
	font-size: 11px;
	border: solid 1px #d0d0d0;
	text-align: left;
}
.HeaderGrid
{
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	background-color: #F17F04;
	text-align: left;
}
.HeaderGrid a:link
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.HeaderGrid a:hover
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.HeaderGrid a:active
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.HeaderGrid a:visited
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.PagerGrid
{
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	background-color: #F17F04;
}
.PagerGrid a:link
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.PagerGrid a:hover
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.PagerGrid a:active
{
	color: #ffffff;
	background-color: #F17F04;
	
}
.PagerGrid a:visited
{
	color: #ffffff;
	background-color: #F17F04;
	
}

.AlternateItemGrid
{
	background-color: #F5F5F5;
}

.MenuAdministracion
{
    
    width:105px;
    padding-left:3px;
    font-family:Arial;
    text-align:left;
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    height:20px;
    background-color:#ed5611;
    }
    .MenuAdministracion a:link
    {
        background-color:#ed5611;
    }
     .MenuAdministracion a:active
    {
        background-color:#ed5611;
    }
    .MenuAdministracion a:visited
    {
        background-color:#ed5611;
    }
    .pIdioma
    {
		display:inline;
		text-align:right;
		margin:0px;
		float:right;
		right:13px;
		top: -19px;
		position:relative;
		color:#FFF;
		background-color:#ed5611;
		
		
    }
    .pMenuAdministracion
    {
		margin:0px;
		float:left;
		left:0px;
		width:550px;
		top: -1px;
		position:relative;
		text-align:left;
		display:inline;
		background-color:#ed5611;
    }
    .drops
    {
	color:#444;
    font-family:Arial;
    font-size:11px;
    width:110px;
		
    }
    .statusout
    {
		display:none;
    }
    .statusin
    {
		
		display:inline;
		float:right;
		position:relative;
		right:14px;
		text-align:right;
		width:100%;

    }
    
    .sidebar
    {
		display:inline;
    }
    .Paso{overflow:hidden;margin:0;padding:0;margin-top:15px;width:99.5%;border:solid 1px #D5D5D5;}
    
    .Paso .dcha{width:45%;margin:0;padding:0.2em;float:right;display:block;text-align:right;right:0.2em;}
    .Paso .izda{width:40%;margin:0;padding:0.2em;float:left;display:block;text-align:left;}