#header {
    margin-bottom: 1em;
	text-align: left;
	width: auto;
	min-height: 70px;
	padding-top: 1em;
	vertical-align: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#header ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#header li{
    float: left;
}

#header a:link, a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CC3300;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

#header  a:hover, a:active {
    background-color: #666666;
}



.izquierda {
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}

#publicidadAncha {
    padding: 0.2em 1em;
    background-color: #FFFFFF;
    clear: left;
}

.boton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:12px;
	font-weight:bolder;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.boton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.boton:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.nav-wrap {
	margin: 10px auto;
	background-color: #333333;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

body {
	color:#000000;
	background-color:#EEEFE9;
	margin:0px;
	/*overflow:auto;*/
	margin:0px;
}

p,table,td,th,ul,ol,textarea,input
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

#menu-top {
	background: url(img/menu-top-bg.jpg) repeat-x;
	margin: 10px 0;
	z-index: 2;
}
#busqueda {
	float: right;
	height: 40px;
	font-size: 12px;
	text-align: right;
	z-index: 3;
	background-color: re;
	background-image: url(img/resto.jpg);
	background-position: right;
	width: 19px;
}

#contenedora
{
	border:1px;
	width:1000px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:0px 1px 7px #fff;
	-webkit-box-shadow:0px 1px 7px #fff;
	box-shadow: 0px 1px 7px #555;
	behavior: url(./PIE.htc);
	border-style: solid;*/
}

#boxSimple
{
	border:1px solid #a1a1a1;
	padding:1em;
	background:#ffffff;
	border-radius:5px;
	-moz-border-radius:5px; /* Firefox 3.6 and earlier */
}

#notiChico
{
	background-color: #FFFFFF;
	width: 205px;
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
	border: 1px solid #a1a1a1;
	-moz-box-shadow: 0 0px 5px #B00000;
	-webkit-box-shadow: 0 0px 5px #B00000;
	box-shadow: 0 0px 5px #B00000;
}

#notiChico p
{
	padding-top:0.5em
	margin-left: 1em;
	margin-bottom: 1em;
}


.notiChicoTitu
{
	color: white;
	background-color: #B00000;
	clear: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}


#notiMedio
{
	background-color: #FFFFFF;
	width: 475px;
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#notiGrande
{
	border:none;
	background-color: #E8E8E8;
	width: 475px;
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
}

.notiGrandeTitu
{
	color: white;
	background-color: gray;
	clear: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

#publicidad
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #a1a1a1;
	border-bottom-color: #a1a1a1;
	margin-top: 10px;
	margin-bottom: 10px;
}

#publicidad a:link {
	text-decoration: none;
	color: #FFFFFF;
}

#publicidad a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#publicidad a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#footer
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#000000;

	font-size:90%;
	text-align: right;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	background-color:#B00000;
	color:#FFFFFF;
}
#footer a:link {
	color:#999999;
	text-decoration: none;
}

#footer a:visited {
	color:#999999;
	text-decoration: none;
}

#footer a:hover {
	color:#970000;
	text-decoration: none;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FCE5D5; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 290px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 1px 20px 0px 2px; /* padding keeps the content of the div away from the edges */
	color:#000000;
	background-color: #FFFFFF;
	height: 100%;
}

#sidebar2 h3 {
	color:#B00000;
	font-size: 12px;
}

#sidebar2 a:link {
	color:#999999;
	text-decoration: none;
}

#sidebar2 a:visited {
	color:#999999;
	text-decoration: none;
}

#sidebar2 a:hover {
	color:#970000;
	text-decoration: none;
}

#sidebar2 li
{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding: 9px;
	font-family: Georgia;
	font-family: Georgia;
	font-style: italic;
}

#sidebar2 ul
{
	list-style-type: none;
	padding: 0px;
}

#mainContent {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 1px 10px 0 1px;
	width: 670px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}

#mainContent h3 {
	color:#333333;
	font-size: 12px;
	text-transform: uppercase;
}

#mainContent a:link {
	color:#999999;
	text-decoration: none;
}

#mainContent a:visited {
	color:#999999;
	text-decoration: none;
}

#mainContent a:hover {
	color:#970000;
	text-decoration: none;
}

#main2 {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 1px 10px 0 1px;
	width: auto;
}

#main2 h3 {
	color:#333333;
	font-size: 12px;
	text-transform: uppercase;
}

#main2 a:link {
	color:#999999;
	text-decoration: none;
}

#main2 a:visited {
	color:#999999;
	text-decoration: none;
}

#main2 a:hover {
	color:#970000;
	text-decoration: none;
}

.colorRojo {
color: #B00000
}

#mainContent2 {
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 1px 5px 1em 1px;
	width: 670px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}

#mainContent2 h3 {
	color:#333333;
	font-size: 16px;
	text-transform: uppercase;
}

#mainContent2 a:link {
	color:#999999;
	text-decoration: none;
}

#mainContent2 a:visited {
	color:#999999;
	text-decoration: none;
}

#mainContent2 a:hover {
	color:#970000;
	text-decoration: none;
}
