/********************************************

   HTML   ojo color oscuro background: #282320

********************************************/ 








/* Top Elements ojo*/

* { margin: 0; padding: 0; }



body {


	background: #BA1511; 

	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;

	color: #333; 

	text-align: center;

}





/* imagenes como popup para cupones ini */

#trailimageid

{

font-size: 0.75em;

position: absolute;

visibility: hidden;

left: 0px;

top: 0px;

width: 400px;

height: 0px;

z-index: 100;

}

/* imagenes como popup para cupones fin */








/* links ojo*/

a, a:visited {

	text-decoration: none;

	color: #FF0000; 

	background: inherit;

}

a:hover {
	text-decoration: none;
	color: #000000;

	background: inherit;

}


a:link {
	text-decoration: none;
	color: #FF0000;

	background: inherit;

}

/* headers ojo*/

h1, h2, h3 {

	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;

	font-weight: Bold; 		

}

h1 {

	font-size: 120%;	

}

h2 {

	font-size: 110%;

/*	text-transform: uppercase;  */

/*	color: #88ac0b;  */
	color:#FF0000;

}

h3 {

	font-size: 110%;

	color: #666666; 

}



/* images ojo*/

img {

	border: 2px solid #CCC;

}

img.float-right {

  margin: 5px 0px 10px 10px;  

}

img.float-left {

  margin: 5px 10px 10px 0px;

}



h1, h2, h3, p {

	padding: 10px;		

	margin: 0;

}

ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

	color: #88ac0b;	

}

ul span, ol span {

	color: #666666;

}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #f2f2f2;  

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}

blockquote {

	margin: 10px;

 	padding: 0 0 0 28px;  

   border: 1px solid #f2f2f2; 

  	background: #FAFAFA url("../images/cotagris.gif") no-repeat 5px 5px;    

}



/* form elements ojo*/



form.forma2  {

	margin:1px; padding: 0 ;

	border: 0px solid #f2f2f2;

	background-color: #FFFFFF; 

}





form {

	margin:1px; padding: 0 5px;

	border: 1px solid #f2f2f2; 

	background-color: #FAFAFA; 

}



div.emnarcadoFactura {

	margin:0px; 
	padding: 1 1 1 1;

	border: 1px solid #f2f2f2; 

	background-color: #FAFAFA; 

}





label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}



label_mk {

	display:block;

	font-weight:bold;

	margin:5px 0;

	color:#F9F9F9;

}



/* controla los botones radios ojo si se activa descuadra el IExplorer de MS*/
/*
input {

	padding:2px;

	border:1px solid #eee;

	font: normal 1em Verdana, sans-serif;

	color:#777;

}
*/


input.grande {

	padding:2px;

	border:1px solid #eee;

	font: normal 1em Verdana, sans-serif;

	color:#003300;

	font-weight:bold;

	font-size:20px;

}







input.cuadroGrueso {

	padding:2px;

	border:1px solid #333333;

	font: normal 1em Verdana, sans-serif;

	color:#777;

}











textarea {

	width:550px;

	padding:2px;

	font-family: Verdana, sans-serif;

	border:1px solid #eee;

	height:30px;

	display:block;

	color:#777;

}







input.button { 

	margin: 0; 

	font: bolder 12px Arial, Sans-serif; 

	border: 1px solid #CCC; 

	padding: 2px 3px; 

	background: #FFF;

	color: #88ac0b;

}



/* search ojo*/

form.search {

	position: absolute;

	top: 97px;

	right: 25px;

	background: transparent;

	border: none;

	left: 325px;

	width: 233px;

	height: 41px;

}	

form.search input.textbox {

	margin: 0; padding: 1px 2px;

	width: 120px;

	background: #FFF;

	color: #333; 

}

form.search input.button {

	background: #CCC url("../images/encabez%20bg.gif") repeat-x;

	color: #333;

	border: none;	

	width: 70px; height: 21px;

}



/*************************************

  ojo LAYOUT ojo

*************************************/ 

#wrap {

	width: 820px;

	background: #CCC url("../images/contenido.jpg") repeat-y center top;

	margin: 0 auto;

	text-align: left;

}



