/*WEB DESIGN PASTELERIA IDEAL: BLUWEB */

/*COLORS

Blue: 	#000066
Red:	#993333
White:	#FFF


*/


/*reset */

*					{margin: 0; padding: 0; }
html				{overflow-y: scroll;}
html, body			{height: 100%; }
body				{font-size: 62.5%; font-family: "Arial Black", sans-serif; color: #333;
					background: url(./images/bgk.jpg) 0px 0px repeat;}
ul					{list-style: none;}
ol					{list-style: decimal inside;}
a					{outline: none; text-decoration: none;}

img					{vertical-align: middle; border: none;}
table				{border-collapse: collapse;}

/*UTILITY*/
 					
.floatLeft			{float: left;}
.floatRight			{float: right;}
.clear				{clear: both; }
.button				{border: 1px solid #000066; background: white;
					padding: 3px 8px; 
					-moz-border-radius: 5px; -webkit-border-radius: 5px;
					color: #000066; }
.button:hover		{background: #000066; color: white;  }	

/* TYPOGRAPHY */

p, li				{ font-size: 1.2em; line-height: 1.4em; margin: 0 0 10px 0; }

a					{color: #FF0000; }
a:hover				{ background: #CCCCCC; color: white; -moz-border-radius: 5px; 
					-webkit-border-radius: 5px; }
a img:hover			{width: auto; height:auto; opacity: 1.0;}
a img				{opacity:0.8;}
h1					{font-size: 3.6em;  font-weight: normal; text-shadow: #CCCCCC 2px 1px 1px; }		
h2					{font-size: 2.8em;  font-weight: normal; }
h3					{font-size: 2.6em;  font-weight: normal; 
					margin: 0 0 10px 0; text-shadow: #CCCCCC }
h4					{ color: white; font-size: 2.0em; margin-bottom: 15px; }
h5					{ color: white; font-size: 1.8em; margin-bottom: 15px;
					text-shadow: #CCC 1px 1px 1px;}	
h6					{ color: white; font-size: 1.6em; margin: 0 10px 10px 0;
					text-shadow: #CCC 2px 2px 2px;}

h8					{ color: white; font-size: 1.6em; font-style: bold; margin: 10px 10px 20px 0;
					text-shadow: #CCC 1px 1px 1px;}	
.bigger				{font-size: 1.8em;}			

/* Structure */

#wrapper			{ width: 960px; margin: 0px auto -110px;
					min-height: 100%; height: auto !important; height: 100%; background-color: white;}
#page-wrap			{ width: 960px;  background-color: white; }
#push				{ height: 250px; }
#main-col			{ width: 610px;float: left; margin:0 10px; background-color: white;}
#sidebar		{ width: 310px; margin: 10px 0 10px 10px; float: left; background-color: white; }

#map-canvasSep			{width: 140px; height: 140px; border: 3px solid #993333; margin: 90px 0 10px 30px; }
#map-canvasUr			{width: 140px; height: 140px; border: 3px solid #993333; margin: 0px 0 10px 30px; }
#map-canvasAr			{width: 140px; height: 140px; border: 3px solid #993333; margin: 0px 0 10px 30px; }
h2.spacer				{margin: 215px 0 0 0;}
.suc				{float: left; margin-right: 5px; border-right: 1px dotted #000066; padding-right: 7px;}

/* ----------- Header----------- */


h1#logo				{ width: 512px; height: 140px; 
background-color: #000066;
background:  url(images/pastelerialaideal.jpg);
background-position: top left;
background-repeat:  no-repeat; 
text-indent: -9999px; margin: 20px 10px 5px 10px; float: left; display: block; }
h1#logo:hover		{cursor: pointer;}
#top-bar			{padding: 0 0 0 0; background-color: #000066; background: url(images/head-bgk.jpg); background-position:  top center; background-repeat: no-repeat; height: 220px;}
#top-bar p			{padding: 20px 0 0 0; color: white; width: 300px; float: left; }
form#searchform		{ margin: 0 0 10px 0; float: right;}
#topPic				{width: 310px; margin:-150px 10px 0 0; float: right; overflow: hidden}
#topPic img			{border: 3px solid white;}
#topPic a:hover	{opacity:0.8;}

#titleBgk			{background: #993333 url(images/h1-bgk.jpg) top left repeat-x ; color: white; margin: 10px 10px 10px 0; }
#titleBgk h1		{margin: 12px 0 0 5px; display: block;  }
#sideTitle			{background: #993333 url(images/h1-bgk.jpg) top left no-repeat; color: white; margin: 10px 10px 10px 0;
					width: 310px; overflow: hidden; }

/* ----------- NAVIGATION----------- */


#menu-bar			{ padding: 1px 0 20px 10px; float: left;}
ul#main-nav 		{width: 560px; margin: 10px 0 10px 0; }
ul#main-nav li		{display:inline; }
ul#main-nav li a 	{color:white;
text-decoration:none;
float:left;
font-weight:bold;
text-shadow: #CCCCCC 2px 1px 1px;
text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover	{background: white; color: #000066;}
.navigation				{font-weight: bold; text-shadow: #333 2px 1px 1px; margin-top: 10px;}
.nav-left				{float: left; margin-left: 10px; }
.nav-right				{float: right; margin-right: 10px;}
ul#main-nav li.current a, ul#main-nav li.current a:hover		{background:#000066 ; color: white;text-decoration: underline; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
/* ----------- SIDEBAR----------- */

.sidebarImg				{width: 140px; height: 140px; margin: 0px 0px 10px 0; overflow: hidden; border: 3px solid #993333; float: left; }
.sidebarImgR			{width: 140px; height: 140px; margin: 0px 0px 10px 14px; overflow: hidden; border: 3px solid #993333; float: left; }

.sidebarImg ul li 			{display: inline; }

/* ---------------FOOTER----------------*/

#foot			{ height: 90px; background: #993333; border-top: 3px solid #000066; 
				padding-top: 20px; color: #FFF;}
#foot a			{color: #FFF; font-size: 1.3em; border-right: 1px solid white; padding-right: 5px;}
#foot a:hover	{background: white; color: #993333;}
#foot h5		{ color: white; font-size: 2.0em; margin-bottom: 15px;
					text-shadow: #333 1px 1px 1px;}	
#foot-inside	{ width: 960px; margin: 0 auto;}
#foot-menu		{width: 580px; float: left; margin: 0 10px;}
#foot-menu ul li	{display: inline;}
#foot-menu ul li.current a, #foot-menu ul li.current a	{background: #993333; color: white; text-decoration: underline; }
#foot p			{ color: white;}
#foot-copy		{width: 130px; margin: 0 10px; float: right; }
#foot-copy a		{font-size: 1.0em;}
.footsig			{ color: white; font-size: 1.4em; font-style: bold; margin: 0 10px 10px 0;
					text-shadow: #CCC 1px 1px 1px;}

/* ---------------FORM----------------*/

.power			{visibility: hidden !important;}

/* ----------- GALLERY----------- */

#Gal-col			{width: 940px; margin: 0 10px;}	
.gal-img			{margin:5px; border: 2px solid #993333; float: left;}