@import url(typografia.css);
@import url(float_clearing.css);

*{
	margin:0;
	padding:0
}

body{
	padding:0;
	margin:0;
	background:#FFF url(../images/template/backgrounds/page_bg_tile.jpg) repeat 0 0;
}

#wrapperCurtain{
	/*padding:0 15px;*/
	padding:0;
	margin:0;
	/*width:100%;*/
	height:600px;
	background:url(../images/template/backgrounds/page_bg.jpg) repeat-x 0 0;	
}

#wrapperPage{
	margin:0 auto;
	width:100%;
	min-width:740px;
	max-width:1000px;
	text-align:left;
	position:relative;
	top:0;
}

#wrapperPageBody{
	/*width:100%;*/
	width:1000px;
	position:relative;
	top:60px;
	padding:0 0 120px;
	margin:0 0 40px;
	overflow:hidden;
	z-index:2;	
}

#wrapperContent{
	background:url(../images/template/backgrounds/content_bg.gif) repeat-y 25% 0;
	margin:0 0 8px;
	/*width:100%;*/
	width:1000px;
	clear:left;	
}

#content{
	width:69%;
	padding:0 3% 30px;
	float:right;	
}

#navSection{
	width:20%;
	padding:10px 3% 60px 2%;
	float:left;
}

#supplemental{
	background:#6F7F5A url(../images/template/backgrounds/footer_bg.jpg) repeat 0 0;
	float:left;
	width:100%;
	padding:10px 0;
	margin:0;
}

#info_contacto{
	text-align:left;
	padding: 0 0 0 10px;
	float:left;
}

#info_ubicacion{
	text-align:right;
	padding: 0 10px 0 0;
	float:right;
}

#sectionTitle{
	margin:0 0 10px;
	padding:5px 10px 5px 20px;
	background:#B4271C;
	float:left;
	position:relative;
	left:-20px
}

#contentFeedback{
	position:absolute;
	top:20px;
	right:20px;
	z-index:1000;
	text-align:center;
	padding:6px 20px;
	background:#1C91B3;
	color:#FFF;
	font-size:18px;
	font-family:Arial
}

.feedbackSignout{
	background:#D8A710 !important
}

#branding{
	z-index:1;
	padding:30px 0 0 21px;
	width:310px;
	height:247px;
	background:url(../images/template/elements/logo.jpg) top left no-repeat;
	position:absolute;
	top:0px;
}

#branding_link a{
	position:absolute;
	top:20px;
	z-index:999;
	width:230px;
	height:150px;	
}

body.hasimages #branding{
	text-indent:-1000em
}


#navMain{
	/*width:100%;*/
	width:1000px;
	background:url(../images/template/backgrounds/nav_main/red.gif) repeat-y 25% 0;
	position:absolute;
	z-index:10;
	top:30px;
	left:0;
	height:30px;
}

#navMain ul{
	width:74%;
	margin:0 0 0 25%;
	padding:0 0 0 1%
}

#navMain ul ul{
	width:165px;
	margin:0;
	padding:5px 0 8px;
	position:absolute;
	top:30px;
	border-top:solid 2px #000;
	color:#FFF;
	clear:left;
	background:#B4271C;
	display:none
}

* html #navMain ul ul{
	width:1%
}

#navMain ul ul ul{
	display:none !important
}

#navMain li:hover a,#navMain li.active a{
	background:#801B12
}

#wrapperPage #navMain li:hover li a,#wrapperPage #navMain li.active li a{
	background-color:transparent;
	outline:none;
}

#wrapperPage #navMain li li a:hover{
	background-color:#801B12
}

#navMain ul ul li{
	float:none;
	display:block;
	width:165px;
	margin:0
}

#navMain a{
	padding:8px 7px 0;
	height:22px;
	display:block;
	float:left;
	outline:none;	
}

#navMain ul ul a{
	padding:4px 10px;
	height:1%;
	float:none;
	outline:none;
}

#navMain ul ul a:hover,#navMain ul ul a:visited:hover{
	background:#000
}

#navSection ul{
	display:block;
	clear:left;
	list-style-type:none;
	height:1%;
	margin:0;
}

#navSection a{
	padding:1px;
	outline:none;
}