#wrap1 {

	width: 820px;

	margin: 0 auto;

	text-align: left;

}





#content-wrap {

	clear: both;

	width: 760px;

	padding: 0; 

	margin: 0 auto;

}

#header {

	width: 820px;

	position: relative;

	height: 106px;

	background: #CCC url("../images/Domicilios%20pizza%20dobble%20CUPONES%20pizza.jpg") no-repeat center top;

	padding: 0;

	font-size: 14px;

	color: #FFF;

	top: 1px;

}



#headerOrden {

	width: 820px;

	position: relative;

	height: 103px;

	background: #CCC url("../images/encabeza2.jpg") no-repeat center top;

	padding: 0;

	font-size: 14px;

	color: #FFF;

	top: 0px;

}







#header h1#logotext {

	position: absolute;

	margin: 0;

	padding: 0;

	font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	color: #FFF;

	text-transform: none;

	top: 79px;

	left: 226px;

	width: 328px;

}

#header h2#slogan {

	position: absolute;

	margin: 0;

	padding: 0;

	font: normal .8em 'Trebuchet MS', Arial, Sans-serif;

	text-transform: none;

	color: #FFF;

	top: 68px;

	left: 102px;

	width: 128px;

}



/* Menu ojo*/

#menu {

	clear: both;	

	margin: 0; padding: 0 40px 0 0;

	background:   url("../images/menu.jpg") repeat-y center top;	

	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;

	height: 26px;

}

#menu ul {

	float: right;

	list-style: none;

	margin:0; padding: 0;

}

#menu ul li {

	display: inline;

}

#menu ul li a {

	display: block;

	float: left;

	padding: 0 8px;

	color: red;	
/*	color: #FFF;	*/

	text-decoration: none;

}

#menu ul li a:hover {

	background-color: #ECECEC;

	color: #333;	

}

#menu ul li#current a {	

	background-color: #FFF;

	color: #333;

}





/* Main Column ojo*/

#main {

	float: right;

	width: 72%;

	padding: 0; margin: 0;

}

#main h1 {

	margin-top: 10px;

	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;

	color: #88ac0b;

	padding: 5px 0px 5px 25px; 	

	border-bottom: 1px solid #EFF0F1;

	background: #FFF url("../images/cuadroverd.png") no-repeat 3px 50%;	

}



.post-footer {

	background-color: #FAFAFA;

	padding: 5px; 

	margin: 20px 10px 0px 10px;

	border: 1px solid #f2f2f2;

	font-size: 95%;	

}

.post-footer .date {

	background:      url("../images/tiempo.gif") no-repeat left center;

	padding-left: 20px; margin: 0px 10px 0px 5px;

}

.post-footer .comments {

	background:    url("../images/comentar.gif") no-repeat left center ;

	height: inherit;

    

	padding-left: 20px; margin: 0px 10px 0px 5px;

}









.post-footer .readmore {

	background:    url("../images/pag.gif") no-repeat left center;

	padding-left: 20px; margin: 0px 10px 0px 5px;

}



.parrafo_gris{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #999999;

}



/* Sidebar ojo*/	

#sidebar {

	float: left;

	width: 26.5%;

	padding: 0; margin: 0;	

}	

#sidebar_ordenar_pizza_por_internet {

	float: left;

	width: 80.5%;

	padding: 0; margin: 0;	

}	



#sidebar_makeline {

	float: left;

	width: 95.5%;

	padding: 0; margin: 0;	

}	











#sidebar h1 {

	margin-top: 10px;

	padding: 5px 0 5px 10px; 

	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;

	color: #555;

	background: #EEF0F1 url("../images/encabez%20bg.gif") repeat-x left bottom;	

	border: 1px solid #EFF0F1;

}



#sidebar .left-box {

	border: 1px solid #EFF0F1; 

	margin: 0 0 5px 0;	

}

#sidebar ul.sidemenu {

	list-style: none;

	text-align: left;

	margin: 3px 0 8px 0; padding: 0;

	text-decoration: none;		

}

