body {
    /*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
    font-family: arial, sans-serif;
    margin-top: 7px;
    font-size: 12px;
}

table{
    font-size:1em;
}

a:link {
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #FF9933;
}

a:active {
    text-decoration: underline;
}

h1 {
    color: #666666;
}

h2 {
    color: #666666;
}

h2.naranja {
    color: #FF9933;
    width: 100%;
}

h3.azul {
    color: #3333FF;
}

h4.naranja {
    color: #FF9933;
}

h4.azul {
    color: #3333FF;
}

h4.rojo {
    color: #FF3399;
}

h4.gris {
    color: #666666;
}

img {
    border: none;
}

.rojo {
    color: red;
}

/**********	CABECERA **********/
#contenedor-cabecera{
    width:730px;
}

.cabecera {
    font-size: 3em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    float: left;
}

.cabecera a:link,.cabecera a:visited,.cabecera a:active,.cabecera a:hover
{
    text-decoration: none;
}

.cabecera-derecha{
    float:right;
}

/**********	NAVEGACION **********/
.GrisArriba {
    background-image: url(../images/GrisArriba.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 734px;
    height: 8px;
    margin-left: 10px;
    height: 8px
}

.GrisArribaIzquierda {
    background-image: url(../images/GrisArribaIzquierda.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 8px;
    height: 8px;
}

.GrisIzquierda {
    background-image: url(../images/GrisIzquierda.gif);
    background-repeat: repeat-y;
    background-position: right top;
    width: 8px;
}

.GrisAbajoIzquierda {
    background-image: url(../images/GrisAbajoIzquierda.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 8px;
}

.GrisAbajo {
    background-image: url(../images/GrisAbajo.gif);
    background-repeat: repeat-x;
    background-position: left top;

    height: 13px;
}

.GrisAbajoDerecha {
    background-image: url(../images/GrisAbajoDerecha.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.GrisDerecha {
    background-image: url(../images/GrisDerecha.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

.GrisArribaDerecha {
    background-image: url(../images/GrisArribaDerecha.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 8px;
    height: 8px;
}

.RojoArriba {
    background-image: url(../images/RojoArriba.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.RojoIzquierda {
    background-image: url(../images/RojoIzquierda.gif);
    background-repeat: repeat-y;
    background-position: right top;
}

.RojoCentro {
    background-image: url(../images/RojoCentro.gif);
    background-repeat: repeat;
}

.RojoAbajo {
    background-image: url(../images/RojoAbajo.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

.RojoDerecha {
    background-image: url(../images/RojoDerecha.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

.barraNavegacion {
    font-size: 1.2em;
    color: #666666;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.barraNavegacion a:active,.barraNavegacion a:link,.barraNavegacion a:visited
{ /*color: #FF9933;*/
  color: #666666;
  text-decoration: underline;
}

.barraNavegacion a:hover {
    text-decoration: none;
}

.tipologias {

}

.tipologias div {
    float: left;
    width: 235px;
    color: #FF9933;
}

.tipologias a:hover,.tipologias a:active,.tipologias a:link,.tipologias a:visited
{
    color: #3333FF;
    font-weight: bold;
}

.categorias {

}

.categorias div {
    float: left;
    width: 235px;
    color: #FF9933;
}

.categorias a:hover,.categorias a:active,.categorias a:link,.categorias a:visited
{
    color: #3333FF;
    font-weight: bold;
}

.subcategorias {

}

.subcategorias div {
    float: left;
    width: 235px;
    color: #FF9933;
}

.subcategorias a:hover,.subcategorias a:active,.subcategorias a:link,.subcategorias a:visited
{
    color: #3333FF;
    font-weight: bold;
}

.metodologias {

}

.metodologias div {
    float: left;
    width: 100px;
    color: #FF9933;
}

.metodologias a:hover,.metodologias a:active,.metodologias a:link,.metodologias a:visited
{
    color: #3333FF;
    font-weight: bold;
}

.provincias {

}

.provincias div {
    float: left;
    width: 100px;
    color: #FF9933;
}

.provincias a:hover,.provincias a:active,.provincias a:link,.provincias a:visited
{
    color: #3333FF;
    font-weight: bold;
}

/**********	PAGINA **********/
.pagina {
    width: 950px;
}

/**********	CONTENIDO **********/
.contenido {
    float: left;
    width: 730px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

.registroTitulo {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.registroTitulo a:hover,.registroTitulo a:active,.registroTitulo a:link,.registroTitulo a:visited
{
    color: #FF9933;
    text-decoration: none;
    font-weight: bold;
}

.registroCampo {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #666666;
}

.registroCampo a:active,.registroCampo a:link,.registroCampo a:visited {
    color: #666666;
    text-decoration: none;
}

.registroCampo a:hover {
    color: #666666;
    text-decoration: underline;
}

.nombreTitulo {
    float: left;
    width: 250px;
    padding-right: 5px;
}

.centroTitulo {
    float: left;
    width: 200px;
    padding-right: 5px;
}

.lugarTitulo {
    float: left;
    width: 100px;
    padding-right: 5px;
}

.precioTitulo {
    width: 150px;
    float: left;
}

.nombreCampo {
    float: left;
    width: 250px;
    padding-right: 5px;
}

.centroCampo {
    float: left;
    width: 200px;
    padding-right: 5px;
}

.lugarCampo {
    float: left;
    width: 100px;
    padding-right: 5px;
}

.precioCampo {
    float: left;
    width: 150px;
}

.anuncioEspecial {
    background-color: #ffc7c7;
    border: 1px solid #ff6868;
    padding: 2%;
    margin-bottom: 20px;
    width: 96%;
}

.logoCentroTitulo {
    width: 95px;
}

.nombreCentroTitulo {
    text-align: left;
}

.logoCentroCampo {
    width: 95px;
}

.nombreCentroCampo {
    text-align: left;
}

.cursoTitulo {
    width: 250px;
    
}

.centroTitulo {
    width: 200px;
    
}

.metodoTitulo {
    width: 150px;
    
}

.provinciaTitulo {
    width: 100px;
    
}

.cursoCampo {
    width: 250px;
    
}

.centroCampo {
    width: 200px;
    
}

.metodoCampo {
    width: 150px;
    
}

.provinciaCampo {
    width: 100px;
    
}

/*
.textoCurso{
	border: 1px solid #9999ff;
	background-color: #ccccff;
	padding: 10px;
}
*/ /*Paginador*/
.paginador {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.step {
    font-weight: bold;
    border: 1px solid #ededed;
    padding:5px;
    margin-left: 2px;
}


.currentStep {
    color: red;
    font-weight: bold;
    border: 1px solid #ededed;
    padding:5px;
    margin-left: 2px;
}

.nextLink {
    font-weight: bold;
    border: 1px solid #ededed;
    padding:5px;
    margin-left: 2px;
}

.prevLink {
    font-weight: bold;
    border: 1px solid #ededed;
    padding:5px;
    margin-left: 2px;
}

.paginador a:link,.paginador a:active,.paginador a:visited {
    color: #3333FF;
    text-decoration: none;
}

.caracteristicasCurso {
    background-color: #ffffcc;
    border: 1px solid #ffff66;
    padding: 10px;
}

.formularioRegistro {
    float: right;
    margin-right: 20px;
}

.textbox-p {
    width: 200px;
}

.textbox-m {
    width: 300px;
}

.textbox-g {
    width: 600px;
}

.textArea-p {
    width: 200px;
    height: 50px;
}

.textArea-m {
    width: 300px;
    height: 100px;
}

.textArea-g {
    width: 600px;
    height: 150px;
}

.listBox-p {
    width: 150px;
}

.listBox-m {
    width: 300px;
}

.listBox-g {
    width: 600px;
}

.datos-centro {
    width: 100%;
}

.datos-centro-formulario {
    width: 100%;
}

.datos-centro-formulario-email {
    margin-bottom: 20px;
}

.datos-centro-formulario-nombre {
    margin-bottom: 20px;
}

.datos-informacion-formulario-nombreYApellidos {
    margin-bottom: 20px;
}

.datos-informacion-formulario-nombreYApellidos-nombre {
    margin-right: 20px;
}

.datos-informacion-formulario-nombreYApellidos-apellidos {

}

.datos-informacion-formulario-emails {
    margin-bottom: 20px;
}

.datos-informacion-formulario-emails-email1 {
    margin-right: 20px;
}

.datos-informacion-formulario-emails-email2 {

}

.datos-informacion-formulario-telefonoYEdad {
    margin-bottom: 20px;
}

.datos-informacion-formulario-telefonoYEdad-telefono {
    margin-right: 20px;
}

.datos-informacion-formulario-telefonoYEdad-edad {

}

.datos-informacion-formulario-provinciaYEstudios {
    margin-bottom: 20px;
}

.datos-informacion-formulario-provinciaYEstudios-provincia {
    margin-right: 20px;
}

.datos-informacion-formulario-provinciaYEstudios-estudios {

}

.datos-informacion-formulario-observaciones {
    margin-bottom: 20px;
}

.errorWidget {
    border: 1px solid #fc6e70;
    background-color: #ffcbcb;
    color: #666666;
    width: 96%;
    padding: 2%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.infoWidget {
    border: 1px solid #a0ff90;
    background-color: #ddffd8;
    color: #666666;
    width: 92%;
    padding: 4%;
    margin-top: 5px;
    margin-bottom: 5px;
}

/**********	MENU DERECHO **********/
.menuDerecho {
    float: left;
    width: 200px;
    color: #666666;
}

.submenuDerecho {
    padding-top: 5px;
    padding-bottom: 5px;
}

.submenuDerecho hr {
    margin-top: 0px;
    border-style: double;
    border-color: #3333FF;
}

.submenuDerecho .elemento {
    padding-top: 5px;
    padding-bottom: 5px;
}

.submenuDerecho .elemento a:hover,.submenuDerecho .elemento a:active,.submenuDerecho .elemento a:link,.submenuDerecho .elemento a:visited
{
    color: #3333FF;
    font-weight: bold;
    text-decoration: none;
}

.submenuDerecho .elemento p a:active,.submenuDerecho .elemento p a:link,.submenuDerecho .elemento p a:visited
{
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}

.submenuDerecho .elemento p a:hover {
    color: #666666;
    font-weight: bold;
    text-decoration: underline;
}

/**********	PIE **********/
.pie {
    text-align: center;
    font-size: 0.8em;
}

.red-webs{
}

.red-webs table{
    margin-left: auto;
    margin-right: auto;
}

.red-webs td{
    text-align: left;
    vertical-align: top;
}

.sortable{
    text-align:left;
    background-image: url(../images/arrow_off.png);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:16px;
}

.sortable.sorted.asc{
    background-image: url(../images/arrow_up.png);
}

.sortable.sorted.desc{
    background-image: url(../images/arrow_down.png);
}

.centroPendiente{
    border: 1px solid #dddddd;
    margin-bottom: 10px;
}

.panelAdministrador {
    background-color: #f3f8fc;
    border: 1px solid #b2d1ff;
    color: #006dba;

    padding: 5px 5px 5px 5px
}

.panelAdministrador h2{
    font-size:1.4em;
}

.panelAdministrador .submenu {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left: 10px;
}

.panelAdministrador .submenu a:link, .panelAdministrador .submenu a:visited, .panelAdministrador .submenu a:active {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}

.panelAdministrador .submenu a:hover {
    color: #FF9933;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}