/* Hoja de estilos para pizzared - escrita por www.arzion.com */

/************************ 
	html elements css
*************************/

body 
{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:"trebuchet MS", Verdana, Arial;
	background: #fff;
	color: #666;
}

img { border:none; }

div { /*border:1px solid red;*/ }

h1
{
	font-family:Tahoma, Verdana, Arial;
	font-weight:bolder;
	color:#000;
	font-size:20px;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	margin:0px;
	
}

h3 
{
	font-family:Tahoma, Verdana, Arial;
	font-weight:bolder;
	color:#000;
	font-size:20px;
	margin:0px;
	padding:20px 0px 10px 0px;	
}

a:link, a:visited, a:hover
{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;	
	color:#000;	
}

a:hover { text-decoration:underline;}

/************************ 
	layout css
*************************/


div#marquee 
{
	width:912px;
	height:15px;
	margin: auto;
	text-align:center;
	padding-top:10px;
}

div#header 
{
	width:912px;
	height:20px;
	background:#fff url(../img/header.gif) no-repeat bottom center;
	margin: auto;
	text-align:center;
	padding-top:0px;
}


div#level0
{
	background:#fff url(../img/fondo-central.gif) repeat-y;
	width: 760px;
	margin: auto;
	padding-left:76px;
	padding-right:76px;
	padding-top: 20px;	
	padding-bottom:20px;
}

div#menu
{
	margin-bottom:7px;
	width:760px;
	height:52px;
	background: url(../img/fondo-header.gif) no-repeat;
	position:relative;
}

div#menu img#bandera { position:absolute; top:12px; left:10px; }

div#menu span { position:absolute; top:36px; left:10px; font-weight:bolder;	color:#000; }

div#menuItems { position:absolute; top:26px; left:80px; }

div#menuItems a:link, div#menuItems a:visited, div#menuItems  a:hover { margin-right:20px; }

#promociones 
{
	background: url(../img/fondo-promociones.gif) no-repeat;
	width:760px;
	height:275px;
	overflow:hidden;
}

div#info
{
	width: 760px;
	position:relative;
	background:#fff url(../img/fondo-informacion.gif) no-repeat;
	height:193px;
	text-align:center;
	margin-left:10px;
	overflow:hidden;
	padding-top:0px;
}

div#info div#flash
{
	position:absolute;
	top:-12px;
	left:90px;
	height:70px;
	padding-bottom:5px;
	z-index:1003;
}

div#info div#links
{
	position:absolute;
	top:60px;
	left:250px;
}

div#info input.importe
{
	border:0px;
	padding:5px;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	height:18px;
	width:100px;
	position:absolute;
	top:115px;
	left:260px;

}

div#info div#resumen
{	
	position:absolute;
	top:120px;
	left:400px;
}

div#info div#resumen img
{	
	position:absolute;
	left:235px;
	top:-10px;
}


div#info div#horario
{	
	position:absolute;
	top:133px;
	left:5px;
	width:220px;

}

div#info div#telefonos
{		
	position:absolute;
	top:60px;
	left:90px;
	width:130px;
	text-align:center;
}
div#info div#telefonos span.span4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#f90;
}

div#info div#telefonos span.span5
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	
}

div#info div#direccion
{		
	position:absolute;
	top:173px;
	left:5px;
	width:220px;
}

div#info div#delivery
{		
	position:absolute;
	top:173px;
	left:250px;
	width:320px;
}

div#nuestras-pizzas
{
	margin-top:10px;
	text-align:center;
	background:#fff url(../img/fondo-apertura-centro.gif) no-repeat;
	padding-top:5px;
	width:780px;
	height:80px;	
}


div#nuestras-pizzas p.descripcion
{
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	width:700px;
	padding-left:35px;
	padding-right:35px;
}

#cuerpo
{	
	width:780px;
}

div#listado
{
	width:780px;	
	padding:5px;
	padding-top:0px;
	overflow:hidden;	
}

div#footer 
{
	width:912px;
	height:19px;
	background:#fff url(../img/footer.gif) no-repeat;
	margin: auto;
	position:relative;
	text-align:center;
	padding-top:35px;
}

div#footer span {}

div#encabezado
{
	padding:10px;
	border-bottom:2px solid #ccc;
	width:580px;
	background:url(../img/logo-pizzared.png) right center no-repeat;
}

div#caja
{
	width:530px;
	overflow:hidden;
	height:180px;
}

/************************ 
	html class css
*************************/

