html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	line-height: 1;
}
ol, ul{
	list-style: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
}
:focus{
	outline: 0;
}
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #0C0A0B url(../images/background.jpg) no-repeat top; padding-bottom:100px;
}
#intro{
	background: #0C0A0B url(../images/intro.jpg) no-repeat top center;
	text-align: center;
}
#introLinks{
	padding: 400px 0 100px;
}
#introLinks a{
	color: White;
	margin-right: 0px;/*50px*/
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#introLinks a:hover{
	color: #DC143C;
}
#wrapper{ 
	margin: 0 auto;
	width: 715px;
	position: relative;
}
#menuTop{
	position: absolute;
	top: 0px;
	right: 12px;
}
.menu li{
	list-style: none;
	float: left;
}
.menu a{
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}
#header{
	color: #333;
	width: 715px;
	height: 141px;
	background: transparent;
}
#header img{
	padding: 15px 0px 0px 12px;
}
#homeCenter{
	width: 715px;
	height: 476px;
	margin: 0 auto 15px;
}
#homeCenter img{
	margin-right: 10px;
}
#mainMenu{
	position: absolute;
	top: 46px;
	left: 191px;
}
#mainMenu li{
	margin-right: 5px;
	padding-right: 5px;
	border-right: 2px solid #DC143C;
}
#mainMenu li a{
	color: White;
	font-size: 9px;
}
#mainMenu li a:hover{
	color: #DC143C;
}
#mainMenu li a.current,#mainMenu li a.section, #leftMenu li a.current{
	color: #DC143C;
}
#secMenu{
	height: 25px;
}
#terMenu{
	width: 21px;
	position: absolute;
	left: -4px;
	bottom: -8px;
	list-style: none;
	clear: left;
	line-height: 0;
}
* html #terMenu {
	bottom:0px;
}
#terMenu li{
	margin-bottom: -3px 	!important 0px;
}
#leftcolumn{ 
	color: #FFF;
	background: transparent;
	padding-left: 17px;
	width: 576px;
	float: left;
	position: relative;
	line-height: 0;
	height: 469px;
}
#leftcolumn h1{
	font-size: 14px;
	width: 564px;
	border-bottom: 2px solid #bc0926;
	text-transform: uppercase;
	height: 14px;
	padding-bottom: 12px;
}

