/* CSS OXFORD CONNECT */


												/** 1.	RESET MAIN ELEMENTS **/

*{
   margin:0;
   padding:0;
}



html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
*, .x {												/* .x removes any inherent styling to elements below */
	margin: 0;
	padding: 0px;
	color: #555;
	background: transparent;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	text-align: left;
	vertical-align: baseline;
	border: 0;
	}

ul, ol, dd {
	list-style: circle;
	font-size: 13px;
	}
	
	.nostyle {
		list-style:none;
	}
ol {
	list-style-type: decimal;
	list-style-position: inside;
	}
	dt { font-weight: bold; }
	dd { padding: 0; }
table { 
	border-collapse: separate;
	}
	table th { font-weight: bold; }
hr {
	display: block;
	width: 100%;
	height: 1px;
	color: #FFFFFF;
	background: #aaa;
	border: none;
	}


.fondo_amarillo {
background-color:#FFFFCC;
}

.fondo_verde {
background-color:#CF6;
}

.fondo_azul {
background-color: #6FF;
}

.fondo_celeste {
background-color: #D8FAFA;
}

.fondo_naranja {
background-color: #FC3;
}



															/** BODY ELEMENTS **/

html {
	height:100%;
	overflow: scroll !important;
	}

body {
	color: #555;
	background: url(../images/bg.jpg) repeat-x    ;
	font-size: 13px;
	text-align: left;
	height:100%;
	}






															/** MAIN CONTAINERS **/
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}