#navSection li{
	margin:0;
	background:url(../images/template/icons/block_gray.gif) no-repeat 0 7px;
	padding:0 0 5px 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#navSection li{padding-bottom:12px;}
}
#navSection li li{
	padding:0 0 4px 10px;
	background:url(../images/template/icons/arrowhead_gray.gif) no-repeat 2px 7px;
}

#navSection ul ul{
	margin:5px 0 0;
	display:none
}

body.wide #wrapperPageBody{
	top:428px !important;
	padding:0 0 428px 0 !important
}

body.wide #wrapperContent{
	background:#ECEBE6
}

body.wide #wrapperContent .sub1{
	background:transparent
}

body.wide #content{
	width:97%;
	padding:20px 0 30px 3%;
	float:right
}

#stageMain{
	background:#CCC;
	position:absolute;
	top:120px;
	left:0;
	z-index:1;
	width:100%;
	text-align:center;
	height:300px;
	overflow:hidden
}

#stagePanorama,#navSection .expanded ul,#navMain li:hover ul,#navMain li.active ul{
	display:block
}

#wrapperContent .sub1{
	background:no-repeat 25% bottom;width:100%;
	background-image:url(../images/template/backgrounds/nav_section/waves.gif)
}

#brandingPhoto{
	position:relative;
	padding:0 0 20px;
	/*width:100%;*/
	width:1000px;
	background:url(../images/template/backgrounds/content_head_bg.gif) repeat-y 25% 0;
	overflow:hidden
}

#brandingPhoto .overlay{
	float:left;
	position:absolute;
	left:20%;
	z-index:1
}

#brandingPhoto .base{
	float:right;
	display:block;
	width:75%;
	overflow:hidden
}

#brandingPhoto .base img{
	display:block;
	float:right
}

.contentFooter{
	background:url(../images/template/rules/gray_dotted.gif) repeat-x 0 0;
	padding:15px 0 0;
	width:100%;
	float:left
}


.imageReplacement a{
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block
}

.imageReplacement a:link,.imageReplacement a:visited{
	background-position:0 0
}

.imageReplacement a:hover,.imageReplacement a:visited:hover,#branding.active{
	background-position:0 100%
}

div.section{
	margin:0 0 30px
}

div.section div.section{
	margin:0 0 20px
}

.sectionColored{
	background:#B4271C;
	padding:15px 15px 5px;
	margin:0 0 30px;
	font-size:12px;
	color:#E6CFCE
}

.sectionColored h2,.sectionColored h3,.sectionColored h4,.sectionColored h5,.sectionColored h6{
	color:#FFF
}

.sectionColored a{
	color:#000
}

.sectionColored table{
	width:99%
}

.sectionColored td{
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	border-left:none;
	border-right:none;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px
}

.sectionShaded{
	background:#D6D4C6 url(../images/template/patterns/paint1.gif) top right repeat-y;
	padding:15px 20px 1px;
	margin:0 0 30px
}

p.note{
	font-style:italic;
	font-size:11px;
	width:98%
}

.noteMarker{
	font-weight:bold;
	font-size:16px;
	line-height:1;
	color:#000
}

tr.odd,tr.r1{
	background:#DDD
}

.columnsRuled{
	background-image:url(../images/template/rules/gray_dotted.gif);
	background-repeat:repeat-y
}

.columns7030,.columns6040,.columns5050,.columns333333{
	float:left;
	width:100%
}

.column1,.column2,.column3{
	float:left
}

.columns7030{
	background-position:73% 0
}

.columns7030 .column1{
	width:70%;
	margin:0 5% 0 0
}

.columns7030 .column2{
	width:25%;
	margin:0
}

.columns6040{
	background-position:60% 0
}

.columns6040 .column1{
	width:57%;
	margin:0 6% 0 0
}

.columns6040 .column2{
	width:37%;
	margin:0
}

.columns5050{
	background-position:50% 0
}

.columns5050 .column1{
	width:47%;
	margin:0 6% 0 0
}

.columns5050 .column2{
	width:47%;
	margin:0
}

.columns333333 .column2,.columns333333 .column1{
	width:30%;
	margin:0 3% 0 0
}

.columns333333 .column3{
	width:30%;
	margin:0
}

.staffMessage,.notiQuote{
	background:#B4271C;
	color:#E6CFCE;
	padding:15px;
	margin:0 0 30px
}

