@font-face{

	font-family: "condensada";
	
	src: url("Oswald-Regular.eot");

	src: local("condensada"), url("fonts/Oswald-Regular.eot") format("embedded-opentype"),

		 url("fonts/Oswald-Regular.woff") format("woff"),

         url("fonts/Oswald-Regular.ttf") format("truetype"),

         url("fonts/Oswald-Regular.svg") format("svg");

}



html{ 
	min-width:1009px;
}


body{
	 /*! color:#34495E; */ 
	color: #00365f;
	padding:0px;
	margin:0px;
	width:100%;
	/*height:100%;*/
	height:auto !important;
	
	font:12px normal Arial,sans-serif;
	
	padding-bottom: 40px !important;
	position: relative;
	
	
		/*background: url(../img/brillo.png) repeat-y center rgba(255,0,0,1);*/
}
h1{
	color:#0084bd;
}
big{
	font-weight:bold;
}
ul li{
	list-style-type:none;
	font-size:10.2px;
}
img{
	border:0px;
}
a{
	text-decoration:none;
	color:#ffffff;
}
a:hover{
	text-decoration:none;
	color:#0084bd;
}
#formlogin{
	position:relative;
	float:left;
	width:200px;
	margin-left:400px;
}
#formlogin form{
	position:relative;
	float:left;
	width:100%;
}
.colorfondobase {
	background-color:#00365f;
}
.colorbordebase {
	border: 1px solid #00365f;
}
.inputlogin{
	font-size:0.9em;
	width:150px;
	padding:2px;
}
.div100{
	position:relative;
	display:block;
	float:left;
	width:100%;
}
#cabecera2{
	/*position:fixed;*/
	display:block;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	
	z-index:2;
	/*background: rgb(127, 125, 125);*/
	background: #00365f;
	

}
.central{
	position: relative;
	display: block;
	width: 98%;
	height: auto;
	padding:0;
	margin:0 auto;
}
#menup{
	position:relative; 
	width:auto; 
	height:auto; 
	
	z-index: 2; 
	text-align:right;
	
	}
#menup a{
position: relative;
display: inline-block;
width: 40px;
height: 40px;

background: rgba(77, 169, 209, 0.57);
border-radius: 3px;

margin: 5px 1px 0px 1px;
padding: 0px;
	}
#menup a:hover{
	background:#32d29d;
	}
#menup img{
	position:absolute;
	width:40px;
	top:0;
	left:0;
	height:auto;
	}
#menupcabecera{
	position: absolute;
	width: auto;
	height: auto;
	right: 0;
	z-index: 2;
	text-align: center;
	padding-top:5px;


	
	}
#menupcabecera a{
	position: relative;
display: inline-block;
width: 28px;
height: 34px;

border-radius: 3px;
	
	}
#menupcabecera a:hover{
	
	color:#FFF;
	background:rgba(43, 153, 200, 0.37);
	}
#menupcabecera img{
	position: absolute;
width: 28px;
top: 0;
right: 0;
height: auto;
	}
#menupcabecera span{
	margin-top: 31px;

	position: relative;
	display: inline-block;
	font-size: 10px;
	color:rgba(255,255,255,0.7);

	}

.picodesplegable{
	position:absolute;
	top:-20px;
	left: 15%;
	display:block;
	width:0;
	height:0;
	border-color:transparent transparent #fff transparent ;
	border-style:solid;
	border-width:10px;
}
#menusup{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	z-index:3;
}
ul#superior{
	position:relative;
	width:74%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
}
ul#superior li{
	position:relative;
	display:inline-block;
	width:auto;
	padding:15px;
	color:#0084bd;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
ul#superior li a{
	color:#0084bd;

	}
	
ul#superior li a:hover{
	color:#fff;
}
.logo{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:90px;
	margin:5px 0;
	}
.logo img{
	width: 90px;
	height: auto;
	padding-top: 0px;
}
.usuario{
position: relative;
display: block;
color: #42a7d3;

font-family: "Roboto Condensed";
margin-top: -5px;

	

	}

