/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #C7C8CA;
font-family: Geneva, helvetica, Arial, Sans-Serif, verdara, SunSans-Regular;
color:#6e6e6e;
padding:0px;
margin:0px;
}
a {color: #005797;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
p {color:#6D6E70; font-size: 0.75em; text-align: justify;}
label{
width:100px;
}
h1{
font:Geneva, Arial, Helvetica, sans-serif;
color: #005697;
padding-left:120px;
font-size:1.2em;}
h2 {
font:Geneva, Arial, Helvetica, sans-serif;
color: #D2232D;
padding-left:120px;
font-size:1.1em;}
/* ----------container to center the layout-------------- */
#container {
width: 826px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
}

/* ----------banner for logo-------------- */
#cabecera {
padding: 0px;
margin: 0px;
}


/* -----------------contenido--------------------- */
#derecha {
width: 275px;
float:right;
padding: 0px;
/*margin-right: -1px;
background-image:url(../images/columna_der.jpg);
background-repeat: repeat-y;
background-position:right;*/
}
div#derecha { 
min-height:430px;
height:expression(this.scrollHeight > 430 ? "auto":"430px"); 
}
#derecha-registro{
background-image:url(../images/banner_restringido.jpg);
background-repeat: no-repeat;
background-position:left center;
padding: 12px 10px 0px 0px;
height:163px;
}
#derecha-registro1{
background-image:url(../images/banner_restringido1.jpg);
background-repeat: no-repeat;
background-position:left center;
padding: 12px 10px 0px 0px;
height:163px;
}



#derecha-registro form{
padding: 12px 10px 0px 0px;
height:130px;
}
.usuario{
	margin-top: 33px;
	*margin-top: 33px;
	margin-left: 5px;
	*margin-left: 5px;
	height: 15px;
	*height: 13px;
	width: 120px;
	border: 0px;
	border:none;
	border-style: none;
	
}
.pass{
	margin-top: 9px;
	*margin-top: 9px; 
	margin-left: 5px;
	*margin-left: 5px;
	height: 15px;
	*height: 13px;
	width: 120px;
	border:none;
	border: 0px;
	border-style: none;
}

#btnBuscar{
	margin-top: 10px;
	width: 78px;
	height:29px;
	border:none;
	margin-left:0;
	*margin-left:0px;
	background: #fff;
	background-image:url(../images/btnBuscar.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	cursor:hand;

}

/*para el div derecha-clientes con su link a servicios.php */
#derecha-clientes{
padding: 0px 10px 0px 0px;
height: 91px;
}
#derecha-clientes a{
background-image:url(../images/banner_atencion.jpg);
background-repeat: no-repeat;
background-position:left center;
display: block;
height:91px;
border: none;
text-decoration:none;
}

#derecha-clientes a span {
  visibility: hidden;
}



#derecha-novedades{
padding: 0px 10px 0px 0px;
height: 145px;
background-position:left center;
}
#derecha-representaciones{
padding: 0px 10px 0px 0px;
height: 145px;
background-position:left center;
}


/* --------------Contenido web------------- */
#main{
background-image:url(../images/fondo.jpg);
background-repeat: repeat-y;
overflow:hidden; /* esto lo hago para que tome la altura del div mas alto +*/
}
#contenido {
float: left;
width: 551px;
/*background-image:url(../images/columna_izq.jpg);
background-repeat: repeat-y;
background-position:left;*/
margin: 0px;
padding: 0px;
}
div#contenido { 
min-height:430px;
height:expression(this.scrollHeight > 430 ? "auto":"430px"); 
}

#contenido1 {
padding: 5px 10px 5px 35px;

}
#contenido2 {

}
#contenidoleft {
padding: 10px 0px 10px 25px;
float:left;
}

#contenidoderhome{
padding: 0px 25px 10px 10px;
color:#003366;
margin-top:0px;
margin-left:180px;

}

/*para los titulos de las secciones */
#contenidoderhome h1.home{
margin-top:0px;
background-image:url(../images/titulos/titulo_home.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 30px;
}
#contenidoderhome h1.home span {
display:none;

}

