/* Theme Name: Instituto 
Author: Martin Césare
*/
 
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

img
{
  border:0;
}


body {
	background: #ffffff;
	font-family: Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana;
        font-size: 12px;
	color: #5A5A5A; 
	text-align: center;
        line-height:1.3;	
}

/* HEADERS */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 10px;		
	color: #444444;	
}
h1 {
	font-size: 2.2em;		
}
h2 {
	font-size: 2em;
	color: #50D1FE;
        text-align: center;
}
h3 {
	font-size: 1.5em;
	font-weight: normal;	
	padding: 8px 10px 8px 10px;
}

h5 {
	font-size: 1.2em;
	font-weight: normal;	
	padding: 4px 0px 0px 0px;
}

/* PARAGRAPH */

p { 
padding: 12px 6px 6px 6px;
}

br {
margin: -20px 0px;
}

/* LISTAS */

ul, ol {
	margin: 0px 20px;
	padding: 0 20px;	
}

ul { list-style: none; }

dl { padding: 0px; margin: 0; }

dt {
  font-weight: bold;
  color: #F0F0F0;
}
dd {
  padding-left: 25px; 
}

/* TABLAS */
table {
	border-collapse: collapse;
	margin: 15px 10px;		
}
th {
	height: 28px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
	text-align: center;
	background: #50D1FE;	
	border-width: 1px;
  	border-style: solid;
  	border-color: #EDEDED;	
}
tr {
	height: 34px;
	background: #fff;
}
td {
	padding: 6px 11px;
	border: 1px solid #EDEDED;
	background: #F7F7F7;	
}

	.wp-table-reloaded {
        width:100%;
}

/* FORMULARIOS */

form {
	margin: 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

input, textarea {
        position: relative;
	margin: 0; padding: 5px;
	font: normal 11px Verdana, Arial;
	color: #333333;
        border: 1px #D9D9D9 solid;
	background: #F5F5F5;
	vertical-align: middle; /* alinea la flecha con este elemento */
}

input.textbox { 
	width: 25px;
	height: 25px;
	padding: 3px 3px 3px 70px;	
	
}

textarea {
        position: relative;
        top: 0px; left: 0px;
	width: 100%;	
	height: 170px;
	display: block;	
        margin-right: 0px;
}


/* ************** FORMULARIO  DE INSCRIPCION *****************  */

#formulario-de-inscripcion {
	font-family: Georgia, Verdana, Tahoma;
        font-size: 13px;
        font-style: italic;
        font-weight: normal;
        margin-top: 30px;
}

.formulario input { 
	width: 550px;
	height: 20px;
	padding: 5px 3px 3px 3px;	
}

.formulario input.documento { 
	width: 180px;
	height: 20px;
	padding: 5px 3px 3px 3px;
	margin-left: 15px;	
}

.numero-documento {
float: left;
}

.fecha-nacimiento {
float: right;
margin-right: 25px;
}

.titulos-input { float: left; }

.formulario input.submit { 
	width: 150px;
	height: 30px;
	margin-top: 25px;
	margin-right: 10px;
	padding: 5px;		
}

/* select { padding: 0 5px; } NO ANDA EN WINDOWS */

/********************************************
              LAYOUT
********************************************/ 


#wrap {
	position: relative;
	width: 976px;
	background: url(images/body.jpg) repeat-y -4px 0px;
	margin: 0px auto;
	text-align: left;
        clear: both;	
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 976px;	
	padding: 0px 0 0px 0;
margin-top:25px;
margin-bottom: 0px;
}
#header {
	position: relative;
	width: 976px;
	height: 278px;
	background: url(images/header.jpg) no-repeat top center;	
	color: #fff;	
	padding: 0;	
	margin: 0;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 56px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	letter-spacing: -3px;
	text-decoration: none;
	color: #fff;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 58px; left: 55px;	
}

/* Main Column */