#sidebar ul.sidemenu li {

	border-bottom: 1px solid #EFF0F1;

	background:    url("../images/ir%20a.gif") no-repeat 5px 5px;	

	padding: 2px 0 2px 25px;

	margin: 0 2px;	

}

#sidebar ul.sidemenu a {

	font-weight: bolder;

	text-decoration: none;	

	background-image: none;	

}







/* ojo Main Column */

	input, select, textarea, button {

		font: 11px tahoma,geneva,helvetica,arial,sans-serif;

	}



	.dobblepizza_formato table {

		margin: 0px;

	}

	.dobblepizza_formato td.comentario {

		border-left: 5px solid #CC3300;

		padding-left: 6px;

	}





	td.cuadroRojo {

/*		border: 5px solid #CC3300 ;   cuadro entero*/
	 border-bottom: 5px solid #CC3300 ;
		

		padding: 0px 0px 0px 0px;

	}





	.dobblepizza_requerido {

		color: #cc3300;

	}

	

	.direccionGrande {

		color: #cc3300;

		font-size:30px;

		font-weight:bold;

	}

	

	

	.dobblepizza_casilla_txt {

		color: #666666;

	}

	

	.mensajeMediano {

		color: #88ac0b;

		font-size:20px;

		font-weight:bold;

	}

	

	a.boton_adelante_atras {

	font-family: tahoma,geneva,Helvetica,arial,sans-serif;

	font-weight: Bold; 		

	font-size: 110%;

	text-transform: uppercase;

	color: #006600;

	}



	a.boton_adicionar {

	font-family: tahoma,geneva,Helvetica,arial,sans-serif;

	font-weight: Bold; 		

	font-size: 90%;

	text-transform: uppercase;

	color: #006600;

	}





	.boton_cupones {

		border: 2px dotted #cc3300;

		padding-left: 10px;

		padding-right: 10px;

		margin-right: 5px;

	}



	.tabla_principal {

		border-collapse: collapse;

		width: 778px;

		align: center;

	}



	.tabla_principal tr {

	 	vertical-align:top;

	}

	

	.tabla_principal td {

		padding: 0px;

		font: 11px tahoma,geneva,Helvetica,arial,sans-serif;

		}







	.dobblepizza_texto {

		text-align: right;

		color: #666666;

	}	





	td.botones_adelante_atras {

		padding-top: 10px;

	}



	td.botones_adelante_atras_arriba {

		padding-top: 0px;

	}





	div.encabezado_txt {

		color: red;

/*		display: inline;  */

		vertical-align: bottom;


	}





	.masa_tamano {

		margin-left:5px;

	}



	td.factura {

		width: 242px;

		vertical-align: top;

/*		padding-top: 10px; */

	}



	div.factura_encabezado {

		padding: 0px;

		background: #eeeeee;

		border: 1px solid #cccccc;

		margin-top: 0px;

	}



	div.factura_detalles {

	padding: 0px 8px 8px 8px;

	background: #E0DFE3;

	}





	div.enmarcado {

	margin: 10px 10px 10px 10px;

	background: #FAFAFA;

	border: 1px solid #f2f2f2;

	padding: 5px;

	font: 12px tahoma,geneva,Helvetica,arial,sans-serif;

	}	



	div.enmarcado1 {

	margin: 10px 10px 10px 10px;

	background: #FAFAFA;

	border: 1px solid #f2f2f2;

	padding: 5px;

	font: 12px tahoma,geneva,Helvetica,arial,sans-serif;

	}	

	div.enmarcado2 {



	background: white;

/*	border-bottom:4px solid #CC3300; */
	border-bottom:4px solid red; 

	font: 13px tahoma,geneva,Helvetica,arial,sans-serif;

	}	


	div.enmarcado2a {



	background: white;

	padding: 0px;

	font: 13px tahoma,geneva,Helvetica,arial,sans-serif;

	}	



	div.enmarcado_arriba_abajo {

     border-top: 1px solid white;

	 border-bottom: 1px solid white;

	 padding: 5px 1px 5px 10px;

	}	





	.factura_detalles2 {

	width: 207px;

	border-collapse: collapse;

	}



	.factura_cupones {

	width: 205px;

	border-collapse: collapse;

	}



	td.detalles {

	font-family: tahoma,geneva,Helvetica,arial,sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: Bold; 		
	}




	td.EnvioBarra {

	font-family: tahoma,geneva,Helvetica,arial,sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: Bold; 		
	}




	.cantidad {

		width: 15px;

	}



	

	a.enlace {

	font-family: tahoma,geneva,Helvetica,arial,sans-serif;

	font-size: 10px;

	color: #006600;

	margin-left: 2px;

	}



	span.ingredientes_acompanantes {

	color: #999999;

	padding: 3px;

	}





	#1raPizza {

		margin-left: 0px;

		margin-bottom: 5px;

		margin-top: 0px;

	}

	#2raPizza {

		margin-left: 0px;

		margin-bottom: 5px;

		margin-top: 0px;

	}



	table.tamanoPizza td{

		padding-bottom:0px;

		padding-top:0px;

	}





	table.masas tr.tipo_masa {

		padding: 0px;

	}

	table.masas td.tipo_masa {

		padding: 0px;

	}





	table.unica-dobble tr.unica-dobble {

		padding: 0px;

	}

	table.unica-dobble td.unica-dobble {

		padding: 0px 10px 0px 10px;

	}





	.txtActivo {

		color: #000;

	}



	.txtNoActivo {

		color: #999;

	}



	.cuadroRadioU-D {

/*		background: #CCCC99; */

/*		border: 1px solid #ccc; */

	}







	.cuadroMasa {


		background: #DDDEBC;
		border: 1px solid #ccc;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;

	}



	.cuadroTamanoPizza {

	background:#CCCC99;
		border: 1px solid #ccc;
		border-right: 1px solid #fff;
	}

	.cuadroTamanoPizzaUltimo {

	background:#CCCC99;
		border: 1px solid #ccc;

	}




	tr.proteina {

		background: #FF9933; 
	}





	tr.vegetales {
	background: #CCCC33;

/*		background: #CCFFCC; */


	}



	tr.No_Sin {
		background:#FF9933;


	}

	td.especialidadBarras {
		border-bottom: 1px solid #fff;
/*		border: 1px solid #ccc; grisssss*/
	}







	td.insumosBarras {
		border-bottom: 1px solid #fff;


	}




	td.BarrasTamano {
		background: #DDDEBC;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;

	}

	td.BarrasMasas {
		background:#CCCC99;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #fff;
		vertical-align:middle;

	}


	td.BarrasMasasItaliana {
		background:#CCCC99;
		border-bottom: 1px solid #ccc;
		vertical-align:middle;

	}


	td.BarrasTitulo {
		background: white;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		vertical-align:middle;

	}



	td.BarrasTituloAbajo {
		background: white;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		vertical-align:middle;

	}
	
	tr.salsas1 {

	background: #CCCC99;

	}

	tr.quesos {

	background:#DDDEBC;

	}


	tr.makeline1 {

	background: #CCCC99;

	}

	tr.makeline_encabezado {

	background: #7D2325;

	}







	tr.especialidades {

		background: #FF6633;

	}


	tr.barraFinalizar {

		background: #CC3333;

	}



	tr.acompanantes1 {

	background: #CCCC33;

	}







/* Footer ojo*/	

#footer {

	color: #666666;

	background: #CCC url("../images/pie.jpg") no-repeat center top;

	clear: both;

	width: 820px;

	height: 43px;

	text-align: center;	

	font-size: 92%;

}



#footer1 {

	color: #999999;

	clear: both;

	width: 820px;

	height: 55px;

	text-align: center;	

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}





#footer a { text-decoration: none; }



/* alignment classes ojo*/

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }



/* display and ojo additional classes ojo*/

.clear { clear: both; }

.gray { color: #CCC; }




/* ini  botones y barras */


/* body {
	margin: 0;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
} 
*/

.btn {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_addtocart { background-color: green; }
.btn_checkout { background-color: red; }
.btn_learnmore { background-color: orange; }
.btn_try { background-color: #002c85; }
.clear {
	clear: both;
}


/* fin bortones y barras */ 