/*******************MENU PRINCIPAL DESPLEGABLE***************/	
@charset "UTF-8";
/* CSS Document */



nav{
   width:auto;
   margin: 0 0 0 90px;
   /*background: #EEE;*/
   position:relative;
   font-family: Roboto Condensed;
   font-size:1.0em;
   line-height: 1em;
  
   
}

nav h3{
	color: #fff;
	font-size: 1.0em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 5px 10px 0 0;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
	text-align: right;


	}

nav li{
   list-style: none;
   position:relative; /* importante, para que el submenu tome la posición correcta*/
   display:inline-block;
   z-index: 101;
   margin:0;
   padding:0;
}

li#proveedores{
	   background:url(../img/ilu_socios.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#folletos{background:url(../img/ilu_folletos.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#miarea{background:url(../img/ilu_miarea.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#ofertas{background:url(../img/ilu_ofertas.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#directo{background:url(../img/ilu_catalogo.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#expediciones{background:url(../img/ilu_expediciones.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#catalogos{background:url(../img/ilu_catalogo.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}
li#info{background:url(../img/ilu_actualidad.png) right 0px top 15px no-repeat;
	   background-size:40px;
	}

nav li a{
    color: #f00;
    text-decoration: none;
    padding: 15px 30px 20px 5px;
    display: block;
    min-width: 65px;

   transition-property: all;
	transition-duration: 500ms;
	transition-timing-function:ease;
	transition-delay: 0s;
}


nav li a:hover{
	background:rgba(255,255,255,0.3);

      
}
nav li.parent:hover{
   border:1px rgba(255,255,255,0.1) solid;
   margin:-1px; 

}


nav li li a{
   width:160px;/*el ancho de los links del submenu, debe ser fijo, esto servirá para crear la animación mas adelante */
   border-bottom: 1px rgb(77, 169, 209) solid;
   padding-left:20px;
   background:#fff;
   color:#00365f;

}
nav li li a:hover{
	color:#00365f;
	background: rgb(77, 169, 209); 
	}
/* aquí esta lo importante!! */
nav li ul {
  
   margin:0;
   display:none;
   background:#fff;
   position:absolute;
   left:0;
   top:60px;
   box-shadow: 0px 6px 4px rgba(0, 132, 189, 0.41);
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;  
   padding:0px 0;
   z-index:15;
   


}
nav li:hover ul {
   display: block;
   padding-top:0px;
   margin-top:2px;
   background:rgba(255,0,0,0.3);
   color:#fff;
   


}
/************/