.messagePhoto,.quotePhoto{
	margin:0 0 5px 10px;
	position:relative;
	right:0;
	float:right
}

.notiQuote blockquote{
	font-size:12px;
	font-weight:normal;
	margin:0 0 12px;
	color:#E6CFCE
}

p.quoteName{
	margin:0;
	text-align:right;
	font-style:italic
}

.staffMessage h2,.staffMessage h3{
	color:#FFF;
	clear:both
}

ul.horizontal li{
	float:left;
	list-style-type:none;
	margin:0 12px 0 0;
	white-space:nowrap
}

.listDoubleColumns ul,.listTripleColumns ul{
	list-style-type:none;
	margin:0;
	float:left
}

.listDoubleColumns ul ul,.listTripleColumns ul ul{
	float:none;
	width:100%;
	margin:0
}

.listDoubleColumns ul ul li,.listTripleColumns ul ul li,#navMain li{
	margin:0
}

.listDoubleColumns ul{
	width:50%
}

.listTripleColumns ul{
	width:31%;
	margin-right:2%
}

ol.extended > li,ul.extended > li{
	margin-bottom:25px
}

ul.linklist{
	list-style-type:none;
	margin:0 0 0 12px
}

ul.linklist li{
	background:url(../images/template/icons/arrow_small.gif) 0 2px no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px
}

.titleSpecial{
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	padding:5px 6% 5px 0;
	margin:0;
	float:left;
	width:27%
}

.titleSpecial span{
	background:#D95F16;
	padding:6px 12px;
	margin:0;
	color:#FFF;
	display:block
}

ul.pdfs,ul.zips{
	list-style-type:none;
	margin-left:10px
}

ul.pdfs li,ul.zips li{
	margin-bottom:8px
}

ul.pdfs a,a.pdf{
	background:url(../images/template/icons/file_pdf.gif) no-repeat 0 0;
	padding:2px 0 3px 27px
}

ul.zips a,a.zip{
	background:url(../images/template/icons/file_zip.gif) no-repeat 0 0;
	padding:2px 0 3px 27px
}

.imageLeft,.imageRight,.imageFull{
	padding:5px;
	background:#FFF;
	border:solid 1px #CCC
}

.imageLeft{
	float:left;
	margin:0 10px 5px 0;
}

.imageRight{
	float:right;
	margin:0 0 5px 10px;
}

.imageFull{
	width:94%
}

.contentRight{
	width:40%;
	float:right;
	clear:right;
	margin-left:40px
}
body#pag-programas .contentRight{
	width:40%;
}
body#pag-programas .contentRight u{
	font-weight:bold;
	text-decoration:none;
}
body#pag-programas .notiQuote{
	background:#faf9f4;
	color:#787878;
}
body#pag-programas img.fotoprofe{
	padding:5px;
	background:#FFF;
	border:solid 1px #CCC;
	float:left;
	margin:0 15px 0 0;
}
body#pag-programas  .contsup_profe{

	width:560px;
	min-height:160px;
	height:auto !important;
	height:160px;	
	padding: 20px 0 0 0;
	font-weight:bold;
	color:#3C4D49;
	font-style:normal;		
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:11px;
}
body#pag-programas  .contsup_profe i{
	font-style:normal;		
}
body#pag-programas .descp_profe{
	width:400px;	
	float:left;
}
body#pag-programas  .continf_profe{
	width:560px;	
	padding: 0 0 20px 0;	
	font-style:italic;			
}
.applyNowLink,.biolaBlogsLink{
	display:block;
	text-indent:-1000px;
	overflow:hidden;
}

.applyNowLink{
	background:url(../images/template/elements/apply_now.gif) no-repeat 0 0;
	width:181px;
	height:36px
}

.biolaBlogsLink{
	background:url(../images/text/biola_blogs.gif) no-repeat 0 0;
	width:168px;
	height:49px
}

p.justificado{
	text-align:justify;
}

p.centrado{
	text-align:center;
}

p.izq{
	text-align:left;
}
p.der{
	text-align:right;
}

p.aviso{
	color:red;
}

.sinborde{
	border:none;
}

.alignleft{
	float:left;
	padding: 0 10px 5px 0;
}


/*********pagina****************/

/* Sections */
.pagina			{}

/* Nav Main */
.pagina #navMain{ 
	background-image: url(../images/template/backgrounds/nav_main/verde.gif); 
}

