/* CSS default styles for Pizza Hut Costa Rica Website 
		
		Author: Mauro Laurent Obando
		CIS-Solutions
		Date: 30 September 2008
		All rights reserved
		
*/


/********** Invoke Eric's Meyer Reset Styles ***********/
/* http://meyerweb.com/eric/tools/css/reset/index.html */
/* v1.0 | 20080212 */

div, ul, li, ol,   { behavior: url(iepngfix.htc) }


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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/********* DEFAULTS *************/

.clear {clear:both;}

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

/********* Box Styles ***********/
#container_main {
	margin:0 auto;
	width:985px;
	position:relative;
}
#logo {
	float:left;
	width:262px;
	height:100px;
	padding:5px 0 0 75px;
}
#menu {
	float:left;
	width:591px;
	height:570px;
	
}
#top_menu {
	float:left;
	width:574px;
	height:80px;
}
#menu_main {
	height:28px;
	width:557px;
	margin:0 auto;
	margin-top:12px;
}
#menu_sub0 {
	height:20px;
	width:557px;
	margin:0 auto;
	position:relative;
	z-index:400;
}
#menu_sub1 {
	height:20px;
	width:557px;
	margin:0 auto;
	position:relative;
	z-index:400;
}
#menu_sub2 {
	height:20px;
	width:557px;
	margin:0 auto;
	position:relative;
	z-index:500;
}
#menu_sub3 {
	height:20px;
	width:565px;
	margin:0 auto;
	position:relative;
	z-index:600;
}
#menu_sub_restaurentes {
	/*margin-top: 5px;*/
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left:50px;
	
	
}
#menu_sub_quienes {
	margin-left:295px;
	/*margin-top: 5px;*/
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#menu_sub_ayuda {
	/*margin-top: 5px;*/
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#menu_sub_menu {
	margin-left: 33px;
	/*margin-top: 5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top:5px;
}
#menu_sub_menu a:link {text-decoration:none; color:#FFFFFF;}
#menu_sub_menu a:visited {text-decoration:none; color:#FFFFFF;}
#menu_sub_menu a:hover {text-decoration:none;  color:#FF9900;}
#menu_sub_menu a:active {text-decoration:none;  color:#FFFFFF;}

#menu_sub_restaurentes a:link {text-decoration:none; color:#FFFFFF;}
#menu_sub_restaurentes a:visited {text-decoration:none; color:#FFFFFF;}
#menu_sub_restaurentes a:hover {text-decoration:none;  color:#FF9900;}
#menu_sub_restaurentes a:active {text-decoration:none;  color:#FFFFFF;}

#menu_sub_quienes a:link {text-decoration:none; color:#FFFFFF;}
#menu_sub_quienes a:visited {text-decoration:none; color:#FFFFFF;}
#menu_sub_quienes a:hover {text-decoration:none;  color:#FF9900;}
#menu_sub_quienes a:active {text-decoration:none;  color:#FFFFFF;}

#menu_sub_ayuda a:link {text-decoration:none; color:#FFFFFF;}
#menu_sub_ayuda a:visited {text-decoration:none; color:#FFFFFF;}
#menu_sub_ayuda a:hover {text-decoration:none;  color:#FF9900;}
#menu_sub_ayuda a:active {text-decoration:none;  color:#FFFFFF;}

#menu_subs_cont {
	height:34px;
}
#footer {
	
	width:100%;
	height:132px;

}
#linea_footer {
	width:985px;
	margin:0 auto;

}
#footer_cont {
	width:985px;
	margin:0 auto;
	

}
#links1, #links2  {
	width:140px;
	float: left;
	padding-left: 35px;
}
#logo_footer {
	float: left;
	width: 210px;
	/*padding-top: 20px;*/
}

#disclaimer {
	/*padding-top:30px;*/
	width:330px;
	float:right;
	padding-right: 30px;

}
#login {
	position:absolute;
	display:block;
	text-align:left;
	
	width:566px;
	height:40px;
	position:absolute;
	left: 354px;
	top: 26px;
	display:block;
	text-align:left;
}
#login input {
	border:none 0;
	width:82px;
	height:12px;
	padding-top:3px;



}
/********************************/


/******* Color and Desing *******/
body {
	background-color:#2c0000;
	background-image:url(../images/pizzahut/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	
}

#menu {
	background-image:url(../images/pizzahut/menu_cont.jpg);
	background-repeat:no-repeat;
}
#top_menu {
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:1.4em;
}
#top_menu a, a:link{
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#top_menu a:visited{
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#top_menu a:hover{
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFCC00;
	text-decoration:none;
}
#top_menu a:active{
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer {
	background-repeat:repeat-x;

}
#footer_cont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:2.4em;
	margin-top: 15px;
}
#footer_cont a, a:link {
	color:#FFFFFF;
}
#footer_cont a:visited {
	color:#FFFFFF;
	text-decoration:none;	
}
#footer_cont a:hover {
	color:#FFCC00;
	text-decoration:none;	
}
#footer_cont a:active {
	color:#FFFFFF;
	text-decoration:none;	
}
#login {
	background-image:url(../images/pizzahut/login_fondo2.gif);
	background-repeat:no-repeat;
	padding-top: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;

	margin-top:10px;
}
#top_menu_cont {
	margin-top: 3px;
}
.top_menu_cont2 {
margin-left:20px;
float:left;
}
.top_menu_cont3 {
	float:right;
	margin-top: 5px;
}

#login input {
	background-color:#b11703;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	
	border:1px solid #7b0000;
	padding-bottom:2px;
	width:84px;
	font-size:11px;
	color:#FFFFFF;
}
#login a:link { color:#FFCC00; text-decoration:none;}
#login a:visited {color:#FFCC00; text-decoration:none;}
#login a:hover{color:#FF6600; text-decoration:none;}
#login a:active {color:#FFCC00; text-decoration:none;}
/********************************/
#cis {
	height: 41px;
	padding-top:30px;
}
#mapasitio {
	font-size: 13px;
	color: #990000;
	padding-top:25px;
	
}
#mapasitio li {
	list-style-type: square;
	line-height:3.3em;
	margin-left:10px;
	font-weight:bold;
}
#mapasitio li ul li{
	list-style-type: square;
	line-height:1.7em;
	margin-left:55px;
	font-size:11px;
	font-weight:normal;
}


#mapasitio a:link { text-decoration:none; color:#990000;}
#mapasitio a:visited {text-decoration:none; color:#990000;}
#mapasitio a:hover {text-decoration:none; color:#CC6600;}
#mapasitio a:active {text-decoration:none; color:#990000;}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

/* Sombras */ 

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #640000;
    }

    #shadow-container .shadow2 {
        background: #620000;
    }

    #shadow-container .shadow3 {
        background: #5f0000;
    }

    #shadow-container .container {
        border: 1px solid #5a0000;

    }