#principal {
	position: relative;
	clear: both;
	float: left;	
	width: 976px;	
	padding: 0px 0 10px 0; 	
	background: white url(images/body.jpg) repeat-y top center;
}

#lateral {
margin-top: -5px;
margin-left: -11px;
position: relative; /* gracias a este atributo la capa main queda al lado */
float: left;
clear: both;
width: 230px;
height: auto;
display: inline;
}

#aca-no-esta {
	float: left;
	width: 825px;
	padding: 0; 
        margin: 5px 50px 5px 90px;
display: inline;
}

#recuadro {
	margin: 6px 6px 6px 6px;
	padding: 0px 6px 6px 6px;
        font-weight: normal;
	font-size: 13px;
	line-height: 1.4em;	
	color: #5A5A5A;	
	border: 1px solid #909090; 
        background: #F7F7F7;
        width: 98%;
}

#main {
	float: right;
	width: 585px;
	padding: 0; 
        margin: 0 70px 0 0px;
	display: inline;
        margin-top: -25px;
}

#main h2 {
	font: bold 2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #505050; 
	padding: 25px 0PX 8px 40px;		
	letter-spacing: -1px;
	border-bottom: 0px solid #FDEC56;
        text-align: left;
        background: url(images/bullet.png) no-repeat 7px 7px;
}
#main h2 a {
	font: bold 1.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #73D9FF;
	padding: 25px 0 0px 0px;		
	letter-spacing: -1px;
	border-bottom: 0px solid #077CA8;
        margin-left: 10px; margin-top: -25px;	
	text-decoration: none;	
       	
}

#main h2 a:hover {
color: #1AB7EE;
border-bottom: 0px solid #077CA8;
}

#main h3 a {
	font: bold 1.8em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #73D9FF;
	padding: 25px 0px 0px 30px;		
	letter-spacing: -1px;
	border-bottom: 0px solid #077CA8;
        margin-left: 0px; margin-top: -25px;	
	text-decoration: none;	
       	background: url(images/bullet.png) no-repeat 0px 7px;
}

#main h3 a:hover {
color: #1AB7EE;
}

#main h4 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #505050; 
	padding: 25px 0 0px 40px;		
	letter-spacing: -1px;
	border-bottom: 0px solid #72D8FE;
        text-align: center;
        text-decoration: underline;
}

#main ul li {
	list-style-image: url(images/bullet.gif);
}

#screenshots {	
	margin-top: 15px;
}

#screenshots a img, a:visited img {	
	color: #ffffff;
}

#screenshots a:hover img {
	color: #306495;
}

/* FOOTER */

#footer {
	clear: both;
	color: #555555;	
	margin: 0 0 0 0; 
	width: 976px;
        height: 167px;
	padding: 0px 0 5px 0;
	text-align: center;	
	font-size: 0.95em;
        background: url(images/footer.png) no-repeat bottom center;
}

#footer a { 
color: #306495; 
}

#footer p {
margin: 0; padding: 0; 
}

#firma { 
color: #ccc; 
float: right;
padding: 5px 40px 5px 0;
font-size: 10px;
}

#firma a, a:visited { 
color: #ccc;
text-decoration: none;
}

#firma a:hover { 
color: #46CDFC;
text-decoration: none;
}

/* ALIGNMENT CLASSES */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* CLEARING */

.clearer { 
clear: both; 
}

.clear { 
display:inline-block; 
}

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

/* LINKS */

a, a:visited {	
	color: #306495;
	background: inherit;
	text-decoration: none;
}

a:hover {
	color: #306495;
	background: inherit;
	text-decoration: underline;
}

