* {margin:0; padding:0;}

html, body {height:100%;}

body {background-color:#67792F; background-image:url(../images/bg.png); background-repeat:repeat-x; font-size:62.5%; font-family:Arial,Helvetica,sans-serif;}

h1 {font-family:Arial,Tahoma,Helvetica,Geneva,Arial,sans-serif;}

img.alignright { float: right; margin-left: 30px; margin-bottom: 30px; margin-top: 5px;  }

img.alignleft { float: left; margin-right: 30px; margin-bottom: 30px; margin-top: 5px; }

#todo {margin-left:auto; margin-right:auto; width:960px; min-height:100%;  height:auto !important;  height:100%;  margin:0 auto -140px;}

#cabecera {width:960px; height:118px; float:left; background-image:url(../images/cabecera.jpg);}

#logo {width:270px; height:118px; float:left;}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {display:block; width:270px; height:118px; outline:none;}

#menu_sup {height:27px; padding-top:20px; width:660px; float:left; right:0px; text-align:right; font-size:1.1em; color:#a7a7a7;}

#menu_sup a:link, #menu_sup a {color:#fff; text-decoration:none; outline:none;}

#menu_sup a:hover, #menu_sup a.activo {color:#5382CA;}

#menu {width:680px; height:35px; float:left;}

#menu ul {margin-top:10px; text-align:center; width:690px;}

#menu ul li {display:inline; padding:0px 9px;}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {color:#c5c5c5; text-transform:uppercase; text-decoration:none; font-size:13px; outline:none;}

#menu ul li a.activo:link, #menu ul li a.activo:visited, #menu ul li a.activo:hover, #menu ul li a.activo:active {color:#5382CA;}

#menu ul li a:hover {color:#5382CA;}

#menu ul li a.contact, #menu ul li a.contact:link, #menu ul li a.contact:visited, #menu ul li a.contact:hover, #menu ul li a.contact:active {color:#fc6a6a; outline:none;}

#menu ul li a:hover.contact {color:#d94242;}

#banner {width:960px; height:332px; padding-top:0px; float:left; background-image:url(../images/intro1.jpg); background-repeat:no-repeat;}

#banner h1 {font-size:2.7em; font-weight:normal; color:#fff; text-align:right; line-height:1.2em; width:940px; margin-right:10px; margin-top:240px;}

#banner h1 span {background-color:#56A226; padding:0px 5px;}


#bloque {width:960px; float:left; background-color:#fff; background-image:url(../images/bloque_bg.jpg); background-repeat:repeat-y; padding-bottom:20px;}

#bloque a:link, #bloque a:visited, #bloque a:hover, #bloque a:active {color:#56A226; text-decoration:underline; outline:none;}

#bloque a:hover {color:black;}

#bloque h1 {color:#006529; border-bottom:1px solid #56A226; font-weight:normal; margin-bottom:15px; }

#col_izq {width:600px; float:left; padding:20px;}

#col_izq p {font-size:1.3em; line-height:1.5em; color:#464646; margin-bottom:17px;}

#col_izq h1 {font-size:2.1em; padding-bottom:4px; text-transform:uppercase;}

#col_izq ul {list-style-position:inside; color:#2E5913;}

#col_izq ul span {color:#464646;}

#col_izq ul li {font-size:1.3em; line-height:1.5em; padding-left:10px; margin-bottom:5px;}

#col_izq ul li.lista {list-style-type:none;}

#col_izq ul li ul li {font-size:0.9em; padding-left:20px;}

#col_izq h2 {margin-top:30px; font-size:2em; padding-bottom:2px; font-weight:normal; border-bottom:1px solid #bbc1c8; margin-bottom:15px; color:#3b4042; clear:both;}

#col_der {width:280px; float:left; padding:20px; background-color:#f7f9fb; padding-top:30px;}

#col_der.contact {background-image:url(../images/contact.jpg); margin-top:20px; padding-top:180px;}

#col_der strong {font-weight:bold;}

#col_der h1 {font-size:1.7em;}

#col_der p {font-size:1.2em; margin-bottom:1px; line-height:1.5em;}

#col_der p.highlight {background-color:#edf0f3; padding:10px;}

#col_der p.caja {;}

#col_der p.caja {color:#fff; font-weight: bold; background-color:#56A226; color:white; padding:10px; display:block;}

#col_der p.caja a:hover {background-color:red;}


#bloque_pie {width:960px; float:left; height:7px; background-image:url(../images/pie.png); font-size:1px;}

#espacio {width:960px; float:left; height:111px;}


.programa {margin-left: 50px; font-size:12px; margin-bottom: 10px;}

#bloque h3 {color:#56A226; font:bold 15px/21px arial, sans-serif; margin:1em 0 .2em 0; padding:0;}

.programa dl dt {border-bottom:solid #ccc 1px; margin-top:10px; padding-left:17px; background:url(../images/flecha.gif) no-repeat center left; font-weight:bold; padding-bottom:1px; font-size:14px;}

.programa dl dt span {float:right; margin-top:-22px;}

.programa dl dd {padding:5px 10px 5px 0; text-align:justify;}

.inscripcion {margin-left: 0; font-size:12px;  margin-bottom: 10px;}

.inscripcion dl dt {border-bottom:solid #ccc 1px; margin-top:20px; padding-left:17px; background:url(../images/flecha.gif) no-repeat center left; font-weight:bold; padding-bottom:1px; font-size:14px;}

.inscripcion dl dt span {float:right; margin-top:-22px;}

.inscripcion dl dd {padding:5px 10px 5px 0; text-align:justify;}

.mg {padding-left: 120px; margin-left: 120px;}

#contacto {font-family: verdana, helvetica, arial, sans-serif; color: #333333; float: left; width: 570px; margin-bottom: 25px;}

#contacto label {color:#555; display: block; font:normal 11px/22px verdana, helvetica, arial, sans-serif; padding: 5px 0 0 0;}

#contacto input, #contacto textarea {font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #555; font-weight: normal; font-style: normal; height:1.2em; line-height: normal; padding: 4px}

#contacto select {font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; color: #555; font-weight: normal; font-style: normal; line-height: normal;}

#contacto textarea {height:4.5em;}

.red {color: #d69e18;}

span.right{float:right; margin:1px 18px 0 0; padding:0}

span.right a img {border:0}