html, body, div, izq, object, iframe, h1, h2, h3, h4, p {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;font-family:inherit;
    vertical-align:baseline;}

body {
	line-height:1.5;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

table, td, th {
	vertical-align:middle;
}

a img {
	border:none;
}

p {
	margin:0 0 1.5em;
	line-height:1.65em;
}


/*---------------------------------------------------------*/

/* Tipografía*/
body {
	font-size:80%;
	color:#222;
	background:#fee;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top:30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#16AFDB;
}
h1 {
	font-size:2.6em;
	line-height:1;
	margin-bottom:0.5em;
}

h2 {
	font-size:1.9em;
	margin-bottom:0.75em;
}

h3 {
	font-size:1.4em;
	line-height:1;
	margin-bottom:1em;}

h4 {
	font-size:1.1em;
	line-height:1.25;
	margin-bottom:1.25em;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	margin:0 0 1.5em;line-height:1.65em;
}

p img{
    float: center;
}
<!--
p img.left {
	float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;}

p img.right {
	float:right;
	margin:1.5em 0 1.5em 1.5em;}-->

a:focus, a:hover {color:#000;}

/*---------------------------------------------------*/
/*------------------------------------------------------*/

/* Nav CSS */
nav {
    margin: 50px auto;  
}
 
nav ul {
    list-style: none;
    overflow: hidden;
}


nav li a {
    background: #00ccff;
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font: 400 13px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 30.5%;
}
 



/*--------------------*/










.container {
	width:790px;
	margin:0 auto;
	display: block;
}

.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;}

.center {
	text-align:center;
}

.borderTop { 
	border-top: 1px 
	solid #eee;
}


div.izq-1, div.izq-2{
	float:left;
}

.izq-1{
	width: 230px;

}

.izq-2 {
	width:469px;
}

div.colborder {
	padding-right:24px;
	margin-right:25px;
	border-right:1px solid #eee;}

.info {
	background: #fafcfc;
}

.pre-1 {
	padding-left:40px;
}


.pre-top {
	margin-top:1.5em;
    margin-left: -1em;
}
.pre-top2 {
	margin-top:1.5em;
    margin-left: 2em;
    
}

.append-0 {
	padding-right:20px;
}

/*Script*/

.script{
    font-style: italic;
    font-size: large;
    color: white;
    background-color: fff;
    
}




/*Footer*/
#footer{
	padding:20px 0;
	background:#1AA6C0
}



#footer ul{
	margin:0
}

#footer ul li{
	display:inline-block
}

#footer ul li a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
    text-underline-position: below;
	padding:0 10px
}

#footer ul li.active a{
	color:#FFFE62
}
#footer ul li.script{
    font-style: oblique;
}


hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;}


/*---------------------------------------------------------------*/


/* Tabla, con ayuda de la página http://tablestyler.com/*/
/*Para tabla de asignaturas de jonny*/

.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%; } 

.datagrid {
    margin: 145px auto;
	font: normal 12px/150% Times New Roman, Times, serif; 
	background: #fff; 
	overflow: hidden; 
	border: 3px solid #54A6D6; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; }


.datagrid table td, .datagrid table th { 
	padding: 8px 13px; 
	}

.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#FFFFFF; 
	font-size: 18px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; } 

.datagrid table thead th:first-child { 

	border: none; }

.datagrid table tbody td { 
	color: #5C25BA; 
	border-left: 3px solid #5877F4;
	font-size: 14px;
	border-bottom: 4px solid #36C1F4;
	font-weight: normal; }

.datagrid table tbody .alt td { 
	background: #42C5F4; 
	color: #193ABF; }

.datagrid table tbody td:first-child { 
	border-left: none; }

.datagrid table tbody tr:last-child td { 
	border-bottom: none; }

.datagrid table tfoot td div {
	border-top: 1px solid #54A6D6;
	background: #E1EEf4;} 

.datagrid table tfoot td { 
	padding: 0; font-size: 12px } 

.datagrid table tfoot td div{ 
	padding: 2px; }

.datagrid table tfoot td ul { 
	margin: 0; padding:0; 
	list-style: none; 
	text-align: right; }

.datagrid table tfoot  li { 
	display: inline; }

.datagrid table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }

.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #00557F;
	 color: #FFFFFF; 
	 background: none; 
	 background-color:#006699;}

/*-----------*/
/*Para tabla de asignaturas de bea*/

.datagrid2 table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%; } 

.datagrid2 {
    margin: 97px auto;
	font: normal 12px/150% Times New Roman, Times, serif; 
	background: #fff; 
	overflow: hidden; 
	border: 3px solid #54A6D6; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; }

.datagrid2 table td, .datagrid table th { 
	padding: 8px 13px; 
	}

.datagrid2 table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#FFFFFF; 
	font-size: 18px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; } 

.datagrid2 table thead th:first-child { 

	border: none; }

.datagrid2 table tbody td { 
	color: #5C25BA; 
	border-left: 3px solid #5877F4;
	font-size: 14px;
	border-bottom: 4px solid #36C1F4;
	font-weight: normal; }

.datagrid2 table tbody .alt td { 
	background: #42C5F4; 
	color: #193ABF; }

.datagrid2 table tbody td:first-child { 
	border-left: none; }

.datagrid2 table tbody tr:last-child td { 
	border-bottom: none; }

.datagrid2 table tfoot td div {
	border-top: 1px solid #54A6D6;
	background: #E1EEf4;} 

.datagrid2 table tfoot td { 
	padding: 0; font-size: 12px } 

.datagrid2 table tfoot td div{ 
	padding: 2px; }

.datagrid2 table tfoot td ul { 
	margin: 0; padding:0; 
	list-style: none; 
	text-align: right; }

.datagrid2 table tfoot  li { 
	display: inline; }

.datagrid2 table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }

.datagrid2 table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #00557F;
	 color: #FFFFFF; 
	 background: none; 
	 background-color:#006699;}

div.dhtmlx_window_active, div.dhx_modal_cover_dv { 
	position: fixed !important; }