@charset "UTF-8";
/* CSS Document */

*{
		padding:0;
		margin:0;
		vertical-align: top;
}

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body{
		font: 80.5% "Lucida Grande", sans-serif;
		color:#000000;
		background-image:url(images/principalbg.png);
		background-repeat: repeat-x;
		padding: center;
		position:center;
	}
	
#container{

		margin:auto;
		width:960px;
	
}

#header{float:center;
		position:center;
		padding-top:20px;}
		
#logo{	padding: center;
		position: center;
		padding-top: 20px;}
		
#navigation{background-image: url(images/nav_bar_bg.png);
			background-position: center;
			background-repeat: no-repeat;
			width:960px;
			height:47px;
			margin-top: 20px;}

#search{width:260px;
		float:left;}
			
.search-field{	background-image: url(images/searchfield.png);
				width:201px;
				height:32px;
				background-color: transparent;
				border:0px;
				margin-left: 15px;
				margin-top: 7px;
				float: left;
				text-indent: 4px;}
				
.search-button{
		background-image:url(images/lupa.png);
		background-color:transparent;
		border: none;
		color:transparent;
		margin-left: 5px;
		width:32px;
		height:33px;
		margin-top: 7px;}
		
#cse-search-results{
					background-color: transparent;
					}
		
#navigationlinks{
		
		height:44px;
		float:right;
		width:680px;
		padding-top:0px;
		padding-left:0px;
		
}


#navigationlinks li {
		margin-top:11px;
		display: inline;
		float:left;
		padding-top:0px;
		padding-left:0px;
		
		}

#navigationlinks li a {
			display:block;
			height: 44px;
			text-indent: -9999px;
			float: center;
			padding-left:0px;
		}
		
#navigationlinks li.presentacion a {
			width:132px;
			height:22px;
			background: url(images/presentacion.png) bottom left no-repeat;
			padding-left:0px;
		}

#navigationlinks li.convenios a {
			width:105px;
			height:22px;
			background: url(images/servicios.png) bottom left no-repeat;
			padding-left:0px;
		}
		
#navigationlinks li.contactenos a {
			width:134px;
			height:22px;
			background: url(images/contactenos.png) bottom left no-repeat;
			padding-left:0px;
		}
		
#navigationlinks li.aulasvirtuales a {
			width:157px;
			height:22px;
			background: url(images/aulasvirtuales.png) bottom left no-repeat;
			padding-left:0px;
		}
		
#navigationlinks li.inscripciones a {
			width:131px;
			height:22px;
			background: url(images/inscripciones.png) bottom left no-repeat;
			padding-left:0px;
		}
		
#navigation li a:hover {
			background-position: top left;
		}
		
#image {margin-left:6px;
		margin-top: 10px;
		width:960px;}
		
#paneles{width:960px;
		height:193px;
		margin-bottom:20px;
		margin-top:00px;}

.panel{background-image: url(images/panel_bg.png);
		background-repeat:no-repeat;
		background-position: center;
		width:250px;
		height:220px;
		padding-top:05px;
		display:table-cell;
		text-align:left;
		padding-left:0px;
		}
		
.panellinks	{
	margin-top: 15px;
	padding-left:0px;
	
}
		
.panellinks li{	margin-left:5px;
			margin-right:5px;
			list-style:none;
			text-align:left;
			padding-left:0px;
			margin-top:2px;			
			}
			
.panellinks li a {
			display:block;
			margin-left:14px;
			margin-right:15px;
			text-decoration:none;
			background-color:#cccccc;
			font-family:Verdana;
			font-size:11px;	
			font-weight:bold;
		}
		
.titulopanel{height:20px;
			margin-top: 24px;}

#footer	{	background-image:url(images/footer_bg.gif);
			background-repeat:no-repeat;
			padding-top: 16px;
			font-family: "Baskerville Old Face";
			font-size: 14px;
			height: 138px;
			text-align: center;
		
		}
a:link{
		color:#009900;
		text-decoration:none;
		}
		
a:visited{
		text-decoration:none;
		color:#009900;
		}
		
a:hover{
		text-decoration:none;
		color:#0000FF;
}

#contenido	{width:900;
			margin-left:10px;
			margin-right:10px;
			margin-top: 20px;
				}
				
h1{font-size: 24px;
	}
	
h2{font-size: 16px;
	font-style: oblique;
	color:#333333;}
	
h3{	font-family:Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #009900;
	}
	
#contenido p{font-family: Lucida Grande;
			font-size: 14px;}