/* CSS Document */
body {
	margin-top:0;
	background:	#d9d9d9 url(../images/fondo-liz.jpg) center repeat-y ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
}


a:link {
	color: #666633;
}
a:visited {
	color:  #666633;
}
a:hover {
	color: #F88900;
}
a:active {
	color:  #666633;
}


table {
background-color:#FFFFFF;
}

#logo-animado {
width:900px;
height:74px;
}

/******************NAvigation menu ******************************/

#top-logo {
height:124px;
width:900px;
}

.bgcolor-menu {
background-color:#f58222;
}


/*************menu-vertical***********************/

#menu {
margin:0;
padding:5px 5px 5px 13px;
width:180px;
text-align:	left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #dbd4cf;
}

#menu ul {
width:175px;
margin-left:0;
list-style-type:none;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
padding:0;
}

#menu li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

#menu a {
  display: block;
  padding:0px;
  width: 175px;
  height: 28px;
  margin:0;
  text-align: left;
  line-height: 21px;
  color: #000000;
  font-weight:normal; 
  text-decoration: none;
  background: url(../images/vineta.gif) no-repeat left top;
  text-indent: 1px;
}

#menu a:hover, #menu .selected a {
  color: #990000;
  background-position: left bottom;
  text-decoration:	none;
  
}

#menu .first a {
  height: 22px;
  line-height: 21px;
}



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


#anima-home {
width:702px;
height:351px;
}

#foto-interior {
width:702px;
height:200px;
}

#contenido {
padding:25px 25px 4px 25px;
}

#contenido h1 {
	font-size: 2em;
	color:#993300;
	font-weight: normal;
	background-image:url(../images/ico-titulo.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:25px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
}

#contenido h2 {
	font-size: 2em;
	color: #666666;
	font-weight: normal;
}

#contenido h3 {
	font-size:14px;
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}

#contenido p {
font-size: 1.2em;
line-height:18px;
}

#contenido table {
font-size: 1.2em;
}


/****************** menu 2 ******************************/

#navcontainer {
width:650px;
line-height:20px;
margin-top:30px;
padding:15px 0 0 0;
border-top: 1px dashed #FF9900;
font-size:0.9em;
}

#navcontainer ul {
padding:0;
margin:0 0 5px 0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 10px;
color:	#CC0000;
}

#navlist li a
{
text-decoration:none;
color:#999999;
}

#navlist li a:hover
{
text-decoration:underline;
color:#F88900;
}

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

.floatright { 
	float: right; 
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid #CCCCCC;
	border-width: 6px;
}

.floatleft {
	height:150px;
	width:150px;
	float: left;
	padding: 0;
	border: solid #CCCCCC;
	border-width: 4px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 0;
}

hr {
color:	#CCCCCC	;
height: 1px;
margin-top:20px;
margin-bottom:20px;
}

/*
hr {
color: #3D3B3E;
background-color: #3D3B3E;
height: 1px;
margin-bottom:20px;
}
*/
/********************************************/	
#banner0 {
padding-top:30px;
padding-bottom:10px;
}

#banner {
padding-bottom:10px;
}


#home-banners {
margin-left:12px;
height:240px;
width:979px;
}

#pie {
background: #888888 url(../images/fondo-pie.gif) no-repeat left top;
height:70px;
width:900px;
padding-top:30px;
margin:0;
font-size:1em;
}

#pie p {
color:#fff;
text-align:center;
margin:0;
font-size:1em;
padding-bottom:10px;

}

form {
margin:10px 0 0 0;
font-size:1em;
}
form .celdas-grandes{
width:300px;
height:17px;
padding:3px;
margin:0 0 10px 0;
border:#FF9900 1px solid;
}
form .celdas-chica{
width:100px;
height:17px;
padding:3px;
margin:0 0 10px 0;
border:#FF9900 1px solid;
}
form .comentario{
width:300px;
height:80px;
padding:3px;
margin:0 0 10px 0;
border:#FF9900 1px solid;
scrollbar-arrow-color:#FF9900; 
scrollbar-base-color: #9c0001; 
scrollbar-dark-shadow-color:#FF9900; 
scrollbar-track-color:#FF9900; 
scrollbar-face-color:#FF9900; 
scrollbar-shadow-color:#9c0001; 
scrollbar-highlight-color:#FF9900; 
}

.desig {
font-size:0.8em;
text-align:center;
}

.desig a{
color:	#FF6600;
text-decoration:none;
}

.desig a:hover{
color:#FF6600;
text-decoration:underline;
}



#main-carrera {
	height:auto;
	width:613px;
	margin:0;
	padding:10px 20px 20px 20px;
}
/****************** FONDOS  *********************/
.carrera1 {
	background: url(../images-carreras/fondo01.gif) no-repeat;
}
.carrera2 {
	background: url(../images-carreras/fondo02.gif) no-repeat;
}
.carrera3 {
	background: url(../images-carreras/fondo03.gif) no-repeat;
}
.carrera4 {
	background: url(../images-carreras/fondo04.gif) no-repeat;
}
.carrera5 {
	background: url(../images-carreras/fondo05.gif) no-repeat;
}
.carrera6 {
	background: url(../images-carreras/fondo06.gif) no-repeat;
}
.carrera7 {
	background: url(../images-carreras/fondo07.gif) no-repeat;
}
.carrera8 {
	background: url(../images-carreras/fondo08.gif) no-repeat;
}
/************************************************/

#main-carrera h1{
	height:70px;
	margin:0 0 25px 0;
	padding:0 20px 0 60px;
	text-align:	left;
	font-size:2em;
	font-weight:normal;
	background: url(../images-carreras/ico-carrera.gif) no-repeat left center;
}

#main-carrera p{
	font-size:1.1em;
	font-style:	normal;
	color:	#4F4F4F;
	line-height:16px;
	padding-left:15px;
}


#main-carreras-detalle {
	width:613px;
	background-image: url(../images-carreras/fondo06-detalles.gif);
	background-repeat: no-repeat;
	margin:0;
	padding:25px 20px 20px 20px;
}

#main-carreras-detalle h4{
		font-size:1.2em;
		padding:5px 30px 0 40px;
		margin-top:10px;
		color: #666666;
		height: 23px;
		font-weight: bold;
}

.icon1{ background: url(../images-carreras/f01-titu-cursos.gif) no-repeat left center; }
.icon2{ background: url(../images-carreras/f02-titu-duracion.gif) no-repeat left center; }
.icon3{ background: url(../images-carreras/f03-titu-costo.gif) no-repeat left center; }
.icon4{ background: url(../images-carreras/f04-titu-horarios.gif) no-repeat left center; }
.icon5{ background: url(../images-carreras/f05-titu-cursos.gif) no-repeat left center; }


#main-carreras-detalle p{
	font-size:1.1em;
	font-style:	normal;
	color:	#4F4F4F;
	line-height:16px;
	padding-left:100px
}

#main-carreras-detalle #loscursos{
	width:480px;
	margin:10px 0 40px 100px;
	padding:0 20px 0 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

#main-carreras-detalle h2 {
	font-size:1.2em;
	padding:0 20px 0 20px;
	margin:0;
	color: #FF6600;
	font-style:	normal;
}