/* Precios naranjas*/
.parrafo1 { font-family: Tahoma, Verdana, Arial; font-size:23px; font-weight:700; color:#fc0;  }

.parrafo7 { font-family: Tahoma, Verdana, Arial; font-size:26px; font-weight:700; color:#fc0;  }

p.parrafo2 { font-family: Tahoma, Verdana, Arial; font-size:10px; color:#666; }	

.parrafo3 { text-align:justify;}	

.parrafo4 { color:#f90; font-weight:bolder;text-transform:uppercase;}

.parrafo5 { color:#000; font-weight:bolder;text-transform:uppercase;margin:0px; padding-top:15px;padding-bottom:5px;text-decoration:underline;}

.parrafo6 
{ 
	float:right;
	font-size:45px;
	padding-top:10px; 	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#f90; 
	margin:0px;
}

.parrafo8
{		
	font-size:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;	
	width:580px;
	color:#666; 
	margin:20px 0px 10px 0px;
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	height:35px;

}

.cuerpo1 { font-size:11px; }



/***** layout de promociones *****/

#promociones .promo
{
	float:left;
	position:relative;
	width:253px;
	height:285px;	
	overflow:hidden;
}

div.promo a.link1
{
	text-align:left;
	position:absolute;
	top:10px;
	left:14px;
	width:219px;
	overflow:hidden;
}

div.promo img
{
	position:absolute;
	top:41px;
	left:33px;
	overflow:hidden;
}

div.promo span.parrafo7
{
	position:absolute;
	top:170px;
	left:15px;
	overflow:hidden;
}

div.promo span.cuerpo
{
	position:absolute;
	top:210px;
	left:15px;
	width:220px;

}

div.promo a.link3
{
	position:absolute;
	top:175px;
	left:145px;	
}


/***** layout de pizzas *****/

div#listado div.pizza
{
	float:left;
	width:250px;
	height:256px;
	background:url(../img/fondo-pizza.gif) no-repeat;	
	margin-right:9px;
	margin-top:25px;
	position:relative;
	overflow:hidden;
}

div#listado div.pizza a.link4
{
	position:absolute;
	top:10px;
	left:10px;
	text-align:left;
}

div#listado div.pizza a.link3
{
	position:absolute;
	top:10px;
	left:165px;
	text-align:center;
}

div#listado div.pizza span.parrafo1
{
	position:absolute;
	top:185px;
	right:12px;
	width:110px;
	height:45px;
	overflow:hidden;
	text-align:right;
}

div#listado div.pizza a.link5
{
	position:absolute;
	top:233px;
	left:15px;
}

div#listado div.pizza a.link6
{
	position:absolute;
	top:233px;
	left:180px;
	text-align:left;
	width:80px;
}

div#listado div.pizza img
{
	position:absolute;
	top:40px;
	left:34px;
}

div#listado div.pizza span.cuerpo1
{
	position:absolute;
	top:178px;
	left:15px;
	width:135px;
	height:45px;
	overflow:hidden;
	text-align:left;
}


a.link1:link, a.link1:visited, a.link1:hover { text-transform:uppercase; }
a.link1:hover { color:#f00; text-decoration:none; }
a.link2:link, a.link2:visited, a.link2:hover { color:#f90; }
a.link2:hover { text-decoration:none; }

a.link3:link, a.link3:visited, a.link3:hover
{
	background:url(../img/boton-agregar.png) no-repeat;	
	position:absolute;
	padding-top:5px;
	width:78px;
	height:30px;
	text-align:center;
}
a.link3:hover { text-decoration:none; color:#fff; }

a.link4:link, a.link4:visited, a.link4:hover 
{ 		
	font-size:12px;
	color:#333; 
	font-weight:normal;
}

a.link4:hover { color:#000;text-decoration:none;}

a.link5:link, a.link5:visited, a.link5:hover
{
	color:#f66;
	font-size:13px;	
	font-family: "trebuchet MS", Verdana;
}
	
a.link6:link, a.link6:visited, a.link6:hover
{
	color:#930;
	font-size:13px;
	font-family: "trebuchet MS", Verdana;
}
	
a.link7:link, a.link7:visited, a.link7:hover
{
	padding:0px;
	text-decoration:none;
}

div#registro
{
	background-color:#ffffb5;
	width:578px;
	height:495px;
	border:1px solid #666;
	padding-top:20px;
	padding-left:10px;
}

div#sugerencias
{
	background-color:#ffffb5;
	width:552px;
	height:360px;
	border:1px solid #666;
	padding-top:20px;
	padding-left:30px;
}

div#recursos
{
	background-color:#ffffb5;
	width:552px;
	height:390px;
	border:1px solid #666;
	padding-top:20px;
	padding-left:30px;
}

div#caja
{
	background-color:#ffffb5;
	width:497px;
	border:1px solid #666;
	padding:20px;
}

div.separador
{

	background:url(../img/separador.gif) no-repeat center right;
	clear:both;
	padding-top:8px;
	margin:0px;
}

div.row0 { padding-bottom:8px; }

div.row1 { padding-bottom:8px; }

div.row2 { padding-bottom:8px; }

div.cell0 { float:left; width:90px; }

div.cell0 span, div.cell1 span { font-size:10px; }

div.cell1 { float:left;	width:50px; }

div.row0 span.span1, div.row1 span.span1, div.row2 span.span1, div.row2 span.span3
{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:bolder;
	color:#666;
	text-align:right;
	margin-right:10px;
	float:left;
	width:150px;
	padding-top:5px;
}

div.row1 span.span2
{	
	font-size:10px;
	color:#333;
	width:300px;
	height:40px;
	line-height:11px;
	padding:0px;
	margin:0px;
}

div.row2 span.span3 { padding-top:17px; }

input.input1, input.input2, input.input3, textarea.input4 , input.file
{
	width:220px;
	height:14px;
	padding:2px;
	border:1px solid #666;
	font-size:12px;
}

input.file
{
	height:20px;
	width:226px;
}

textarea.input4 {height:150px; font-size:11px; font-family:"trebuchet MS", Verdana;}

input.input2 { width:36px; }
input.input3 { width:76px; }
input.input5 { width:40px; border:0px;background-color:transparent; text-align:center; }

input.input1:focus, input.input2:focus, input.input3:focus, textarea.input4:focus { border:1px solid orange; }

input.boton1
{
	width:100px;
	border:1px solid #fff;
	background:url(../img/boton-fondo.gif) repeat-x;
	color:#fff;
	font-size:13px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:27px		
}

#contenedor
{
	background: #ffff67 url(../img/fondo-registracion.gif) repeat-x;
	padding:0px 90px 10px 90px;
	border:1px solid #ff0;	
	width:580px;
}

#carrito
{
	background: #ff6 url(../img/fondo-carrito.gif) repeat-x;
	width:200px;
}

/* Carrito de compras */
table.carrito {	width:580px; }
table.carrito tr { border-bottom:1px solid #666; padding:3px; }
table.carrito tr th { font-size:12px; font-weight:bolder; color:#333; }
table.carrito tr th.col0, table.carrito tr td.col0 
{
	text-align:center;
	width:40px;
	border-bottom:1px solid #000;
	padding-bottom:3px;	
}
table.carrito tr th.col1, table.carrito tr td.col1 
{
	text-align:center;
	width:80px;
	border-bottom:1px solid #000;
	padding-bottom:3px;	
}
table.carrito tr th.col2, table.carrito tr td.col2
{
	text-align:left;
	width:auto;
	border-bottom:1px solid #000;
	padding-bottom:3px;	
}
table.carrito tr th.col3, table.carrito tr td.col3 
{
	text-align:right;
	width:90px;
	color:red;
	border-bottom:1px solid #000;
	padding-bottom:3px;	
}
table.carrito td {}

div#carrito-resumen
{
	width:505px;
	background:#fff url(../img/fondo-carrito-resumen.gif) repeat-x;
	height:104px;
}

.centrar
{
padding:20px;
text-align:center;
clear:both;
}

div#ficha
{

}

div#ficha img
{
	padding:3px;
	border:1px solid #000;
}


.validation-advice {
color:#FF0000;
font-weight:bolder;
}

.liston
{
	padding:3px; 
	border:solid 1px #000;
	margin:20px 0px;
}

/* VENTANA MODAL */

/* base semi-transparente */
    .overlay{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index:1001;
		opacity:.75;
        -moz-opacity: 0.75;
        filter: alpha(opacity=75);
    }
	
    /* estilo para lo q este dentro de la ventana modal */
    .modal {
        display: none;
        position: fixed;
		top:25%;
        left: 25%;
        width: 50%;
        height: 25%;
        padding: 16px;
        background-color:#ff9;
		color: #333;
        z-index:1002;
        overflow: auto;
		border:10px solid #fff00b;
    }

.modal div#horario
{
	color:#333;	
	font-size:12px;	
	position:absolute;
	bottom:5px;
	width:500px;
	text-align:center;
}

.modal div#horario span
{
	color:#f00;
	font-weight:bolder;
	text-transform:uppercase;
	text-decoration:underline;
}

.numeracion
{
	font-size:20px;
	font-weight:bolder;
	color:#333;
	padding:5px;
}

.detalle
{
	background-color: #FFFFB5;
	border:none;
	font-size:11px;
	font-family:"trebuchet MS", Verdana;
}

div#cerrado
{
 text-align:center;
 font-size:20px;
 font-weight:bolder;
 text-transform:uppercase;
 color:#ff9900;
 padding-bottom:10px;
}