#inicio{
	position:relative;
	float:right;
	width:auto;
	padding-top:15px;
	font-size:0.9em;
	font-weight:bold;
	margin-left:8px;
	text-align:center;
}
#contacto{
	position:relative;
	float:right;
	width:auto;
	padding-top:15px;
	font-size:0.7em;
	font-weight:bold;
	margin-left:10px;
	text-align:center;
}
#ayuda{
	position:relative;
	float:right;
	width:auto;
	padding-top:15px;
	font-size:0.7em;
	font-weight:bold;
	margin-left:10px;
	text-align:center;
}
#salir{
	position:relative;
	float:right;
	width:21px;
	padding-top:15px;
	font-size:0.7em;
	font-weight:bold;
	margin-left:10px;
	text-align:center;
}
#menu{
	position:relative;
	float:left;
	width:1150px; /* original: 995 */
	z-index:2;
}
ul.menuprincipal{
	position:static;
	float:left;
	width:1150px; /* original: 995 */
	height:36px;
	padding:0px;
	margin:0px;
	font-weight:bold;
}
ul.menuprincipal li{
	position:static;
	float:left;
	width:auto;
}
ul.menuprincipal li.activo a.fondo{
	position:static;
	float:left;
	background:url(../img/fondosubi.jpg) no-repeat;
	color:#FFFFFF;
}
ul.menuprincipal li.activo a.fondo span{
	background:url(../img/fondosubd.jpg) top right no-repeat;
}
ul.menuprincipal li a.fondo{
	position:static;
	float:left;
	width:auto;
	height:35px;
	color:#0084bd;
	font-size:1.15em;
	/*margin:0px 7px;*/
	margin:0px 3px; /* modificado angel 22/02/2017 */
}
ul.menuprincipal li a:hover{
	background-image:url(../img/fondosubi.jpg);
	color:#FFFFFF;
}
ul.menuprincipal li a.fondo span{
	position:static;
	float:left;
	width:auto;
	height:16px;
	/*padding:10px;*/
	padding:10px 7px 10px 7px; /* modificado angel 22/02/2017 */
}
ul.menuprincipal li a:hover span{
	background:url(../img/fondosubd.jpg) top right no-repeat;
}
#contenido100_2{
	position:relative;
	float:left;
        width:100%;
	height:auto;
       
        /*z-index:0;*/
        display:block;
        float:left;
	/*padding-top:170px;*/
	background-color:linear-gradient(to bottom right, #0084bd, #c4edff) !important;
	
}
#contenido100_2 a:hover{
	color: #32d29d;
}
#cabeceralistado{
	float: left;
	display: block;
	height: auto;
	position: absolute;
	margin-top: -44px;
	padding: 0px 5px 2px 0px;
	width: 98%;
}
#cabeceralistado input[type="text"] {
	font-size:1.0em;
	margin: 2px auto;
	border: none;
	height: 20px;
	overflow: hidden;
	position: relative;
	padding:4px 2px;
	color:#00365f;
	font-size: 12px !important;
}
#cabeceralistado input {
	width:90px;
}
 #cabeceralistado select{
	width:auto;
	background:#00365f;
	color: #fff;
	height: 26px;
	padding: 0px 5px;
	width: 40px;
	border: 1px solid rgba(255,0,0,0.2) !important;
	font-size: 12px !important;
	}
 #cabeceralistado select option{
	background:#fff;
	height:20px;
	border-bottom: 1px solid rgba(255,0,0,0.2);
	padding: 13px 5px 8px 15px;
	color:#f00;

	 }
