/*  1996-2008 Inter Media S.A. Todos los Derechos Reservados. */  
/*  CSS para proyecto {TELEPIZZA}	                          */
/*  Version 1.0                                               */
/*  media: SCREEN                      						  */
/*  Fecha de creación 28/08/2008                              */

/*  HISTORIAL DE MODIFICACIONES                               */
/*  														  */


/*  REDEFINICION DE ELEMENTOS HTML  */
body{font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px;}

table{}
td{}

h1{color: #D10920; font: bold 1.7em Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 30px 0px 20px 15px;}
h2{color: #F00; font: bold 1.3em Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 20px 0px;}
h3{}
h4{}
h5{}
h6{}

strong, b{}

a:link{color: #C00; text-decoration: underline;}
a:visited{color: #C00; text-decoration: underline;}


form{margin: 0px; padding: 0px;}

input, select, textarea{}

label{margin: 0px; padding: 0px; cursor: pointer;}

ul{}

button{border: none; margin: 0px; padding: 0px; cursor: pointer;}


/*ALINEACION DE TEXTOS*/
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_right{text-align: right;}

.float_left{float: left;}
.float_right{float: right;}

/*ESTRUCTURA*/
#estructura{background: #FFF; width: 100%; padding: 0px; margin: 0px auto;}


/*HEADER*/
#header{width: 100%; clear: both;}
#header h1{display: none; visibility: hidden;}

#header h2{font: bold 20px Arial, Helvetica, sans-serif; width: 226px; margin: 0px; color: #000; padding: 20px 0px 0px 0px; float: right; text-align: right;}

#header ul{display: none; visibility: hidden;}
#header #logo_print{display: block; visibility: visible;}

/*MENU LOCALES*/
#menu_locales{display: none; visibility: hidden;}


/*PORTADA*/
#portada {clear: both;}
#portada #banner_promociones{margin: 0px; padding: 0px; width: 100%; height: 249px;}
#portada #destacados{clear: both; height: 183px; width: 100%;}

#portada #destacados button{margin: 0px; padding: 0px; height: 183px; cursor: pointer; position: absolute; }

#portada #destacados #banner_promociones{width: 232px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;}
#portada #destacados #banner_locales{width: 217px; margin-left: 232px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;}
#portada #destacados #banner_trabaja{width: 219px; margin-left: 449px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;}

#portada #destacados #banner_fotos{width: 259px; position: absolute; margin: 0px; padding: 0px 0px 0px 668px;}


/*BREADCRUMS*/
#breadcrums{display: none; visibility: hidden;}


/*CONTENIDOS*/
#main{width: 100%; padding: 0px; margin: 0px 0px 10px 0px;}
#contenidos{width: 100%; padding: 0px 0px 20px 0px; font-size: 1em;}


/*MENU*/
#banner_promociones{position: relative; margin: -7px 0px 0px 6px;}
#main.fondo_menu_telepizza{}
#main.fondo_menu_telepizza #bottom_menu_telepizza{display: none; visibility: hidden;}

/*NUTRICION*/
#nutricion{width: 100%; margin: 0px auto; font-size: 1.1em; line-height: 140%; padding: 12px 0px 10px 0px}
#nutricion h1{margin: 0px 0px 16px 0px; padding: 0px; font: bold 15px Arial, Helvetica, sans-serif;}
#nutricion h2{margin: 0px; padding: 0px 0px 7px 0px; font: bold 13px Arial, Helvetica, sans-serif; }
#nutricion h3{position: relative; font: bold 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}
#nutricion h4{font-size: 1em; font-weight: bold; margin: 0px; padding: 0px; color: #D10920;}

#nutricion ul{margin: 0px; padding: 0px 0px 0px 15px;}
#nutricion ul li{background: url(../images/html/bullet_generico.gif) no-repeat 0px 3px; margin: 0px; padding: 0px 0px 0px 12px; list-style: none;}

#nutricion #alimentacion_saludable{display: table-cell; padding: 10px 10px 20px 0px; float: right; font: 1em/140% Tahoma, Arial, Helvetica, sans-serif;}
#nutricion #alimentacion_saludable p{padding: 0px 0px 6px 0px; margin: 0px;}

#nutricion #columna_left{width: 44%; border-right: 1px dashed #666; margin: 10px 0px 0px 0px; padding: 0px 10px 10px 0px;}
#nutricion #columna_right{float: right; width: 51%; padding: 0px 0px 0px 12px;}


/*TEXTO PLANO*/
#texto_plano{padding: 0px; color: #333; width: 100%; margin: 0px 0px 10px 0px; display: table-cell;}
#texto_plano #col_01{padding: 0px; float: left; width: 46%; border-right: 1px dashed #666; padding: 0px 20px 0px 0px;}
#texto_plano #col_02{padding: 0px; float: left; width: 46%; border-left: 1px dashed #666; padding: 0px 0px 0px 20px; margin: 0px 0px 0px -1px; position: relative;}


/*PAGINAS DE ERROR*/
#error{padding: 0px; color: #333; width: 100%; margin: 0px 0px 10px 0px; display: table-cell;}
#error ul{margin: 0px; padding: 0px 110px 0px 25px;}
#error ul li{margin: 0px; padding: 0px 0px 20px 12px; list-style: circle;}


/*DATOS TABLA*/
.datos_tabla{border: 1px solid #CCC; border-collapse: collapse; width: 98%; margin: 0px 0px 20px 0px; font: 1em Arial, Helvetica, sans-serif; color: #333;}
.datos_tabla thead th{border: 1px solid #CCC; border-collapse: collapse; text-align: center; font: bold 1em Helvetica, Arial, sans-serif; color: #FFF; background: #750009;}
.datos_tabla thead td{border: 1px solid #CCC; border-collapse: collapse;}
.datos_tabla th{border: 1px solid #CCC; border-collapse: collapse; background: #F7F7F7; text-align: left; padding: 5px 5px 5px 4px; font: normal 1em Arial, Helvetica, sans-serif; color: #333;}
.datos_tabla td{border: 1px solid #CCC; border-collapse: collapse; padding: 5px 5px 5px 4px; font: 1em Arial, Helvetica, sans-serif; color: #333;}
.datos_tabla .mapa{padding: 3px 0px 5px 0px; margin: 0px;}


/*ICONOS LOCALES Y DOMICILIO*/
.local{display: none; visibility: hidden;}
.domicilio{display: none; visibility: hidden;}


/*ICONOS LOCALES Y DOMICILIO*/
.local{background: url(../images/html/ic_local.gif) no-repeat 20px 2px; padding: 3px 30px 5px 40px; margin: 0px; float: left;}
.domicilio{background: url(../images/html/ic_domicilio.gif) no-repeat 0px 2px; padding: 3px 0px 5px 20px; margin: 0px;  float: left;}


/*LOCALES*/
#locales{color: #333; font: 1em Arial, Helvetica, sans-serif; padding: 30px 0px 0px 40px;}
#locales h1{height: 19px; margin: 0px; padding: 0px 0px 15px 0px; font: bold 15px Arial, Helvetica, sans-serif;}
#locales h2{margin: 0px; padding: 0px 0px 5px 0px; font: bold 1.3em Arial, Helvetica, sans-serif; color: #333;}


#locales #buscador_locales_portada{width: 421px; height: 123px; margin: 0px auto 40px auto; padding: 0px 0px 0px 20px;}
#locales #buscador_locales_portada p{float: left; width: 40%; margin: 0px; padding: 20px 0px 0px 20px; height: 40px;}
#locales #buscador_locales_portada label{background: url(../images/html/bullet_generico.gif) no-repeat 0px 4px; display: block; padding: 0px 0px 5px 13px;}
#locales #buscador_locales_portada select{width: 150px; font: 9px Arial, Helvetica, sans-serif; color: #000;}
#locales #buscador_locales_portada button{display: none; visibility: hidden;}

#locales #buscador_locales_interna{display: none; visibility: hidden;}



/*FORMULARIOS*/
#formularios{width: 100%; margin: 0px auto; display: table;}
#formularios h2{margin: 0px; padding: 0px 0px 20px 0px; font: normal 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
#formularios p{margin: 0px; padding: 0px 0px 10px 0px; height: auto !important; height: 22px; min-height: 22px; width: 600px; clear: both;}
#formularios label{background: url(../images/html/ic_contactenos.gif) no-repeat 0px 9px; margin: 0px; padding: 3px 0px 0px 15px; display: block; float: left; width: 120px;}
#formularios input{width: 350px; padding: 3px 0px; margin: 0px; border: 1px solid #CCC; font-size: 11px; float: left;}
#formularios select{width: 350px; padding: 0px; height: 22px; margin: 0px; border: 1px solid #CCC; font-size: 11px; float: left;}
#formularios textarea{width: 350px; padding: 0px; height: 80px; overflow: auto; margin: 0px; border: 1px solid #CCC; font-size: 11px; float: left;}
#formularios strong, #formulario b{font-weight: bold; color: #F00; font-size: 11px; display: block; float: left; margin-left: 3px;}
#formularios button{display: none; visibility: hidden;}


/*FOOTER*/
#footer{width: 100%; clear: both; padding: 4px 0px 5px 0px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer p{display: none; visibility: hidden;}
#footer a:link, #footer a:visited{color: #000; text-decoration: none; margin: 0px 25px 0px 0px; float: left;}
#footer h6{margin: 0px; padding: 0px 0px 0px 7px; color: #000; font: normal 9px Tahoma, Arial, Helvetica, sans-serif;}


/*FOOTER INTERMEDIA*/
#intermedia{display: none; visibility: hidden;}
