body {
    background: #fff;
    line-height:14px;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

html,body {
    height: 100%;
    text-align: center;
}

a {  
    text-decoration: none;
}

strong {  
    font-weight: 700;
}
 
h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2em;
    border-bottom: 1px dotted #6b9ef1;
    color: #5f95ef;
    margin-bottom: 1em;
}

h1.verde, h2.verde {
	color: #4c9227;
	border-bottom: 1px dotted #57b625;
}

h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    border-bottom: 1px dotted #6b9ef1;
    color: #5f95ef;
    margin-bottom: 1em;
	padding-left: 2px;
}

h3 {
	font-size: 15px;
	color: #444;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1em;
	padding-left: 1px;
}

.clear {
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.red {
	color: #d20a05 !important;
}

.red-table {
	color: #d20a05 !important;
	border: 2px solid #b72b18 !important;
	font-size: 20px !important;
}

.green {
	color: #66b835 !important;
}

.green-table {
	color: #66b835 !important;
	border: 2px solid #348d08 !important;
	font-size: 20px !important;
}

.line {
	border: none;
	border-bottom: 1px dotted #6b9ef1;
	margin: 40px 0 20px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}



/* ----- Container ----- */ 
#container {  
    width: 600px;
    margin: 40px auto;
    text-align: left;
}

#wider-container {
	width: 900px;
	margin: 40px auto;
}

#widest-container {
	width: 1000px;
	margin: 40px auto;
}

#cms-container {  
    width: 750px;
    margin: 40px auto;
    text-align: left;
}

#container p {
	margin-bottom: 20px;
}


/* ----- Form ----- */
#customForm {  
    padding: 0 10px 10px;
} 

#customForm label {  
    display: block;
    color: #797979;
    font-weight: 700;
    line-height: 1.4em;
}

#customForm input {  
    width: 220px;
    padding: 6px;
    color: #949494;
    font-family: Arial,  Verdana, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #cecece;
}

#customForm input.narrow {
	width: 25px;
}

#customForm input.error {  
    background: #f8dbdb;
    border-color: #e77776;
}

#customForm textarea {  
    width: 550px;
    height: 80px;
    padding: 6px;
    color: #adaeae;
    font-family: Arial,  Verdana, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12px;
    border: 1px solid #cecece;
}

#customForm textarea.error {  
    background: #f8dbdb;
    border-color: #e77776;
}

#customForm div {  
    margin-bottom: 15px;
}

#customForm div span {  
    margin-left: 10px;
    color: #b1b1b1;
    font-size: 11px;
    font-style: italic;
}

#customForm div span.error {  
    color: #e46c6e;
}

#customForm .radio {
	width: 15px;
	margin-top: 10px;
	margin-left: 8px;
}

#customForm #send {  
    background: #6f9ff1;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    border: 0;
    cursor: pointer;
	border: 1px solid #666;
	margin-top: 30px;
}

#customForm #send.verde {
	background-color: #40a816;
}

#customForm #send:hover {  
    background: #79a7f1;
}

#customForm #send:hover.verde {  
    background: #56ba21;
}

#error {  
    margin-bottom: 20px;
    border: 1px solid #efefef;
}

#error ul {  
    list-style: none;
    padding: 5px;
    font-size: 11px;
}

#error ul li {  
    list-style-position: inside;
    line-height: 1.6em;
	font-size: 15px;
	padding-left: 10px;
}

#error ul li strong {
    color: #e46c6d;
	font-size: 18px;
}

#error.valid ul li strong {  
    color: #93d72e;
}

#customForm #send.config-ruta {
	width: 100px;
	margin: 0 240px 40px;
}



/* ----- Tables ----- */
table.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
}

table.tablesorter tbody tr.odd td {
	background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



/* ----- Info Table ----- */
#table-info {
	width: 400px;
	margin: 12px 0 40px;
}

#table-info th {
	font: 15px Georgia;
	border: 2px solid #666;
	text-align: center;
	padding: 6px;
}

#table-info td {
	font-size: 30px;
	border: 2px solid #aaa;
	text-align: center;
	padding: 13px 4px 11px;
}



/* ----- Main Menu ----- */
#main-menu {
	width: 650px;
	margin: 0 auto;
}

#main-menu ul {
	list-style: none; 
	width: 220px;
	float: right;
	margin: 15px;
}

#main-menu ul li {
	font-size: 13px;
	height: 29px;
	margin: 0 0 6px 15px;
}

#main-menu ul li a {
    color: #fff;
	display: block;
	width: 180px;
	background-color: #6f9ff1;
	border: 1px solid #3654c8;
	border-left: 3px solid #3654c8;
	padding: 6px 15px;
}

#main-menu ul li a:hover {
	background-color: #77aaec;
}



/* ----- Cuadro Vinculos ----- */
#vinculos {
	background-color: #f0f0f6;
	float: left;
	width: 190px;
	margin: 40px 10px;
	border: 2px solid #ccc;
	padding: 15px 20px;
	color: #222;
	font-size: 12px;
}

#vinculos p {
	text-align: left;
	margin-bottom: 10px;
	
}

#vinculos a {
	color: #5f95ef;
	text-decoration: underline;
}



/* ----- Cuadro Tlfs Contacto ----- */
#tlf-contactos {
	background-color: #f0f0f6;
	float: right;
	width: 250px;
	margin: 40px 10px;
	border: 2px solid #ccc;
	padding: 15px 20px;
	color: #222;
	font-size: 12px;
}

#tlf-contactos h2, #vinculos h2 {
	font-size: 14px;
    line-height: 1.2em;
    border-bottom: 1px dotted #6b9ef1;
    color: #5f95ef;
    margin-bottom: 1em;
    text-align: left;
}

#tlf-contactos ul {
	margin-left: 20px;
}



/* ----- Div Inscricion Pechada ----- */
#pechada {
	width: 495px;
	height: 20px;
	margin: 40px auto;
	padding: 15px 10px 10px 75px;
	background: url(../images/pechada.png) no-repeat 3% 37%; /*#f54140*/
	border: 2px solid #b72b18;
}

#pechada p {
	font-size: 16px;
}