#contenidoder{
padding: 0px 25px 10px 10px;
color:#003366;
margin-left: 180px;
}
#contenidoder h1.institucional{
margin-top:0px;
background-image:url(../images/titulos/titulo_institucional.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 64px;
}

#contenidoder h1.institucional span {
display:none;
}

#contenidoder h1.lanzamientos{
margin-top:0px;
background-image:url(../images/titulos/titulo_lanzamientos.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 45px;
}

#contenidoder h1.lanzamientos span {
display:none;
}
#contenidoder h1.promociones{
margin-top:0px;
background-image:url(../images/titulos/titulo_promociones.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 45px;
}
#contenidoder h1.promociones span {
display:none;
}
#contenidoder h1.ofertas{
margin-top:0px;
background-image:url(../images/titulos/titulo_ofertas.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 45px;
}
#contenidoder h1.ofertas span {
display:none;
}
#contenidoder h1.novedades{
margin-top:0px;
background-image:url(../images/titulos/titulo_novedades.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 45px;
}
#contenidoder h1.novedades span {
display:none;
}
#contenidoder h1.restringida{
margin-top:0px;
background-image:url(../images/titulos/titulo_restringido.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 45px;
}
#contenidoder h1.restringida span {
display:none;
}




#contenidoderRep{
padding: 0px 25px 10px 10px;
margin-left: 180px;
}
#contenidoderRep h1{
margin-top:0px;
background-image:url(../images/titulos/titulo_distribuciones.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 29px;
}
#contenidoderRep1 {
margin-top:-12px;
background-image:url(../images/marcas.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 345px;
}
#contenidoderRep h1 span {
display:none;
}
#contenidoleftRep p{
padding: 340px 0px 10px 50px;
float:left;
color:#DB2128;
font-weight:bold;
}

/*para la seccion distribución*/

#contenidoderDist{
padding: 0px 25px 10px 10px;
margin-left: 180px;
}
#contenidoderDist h1{
margin-top:0px;
background-image:url(../images/titulos/titulo_zonadistribucion.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 91px;
}
#contenidoderDist1 {
margin-top:-12px;
background-image:url(../images/mapa.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 310px;
}
#contenidoderDist h1 span {
display:none;
}
#contenidoleftDist p{
padding: 305px 0px 10px 80px;
float:left;
color:#E58184;
font-weight:bold;
text-align:right;
}
/* -----------Seccion contacto--------------------------- */
#contenidoderDist h1.contacto{
margin-top:0px;
background-image:url(../images/titulos/titulo_contacto.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 63px;
}
#contenidoderDist h1.contacto span {
display:none;
}
#contenidoderContacto{
margin-top:-12px;
height: 310px;
}
#formCont {
  margin: .4em 0;
}
.contactoP{
margin-left:75px;
margin-top: 20px;
color:#005697;
}
#formCont label{
  width: 20%;
  float: left;
  font-size: 0.75em;
}



/* -----------Seccion Servicios--------------------------- */
#contenidoderDist h1.servicio{
margin-top:0px;
background-image:url(../images/titulos/titulo_servicioclientes.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 31px;
}
#contenidoderDist h1.servicio span {
display:none;
}
#contenidoderContacto{
margin-top:-12px;
height: 380px;
}
.botonServicio{
margin-top:20px;
}
#contenidoderDist form.formServicio{
padding-bottom:30px;}


/* -----------Seccion Lista de PRECIOS--------------------------- */
#ListaPrecio {
padding: 10px 10px 10px 30px;
}
#ListaPrecioDer{
width: 200px;
float:right;
padding:0;
padding-top:10px;
}

#ListaPrecioIzq{
width: 200px;
height:52px;
float:left;
padding: 0px;
padding-top:5px;

}
#ListaPrecioIzq a{
background-image:url(../images/exportar_excel.jpg);
background-repeat:no-repeat;
background-position: top;
display: block;
height:52px;
border: none;
text-decoration:none;
}

#ListaPrecioIzq a span {
  visibility: hidden;
}


