/*defaults*/
body 	{background:#23402A url('../images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px;}
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{
	border-bottom:1px solid #DADADA;
	padding:5px 30px 20px 0px;
}
#navigation	{padding:10px 0; }
#header		{
	background:#DADADA url('../images/cabecera.jpg') no-repeat 10px 10px;
	padding:10px;
	height:200px;
}
#content	{
	float:left;
	width:490px;
	padding:20px 10px 0 0;
	line-height:110%;
}
#news		{float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem	{
	padding:20px 20px 5px 20px;
	border:1px solid #326502;
	font-size:90%;
	margin-bottom:20px;
	background-color: #fbfade;
}
#footer		{
	clear:both;
	width:100%;
	font-size:80%;
	background:#FFFFFF;
	padding:20px;
padding-top: 400px;
	text-align:left;
}
#copyright	{float:right; }


/*headings*/
.newsItem h1	{
	color:#990099;
	margin:0 0 10px 0;
	padding:0;
	font-size:130%;
	font-weight:normal;
}
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }


/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
div.main {width: 100%;
               height: 100%;
               text-align: center;
               }
               
div.agrupa {   text-align: left;
                      width: 275px;
                      height: 850px;
                      margin: 0 auto;
                      padding-top: 25px;
                  }

div.sombra { background: #C4FFB8;
                     position: relative;
                   }
                   
div.formulario { border: 1px dotted green;
                        background: white;
                        position: relative;
                        top: -5px;
                        left: -5px;
                         padding: 5px;
                         text-align: left;
                         margin: 0 auto;
                       }
div.agrupaParticipantes {   text-align: left;
                                                width: 550px;
                                                height: 500px;
                                                margin: 0 auto;
                                                padding-top: 25px;
                                             }

div.sombraParticipantes { background: #C7C7C7;
                                                position: relative;
                                             }
                   
div.formularioParticipantes { border: 1px dotted black;
                                                background: white;
                                                position: relative;
                                                top: -5px;
                                                left: -5px;
                                                padding: 5px;
                                                text-align: left;
                                                margin: 0 auto;
                                             }
span.formulario { font-family: arial;
                                font-size: 12px;
                                color: green;
                               padding: 10px;
                               }
input.text { padding: 1px;
                    margin: 5px;
                    border: 1px green solid;
                    font-family: arial;
                    font-size: 10px;
                    color: black;
                    vertical-align: middle;
                  }
td.participante { width: 250px;
                                    height: 50px;
                                    font-size: 10px;
                                    font-family: arial;
                                    vertical-align: top;
}
input.boton { background: green;
                        border: 1px white solid;
                        font-family: arial;
                        color: white;
                        font-size: 12px;
                        outline: 1px green solid;
                     }