div.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
	body.fullwidth div#container { width: 100%; }
	
	
	div#header {
		color: inherit;
		background: url(../images/bg_menusup.jpg) left no-repeat;
		height:80px;
		}
		
		div#header-in {
			padding: 20px;
			}
		#header_link_home a {
		position: absolute;
		top: 0px;
		width: 320px;
		height: 80px;
		text-indent: -9500px;

		}
			#header_link_home  a:hover, a:active {
			background: url(../images/bg_menusup_actve.jpg) ;
			}
		
			
	div.top {
		width:630px;
		margin-left:330px;
		height:auto;
		background:url(../images/bg_top.png) left top no-repeat;
		}
		

		
		div#barraauxiliar {
		height:58px;

		}
		
			#fondobarraauxiliar {
				height: 20px;
				border-bottom:#999 1px dashed;
				border-left:#999 1px dashed;
				border-right:#999 1px dashed;
				border-top:#ddc 2px solid;
				background:#dde;
			}

			.idiomas {
				position: absolute;
				width:130px;
				//height:30px;
				display: inline;
				//float:right;
				text-align: center;
				line-height:9px;
				//background: url(../images/bgacceso.png) no-repeat top right;
				margin-top:2 5px 5px 0;
				padding-right: 5px;
				padding-left:30px;
				}
		
		
				/*.acceso {
				position: relative;
				width:130px;
				height:30px;
				display: inline;
				float:right;
				text-align: center;
				line-height:9px;
				background: url(../images/bgacceso.png) no-repeat top right;
				}
				
					.acceso a{
					color: #666999;
					font-size:12px;
					}
							.acceso a:visited 	{ color: #666999; }
							.acceso a:hover 	{ color: #fff; }
							.acceso a:active 	{ color: #fff;  }
							
							
				 .telefono {
					 background:url(../images/telefono.gif) no-repeat left top;
				position: relative;
				width:480px;
				height:30px;
				display: inline;
				float:left;

				}
					
				.skype {
					margin-left:200px;
					padding-left:10px;
				
				}*/
			
	div#content-wrap {
		margin-top: 40px;
		padding: 10px 0;
		}
		
		
		div.content {
			color: inherit;
			}
			div.lcol div.content 	{ 
			margin: 0 0 0 330px; 
			vertical-align: top;}
			
			div.content-in {
				padding: 0 0 0 20px;
				}
					
					
			div.big_banner {
				margin:10px 0;
				width:627px;
				height:280px;
				background:url(../images/banners/big_banner1.jpg);
				background-color: transparent;
				}
				
				div.big_banner2 {
				margin:10px 0;
				width:610px;
				height:228px;
				background:url(../images/banners/big_banner2.jpg);
				background-color: transparent;
				}
				
				div.big_banner3 {
				margin:10px 0;
				width:610px;
				height:180px;
				background:url(../images/banners/big_banner3.jpg);
				background-color: transparent;
				}
				
				
				
			div.barra_titulo1 {
	margin:10px 0;
	padding: 0px 5px 5px 10px;
	width:612px;
	height:35px;
	background:url(../images/barra_titulo1.gif);
				}
				
				
			div.barra_titulo2 {
				margin:10px 0;
				padding: 0px 5px 5px 10px;
				width:612px;
				height:35px;
				background:url(../images/barra_titulo2.gif) ;
				}	
				
		div.column {
			width: 320px;
			color: inherit;
			
			}
			div.lcol div.column 	{ float: left; }
			
			div.column-in {
				padding: 0 10px 0 0;
				background: url(../images/bg_column.png) top left no-repeat;
				}
				
	
		
		div.list_column {
			margin: 10px;
			padding-left:10px;
			list-style: armenian;
			list-style-position:outside;
			line-height:20px;
			height: 60px;
		}
		
				div.list_column ul{
				font-size:15px;
				font-weight: lighter;
				text-transform:uppercase;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				
						div.list_column ul a{
						font-size:15px;
						font-weight: bold;
						text-transform:uppercase;
						color: #828282;
						}
							div.list_column ul a:visited 	{ color: #828282; }
							div.list_column ul a:hover 		{ color: #FFFFFF; background-color: #9966FF;}
							div.list_column ul a:active 	{ color: #FFFFFF; background-color: #9966FF; }
						
	
	.labfooter {
	clear:both;
	margin-top:5px;
	padding-top:2px;
	padding-left:5px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	font-stretch:condensed;
	color: #666999;
}



		/** PIE **/
	
	div#footer {
		height: 40px;
		margin: 0 0 auto 0;
		padding: 0px;
		color: #ffffff;
		background-color: #999999;
		font-size:13px;
		}
		
		div#footer-in {
			position:relative;
			margin:0 auto;
			width:960px;
			text-align: center;
			}
	
			
			
				div#footer-in a {
					color: #ffffff;
					background-color: inherit;
					text-decoration: underline;
					}
					a:visited 	{ color: #CCCCCC; }
					a:hover 	{ color: #666666; background-color: #cccccc;}
					a:active 	{ color: #666666; background-color: #cccccc; }
					
			
			
			div#footer-in .inter {
			position:relative;
			margin:0 0 0 350px;
			width:600px;
			text-align: left;
			padding-left:10px;
			}
	
	
	
.push {
height: 40px;
clear:both;
}



															/** SUB CONTAINERS **/
div.txt_content {
	display: inline;
	float:left;
	width:500px;
	margin:0 10px 10px 0;
	vertical-align:top;
}

div.txt_content_sinimagen {
	display: inline;
	width:100%;
	margin:0 10px 10px 0;
	vertical-align:top;
}


div.txt_content_profesores {
	display: inline;
	float:left;
	width:auto;
	margin:0 10px 10px 0;
	vertical-align:top;
}


div.lt_img_right {
	display: inline;
	 }

	div.lt_img_right a {
	text-decoration:none;
	background-color:transparent;
	 }


.img_bordeada {
float:left;
margin-right: 10px;
	 }														





														
							

															/** CLASES COMUNES **/
.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both;		}

.lclear	{ clear: left;		}
.rclear	{ clear: right;		}

.navigation		{ list-style: none; }
.navigation li	{ display: inline; 	}

.debug { border: 1px solid red; }


.dotted_clear  {
	height:5px;
	margin-bottom:10px;
	background-color:transparent;
	border-bottom:#999999 3px dotted;}
	


.marcolistas {
	width: 600px; 
	margin: 10px 0 0 0;
	}
	.thumbleft {
		float: left; 
		margin: 5px 0 10px 0;
		}
	.textright {
		float: left; 
		width: 300px; 
		margin: 5px 0 0 0;
		}


															/** TIPOGRAFÍA **/
code, pre, var, .monospace {
	margin: 0.80em 0;
	font-family: "Palatino Linotype", "Courier New", monospace;
	line-height: 1.50em;
	}
	code strong, pre strong, 
	var strong, .monospace strong {
		color: #c33;
		background: inherit;
		}
del {
	color: #888;
	background-color: inherit;
	text-decoration: line-through;
	}
abbr {
	font-size: 0.90em;
	text-transform: uppercase;
	border-bottom: 1px dashed #ddd;
	cursor: help;
	}
acronym {
	font-size: 0.90em;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	}
strong			{ font-weight: normal;}
em, i, cite		{ font-style:inherit; 	}
u, .u			{ text-decoration: 	underline;	}

h1, h2, h3, 
h4, h5, h6 { font-weight: bold; }
h1 {  font-size: 20px; 	
	color: #FFFFFF;}
h2 {  font-size: 18px; 
	color: #663399;	}
	  
 h2>a {
		color: #663399;
		background-color: inherit;
		text-decoration: none;
		}
	h2 a:hover, a:active a:visited 	{ color: #99c; background: none;}
	
h3 {  font-size: 14px;
		color: #999999;	
		padding-right:5px;}

	 h3>a {
	 	font-size: 13px;
		color: #663399;
		background-color: inherit;
		text-decoration: none;
		text-align:right;
		}
		h3 a:hover, a:active a:visited 	{ color: #99c; background: none;}
		
		
h4 {  	font-size: 12px; 
		color: #663399;
		background-color: inherit;
		text-decoration: none;	}
h5 {  font-size: 11px; line-height:12px;  	}
h6 {  font-size: 0.10em; 	}





s, strike 	{ text-decoration: line-through;  }
sub 		{ vertical-align: sub; 			 }
sup 		{ vertical-align: top;		 }
u 			{ text-decoration: underline;  	color: #663399; font-weight:bold; }
.it {
	font-style:italic;}

.destacado {
font-weight:bold;
color: #6633CC;
}

.enlacedestacado {
font-weight:bold;
color:#6633CC;
font-style:oblique;
font-variant:small-caps;
font-size:13px;
text-decoration:underline;
}
	.enlacedestacado a{
	text-decoration: blink;
	}
	
	
p {	
	font-size: 13px;
	line-height: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

  
	a {
		color: #663399;
		background-color: transparent;
		text-decoration: underline;
		}
	a:visited 	{ color: #99c; background: none; }
	a:hover 	{ color: #9966FF; background: none; }
	a:active 	{ color: #333; background: none; }



blockquote div	{
	background: url(../images/abre-comillas.gif) no-repeat 0 2%;
	padding:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	color: #666666;
	width:400px;
	margin: 10px 5px;
  }
div blockquote	{
	background: url(../images/cierra-comillas.gif) no-repeat 98% 98%;
	width:auto;
}


	blockquote p, q p {
		margin: 0;
		padding: 0.80em;
		color: #666;
		background: inherit;
		}

	



															/** FORMULARIOS **/
fieldset 	{ border: 0;  	}
.input 		{ clear: left; 	}
label {
	display: block;
	float: left;
	padding: 3px;
	font-weight: bold;
	}
	label.xs 	{ width: 50px; 	}
	label.s 	{ width: 100px; }
	label.m 	{ width: 150px; }
	label.l 	{ width: 200px; }
	label.xl 	{ width: 250px; }

input.default, textarea.default,
select.default {
	float: left;
	padding: 3px;
	border: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	input.xs 	{ width: 20px; 	}
	input.s 	{ width: 50px; 	}
	input.m 	{ width: 125px; }
	input.l 	{ width: 200px; }
	input.xl 	{ width: 300px; }
button {
	padding: 2px 5px;
	color: white;
	background-color: black;
	font-weight: bold;
	text-align: center;
	border: 0;
	cursor: pointer;
	}
	button.xs 	{ width: 15px; 	}
	button.s 	{ width: 30px; 	}
	button.m 	{ width: 50px; 	}
	button.l 	{ width: 80px; 	}
	button.xl 	{ width: 120px; }






/* ———– FORMULARIOS ———– */
#form_left {
  width: 210px;
  margin: 3px 0 0 0;
}



.legend_style {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
}

form, button{border:0; margin:0; padding:0;}

.spacer{clear: right; height:1px;}

/* ———– My Form ———– */
.myform{
margin:0 auto;
padding:10px;
background:#CCCCCC;

}


.myform_preciosempresa{
position:relative;
margin:10px auto;
padding:10px;
border:#CCCCCC 1px solid;
width:580px;
}


.datos{
margin:20px 0 0 200px;
width:350px;
padding:10px;
}

.datos_izq {
position:relative;
float:left;
width:255px;
padding:10px;
margin-right:10px;
}

		.datos_izq_pop {
			position:relative;
			float:left;
			width:255px;
			padding:10px;
			margin-right:10px;
			background-color:#FFFFCC;
			}
			
		.datos_izq_faldon {
			position:relative;
			margin: 10px;
			float:left;
			width:480px;
			padding:10px;
			background-color:#FFFFCC;
			}

.datos_der {
position:relative;
float: left;
width:255px;
padding:10px;
margin:0 0 0 10px;
}

.stylized{
margin: 3px 0 0 0;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
.p_stylized{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:12px;
}
.label_stylized{
font-weight:bold;
}

.span_stylized{
font-weight:bold;
}


.small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

.input_stylized{
font-size:13px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 5px 0px;
background-color: #dddddd;
color:#333333;
}

.input_stylized_faldon{
font-size:12px;
border:solid 1px #aacfe4;
width:200px;
margin:0;
background-color: #dddddd;
color:#333333;
}


.textarea_stylized{
font-size:12px;
border:solid 1px #aacfe4;
width:200px;
height:70px;
margin:2px 0 20px 0px;
background-color: #FFFFCC;
}

.select_stylized{
font-size:12px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 0px;
background-color: #FFFFCC;
color:#444444;
}

.consulta {
font-size:12px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 0px;
background-color: #FFFFCC;
top: 0;
margin:0;
padding:0;
}


.button_stylized{
clear:both;
width:200px;
height:20px;
text-align:center;
color: #666666;
font-weight:bold;
font-size:12px;
background:url(../images/button.jpg) no-repeat;
}

.button_stylized_matricula{
display:inline;
width:200px;
height:20px;
text-align:center;
color: #666666;
font-weight:bold;
font-size:12px;
background:url(../images/button.jpg) no-repeat;
}

/* ———– My Form ———– */
.pasosmatricula {
	cursor: default;
}

/* ———– Formulario Izquierdo ———– */
.dialog
	{width:300px; height:auto; margin-left:5px; margin-bottom:5px; }
.dialog .bubble, .dialog .t, .dialog .b, .dialog .b div
	{ border:#CCC 2px solid;}

.dialog .bubble
	{padding:5px; }

.formulario {
	width:auto;
	height:auto;
	margin-top:5px;
			}

.dialog p{margin:0; background-color:#FFF; border:#CCC 1px solid; color:#eee;}
.dialog select{margin:0; background-color:#FFF; border:#CCC 1px solid; color:#999; width:135px;}
.dialog input{margin:0; background-color:#FFF; border:#CCC 1px solid; color:#999; width:135px;}
.dialog textarea{margin:0; background-color:#FFF; border:#CCC 1px solid; font-size:12px; color:#999; width:270px; height:50px;}

.dialog input.signup_button{ margin:0; background-color:#FFF; border:none; width:270px;
	background: url(../images/button.jpg) no-repeat center; 
	color:#666;
	text-align:center;
	font-size:16px; 
	cursor:pointer;
	}

.login_form .dialog form{margin-top:5px;}




															/** FIN **/
.titulocursoindex {
	font-size: 24px;
	color: #639;
	line-height: 24px;
	height: 50px;
}