/* 	
*	Base del CSSframework 
*	Estilos por defecto
*/
* {
	margin:0;
	padding:0;	
}

body {
	background: #B3BED2 url(image/fondo.gif) repeat-x top left;
	font: 12px/13px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:#20306E;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS";
}

#container {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width:734px;
}

img {
    border:0;
}
/* 	
*	BASE FUNCIONES 
*	limpiar y ocultar capas
*/
.clear {
	clear:both;
}

.hide  {
	display:none;
}

.show {
    display:block;
}

/* 	
*	FORMULARIOS
*	aplicar para los input la class text, 
*	no se sobreescriben los inputs type submit
*/
input.text, textarea, select {
    padding: 2px;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(image/fieldbg.gif) repeat-x top;
    font: 11px/13px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

input.text {
    font-size:14px;
}

/* 	
*	ENLACES 
*	Estilos de enlaces por defecto
*/

/*******Para cursos superiores********/

.caja_superior a:link, h2 a:link {
	color:#20306E;
	text-decoration:underline;
}

.caja_superior a:visited, h2 a:visited {
	color:#20306E;
	text-decoration: underline;
}

.caja_superior a:hover, h2 a:hover {
	color:#20306E;
	text-decoration:none;
}

.caja_superior a:active, h2 a:active{
	color:#20306E;
	text-decoration:underline;
}

/*************************************/
/*******Para cursos basicos***********/

.caja_basico a:link, h2 a:link {
	color:#20306E;
	text-decoration:underline;
}

.caja_basico a:visited, h2 a:visited {
	color:#20306E;
	text-decoration: underline;
}

.caja_basico a:hover, h2 a:hover {
	color:#20306E;
	text-decoration:none;
}

.caja_basico a:active, h2 a:active{
	color:#20306E;
	text-decoration:underline;
}

/*************************************/
/*******Para masters******************/

.caja_master a:link, h2 a:link {
	color:#20306E;
	text-decoration:underline;
}

.caja_master a:visited, h2 a:visited {
	color:#20306E;
	text-decoration: underline;
}

.caja_master a:hover, h2 a:hover {
	color:#20306E;
	text-decoration:none;
}

.caja_master a:active, h2 a:active{
	color:#20306E;
	text-decoration:underline;
}

/*************************************/

/* 	
*	ESTILOS CURSOS 
*	Estilos por defecto
*/
h1, h1 a {
    display:block;
    height:45px;
    background:#fff url(image/titulo.gif) no-repeat left center;
    
}
h1 {
    margin-left:20px;
}

div.sep {
    height:2px;
    background:transparent url(image/sep.gif) repeat-x top left;
}

.cajon {
    /*padding-left:20px;*/
	
}

h2 {
    padding:10px;
    margin-left:10px;
    margin-top:30px;
    font-size:16px;
}

/*******Para cursos basicos******/

.caja_basico {
	background-image:url(img/caja_basico.gif);
    color:#333333;
	font-weight:bold;
    width:359px;
	height:220px;
    float:left;
}

.caja_basico h3 {
    color:#fff;
	line-height:16px;
    
    margin:20px 30px 20px 55px;
    font-size: 12px;
    font-weight: bold;
}
.caja_basico img {
    float:left;
    padding:2px;
    border:1px solid #666666;
    margin:0px 30px;
    margin-bottom:10px;
}

.caja_basico p {
    float:left;
    padding-top:10px;
    font-size:12px;
    line-height:18px;
}

.caja_basico a.info {
    display:block;
    border-top:1px solid #DBA112;
    color:#000;
    margin-top:5px;
    padding-top:5px;
}

/**********************************/
/******Para cursos superiores*****/

.caja_superior {
	background-image:url(img/caja_superior.gif);
    color:#333333;
    width:359px;
	height:220px;
    float:left;
	font-weight:bold;
}

.caja_superior h3 {
    color:#fff;
	line-height:16px;
    
    margin:20px 30px 20px 55px;
    font-size: 12px;
    font-weight: bold;
}
.caja_superior img {
    float:left;
    padding:2px;
    border:1px solid #666666;
    margin:0px 30px;
    margin-bottom:10px;
}

.caja_superior p {
    float:left;
    padding-top:10px;
    font-size:12px;
    line-height:18px;
}

.caja_superior a.info {
    display:block;
    border-top:1px solid #DBA112;
    color:#000;
    margin-top:5px;
    padding-top:5px;
}

/**********************************/
/******Para masters****************/

.caja_master {
	background-image:url(img/caja_master.gif);
    color:#333333;
	font-weight:bold;
    width:359px;
	height:220px;
    float:left;
}

.caja_master h3 {
    color:#fff;
	line-height:16px;
    
    margin:20px 30px 20px 55px;
	font-size: 12px;
    font-weight: bold;
}
.caja_master img {
    float:left;
    padding:2px;
    border:1px solid #666666;
    margin:0px 30px;
    margin-bottom:10px;
}

.caja_master p {
	float:left;
    font-size:12px;
    line-height:18px;
}

.caja_master a.info {
    display:block;
    border-top:1px solid #DBA112;
    color:#000;
    margin-top:5px;
    padding-top:5px;
}

/******************************/

.cajalegal {
    background-color: #fff;
    border:2px solid #ABB7CD;
    color:#333333;
    width:500px;
    margin:20px;
    padding:20px;
    float:left;
}
.cajalegal p {
    float:left;
    padding:8px;
    font-size:12px;
    line-height:18px;
}

#pie {
    margin:50px 0px;
}

#form, .form {
    padding:10px 20px;
}

#form br, .form br {
    display:none;
}

#form label, .form label {
    display:block;
    padding-bottom:3px;
}

#form input.text, .form textarea, .form input.text {
    margin-bottom:7px;
    width:270px;
}

.form textarea {
	height:150px;
}

.info {
	color:#000;
}

.error {
    color:red;padding:3px;padding-bottom:8px
}

.zip {
    padding-left:18px;
    background: #fff url(image/zip.gif) no-repeat left center;
}