a img {border: 1px solid #ffffff;}



/* IMAGENES */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0 25px 0px 0px;
	margin: 0 0px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.direcciones {
	margin: 15px 0px 0px 0px;
        font-weight: normal;
	font-size: 13px;
	line-height: 1.4em;
	font-family: Georgia, 'Times New Roman', Times, serif;		
	color: #333333;	
	border: 1px solid #E8E8E8; 
	background: #FAFAFA;
        width: 45%;
        margin-left: auto; margin-right: auto; /* me permite centrar la capa */
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 10px 6px 10px 6px;
	padding: 0px 6px 6px 6px;
        font-weight: normal;
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;	
	color: #5A5A5A;	
	border: 1px solid #909090; 
        background: #F7F7F7;
        width: 98%;
}

.inscripcion-box {
	margin: 26px auto 6px auto;
	padding: 0px 6px 6px 6px;
        font-weight: normal;
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;	
	color: #5A5A5A;	
	border-left: 10px solid #72D9FF; 
        background: #fafafa;
        width: 88%;
}

#menu-top {
	top:-20px; left: -12px;
	position:relative;
	overflow:hidden;
}


/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#menu-top {	
	width:920px;
	list-style:none;
	height:69px
}

ul#menu-top li {
	display:inline
}

ul#menu-top li a {
	height:69px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#menu-top  li a span {
	float:left;
	display:block
}

ul#menu-top li#menu-top-1 a {
	width:83px;
	background:url(images/botonera-top.png) no-repeat 0px 0
}

ul#menu-top li#menu-top-1 a:active,
ul#menu-top li#menu-top-1 a:hover {
	background-position:0px -69px
}

ul#menu-top li#menu-top-2 a {
	width:62px;
	background:url(images/botonera-top.png) no-repeat -83px 0
}

ul#menu-top li#menu-top-2 a:active,
ul#menu-top li#menu-top-2 a:hover {
	background-position:-83px -69px
}

ul#menu-top li#menu-top-3 a {
	width:117px;
	background:url(images/botonera-top.png) no-repeat -145px 0
}

ul#menu-top li#menu-top-3 a:active,
ul#menu-top li#menu-top-3 a:hover {
	background-position:-145px -69px
}

ul#menu-top li#menu-top-4 a {
	width:83px;
	background:url(images/botonera-top.png) no-repeat -262px 0
}

ul#menu-top li#menu-top-4 a:active,
ul#menu-top li#menu-top-4 a:hover {
	background-position:-262px -69px
}

ul#menu-top li#menu-top-5 a {
	width:173px;
	background:url(images/botonera-top.png) no-repeat -345px 0
}

ul#menu-top li#menu-top-5 a:active,
ul#menu-top li#menu-top-5 a:hover {
	background-position:-345px -69px
}

ul#menu-top li#menu-top-6 a {
	width:170px;
	background:url(images/botonera-top.png) no-repeat -518px 0
}

ul#menu-top li#menu-top-6 a:active,
ul#menu-top li#menu-top-6 a:hover {
	background-position:-518px -69px
}

ul#menu-top li#menu-top-7 a {
	width:105px;
	background:url(images/botonera-top.png) no-repeat -688px 0
}

ul#menu-top li#menu-top-7 a:active,
ul#menu-top li#menu-top-7 a:hover {
	background-position:-688px -69px
}

ul#menu-top li#menu-top-8 a {
	width:127px;
	background:url(images/botonera-top.png) no-repeat -793px 0
}

ul#menu-top li#menu-top-8 a:active,
ul#menu-top li#menu-top-8 a:hover {
	background-position:-793px -69px
}

