/* Basic  ---------------------------------------- */
html{background: #701400 url(../img/html_bg.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;text-align: center; margin :0;}
body{background: url(../img/neco_bg.jpg) center top no-repeat;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;text-align: center; margin :0;}

.clear {clear: both;}
.left{float: left; clear: none;}
.right{float: right; clear: none;}
.m10l{margin:0 10px 10px 0;}
.m10r{margin:0 0px 10px 10px;}
.error{color :#c00; line-height :1.6em;}
.enlarge{font-size: 10px; color: #ccc; text-align: center;}
.centrada{text-align: center;}
.back{width: 100px; height: 24px; display: block; float: none; clear: both; margin: 10px auto; color: #666; font-size: 11px;}
.justificado{text-align: justify;}

a{text-decoration: none;}
address{color: #fff; text-decoration: none; font-style: normal;}
h1{width: 790px; height: 34px; display: block; color: #430C00; font-size: 30px; border-bottom: 1px solid #999; padding: 5px;}
h4{display: block; color: #430C00; font-size: 24px; padding: 5px;}
hr{height: 1px; display: block; background: transparent; border: none; border-bottom: 1px solid #4f0e00; padding: 0; margin: 0;}

/* contenedor Ppal ----------------------------------------*/
#wrapper {text-align: left;width: 1000px;	margin: 0 auto; min-height :800px; overflow :hidden; padding :0; position: relative;}
#flotante{width: 300px; height: auto; float: left; position: absolute; z-index: 3; top: 110px; left: 690px; min-height: 700px !important}

/* Header ----------------------------------------*/
#header{width :820px; display :block; float :none; clear :both; overflow :hidden; height:160px; position: relative;}
#header #logo{width :260px; height :125px; float :left; clear :none; overflow :hidden;}
#header #social{width: 440px; height: 28px; display: block; position: absolute; top: 0; left: 380px; z-index: 2; background: url(../img/social.png) no-repeat; padding-top: 2px}
#header #social a{color: #ddd; float: left; clear: none; height: 28px; line-height: 28px; padding: 5px; text-align: left; text-indent: 25px; font-size: 14px; text-shadow: Maroon 1px 1px 1px;}

#header #social a.facebook{background: url(../img/facebook_icon.png) 5px 2px no-repeat; width: 94px;}
#header #social a.twitter{background: url(../img/twitter_icon.png) 5px 2px no-repeat; width: 150px;}
#header #social a.newsletter{background: url(../img/news_icon.png) 5px 2px no-repeat; width: 160px;}
#header #social a:hover{color: #fff;}
#header a.deliverytag{width: 200px; height: 45px; overflow: hidden; background:url(../img/baldelivery.png) left top no-repeat; padding:62px 0 18px 74px; display: block; color: #fff; font-size: 20px; text-shadow: Maroon 1px 1px 1px; font-weight: bold; line-height: 24px}
#header a.deliverytag span{display: block; float: none; clear: both; font-size: 18px;}
#header a.deliverycall{width: 250px; height: 45px; overflow: hidden; padding:62px 0 18px; display: block; color: #fff; font-size: 24px; text-shadow: Maroon 1px 1px 1px; font-weight: bold; line-height: 32px}
#header a.deliverycall span{font-size: 16px; line-height: 24px}

#header #menu{width: 720px; height: 16px; display: block; float: none; clear: both; padding: 10px 0}
#header #menu a{display: block; float: left; clear: none;font-family: Arial, Helvetica, sans-serif; color: #f0f0f0; font-size: 18px; text-decoration: none; padding-right: 15px; font-weight: bold; text-shadow: #111 1px 1px 1px;}
#header #menu a:hover,#header #menu a.activo{color:#fff;text-shadow: #111 2px 2px 2px;}

/* Principal ----------------------------------------*/
.home,.foot{width: 820px; height: auto; float: left; clear: both; overflow: hidden;  position: relative; border-right: 1px #ccc;background: transparent url(../img/shadow.png) left bottom no-repeat;  min-height: 240px !important; padding-bottom: 22px}

.main{width: 800px; height: auto; float: left; clear: both; overflow: hidden;  position: relative; border-right: 1px #ccc; min-height: 450px !important; background: #fff url(../img/shadow.jpg) left bottom no-repeat;padding:10px; padding-bottom: 32px}
.contenidos{padding: 10px; line-height: 140%; font-size: 14px; width: 690px;}

.foot{background: transparent; border-top: 1px solid #9b1c00; padding-top: 15px; color: #fff;}
.m10{padding-top: 20px; width: 820px; float:left; clear: both; display: block; }
.direccion{	width: 200px; margin:0 0 0 340px; font-size: 14px; line-height: 20px;font-weight: bold; text-align:center; padding: 0; }
.direccion span{font-size: 18px; display: block; float: none; clear: both; line-height: 30px;text-shadow: #111 2px 2px 2px;}
.direccion address{text-shadow: #111 1px 1px 1px;}
.contactdata{width: 180px; line-height: 24px; text-align: right; font-weight: bold;text-shadow: #111 1px 1px 1px; position: relative;z-index: 5; font-size: 16px; display: block;}
.contactdata p{display: block; height: 20px; margin:0 0 8px 0; clear: both;}
.foot a{color: #fff; }
.foot a.pwd{color: #B62D01; font-size: 10px; float: right; position: relative; z-index: 5; line-height: 24px;}
.foot a.pwd:hover{color: #eee;}


/* HOME List----------------------------------------*/
ul#homelist{width: 800px; margin:10px 0; float: left; clear: both; height: auto;}
ul#homelist li{width: 160px; height: auto; float: left; clear: none; display: block; list-style: none; margin-right: 25px; line-height: 140%; margin-bottom: 20px}
ul#homelist li a{text-decoration: none; color: #fff; font-size: 11px; display: block; float: none; clear: both;}
ul#homelist li.gal{height: 190px; overflow: hidden; background: url(../img/fotoBg.png) no-repeat;}
ul#homelist li a.imagen{height: 96px; overflow: hidden; margin: 1px}
ul#homelist li.gal a.imagen{height: 110px; margin: 1px}
ul#homelist li h2{display: block; float: none; clear: both; margin: 8px 0; text-align: left; color: #fff; font-size: 20px; font-weight: bold;}
ul#homelist li h3{display: block; float: none; clear: both; margin: 8px 0; text-align: center; color: #333; font-size: 16px; font-weight: normal; height: auto; line-height: 16px;}
ul#homelist li h4{display: block; float: none; clear: both; margin: 8px 0; text-align: center; color: #666; font-size: 12px; font-weight: normal; height: auto; line-height: 12px;}

/* Delivery ----------------------------------------*/
#delivery{width:400px; height:400px; display:block; float:left; clear:none; margin: 10px 0; padding: 0 10px; line-height: 140%}
#map-canvas{width:300px; height:400px; display:block; float:left; clear:none; margin: 10px 0;}
.infoBox{background: #c00}
#myBox{width: 260px; display: block; height: 160px; padding: 20px; }
#myBox a,#myBox p{display: block; float: none; clear: both; margin: 0px auto; width: 250px; text-align: center; font-size: 16px; color: #666; font-weight: bold;}


ul.lista{width: 680px; margin:10px 0; float: left; clear: both; height: auto;}
ul.lista li{width: 100%; height: auto; float: left; clear: both; display: block; list-style: none; line-height: 140%; margin-bottom: 20px; border-bottom: 1px dotted #ddd;}
ul.lista li div.foto{width: 200px; height: 180px; background:  #FAFAD2; border:1px solid #333; display: block; float: left; clear: none; overflow: hidden; text-align: center;}
ul.lista li div.foto a.imagen{overflow: hidden; display: block; float: none; clear: both; width: 160px; height: 120px; margin: 10px auto;}
ul.lista li a{text-decoration: none; color: #666; font-size: 11px; display: inline}
ul.lista li h2{margin: 8px 0; text-align: left; color: #666; font-size: 16px; font-weight: bold;display: inline}


#pagination{display: block; margin: 10px 0px;}
#pagination a,#pagination span{padding: 3px 6px; font-size: 12px; color: #666}
#pagination .current{background: #666; color: #fff;}
#pagination .disabled{ color: #ccc;}

/* Carta---------------------------------------------*/
ul#carta,ul#carta li{width: 650px; display: block; float: left; clear: both; overflow: hidden;}
ul#carta li{height: auto; line-height: 30px; border-bottom: 1px solid #ccc; width: 640px}
ul#carta li.titulo{ background: #701400 url(../img/tituloCarta.jpg) repeat-x; border: 1px solid #000; color: #fff; text-indent: 10px; height: 20px; line-height: 20px; padding: 5px 0}
ul#carta li a{color: #333;  padding-left: 20px; background: url(../img/menuitem.jpg) left top no-repeat; }
ul#carta li div{color: #666;  margin:0 0 10px 30px; border: 1px solid #ddd; float: left; clear: both; height:auto; width: 600px; }
ul#carta li div a{background: none;}
ul#carta li div a img{float: none; clear: both; display: block;}
ul#carta li div p{font-size: 12px; color: #333; font-style: normal;}
ul#carta li div span{font-size: 11px; color: #666; font-style: normal;}
ul#carta li div em{font-size: 12px; color: #333; font-weight: bold;}


ul#merc{width: 680px; display: block; float: left; clear: both; list-style: none;}
ul#merc li{	float: left; clear: none; display: block; overflow: hidden; background: url(../img/imgBg.png) repeat-x; border: 1px solid #ccc; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 5px; height: auto; padding: 10px; min-height: 190px !important}
ul#merc li.limpiar{width: 640px; height: 1px; min-height: 1px !important; margin: 0; border: none; background: transparent;}
ul#merc li.uno{width: 640px;}
ul#merc li.dos{width: 304px;}
ul#merc li.tres{width: 192px;}
ul#merc li.cuatro{width: 136px;}
ul#merc li h4{
/*	clear: both; display: block; float: none; margin-bottom: 0*/
}

fieldset.contacto{width: 650px; height: auto; float: left; clear: none; display: block; padding: 0; margin: 0; overflow: hidden; padding: 15px}
fieldset.contacto legend{color: #333; font-size: 20px; margin-bottom: 20px; }
fieldset.contacto label{width: 280px; height: 36px; display: block; line-height: 36px; font-size: 16px; margin-left: 10px}
fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{width: 342px; height: 30px; padding: 3px 4px; display: block; float: left; clear: none; text-align: left; margin: 0 0 10px 10px;font-family: Arial, Helvetica, sans-serif; color: #636363; background:url(../img/field.jpg) no-repeat; border: none; line-height: 30px; font-size: 16px}
fieldset.contacto textarea{height: 85px; background: url(../img/area.jpg) no-repeat}
fieldset.contacto input[type="submit"]{ width: 120px; height: 36px; text-align: center; background: url(../img/boton_enviar.jpg) no-repeat; color: #fff; font-size: 16px; font-weight: bold; border: none; float: right; clear: both;}
fieldset.contacto a{color: Maroon;}



#legal{width :360px; height :auto; float :left; clear :both; display :block; background :#dfdfdf; padding :20px; color :#333; border:6px solid #701400; position :absolute; z-index :99; line-height :18px; font-size :1em; text-align :left;}
#legal h1{color :#010101; text-decoration :none;display :block; float :none; clear :both; width :270px; font-size :1.6em; text-transform :uppercase; font-weight :normal; margin-bottom :5px; padding: 0; line-height: 20px}
#legal a.naranja{color :#333; text-decoration :none; display: block; float: right;}
#legal a.cerrar{position: absolute; right: 5px; top: 5px; z-index: 100; color: #f60; text-decoration: none;}

#legal p{width: 340px; padding: 5px; overflow: hidden; height: auto; float: left; clear: both; margin-bottom: 10px;}
#legal fieldset legend{	display: block; float: left; clear: both; line-height: 18px; width: 310px; height: auto; font-size: 12px;}
#legal fieldset label,#legal fieldset input[type="text"]{display: block; float: left; clear: none; width: 215px; margin: 0 0 10px 0; height: 18px; line-height: 18px; padding: 0 0 0 0}
#legal fieldset label{width: 120px; text-transform: capitalize; }
#legal p.error{color: #900; font-size: 11px;}
#legal fieldset input[type="reset"]{ margin-left: 120px;}
/*fieldset input[type="submit"]{float: right; margin-right: 20px}*/


/* Antiguo ---------------------------------------------*/
/*
#lista,#detalle{display: block; float: left; clear: none; overflow: hidden; padding: 0; margin: 0; width:440px; height: auto; padding: 0}
#lista ul,#lista ul li{width: 440px; height: auto; display: block; float: left; clear: both; margin: 15px 0}
#lista ul{height: auto; overflow: hidden;}

#lista ul li div.imagen{width: 100px; height: 100px; float: left; clear: none; overflow: hidden; margin-right: 20px; margin-top: 10px}
#lista ul li h2{font-size: 20px; margin-top: 0}
#lista ul li h2.activo{color:#c10101;}
#lista ul li p{line-height: 14px; height: 44px; overflow: hidden;}
#lista ul li h2.activa{color:#c10101; font-size: 24px;}
#lista ul li a{width: 100px; line-height:14px; height:22px;text-align: center; color: #fff; background: url(../img/ampliar.png) no-repeat; font-size: 11px; display: block; float: left; clear: none; padding: 3px; text-decoration: none; vertical-align: middle; font-weight: bold;}
#lista ul li a span{	font-size: 18px; top: 2px; position:relative; font-weight: normal;}
#lista ul li a:hover{color: #fc3}

#detalle{width: 425px; padding: 35px 5px 35px 35px; background: url(../img/bg_detalle.png) left top no-repeat; margin-top: 20px}
#detalle h3{color: #c10101; font-weight: normal; margin-bottom: 10px;font-size: 24px;}
#detalle img{float: right; clear: none; margin-left:  10px;}
/* SLIDER */
/*
.sliderbutton {float:left; width:32px;background:#aaa; height: 38px; clear: none; margin-top: 90px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#333}

#slider {float:left; position:relative; overflow:auto; width:370px; height:200px; border:none; clear: none; margin-top: 20px}
#slider ul{position:absolute; list-style:none; top:0; left:0}
#slider li{float:left; width:370px; height:200px; }
#slider li div.mininews{width: 370px; height: 82px; display: block; float: none; clear: both; background: url(../img/contenedor_home.gif) no-repeat; overflow: hidden; padding: 1px 5px 5px 0px; margin-bottom: 5px;}

#slider li div.mininews div.caja{
height: 82px; 
float: left;
clear:none;
display: block;
width: 153px;
overflow: hidden;margin-right: 8px; background-position: center middle; background-repeat: no-repeat;}
/*
#slider li div.mininews img{float: left; clear: none; display: block; margin-right: 10px; height: 82px; }
/*.curved {width: 153px; height:81px; overflow: hidden; position: absolute; left: -1px; display:block; padding: 0; float: left; clear: none;}*/
/*
#slider li div.mininews h4{font-size: 14px; color: #656565; margin-top: 8px; height: 14px; display:block; overflow: hidden;}
#slider li div.mininews p{	font-size: 11px; color: #636363; margin: 4px 0 0 0; text-decoration: none; letter-spacing: 1px; height: 30px; line-height: 14px; display: block; overflow: hidden;}
#slider li div.mininews a{width: 80px; display: block; float: left; clear: none; font-weight: bold; color: #636363; background: url(../img/mas.gif) 0 2px no-repeat; padding-left: 22px; text-decoration: none; height: 20px; line-height: 20px; margin-top: 3px;}
#slider li div.mininews a:hover{color: #333;}


/* SLIDER */
/*
ul#submenu{width: 610px; float: right; clear: none; list-style: none; margin-top: 32px; margin-bottom: 40px}
ul#submenu li{ display: block; float: left; clear: none;}
ul#submenu li a{ font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #747474; font-size: 1.1em; text-decoration: none; padding: 0 10px; ;}
ul#submenu li a:hover{color: #333;}





#footer{background :width :905px; padding :0px 0px; display :block; float :none; clear :both; overflow :hidden;}
#footer p, #footer a{color: #a8a8a8; margin-right: 20px; float: left; clear: none; display: block; text-decoration: none; text-align: left; line-height: 20px; height: 20px;}
#footer a:hover{color: #666;}

/* CONTACTO */
/*
.notanlarga{width: 650px;}
fieldset.contacto,fieldset.contacto2{width: 450px; height: 180px; float: left; clear: none; display: block; padding: 0; margin: 0; overflow: hidden; padding: 15px 0}
fieldset.contacto2{margin-left: 0px; background: url(../img/sobre.gif) top left no-repeat;}
fieldset input[type="text"],fieldset select{width: 200px; height: 19px; padding: 2px 4px; display: block; float: left; clear: none; border: 1px solid #939393; background: #fff; text-align: left; margin: 10px 15px 10px 0px;font-family: Arial, Helvetica, sans-serif; color: #636363; text-transform: capitalize;}
fieldset select{width: 207px; height: 24px}
fieldset textarea{width: 420px; height: 105px; padding: 5px; display: block; float: none; clear: both;border: 1px solid #939393; background: #fff; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;margin: 10px 15px 0px 0px;color: #636363;}
fieldset input[type="reset"],fieldset input[type="submit"]{ width: 106px; height: 25px; text-align: center; background: url(../img/enviar.jpg) no-repeat; color: #fff; font-size: 12px; font-weight: bold; border: none; padding-bottom:5px; float: left; clear: none;}
fieldset input[type="submit"]{float: right; margin-right: 20px}



#paginador{	display: block; float: none; clear: both; width: 400px; height: 24px;}
#paginador span{color: #999;margin-left: 4px;}
#paginador span.current{color: #666;margin-left: 4px;}
#paginador a{color: #333; margin-left: 4px; text-decoration: none;}






ul#sitemap{width: 100%; height: auto; float: left; clear: both; display: block; 	padding: 20px;}
ul#sitemap li{	margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #aaa; height: auto; float: left; clear: both;}
ul#sitemap li a{text-decoration: none; color: #101010; font-size: 14px; display: block; float: left; clear: none; width: 200px; font-weight: bold;}
ul#sitemap li a:hover{	color: #ff6c00;}
ul#sitemap li p{text-decoration: none; color: #101010; font-size: 12px; display: block; float: left; clear: none; width: 500px; }