#cabeceralistado .botonCalendar{
	width: 30px;
	border: none !important;
	position: relative;
	display: inline;
	margin: 0px !important;
	padding: 0px !important;
	right: 0px !important;
	left: 0px !important;
	cursor: pointer;
}
#cabeceralistado .botonCalendar:hover{
        background-color: #32d29d;
}
/*#cabeceralistado * {
	z-index:100;
}*/
#listadofijo{
	position:relative;
	float:left;
	width:100%;
	z-index:0;
}
#contenido100{
        width:98%;
        margin-left:1%;
        margin-right:1%;
        padding-top:30px;
        color:#00365f;
        z-index:0;
        display:block;
        float:left;
}
#contenido100 a:hover{
	color:#00365f;
}
#contenido{
	width:995px;
	margin:0px auto;
	padding-top:40px;
	color:#00365f;
	z-index:0;
}
.capsula{
	position:absolute;
	width:995px;
	display:none;
	top:35px;
	z-index:2;
	left:0px;
}
.capsula2{
	position:absolute;
	width:995px;
	display:none;
	top:74px;
	z-index:2;
	left:0px;
}
#cabcapsula{
	position:relative;
	float:left;
	width:995px;
	height:51px;
}
#centralcapsula{
	position:relative;
	float:left;
	width:955px;
	height:auto;
	padding:20px 10px 0px 30px;
	background:url(../img/capsulafondo.jpg) repeat-y;
	color:#0084bd;
}
.filacentralcapsula{
	position:relative;
	float:left;
	width:955px;
	height:auto;
}
#centralcapsula a{
	background-image:none;
	color:#0084bd;
}
#centralcapsula2{
	position:relative;
	float:left;
	width:955px;
	height:auto;
	padding:80px 10px 0px 30px;
	background:url(../img/capsulafondo.jpg) repeat-y;
	color:#0084bd;
}
#centralcapsula2 a{
	background-image:none;
	color:#0084bd;
	text-align:left;
	padding:0px 0px 20px 0px;
}
#centralcatalogos{
	width:955px;
	height:auto;
	color:#0084bd;
	margin:40px auto;
}
#centralcatalogos a{
	background-image:none;
	color:#0084bd;
	text-align:left;
	padding:0px 0px 20px 0px;
}
#centralpediniciales{
	width:955px;
	height:auto;
	color:#0084bd;
	margin:40px auto;
}
#centralpediniciales a{
	background-image:none;
	color:#0084bd;
	text-align:left;
	padding:0px 0px 20px 0px;
}
.bloqueg{
	position:relative;
	float:left;
	width:300px;
	height:auto;
	margin:0px 15px 20px 0px;
}
.divimg{
	position:relative;
	float:left;
	width:100px;
	background:url(../img/sombracatalogos.jpg) bottom right no-repeat;
	padding:0px 8px 5px 0px;
	margin-right:12px;
}
.divimg img{
	border:solid 1px #d4cbcb;
}
.textobloqueg{
	position:relative;
	float:left;
	width:160px;
	height:auto;
	padding-top:30px;
}
.textobloqueg p{
	padding:0px;
	margin:3px 0px;
}
.botonesbloqueg{
	position:relative;
	float:left;
	width:160px;
	height:auto;
	margin:5px 0px;
	padding-top:10px;
	background:url(../img/puntos.gif) left top repeat-x;
}
.botonesbloqueg a{
	position:relative;
	float:left;
	margin-top:5px;
	margin-right:5px;
	padding:0px;
}
.columnai{
	position:relative;
	float:left;
	width:465px;
}
.columnad{
	position:relative;
	float:right;
	width:465px;
}
.imgcolumna{
	position:relative;
	float:left;
	width:170px;
	margin:0px 5px 5px 0px;
}
.imgcolumna img{
	width:50px;
}
.imgcolumnapedinicial{
	position:relative;
	float:left;
	width:141px;
	margin:0px 5px 5px 0px;
}
.imgcolumnapedinicial img{
	width:141px;
}
.bloquecolumna{
	position:relative;
	float:left;
	width:465px;
	border-top: solid 1px #FB6A6A;
	padding:8px 0px;
}
.textocolumnas{
	position:relative;
	float:left;
	width:390px;
}
.botonescolumnas{
	position:relative;
	float:left;
	width:50px;
}
.botonescolumnas a{
	position:static;
	float:left;
	margin-left:5px;
}
.bloquecolumna2{
	position:relative;
	float:left;
	width:170px;
	height:auto;
	background:url(../img/puntos.gif) left top repeat-x;
	padding:10px 0px;
	margin-right:17px;
}
.textocolumnas2 p{
	margin:3px 0px;
	padding:0px;
	font-size:1.0em;
}
.textocolumnas2{
	position:relative;
	float:left;
	width:170px;
	font-size:1.0em;
}
.pico{
	position:absolute;
	width:18px;
	height:17px;
	background-image:url(../img/pico.jpg);
	top:0px;
}
.boton2{
	position:relative;
	float:left;
	margin-right: 2px;
	font-family: "Roboto Condensed";
}
.boton2 a{
	position: static;
	float: left;
	color: #FFFFFF;
	background-image: linear-gradient(to bottom, #3184c3, #0084bd);
	border-radius: 3px;
	padding: 13px;
	font-size: 1.3em;
	font-weight: 200;
}
.boton2 a:hover{
	background:#0084bd;
	}
a.boton2:hover{
	color:#fff;}

#botonera{
	width:950px;
	margin:auto;
}
#realizarpedido{
	position:relative;
	float:left;
	height:31px;
	background:url(../img/fondosubd2.jpg) top right no-repeat;
	color:#FFFFFF;
	padding-right:6px;
}
#realizarpedido input{
	position:relative;
	float:left;
	border:none;
	position:static;
	float:left;
	width:auto;
	height:31px;
	background:url(../img/fondosubi2.jpg) no-repeat;
	padding:0px 5px 0px 10px;
	color:#FFFFFF;
}
#realizarpedido2{
	position:relative;
	float:left;
	width:90px;
	display:block;
	height:31px;
	background:url(../img/fondosubi2.jpg) no-repeat;
	color:#FFFFFF;
	padding:0px 4px 0px 10px;
	margin:0px;
}
#realizarpedido2 input{
	position:relative;
	float:left;
	border:none;
	width:auto;
	height:31px;
	background:url(../img/fondosubd2.jpg) top right no-repeat;
	padding:0px 6px 0px 0px;
	color:#FFFFFF;
	font-size:1.0em;
	margin:0px;
}
.centrarboton{
	width:90px;
	margin:0px;
}
.titblanco{
	font-size:1.5em;
	font-weight:bold;
}
.titblanco2{
	font-size:1.0em;
	font-weight:bold;
}
.titblancop{
	font-size:0.8em;
	font-weight:bold;
}
.textorojo{
	font-size:0.9em;
	color:#0084bd;
}
.textologin{
	font-size:0.9em;
	color:#ffffff;
}
#pie{
	width:100%;
	height:auto;
	/*background:url(../img/fondopie.jpg);*/
	background:#32d29d;
	color:#00365f;
	text-align:center;
	padding:0px;
	bottom:0px;
}
#bannerweb{
	line-height: 30px;
}
.catalogop{
	position:relative;
	float:left;
	width:780px;
	height:auto;
}
.catalogop2{
	position:relative;
	float:right;
	width:780px;
	height:auto;
}
.catalogog{
	position:relative;
	float:left;
	width:200px;
	height:auto;
	margin:0px 15px 20px 0px;
}
.divimg2{
	position:relative;
	float:left;
	width:170px;
	margin-bottom:5px;
}

