/*
Author: Adriˆ Marcet Rovira
Project: Pestimatges
Company: Valtap.net
File: css/style.css
Last edited: April 13, 2010, 3:45 am
*/

/*  Main  */

*						{				margin: 0 auto; padding: 0;}
a						{				text-decoration: none; color: #E2DEDE;}
a:visited				{				text-decoration: none; color: #E2DEDE;}
a:hover					{				text-decoration: underline; color: #E2DEDE;}
a img					{				border: 0;}
img						{				border: 0;}
@font-face				{				font-family: GoodDog; font-style: normal; font-weight: 600; src: url(../GoodDog.otf);}

body 					{				font-family: Helvetica, sans-serif;
										 
										background: url(../images/confetti.png) repeat-x left bottom #E8A955;
										font-size: 62,5%;
										}
#wrapper 				{				margin:0 auto; margin-top: 10px; max-width: 1024px; }


/*----------------------CARACTERES-----------*/

h1						{				font-size: 36pt; font-family: GoodDog; color: #CE4E0F; padding-bottom: 10px; }
h1.portada				{				font-size: 68pt; font-family: GoodDog; color: #CE4E0F; padding-bottom: 10px; }

h2						{				font-size: 34pt; font-family: GoodDog; color: #A31411; padding-bottom: 10px; }
h3						{				font-size: 34pt; font-family: GoodDog; color: #49A5BA; padding-bottom: 10px; }

h1.info					{				font-size: 36pt; font-family: GoodDog; color: #82A0A8; padding-bottom: 10px;}

h4						{				font-family: GoodDog; color: #D1462A; font-size: 18pt; text-align: right;}
h5						{				font-weight: bold; font-size: 12pt;}

/*----------------------HEADER---------------*/

#header {
		 max-width: 1024px; 
		 margin-top: 20px; 
		 padding-left: 14px; 
		 }
		#header ul {
					list-style: none; 
					margin-left: 10px; 
					display: inline; 
					}
					#header ul li {
									float: left;
									}

li a					{				display: block;}

.tab1 a					{				width: 337px; height: 53px; background: url(../images/tab1.png) no-repeat center top; text-indent: -9999px;}
.tab1 a:hover			{				width: 337px; height: 53px; background: url(../images/tab1_hov.png) no-repeat center; text-indent: -9999px;}


.tab2 a					{				width: 170px; height: 53px; background: url(../images/tab2.png) no-repeat center top; text-indent: -9999px;}
.tab2 a:hover			{				width: 170px; height: 53px; background: url(../images/tab2_hov.png) no-repeat center; text-indent: -9999px;}


.tab3 a					{				width: 174px; height: 53px; background: url(../images/tab3.png) no-repeat center; text-indent: -9999px;}
.tab3 a:hover			{				width: 174px; height: 53px; background: url(../images/tab3_hov.png) no-repeat center; text-indent: -9999px;}

.tab4 a					{				width: 102px; height: 53px; background: url(../images/tab4.png) no-repeat center; text-indent: -9999px;}
.tab4 a:hover			{				width: 102px; height: 53px; background: url(../images/tab4_hov.png) no-repeat center; text-indent: -9999px;}


/*----------------------MAINWARP---------------*/


#mainwarp1 				{				float: left;

										border: 20px solid #A31411;
										border-bottom: none;
										-moz-border-radius: 10px 10px 0px 0px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										
										width: 824px;
										padding: 20px;
										margin-top: -3px;
										height: 680px;
										
										background: #EFEACE; top: -1px;					
										}
										
#mainwarp2 				{				float: left;
										
										border: 20px solid #CE4E0F;
										border-bottom: none;
										-moz-border-radius: 10px 10px 0px 0px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										
										margin-top: -3px;
										max-width: 824px;
										padding: 20px;
										
										background: #EFEACE; top: -1px;
										height: 100%;
										}
										
#mainwarp3 				{				float: left;
										
										border: 20px solid #82A0A8;
										border-bottom: none;
										-moz-border-radius: 10px 10px 0px 0px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										
										max-width: 824px;
										padding: 20px;
										margin-top: -3px;
										
										background: url(../images/bg3.png) no-repeat bottom left #EFEACE;
										height: 680px;
										width: 824px;
										}	
																			
#p0						{				width: 721px; margin-left: 40px; text-align: justify; }
#p1						{				font-size: 14pt; padding-bottom: 20px;}										
#p2						{				background: url(../images/img_la_festa.png) no-repeat top right;
										}
#p2 p					{				font-size: 11pt; height: 240px; width: 557px; line-height: 125%;}
										
#p3						{				background: url(../images/img_el_llibre.png) no-repeat top left;
										padding-left: 340px; 
										padding-bottom: 10px;
										width: 486px; 
										}
#p3 p					{				width: 445px; font-size: 11pt; line-height: 125%; }

#p4						{				width: 350px;
										background: url(../images/img_info.png) no-repeat top right; 
										width: 98%; height: 325px;
										padding-left: 15px;}
#p4 i					{				font-size: x-small;}
#p5						{				width: 200px; height: 80px; float: left;
										background: url(../images/mail.png) no-repeat  top left;
										padding-top: 5px;
										padding-left: 130px;
										float: right;
										margin-top: 120px;
										margin-right: 50px;
										line-height: 20px;}
#p5 a					{				color: #82A0A8;}

#footer1 				{				float: left; font-size: 7pt;
										width: 864px;
										height: 20px;
										background: #A31411;
										text-align: center;
																				
										border: 20px solid #A31411;
										border-bottom: none;
										-moz-border-radius: 0px 0px 10px 10px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										
										}
										
#footer2 				{				float: left; font-size: 7pt;
										width: 864px;
										height: 20px;
										background: #CE4E0F;
										text-align: center;
																				
										border: 20px solid #CE4E0F;
										border-bottom: none;
										-moz-border-radius: 0px 0px 10px 10px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										}
										
#footer3 				{				float: left; font-size: 7pt;
										width: 864px;
										height: 20px;
										background: #82A0A8;
										text-align: center;
																				
										border: 20px solid #82A0A8;
										border-bottom: none;
										-moz-border-radius: 0px 0px 10px 10px;
										-webkit-border-radius: 10px;
										border-radius: 10px; /* future proofing */
										-khtml-border-radius: 10px; /* for old Konqueror browsers */
										}


/*------------------------------------------------*/