/* SIDEBAR NAVIGATION BAR
	/////////////////////////////////////*/

	ul#sidebar {	
		width:221px;
		list-style:none;
		height:414px
	}

	ul#sidebar li {
		display:block;
		text-indent:-9999px;
		text-decoration:none
	}

	ul#sidebar li a {
		width:221px;
		display:block
	}

	ul#sidebar  li a span {
		float:left;
		display:block
	}

	ul#sidebar li#sidebar-1 a {
		height:130px;
		background:url(images/botonera-lateral.png) no-repeat 0 0px
	}

	ul#sidebar li#sidebar-1 a:active,
	ul#sidebar li#sidebar-1 a:hover {
		background-position: -221px 0px
	}

	ul#sidebar li#sidebar-2 a {
		height:117px;
		background:url(images/botonera-lateral.png) no-repeat 0 -130px
	}

	ul#sidebar li#sidebar-2 a:active,
	ul#sidebar li#sidebar-2 a:hover {
		background-position: -221px -130px
	}

	ul#sidebar li#sidebar-3 a {
		height:116px;
		background:url(images/botonera-lateral.png) no-repeat 0 -247px
	}

	ul#sidebar li#sidebar-3 a:active,
	ul#sidebar li#sidebar-3 a:hover {
		background-position: -221px -247px
	}

	ul#sidebar li#sidebar-4 a {
		height:50px;
		background:url(images/botonera-lateral.png) no-repeat 0 -363px
	}

	ul#sidebar li#sidebar-4 a:active,
	ul#sidebar li#sidebar-4 a:hover {
		background-position: -221px -363px
	}


/* PROGRAMAS NAVIGATION BAR
/////////////////////////////////////*/

ul#programas {	
	width:520px;
	list-style:none;
	height:75px
}

ul#programas li {
	display:inline
}

ul#programas li a {
	height:75px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#programas  li a span {
	float:left;
	display:block
}

ul#programas li#programas-1 a {
	width:97px;
	background:url(images/botonera-carrera.png) no-repeat 0px 0
}

ul#programas li#programas-1 a:active,
ul#programas li#programas-1 a:hover {
	background-position:0px -75px
}

ul#programas li#programas-2 a {
	width:111px;
	background:url(images/botonera-carrera.png) no-repeat -97px 0
}

ul#programas li#programas-2 a:active,
ul#programas li#programas-2 a:hover {
	background-position:-97px -75px
}

ul#programas li#programas-3 a {
	width:100px;
	background:url(images/botonera-carrera.png) no-repeat -208px 0
}

ul#programas li#programas-3 a:active,
ul#programas li#programas-3 a:hover {
	background-position:-208px -75px
}

ul#programas li#programas-4 a {
	width:102px;
	background:url(images/botonera-carrera.png) no-repeat -308px 0
}

ul#programas li#programas-4 a:active,
ul#programas li#programas-4 a:hover {
	background-position:-308px -75px
}

ul#programas li#programas-5 a {
	width:110px;
	background:url(images/botonera-carrera.png) no-repeat -410px 0
}

ul#programas li#programas-5 a:active,
ul#programas li#programas-5 a:hover {
	background-position:-410px -75px
}

/* ***************** INSCRIPCION ************************* */

	ul#inscripcion {	
		width:221px;
		list-style:none;
		height:114px
	}

	ul#inscripcion li {
		display:block;
		text-indent:-9999px;
		text-decoration:none
	}

	ul#inscripcion li a {
		width:221px;
		display:block
	}

	ul#inscripcion  li a span {
		float:left;
		display:block
	}

	ul#inscripcion li#inscripcion-1 a {
		height:114px;
		background:url(images/boton-inscripcion.png) no-repeat 0 0px
	}

	ul#inscripcion li#inscripcion-1 a:active,
	ul#inscripcion li#inscripcion-1 a:hover {
		background-position: -221px 0px
	}

/* ***************** GALERIA DE IMAGENES  ************************* */

	ul#galeria {	
		width:221px;
		list-style:none;
		height:54px
	}

	ul#galeria li {
		display:block;
		text-indent:-9999px;
		text-decoration:none
	}

	ul#galeria li a {
		width:221px;
		display:block
	}

	ul#galeria  li a span {
		float:left;
		display:block
	}

	ul#galeria li#galeria-1 a {
		height:54px;
		background:url(images/BOTON-GALERIA-IMAGENES.png) no-repeat 0 0px
	}

	ul#galeria li#galeria-1 a:active,
	ul#galeria li#galeria-1 a:hover {
		background-position: -221px 0px
	}