.bloquecatalogop{
	position:relative;
	float:left;
	width:180px;
	height:auto;
	border-top: solid 1px #FB6A6A;
	padding:8px 0px;
	margin-right:15px;
}
.imgcatalogo{
	position:relative;
	float:left;
	width:50px;
	margin-right: 5px;
}
.imgcatalogo img{
	position:relative;
	float:left;
	width:50px;
}
.textocatalogop{
	position:relative;
	float:left;
	width:100px;
}
.textocatalogop p{
	padding:0px;
	margin:0px 0px 8px 0px;
}
#actualizar{
	position:relative;
	float:left;
	width:900px;
}
#actualizar a{
	position:relative;
	float:left;
	width:auto;
	height:28px;
	background:url(../img/actualizar.jpg) top right no-repeat; 
	color:#0084bd;
	padding:5px 32px 0px 0px;
}
#actualizar a:hover{
	background:url(../img/actualizara.jpg) top right no-repeat; 
}
.linknaranja{
	color:#0084bd;
}

#banner {
    position: absolute;
    display: table;
    margin-top: 200px;
    width: 100%;
    height: 100%;
    z-index:100;
}

#bannerlopd {
    position: absolute;
    display: table;
    margin-top: 200px;
    width: 100%;
    height: 100%;
    z-index:100;
}

/*#banner {
    position: fixed;
    display: table;
    top:0%;
    z-index:100;
    width: 100%;
    height: 100%;
}*/

#ventBanner {
    display: table-cell;
    width: 320px;
    height: 240px;
    vertical-align: middle;
    text-align: center;
	
}

#ventBanner span {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    width: 696px;
    height: 20px;
    text-align: right;
    background-image: url("../fondoVentana.jpg");
    background-repeat: repeat-x;
    padding: 2px;
    top: -20px;
    left:0px;
    right:0px;
    margin-left: auto;
    margin-right: auto;
}

#ventBanner span img{
    width: auto;
    height: 100%;
}

#ventBanner span img:hover{
    width: auto;
    height: 100%;
    cursor:pointer;
	}



