/* Resetting margins and paddings of all elements */
body, div, h1, h2, h3, h4, h5, h6, p, ul, img { margin:0px; padding:0px; }

body { font-family: Arial, Helvetica, sans-serif; }

.container {  
    width: 1020px;  
    margin: 0 auto;
}

#header {  
    height: 34px;
	padding-bottom: 6px;
}

.header1 {
	/*background: rgb(255,252,111); */
	border-bottom-color: rgb(255,252,111);
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.header2 {
	/*background: rgb(75,34,16);*/
	border-bottom-color: rgb(75,34,16);
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.header3 {
	/*background: rgb(168,215,245);*/
	border-bottom-color: rgb(168,215,245);
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

ul#menu {
	list-style: none;
	margin-bottom: 20px;
	padding-top: 8px;
    padding-bottom: 20px;  /* menu elements position */
}  

ul#menu li {  
    float: left;
    padding-left: 10px;
	padding-right: 10px;
}  
  
ul#menu li a {  
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;   
    padding-left: 10px; 
}

.linkcolor1 {
   color: rgb(75,75,77);
}

.linkcolor2 {
   /*color: rgb(255,255,255);*/
   color: rgb(75,34,16);
}

.linkcolor3 {
   color: rgb(114,174,228);
}

ul#menu li a:hover {  
    font-size: 18px;
    font-weight:bold;
    color: rgb(254,208,0);  
    text-decoration: none;   
    padding-left: 10px; 
}

ul#menu li a.current {  
    font-size: 18px;
    font-weight:bold;
    color: rgb(240,140,0);  
    text-decoration: none;   
    padding-left: 10px; 
}

#logo {
	float: left;
    background: url(images/logo-jornadas.jpg) no-repeat;  
    height: 220px;  /* change if logo size changes */
    width: 250px;
	margin-left: 20px;
	margin-right: 100px;
}

#logo h1 {  
    text-indent: -9999px;   
}

#title {  
    float: left; /* prevent IE problem */
	background: url(images/title.jpg) no-repeat;
    height: 186px;  
    width: 600px;
	margin-top: 20px;
}

#content {
	padding-top: 20px;
}

.content-class1 {
	background: rgb(255,252,111) url(images/top1.jpg) top no-repeat;
}

.content-class2 {
	background: rgb(75,34,16) url(images/top2.jpg) top no-repeat;
}

.content-class3 {
	background: rgb(168,215,245) url(images/top3.jpg) top no-repeat;
}

/* Content */
#content h2 {  
	font-size: 25px;  
    padding-top: 25px;
	text-align: center;
}

.h2option1 {
    color: #72AEE4;
}
 
.h2option2 {
    color: rgb(247,140,0);
}

.h2option3 {
    color: rgb(247,140,0);
}

#content h3 {  
    font-size: 21px;  
    padding-top: 30px;
    padding-bottom: 7px;
	padding-left: 50px;
}

.h3option1 {
    color: #4B4B4D;
}

.h3option2 {
    color: rgb(254,208,0);
}

#content p {  
    font-size: 14px;  
    padding-top: 10px;
    padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	text-align: justify;   
}

.poption1 {
    color: #595858;
}

.poption2 {
	color: rgb(255,2555,255);
}

#content p .span-class1 {
	color: rgb(247,140,0);
}
  
#content small {  
    font-size: 12px;  
    color: #373737;   
}  
  
#content a {  
    color: #0f6c8d;  
    font-weight: bold;  
    text-decoration: none;   
}

.img-left {
    float: left;
    padding-left: 15px;
	padding-right: 20px;
}

.img-right {
    float: right;
    padding-left: 15px;
	padding-right: 20px;
}

#footer {
    text-align: right;
    font-size: 10px;  
    color: #595858;
	height: 100px;
	padding-right: 10px;
}

.footer-class {
	background: url(images/bottom.jpg) top no-repeat;
}

.hrOption1 {
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
	color: rgb(75,34,16);
	background-color: rgb(255,255,255);
	border: dotted;
}

.acenter {
	text-align: center;
}

.textColor1 {
	color: rgb(255,255,255); // white
}

.textColor2 {
	color: rgb(254,208,0); // yellow
}

.textColor3 {
	color: rgb(247,140,0); // orange
}

.textColor4 {
	color: rgb(75,75,77); // grey
}

.link {
	color: rgb(75,75,77);
	font-size: 12px;
	text-decoration:underline;
}