/* Nav Main dropdown menu backgrounds */
.pagina #navMain ul ul{ 
	background-color: #3c4d49; 
} 

/* Nav Main background highlighting */
.pagina #navMain li:hover a, .pagina #navMain li.active a { 
	background-color: #3c4d49; 
} 

.pagina #navMain li li a:hover { 
	background-color: #3c4d49 !important; 
} 

/* Section Title and Global nav text */
.pagina #sectionTitle{ 
	background-color: #3c4d49; 
} 

/* Section Nav column background image */
.pagina #wrapperContent .sub1 { 
	/*background-image: url(../images/template/backgrounds/nav_section/bell.gif); */
}

/* Section Nav text */
.pagina #navSection ul a { 
	color: #292C35; 
} 

/* Content headers */
.pagina h2 { 
	color: #6c7f7b; 
} 

.pagina h3 { 
	color: #6c7f7b; 
} 

/* Section Colored & Quotes */
.pagina .sectionColored, .pagina .notiQuote, .pagina .notiQuote blockquote, .pagina .staffMessage { 
	background-color: #b7b6a2; 
	color: #404040; 
} 

h2.notiQuote {
	font-size: 16px;
	color: #ffffff;
	margin:0 0 10px 0;
	padding:0;
}

h2.nombre_profe {
	font-size: 16px;
	color: #404040;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #404040;
	font-style:normal;			
}
p.subtitulo_profe{
	margin:0 0 15px 0;
	padding:0;
}
.pagina .sectionColored a, .pagina .notiQuote a { 
	color: #b85200; 
} 

.fecha_noti{
	font-style:italic;
	font-size:11px;
	
}
.titulo_noti{
	font-size:13px;
}

.cuadrado_noti{
	height:50px;
}

/*noticias portada*/
.brevenotas{
	/*border-bottom:1px solid #999999;*/
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
.brevenotas img.imagen_portada{
	float:left;
	margin:0 10px 5px 0;	
	padding:5px;
	background:#FFF;
	border:solid 1px #CCC	
}
.post_foro{
	margin: 8px 0 5px 0;
}

/***formularios****/

.formularios{
	margin-left:30px;
}
.formularios input.text{
	height:20px;
	border:1px solid #999996;
	width:380px;
	margin-bottom:5px;
}

.formularios textarea{
	width:380px;
	height:150px;
	border:1px solid #999996;
}

.formularios select{
	border:1px solid #999996;	
	width:380px;
	margin-bottom:5px;	
}

.formularios2 input.text{
	height:20px;
	border:1px solid #999996;
	width:450px;
}

.formularios2 textarea{
	width:450px;
	height:150px;
	border:1px solid #999996;
}

.formularios input.submit,.formularios2 input.submit {
	width:120px;
	padding: 2px 10px;
	font-size:12px;
	cursor: pointer;
	color: #fff;
	background: #999999;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #555555  #555555 #f5f5f5;
}


/* errores validacion */

  .info   { color: black; font-weight: normal; }
  .warn   { color: rgb(120,0,0); font-weight: normal; }
  .error  { color: red; font-weight: normal }


/*eventos*/

h3.titulo_evento{
	color:#b85200;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-style:normal;
}

h4.titulo_evento{
	color:#b85200;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
}

/*ficha cursos*/
table.ficha_curso{
	border-collapse: separate;
	margin: 20px 0 0 0;
}	
table.ficha_curso td{
	padding: 5px 10px;
	border:none;	
	background:#fff;	
}

table.ficha_curso td.titulo_t{
	background:#deded5;	
	border:1px solid #deded5; 		
}
table.ficha_curso tr.sinfondo td{
	background:none;
}

#forobox_top{
	background: #bab796 url(../images/arriba_caja.jpg) 0 0 no-repeat; 	
	margin: 0 0 0 17px;
	padding: 35px 20px 0;
	min-height:50px;
    height:auto !important;
	height:50px;	
	border-bottom:1px solid #bab796;
	font-family: Arial, Verdana, sans-serif;
}
#forobox_top h3{
	color:#5c5c5c;
}
#forobox_bottom{
	background:url(../images/abajo_caja.jpg) 0 100% no-repeat; 
	width:322px;	
	padding-bottom:65px;
}