hr{
	border-top:1px solid #fff;
	border-bottom:1px solid #CCC;}

.selexp {
        border: 2px solid #000 !important;
}

@media handheld, only screen and (min-width: 1500px){
	.central{
		width:80%;}
nav h3{
	font-size: 1.2em;
	
	}
nav li a{

   padding: 20px 35px 25px 20px;
	min-width: 70px;
}



}

	
nav ul li a {
	font-size: 1.4em;
}
.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}
#divselectorcarritos {
	position: relative;
	display: inline-block;
	float: left;
	width:98%;
	height:auto;
	border-right: 5px dotted rgba(24, 76, 195, 0);
	padding: 0px 5px 2px 0px;
	/*z-index:10;*/
	/*min-height:48px;*/
}
#divselectorcarritos table {
	display: inline-block;
}
#divselectorcarritos .botonppal {
	margin-top: 8px;
}
#divbotonesformulario {
	position: relative;
	display: block;
	float: left;
	width:100%;
	height:auto;
	text-align:right;
	padding: 3% 0;
	
}
#tablecopyfixed tr {
	background-color: #0084bd;
}
.col80{
	position:relative;
	display:inline-block;
	width:80%;
	height:auto;
	vertical-align:top;
	}
.col20{
	position:relative;
	display:inline-block;
	width:18%;
	height:auto;
	vertical-align:top;
	}
.contieneform{
	position: relative;
	width: 100%;
	/*height: 80px;*/
	display: block;
	margin: 0 auto;
	padding: 5px 0 1% 0;
	background: #0084bd center;
	
}
.botonppal{
	position: relative;
	/*font-size: 0.8em;*/
	background: #32d29d;
	margin: 0 3px 3px 0;
	padding: 0 10px;
	border-radius: 3px;
	color: #00365f;
	border: none;
	box-shadow: 0px 1px 2px rgba(0, 53, 94, 0.46);
	height: 33px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	}

.botonppal:hover{
	/*background:#f00;*/
        background:#00365f;
	color: #fff;
	}
.titselectorcarritos select {
   background: rgba(111, 191, 227,0.60);
	border:none;
   
   width: 161px;
   color:#00365f;
   font-family: "Roboto Condensed";
font-size: 1.2em !important;
font-weight: normal !important;
padding: 3px;

}
.titselectorcarritos select option {
	
	height:20px;
	border-bottom: 1px solid rgba(255,0,0,0.2);
	padding: 13px 5px 8px 15px;
	
	background: #6fbfe3;
	color: #00365f;
    border-bottom: 1px solid rgba(255,0,0,0.2);


	 }

.titselectorcarritos  h4{
	color: #00365f;
	
	margin: 0;
	
	font-family: Roboto Condensed;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: 200;
	}
.carritoicono{
	position: absolute;
	width: 30px;
	height: 30px;
	background: #00365f;
	border-radius: 3px;
	box-shadow: 0px 0px 2px rgba(61, 82, 132, 0.47);
	z-index: 2;
	margin-left: -30px;
	margin-top: -3px;
}
.carritoicono img{
	width:30px;
	height:30px;
	}
.formcabeceralistado {
	display: inline-block;
	width: 100%;
}
.formcabeceralistado table {
	position: relative;
	display: inline-block;
}
.menudesplegable * {
	z-index: 110;
}
input[id="consulta_4"][placeholder="Descripcion"] {
	width: 160px !important;
}
input[id="consulta_3"][placeholder="Descripcion"] {
	width: 160px !important;
}
input[id="consulta_0"][placeholder="Cod. articulo"] {
	width: 50px !important;
}
input[id="consulta_0"][placeholder="Cod. articulo / EAN"] {
	width: 145px !important;
}
input[id="consulta_5"][placeholder="Fecha alta"] {
	width: 65px !important;
}
input[id="consulta_4"][placeholder="Fecha alta"] {
	width: 65px !important;
}
input[id="consulta_sql_0"][placeholder="Nombre proveedor"] {
	width: 160px !important;
}

@media handheld, only screen and (max-width: 1500px){
	.logo img {
    width: 80px;
	}
nav li ul {top:50px;}
}