@charset "utf-8";
/* CSS Document */
html, body {height: 100%;}

#wrap {min-height: 100%;}

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 210px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/*up is new*/

body{background:url("common/bg.png") center top repeat-x #fae2a1; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-size:14px;}
a{ text-decoration:none;}
a:hover{text-decoration:underline;}

.container{ width:958px; position:relative; margin:0px auto; height:auto /*NEW*/overflow:auto;padding-bottom: 150px;}

.container .header{ width:100%; position:relative; float:left; height:115px;}
.container a.logo{position:absolute; top:0px; left:410px; width:132px; height:154px; background:url("common/dolce-mami-logo.png") 0px 0px no-repeat; z-index:3; text-indent:-9999px;}			
.menu{float:left; position:relative; width:100%; display:block; height:53px; margin-top:35px;}
.menu li{float:left; position:relative; display:block;}
.menu li a{background:url("common/menu.png") 0px 0px no-repeat; position:relative; display:block; text-indent:-9999px; height:53px;}
.menu li a.inicio{		 background-position: 0px 0px; width:117px;}
.menu li a.nosotros{	 background-position: -117px 0px; width:123px;}
.menu li a.promociones{	 background-position: -240px 0px; width:151px;}
.menu li a.logocont{	 background-position: -391px 0px; width:169px;}
.menu li a.productos{	 background-position: -560px 0px; width:113px;}
.menu li a.cafeteria{	 background-position: -673px 0px; width:98px;}
.menu li a.sucursales{	 background-position: -771px 0px; width:117px;}
.menu li a.siguenos{ 	 background-position: -887px 0px; width:67px;}
.menu li a.inicio:hover, .menu li a.inicio:active, .menu li a.inicio-active{			background-position: 0px -53px;}
.menu li a.nosotros:hover, .menu li a.nosotros:active, .menu li a.nosotros-active{	 	background-position: -117px -53px;}
.menu li a.promociones:hover, .menu li a.promociones:active, .menu li a.promociones-active{	background-position: -240px -53px;}
.menu li a.logo:hover, .menu li a.logo:active, .menu li a.logo-active{	 	 		background-position: -391px -53px;}
.menu li a.productos:hover, .menu li a.productos:active, .menu li a.productos-active{	 	background-position: -560px -53px;}
.menu li a.cafeteria:hover, .menu li a.cafeteria:active, .menu li a.cafeteria-active{		background-position: -673px -53px;}
.menu li a.sucursales:hover, .menu li a.sucursales:active, .menu li a.sucursales-active{	background-position: -771px -53px;}
.menu li a.siguenos:hover, .menu li a.siguenos:active, .menu li a.siguenos-active{ 	 	background-position: -887px -53px;}

.menu li .subpointer{ display:none;}
.menu li .submenu{ display:none;}
.menu li:hover .subpointer{  background: url("common/submenupointer.png") no-repeat scroll center 0 transparent; display: block;  height: 17px; left: 546px;  position: absolute; top: -17px;  width: 130px;  z-index: 2;}
.menu li:hover .submenu{display:block; background:url("common/bgsubmenu.png") 0px bottom repeat-x #FFF; width:952px; position:absolute; left:-558px; z-index:2; top:57px; box-shadow:0px 0px 10px #000; height:267px;}
.menu li:hover .submenu .list{float:left; height:257px; padding-left:20px; padding-top:10px; position:relative; width:372px;} 
.menu li:hover .submenu .bg{width:560px; background:url("common/submenuatraccion.jpg") 0px 0px no-repeat; height:267px; position:relative; float:left;} 
.menu li:hover .submenu .list h4{font-family:Garamond, Georgia, "Times New Roman", Times, serif; color:#1e0e04; font-size:20px; font-weight:bold;}
.menu li:hover .submenu .list ol{ float:left; width:150px; position:relative; margin-top:20px; background:url("common/submenuatraccion.jpg") no-repeat 148px -53px transparent;}
.menu li:hover .submenu .list ol li{ float:left; position:relative; width:100%; text-indent:0px;}
.menu li:hover .submenu .list ol li a{ float:left; position:relative; width:100%; color:#361a07; font-size:14px; background:none; text-indent:0px; height:30px; font-weight:bold;}
.menu li:hover .submenu .list ol li a:hover{ color:#cf6316;}


.cont{ display:block; position:relative; width:100%; float:left; /*new*/ padding-bottom:50px;}

.cont .breadcrumbs{background:url("common/breadcrumbscenter.png") 0px 0px repeat-x; width:895px; position:relative; height:38px; margin:0 auto; color:#c39e54; font-size:14px; }
.cont .breadcrumbs strong, .cont .breadcrumbs a{ color:#f6e7c0; text-decoration:none;}
.cont .breadcrumbs a:hover{ color:#f6e7c0; text-decoration:underline;}
.cont .breadcrumbs span{ display:block; position:relative; float:left; width:100%; margin: 10px 0 0 20px;}
.cont .breadcrumbs .lbc{width:13px; height:38px; background:url("common/breadcrumbsleft.png") 0px 0px no-repeat; position:absolute; left:0px; top:0px;}
.cont .breadcrumbs .rbc{width:13px; height:38px; background:url("common/breadcrumbsright.png") 0px 0px no-repeat; position:absolute; right:0px; top:0px;}


.cont .megabox{position:relative; float:left; width:100%; height:auto; overflow:hidden; background:url("common/megaboxbg.png") 0px 0px repeat;}
.mblntop{position:absolute; left:0px; top:0px; width:100%; height:5px; background:url("common/bordertop.png") 0px 0px repeat-x;}
.mblnbottom{position:absolute; left:0px; bottom:0px; width:100%; height:7px; background:url("common/borderbottom.png") 0px 0px repeat-x;}
.mblnleft{position:absolute; left:0px; top:0px; width:5px; height:100%; background:url("common/borderleft.png") 0px 0px repeat-y;}
.mblnright{position:absolute; right:0px; top:0px; width:5px; height:100%; background:url("common/borderright.png") 0px 0px repeat-y;}

.mbbrbl{position:absolute; bottom:0px; left:0px; width:35px; height:34px; background:url("common/marcobottomleft.png") 0px 0px no-repeat; z-index:1}
.mbbrbr{position:absolute; bottom:0px; right:0px; width:35px; height:34px; background:url("common/marcobottomright.png") 0px 0px no-repeat; z-index:1}
.mbbrtl{position:absolute; top:0px; left:0px; width:35px; height:34px; background:url("common/marcotopleft.png") 0px 0px no-repeat; z-index:1}
.mbbrtr{position:absolute; top:0px; right:0px; width:35px; height:34px; background:url("common/marcotopright.png") 0px 0px no-repeat; z-index:1}


.fcont{background:url("common/bgfooter.png") center top repeat-x #000000; height:205px; position:relative; margin-top:20px;}
.fcont .footer{width:958px; position:relative; margin:0px auto; background:url("common/bgfootercenter.png") 70px top no-repeat; height:185px}
.footer	.suscribete{ width:311px; float:left; position:relative; margin-top:10px;}
#suscribete{background:url("common/suscribete.png") 0px 0px no-repeat; width:307px; height:98px; position:relative; float:left; padding:20px 0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.frmsuscribe{background:url("common/formsuscribe.png") 0px 0px no-repeat; width:266px; height:28px; position:relative; float:left;}
.frmsuscribe #email{float:left; margin:3px 2px 2px 4px; position:relative; width:187px; background:none; border:0px none;}
.frmsuscribe #btnsuscribe{float:left; width:57px; border:0px; background:none; position:relative; color:#f6e7c0; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-top:5px; height:24px; cursor:pointer;}
.footer	#suscribete strong{fons-size:14px; display:block; position:relative; font-weight:bold; margin-top:6px;}
.footer	#suscribete span{margin-bottom:3px; display:block; position:relative; float:left; }

.youtube{float:left; position:relative; display:block; width:320px; margin-left:13px; margin-top:5px;}
.youtube span{position:relative; float:left; display:block; width:147px; margin-top:30px; color:#f6e7c0; font-size:18px;}
.youtube #play{position:relative; float:left; display:block; margin-top:60px;}
.youtube .ytlink{position:relative; float:left; display:block; margin:15px;}

.facebook{position:relative; width:292px; position:relative; float:left; height:118px; margin-top:5px; margin-left:10px;}
.menufooter{position:relative; float:left; width:650px; height:37px; margin-top:23px;}
.menufooter ul{ position:relative; float:left; display:block; width:100%;}
.menufooter ul li{ position:relative; float:left; display:block; color:#56331a;}
.menufooter ul li a{ font-family:Arial, Helvetica, sans-serif; color:#56331a; text-decoration:none; font-size:12px; margin-left:2px;}
.menufooter ul li a:hover, .menufooter ul li a:active, .menufooter ul li a.active{ color:#fbe2a1;}
.menufooter span{color:#56331a; display:block; float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.buscar{display:block; position:relative; float:left; width:286px; height:35px; margin-top:19px; color: #fff;}
.buscar span{display:block; position:relative; float:left; margin-right: 13px; margin-top: 10px;}
#buscar{background:url("common/search.png") 0px 0px no-repeat; width:159px; height:30px; float:left; position:relative;}
#buscar #search{position:relative; float:left; display:block; width:120px; margin:6px 0 0 9px; border:0px none; background:none;}
#buscar #btnsearch{position:relative; float:left; border:0px; background:none; cursor:pointer;}

h2{font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#321806; text-shadow:1px 1px 1px #FFF; letter-spacing:-1px;}
p{margin:10px 0px; font-size:14px;}
.nosotroscont span{border-bottom:1px dashed #321806; padding:15px 0; position:relative; display:block; float:left; margin-bottom:10px;}
.nosotroscont .col{position:relative; float:left; width:370px; margin:18px 0 7px 50px; border-right:1px solid #855d40; padding-right:51px;}
.nosotroscont .colb{ background: url("common/bgnosotros.jpg") no-repeat scroll right bottom transparent; border-right: 0 none; height: 460px; margin-bottom: 0;  margin-left: 61px;}

.dolceinvita{width:122px; height:161px; background:url("common/dolcemamiteinvita.jpg") 0px 0px no-repeat; 
margin-left:36px; text-indent:-9999px; float:left; margin-top:18px;}
.promocion{float: left;  height: 142px;  margin: 11px 30px;  position: relative;  width: 375px;}
.promocion .disfrutar{ color:#5b3316; font-size:59px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
text-shadow:1px 1px 1px #000 inset; font-weight:bold; letter-spacing:-2px; position:relative; display:block; 
width:100%; height:57px;  text-align:center;}
.promocion .promo{ color:#5b3316; font-size:45px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
text-shadow:1px 1px 1px #000 inset; font-weight:bold; letter-spacing:-3px; position:relative; display:block; width:100%; 
text-transform:uppercase;  text-align:center;}
.promocion .promo strong{ color:#ff910e; text-shadow:1px 1px 1px #000 inset; display:block; float:left; position:relative;}
.promocion .promo strong sup{ color:#ff910e; text-shadow:1px 1px 1px #000 inset; font-size:20px; margin-right:5px;}
.promocion .esperamos{font-size:24px; color:#5b3316; width:100%; text-align:center; 
font-family:"Myriad Pro", Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:24px; display:block;}
.atraccion{ position:absolute; width:366px; height:171px; right:5px; top:4px; }
.promosep11{background:url("common/bgshindex1.png") center -2px no-repeat; width:100%; position:relative; float:left; height:28px; margin-bottom:13px;}

.expand{background: url("common/expand.png") no-repeat scroll 0 -29px; cursor: pointer; height: 27px; 
left: 450px; position: absolute; text-indent: -9999px; top: 2px; width: 85px;}
.restricciones{ background: url("common/bgcondiciones.jpg") repeat scroll left top transparent; display: none; 
float: left; height: 77px; margin: 0 30px; position: relative; width: 899px;}
.restriccionestext{position:relative; float:left; width:663px; height:50px; margin-top:19px; margin-left:10px; 
padding-right:10px; border-right:1px solid #572e11; display:block; font-size:15px;}
.fb{background:url("common/face1.png") 0px 0px no-repeat; width:35px; height:33px; position:relative; float:left; 
cursor:pointer; text-indent:-9999px; margin-right:10px; margin-top:26px; margin-left:40px;}
.tw{background:url("common/twit1.png") 0px 0px no-repeat; width:35px; height:33px; position:relative; float:left; 
cursor:pointer; text-indent:-9999px; margin-right:10px; margin-top:26px;}
.gp{background:url("common/gplus1.png") 0px 0px no-repeat; width:35px; height:33px; position:relative; float:left; 
cursor:pointer; text-indent:-9999px; margin-right:10px; margin-top:26px;}

.contcategorias{padding-top:20px; margin-bottom:20px; border-top:1px dashed #714c2e; position:relative; float:left; margin-left:5px; }
.contproducto{padding-right:7px; margin-left:7px; border-right:1px dashed #714c2e; position:relative; float:left;}
.articulos{ float: left; margin: 26px; position: relative; width: 905px;}
.producto{float:left; position:relative; width:145px; padding-right:12px; border-right:1px dashed #714c2e;
 background:#fff1cc; border:solid 1px #e3ca8e; padding:8px;}
.producto a{position:relative; float:left; width:145px; display:block;}
.producto h4{position:relative; float:left; width:145px; display:block; color:#321806; 
font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.producto p{position:relative; float:left; width:145px; display:block; font-size:16px;}
.producto a.ver{ color:#321806; background:url("../css/common/ver.png") 0px 3px no-repeat; padding-left:14px;}

.articulos{ float: left; margin: 26px; position: relative; width: 905px;}
.categoriaproducto{float:left; position:relative; width:196px; padding-right:12px; border-right:1px dashed #714c2e; margin-left:10px;}
.categoriaproducto a{position:relative; float:left; width:196px; display:block;}
.categoriaproducto a.band{background:url("common/band.png") 0px 0px no-repeat; width:154px; height:35px; 
padding:10px 18px 0 19px; text-align:center; color:#f6de9e;}
.categoriaproducto a.ver{ color:#321806; background:url("common/ver.png") 0px 3px no-repeat; padding-left:14px;}
.cont .photo{width:99%; margin-left:5px;}
.cont .photo img{margin-left:5px;}
.description{ width:929px; position:relative; float:left; background:url("common/megaboxbg.png") 0px 0px repeat; border:1px solid #fff; 
margin:20px 0px; padding:10px;}
.description h2{border-bottom:1px dashed #5b3316;}
.description .desctext{position:relative; float:left; width:670px; padding-right:20px; border-right:1px solid #572e11; margin-right:20px;}
.description .socialsharer{ background: url("common/socialsharer.png") no-repeat scroll 0 0 transparent; float: left; height: 86px; padding: 8px 24px 0; position: relative; width: 148px;}

.carrousel{width:952px; position:relative; float:left; height:127px; margin-bottom:20px;}
.scrb{ width:900px;height:127px; margin-left:113px; }
.scrb #scrnb {width:778px; height:127px; float:left; position:relative;overflow:hidden;clear:both;}
.scrb #scrnb .items {width:20000em;position:absolute;clear:both;margin:0;padding:0;} 
.scrb #scrnb .items .item{ float:left; position:relative; width:778px; margin-right:20px;}
.scrb #scrnb .items .item .prodcar{ float:left; position:relative; width:173px; margin-right:20px; height:127px; border-right:1px dashed #6d482a;}
a.next{ position:absolute; right:40px; top:10px; background:url("common/next.png") 0px 0px no-repeat; 
height:109px; width:27px; cursor:pointer; text-indent:-9999px;}
a.prev{ position:absolute; left:40px; top:10px; background:url("common/prev.png") 0px 0px no-repeat; 
 height:109px; width:27px; cursor:pointer; text-indent:-9999px;}
 #vertodos{position:absolute; top:12px; right:60px; color:#000;}

.cafe{background:url("common/cafebg.jpg") center top no-repeat; height:395px; width:960px; margin-left:5px;}
.sucursalescont{ position:relative; float:left; width:100%; }
.sucursalescont .sucleft{ position:relative; float:left; width:250px; margin:30px 29px;}
.sucursalescont .sucright{float:left; position:relative; width:620px; margin-top:30px; margin-bottom:20px;}
.tabs{position:relative; margin-bottom:15px; float:left; margin-left:20px;}
.tabs a{ position:relative; float:left; width:141px; background:url("common/tab.png") 0px -24px no-repeat; text-align:center; 
height:20px; color:#bea154; text-shadow:1px 1px 1px #fff; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; 
 padding-top:4px; margin-right:3px;}
.tabs a:hover, .tabs a.current, .tabs a:active, .tabs a.active{ background:url("common/tab.png") 0px 0px no-repeat; text-decoration:none; color:#f2e3bc;}



.sucright .location{background: url("common/bglocation.png") no-repeat scroll 0 0 transparent; float: left; 
height: 280px; padding: 19px; position: relative; width: 573px;}
.sucleft strong{ width: 100%; position:relative; color:#321806; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; 
border-bottom:1px dashed #321806; padding-bottom:6px; font-size:20px; float:left; margin-bottom:10px; font-weight:bold;}
.location{background:url("common/location.jpg") 0px 0px no-repeat; position:relative; float:left; 
padding-left:18px; height:20px; padding-right:6px; font-size:12px; padding-top:6px; width:100%;}
.phone{background:url("common/phone.jpg") 0px 0px no-repeat; position:relative; float:left; 
padding-left:22px; height:20px; padding-right:6px; font-size:12px; padding-top:6px; width:100%;}
.socgplus{ position:relative; float:left; width:25px; height:26px; background:url("common/sucgplus.png") 0px 0px no-repeat; 
text-indent:-9999px; margin-right:5px;}
.soctwit{ position:relative; float:left; width:25px; height:26px; background:url("common/suctwit.png") 0px 0px no-repeat; 
text-indent:-9999px; margin-right:5px;}
.socface{ position:relative; float:left; width:25px; height:26px; background:url("common/sucface.png") 0px 0px no-repeat; 
text-indent:-9999px; margin-right:5px;}
.sucleft .social{margin-top:10px; position:relative; float:left;}

.contactocont{position:relative; float:left;}
.contleft{position:relative; float:left; width:555px; margin:40px; border-right:1px solid #600}
.contleft label{color:#321806; display:block; position:relative; float:left; margin-bottom:8px; width:100%;}
.contleft input, .contleft #comentario{ display:block; float:left; position:relative; background:#FFF;  
padding:8px 6px; font-size:18px; font-family:Arial, Helvetica, sans-serif; width:90%; border:0px none; 
border-bottom:2px solid #321806; border-radius:8px; margin-bottom:20px;}
.contleft .enviar{padding-left:20px; font-size:20px; display:block; color:#5b3316; position:relative; float:left; height:20px; width:100px; margin-bottom:10px;}
 .contside{position:relative; width:260px; float:left; margin:30px;}

.open_consentir{position:relative; float:left; width:43px; height:334px; background: url("common/consentir.png") no-repeat scroll center 0 transparent; margin-top:31px; cursor:pointer;}
.suc1{ display:none;}
.suc2{ display:none;}
.suc3{ display:none;}
.suc4{ display:none;}
#map_canvas { width: 575px; height: 279px; float: left; position: relative; z-index: 1 !important; }



.mblnright2 {
position: absolute;
right: 475px;
top: 0px;
width: 5px;
height: 427px;
background: url("common/borderright.png") 0px 0px repeat-y;
margin-top: 5px;
}

.cont .photo .productoN{ margin-left:-1px;  border-right:1px solid #ddbf78;}
.description2 {
width: 420px;
position: absolute;
top: 20px;
left: 500px;
}
.description2 .desctext {
position: relative;
float: left;
width: 400px;
padding-right: 0px;
}

.description2 .desctext p{margin: 20px 0px;
font-size: 18px;}

.description2 h2{border-bottom: 1px dashed #5B3316;
font-size: 34px;
padding-bottom: 5px;}
.description2 .socialsharer{ background: url("common/socialsharer.png") no-repeat scroll 0 0 transparent; float: left; height: 86px; padding: 8px 24px 0; position: relative; width: 148px;}


.menufooter ul {
position: relative;
float: left;
display: block;
width: 500px;
text-align: center;
margin-left: 270px;
}
.menufooter {
position: relative;
float: left;
width: 100%;
height: 37px;
margin-top: 23px;
text-align: center;
}
.menufooter span {
color: #56331A;
display: block;
float: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


.nosotrosoSpan{border-bottom: 1px dashed #321806;
padding: 15px 0;
position: relative;
display: block;
float: left;
margin-bottom: 10px;
width: 400px;}

.nosotrosP{margin: 10px 0px;
font-size: 16px;}