#productos h2{
	font-size: 12px;
	background: url(../images/bg-h2-productos.png) repeat-x !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/bg-h2-productos.png", enabled="true", sizingMethod="scale");
	height: 34px;
	padding: 2px 5px 2px 5px;
}
#productos p{
	margin: -15px 0px 10px;
	padding: 8px 2% 5px 4% ;
	font-size: 11px;
	width: 94%;
        text-align:justify;
}
#productos a{
	position: absolute;
}
#inner{
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	width: 564px;
   height: 450px;
	line-height: 15px;
}
* html #inner {
	width:562px;
}
#innerleft{
	width: 196px;
	float: left;
	text-align: center;
	margin-top: 37px;
	margin-left: 5px;
	display:inline;
}
#innerright{
	float: right;
	width: 325px;
	height: 390px;
	margin-right: 15px;
	margin-top: 35px;
	padding-right: 20px;
}
#productos{
	border: 4px solid #bc0926;
	width: 556px;
	height: 444px;
	float: left;
	position: relative;
}
#productosInner{
	height: 400px;
	margin-top: 35px;
}
#productosInner.chocolates, #productosInner.frappes, #productosInner.smoothies{
	margin-top: 0px;
	height: 444px;
	background: White;
}
#productosInner.cafe{
	margin-top: 0px;
	height: 444px;
	background: transparent;
}
#productosInner.granel{
	width: 520px;
	height: 370px;
	margin-top: 50px;
}
#productosInner.granel .imgblock{
	width: 95px;
	margin-left: 90px;
	display:inline;
}
#productosInner.granel .description{
	width: 265px;
	margin-right: 65px;
}
#productosInner.bolsasindividuales{
	margin-top: 20px;
}
#productosInner.bolsasindividuales .row{
	padding-top: 10px;
}
#productosInner.bolsasindividuales .description{
	width: 265px;
	margin-right: 60px; 
}
#productosInner.bolsasindividuales .imgblock{
	width: 100px;
	margin-left: 90px;
	display:inline;
}
#productosInner.mocaytas{
	margin-top: 10px;
}
#productosInner.mocaytas .description{
	margin-right: 20px;
	width: 270px;
}
#productosInner.mocaytas .imgblock{
	margin-top: 60px;
	display:inline;
}
#productosInner.mocaytos .description{
	margin-right: 30px;
}
#productosInner.mocaytos .imgblock{
	margin-left: 5px;
	display:inline;
}
#productosInner.quees .row{
	margin-top: -20px;
}
#productosInner.quees .description{
	width: 360px;
	margin-right: 15px;
}
#productosInner.quees .imgblock{
	width: 150px;
	margin-left: 0px;
	display:inline;
}
#productosInner.kenia .description, #productosInner.colombia .description, #productosInner.guatemala .description, #productosInner.puertorico .description, 
#productosInner.descafeinado .description, #productosInner.expresso .description{
	margin-right: 70px;
}
#productosInner.kenia .imgblock, #productosInner.colombia .imgblock, #productosInner.guatemala .imgblock, #productosInner.puertorico .imgblock, 
#productosInner.descafeinado .imgblock, #productosInner.expresso .imgblock{
	width: 120px;
	margin-left: 60px;
}
#productosInner.etiquetanegra, #productosInner.etiquetaroja, #productosInner.supremo{
	height: 340px;
	margin-top: 70px;
	width: 520px;
}
#productosInner.etiquetanegra .description, #productosInner.etiquetaroja .description, #productosInner.excelso .description, #productosInner.supremo .description,
#productosInner.exclusive .description, #productosInner.plus .description, #productosInner.seleccion .description{
	margin-right: 70px;
	width: 265px;
}
#productosInner.etiquetanegra .imgblock, #productosInner.etiquetaroja .imgblock, #productosInner.excelso .imgblock, #productosInner.supremo .imgblock,
#productosInner.exclusive .imgblock, #productosInner.plus .imgblock, #productosInner.seleccion .imgblock{
	width: 120px;
	margin-left: 60px;
}
#productosInner.bandejas{
	position: relative;
	height: 444px;
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	margin-top: 0px;
}
#productosInner.bandejas .description{
	position: absolute;
	top: 15px;
	left: 240px;
	width: 285px;
	background: transparent;
}
#productosInner.bandejas .imgblock{
	position: absolute;
	top: 260px;
	left: 50px;
}
#productosInner.cocinasconhorno{
	height: 444px;
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	margin-top: 0px;
	padding-top: 20px;
}
#productosInner.cocinasconhorno .description{
	width: 285px;
	background: transparent;
}
#productosInner.cocinasconhorno .imgblock{
	width: 230px;
	margin-left: 5px;
}
#productosInner.cocinassobremesa{
	height: 444px;
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	margin-top: 0px;
}
#productosInner.cocinassobremesa .row{
	padding-top: 40px;
	overflow:hidden;
}
#productosInner.cocinassobremesa .description{
	width: 285px;
	background: transparent;
	margin-right: 10px;
}
#productosInner.cocinassobremesa .imgblock{
	width: 230px;
	margin-left: 10px;
}
#productosInner.freidoras{
	position: relative;
	height: 444px;
	background: url(../images/inner-bg.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	margin-top: 0px;
}
#productosInner.freidoras .description{
	position: absolute;
	top: 35px;
	left: 220px;
	width: 285px;
	background: transparent;
}
#productosInner.freidoras .imgblock{
	position: absolute;
	top: 220px;
	left: 60px;
}
#productos.m02{
	height: 444px;
	background: url(../images/inner-bg.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	margin-top: 0px;
}
#productos.m02 .description{
	background: transparent;
}
#productos.m02 .row{
	margin-top: 60px;
}
#productosInner.automaticas, #productosInner.electronicas, #productosInner.erogacioncontinua, #productosInner.superautomaticas{
	position: relative;
	height: 444px;
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	padding-top: 25px;
        margin-top:0px!important;
}
#productosInner.automaticas .description, #productosInner.electronicas .description, #productosInner.erogacioncontinua .description, #productosInner.superautomaticas .description{
	width: 335px;
	background: transparent;
	margin-top: 0;
}

#productosInner.erogacioncontinua .description p{
        line-height:12px;
}


#productosInner.automaticas .imgblock, #productosInner.electronicas .imgblock, #productosInner.erogacioncontinua .imgblock{
	margin-top: 0px;
}
#productosInner.superautomaticas .description{
	width: 310px;
	background: transparent;
	margin-right: 5px;
}
#productosInner.superautomaticas .imgblock{
	width: 200px;
	margin-left: 10px;
}
#productosInner.superautomaticas .row{
	padding-top: 15px;
}


#rightcolumn{ 
	 float: right;
	 background: Gray;
	 height: 477px;
	 width: 122px;
	 margin-bottom: 7px;
}
#footer{ 
	width: 715px;
	height: 30px;
	clear: both;
	color: #333;
	/*background: #1a171b;*/
	text-align: left;
}
#footer div.logo {
	width:100%;
	display:block;
	background:#1a171b url(../images/mocay-servicios.png) 605px 6px no-repeat!important;
        padding-left:35px;
        height:40px;
}


#footer p a:link, #footer p a:active, #footer p a:visited {color:#FFF}
#footer p a:hover{
    color:#DC143C;
	text-decoration:none
	}

.row{
	width: 540px;
	margin: 0 auto;
	clear: both;
	line-height: 14px;
}
.imgblock{
	float: left;
	width: 248px;
	text-align: center;
	display:inline;
}
.description{
	width: 256px;
	float: right;
	margin-right: 20px;
	background: url(../images/bg-description.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/bg-description.png", enabled="true", sizingMethod="scale");
}
.description p{
	width: 100%;
}
#leftMenu{
	float: left;
	width: 127px;
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
   height: 478px;
	text-align: center;
	line-height: 15px;
}
#leftMenu ul{
	list-style: none;
}
#leftMenu li{
	padding-top: 10px;
}
#leftMenu a{
	display: block;
	color: White;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