input{
font-size:11px;
}
.fondoform{
background-image:url(../images/fondito.jpg);
background-repeat: repeat-x;
}
.ttitulos {
background-color:#015697;
font-size:12px;
color:#fff;
height:60px;
text-align:center;
border-collapse: collapse;
border-bottom-style:none;
border-spacing:0;
border:hidden;
}
.resultados{
font-size:11px;
color:#5C6165;
}
#contenidoder h1.lista{
margin-top:0px;
background-image:url(../images/titulos/titulo_listaprecios.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 63px;
}
#contenidoder h1.lista span {
display:none;
}
#volver{
width: 200px;
height:52px;
float:right;
padding: 0px;
padding-top:5px;

}
#volver a{
background-image:url(../images/btn_nuevaconsulta.jpg);
background-repeat:no-repeat;
background-position: top;
display: block;
height:52px;
border: none;
text-decoration:none;
}

#volver a span {
  visibility: hidden;
}
#volver{
width: 200px;
float:right;
padding: 0px;
padding-bottom:10px;
}
ul {
        list-style: none;
        margin: 0;
        padding-left:20px;
		padding-top: 20px;
		
        }

		
#menu li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        text-decoration: none;
		font-size:12px;
		font-weight:bold;
		margin-bottom:10px;

        }
#menu li a:link, #menu li a:visited {
	color:#3079BB;	
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;


	}
#menu li a:hover{
	color:#DD5A5F;	
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;

	}



/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
background-image:url(../images/pie_blanco.jpg);
height: 29px;
 }

#footer1 {
clear: both;
margin: 0px;
padding: 0px;
background-image:url(../images/pie_datos.jpg);
height: 53px;
background-repeat: no-repeat;
 }
 
 
/*Estilos para el panel de Control de Ror Mayoristas*/

#cabeceraPanel{
padding: 0px;
margin: 0px;
height:153px;
}

#cabeceraPanel a{
background-image:url(../images/Admin/encabezado_panelcontrol1.jpg);
background-repeat: no-repeat;
background-position:left;
display: block;
height:153px;
border: none;
text-decoration:none;
}

#cabeceraPanel a span {
  visibility: hidden;
}
#PanelControl{
margin: 20px 100px 150px 100px;
}
#contenidoContPanel{
width: 350px;
padding-left:70px;

}
#formContPanel {
  margin: .4em 0;
}
#formContPanel label{
  width: 120px;
  float: left;
  font-size: 0.75em;
}
#formContPanel label.seleccion{
  width: 120px;
  float: left;
  font-size: 0.75em;
}
#intmasizq {
float:left;
width: 90px;
margin: 0;
}
#intmasder {
float:right;
width:200px;
margin: 0;
}
#intmasder .tituloRest{
color:#DF656A;
text-transform:uppercase;
margin:0;
}
#intmasder .vigencia{
color:#DF656A;
margin:0;
}
#restringido{
width:300px;
margin: 0 5px 10px 5px;
min-height: 125px;
height: auto !important;
height: 125px;
overflow:hidden;
}
#PanelDerecha{
margin-left: 400px;
margin-top:10px;
margin-bottom:20px;
}
#contenidoderPanel{
padding: 0px 25px 10px 10px;
margin-left: 180px;
margin-bottom:30px;
}
contenidoderAlta{

}
#PanelDerecha a{
font-size:12px;
}
#ListaPrecioDerPanel{
width: 300px;
float:right;
padding:0;
padding-top:10px;
}

#volverPanel{
width: 130px;
float:right;
margin: 20px;
padding-bottom:10px;
}
#volverPanel a{
color:#005796;
font-size:12px;
}
#eliminarPanel{
width: 130px;
margin-left:40px;
text-align:center;
padding-bottom:10px;
}
#eliminarPanel a{
color:#005796;
font-size:12px;
}

/*Panel de control-titulos*/

#contenidoderDist h1.panelindex{
margin-top:0px;
background-image:url(../images/titulos/titulo_panel.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 63px;
}
#contenidoderDist h1.panelindex span {
display:none;
}
#panelConsulta{
margin-top:-12px;
}

#contenidoleftEditar {
padding: 10px 0px 10px 50px;
float:left;
color:#E58184;
font-weight:bold;
}
.nuevo{
color:#005797;
font-size:12px;
font:Arial, Helvetica, sans-serif;
}
.nuevo a:active{
color:#999;
font-size:12px;
font:Arial, Helvetica, sans-serif;
}