#leftMenu a:hover{
	color: #DC143C;
}
#center{
	margin-left: 130px;
	width: 430px;
	height: 477px;
	line-height: 15px;
}
#centerInner{
	background: url(../images/inner-bg.png) repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/inner-bg.png", enabled="true", sizingMethod="scale");
	width: 380px;
	height: 400px;
	padding: 25px;
}
#center h1{
	width: 405px;
	padding-left: 25px;
}
#center h2, #innerright h2{
	background: url(../images/bg-h2-o.png) repeat-x !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/images/bg-h2-o.png", enabled="true", sizingMethod="scale");
	height: 21px;
	padding: 2px 5px 2px 5px;
}

 .title_ayuda{
	border-bottom:solid #e82f3a 3px;
	height: 21px;
	padding: 2px 5px 2px 5px;
}


#center p, #innerright p{
	padding: 8px 5px 20px 5px;
	font-size: 11px;
        text-align:justify;
}
#productos a.popup{
	color: #dd2d37;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	position: relative;
}
#productos a:hover.popup{
	color: #F5F5F5;
}
#verticalCenter{
	display:table; 
	height: 400px; 
	*position: relative;*/
	overflow: hidden;
}
/* html #verticalCenter{
	position:relative;
}*/
#verticalCenterInner{
	*position: absolute;
	*top: 50%;
	display: table-cell; 
	vertical-align: middle;
}

/* htmal #verticalCenterInner{
	position: absolute;
	top:50%
}*/

#verticalCenterInner span{
	*position: relative; 
	*top: -50%;
}

/* html #verticalCenterInner span{
	position: relative; 
	top: -50%;
}*/ 

* html #verticalCenterInner span span {
	top:0%;
}
	

 
.tostadero p { width:330px;  padding:0}
/* Scroll Bar */
.scrollgeneric{line-height: 1px;font-size: 1px;position: absolute;top: 0;left: 0;}
.vscrollerbase{width: 11px; background: transparent; padding-right: 10px ; background: 4px 17px transparent url(barra.jpg) no-repeat;}
.vscrollerbar{
	width: 11px;
	background: transparent url(../javascript/flexcroll/scroller.png) no-repeat !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/javascript/flexcroll/scroller.png");
	height: 12px !important;
	padding: 15px;
	z-index: 2;
}
.vscrollerbasebeg {
	background: transparent url(../javascript/flexcroll/scrollbarUp.png) no-repeat center;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/javascript/flexcroll/scrollbarUp.png");
	width: 11px;
	height: 9px !important;
	padding-top: 10px;
}
.vscrollerbaseend{
	background: url(../javascript/flexcroll/scrollbarDown.png) no-repeat center;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://mocay.com/mysite/javascript/flexcroll/scrollbarDown.png");
	height: 9px;
	width: 11px;
	padding-bottom: 10px;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ 
	background-image: url(overlay.png) !important;}


* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	

	.erogacioncontinua .imgblock {width:auto; margin:0 0 0 20px; }
	.erogacioncontinua .description {margin:0; width:500px;   right:0}#Email   { height:30px}
#MemberLoginForm_LoginForm #Email label, #Password label {float:left; text-transform:uppercase; margin-right:10px}
#MemberLoginForm_LoginForm #Email input  {   border:0; float:right; line-height:24px}
#MemberLoginForm_LoginForm #Password input  {   border:0; float:right; line-height:24px}
#MemberLoginForm_LoginForm #Password  { height:30px}
#MemberLoginForm_LoginForm { background:#83061e; padding:22px; position: absolute;   }
#MemberLoginForm_LoginForm .Actions { padding:14px 0; /*position:absolute; top:100px*/}


.logoazkoyen{margin-top:75px;}

* html .broken {
	margin: 0 7px;
}
* html #center h1{
	width: 380px;
	padding-left: 25px;
}

#verticalCenterInner span img {
	vertical-align:bottom;
}


/* Textos Legales */

.quitaespacio #innerleft{display:none}

.quitaespacio #innerright{
    float:left;
	margin-right:15px;
	margin-left:25px;
	margin-top:25px;
	width:505px;
	}

.quitaespacio #innerright ul{
    padding:0 0 0 22px;
	}
	
.quitaespacio #innerright ul li{
    font-size:11px;
	padding:0 0 10px 0;
	list-style-type:disc;
	text-align:justify
	}
	
* html 	.quitaespacio #innerright{
   	margin-right:0px;
	margin-left:12px;
}


/* Con Hielo */

.conhielo{
	width:556px;
	height:444px;
	background:url(../images/hielo-background.jpg) 0 0 no-repeat;
	}
	
.conhielo ul{padding:140px 0 0 60px}	

.conhielo ul li{
	list-style:none;
	margin:0 0 70px
}