﻿*{        outline:0}

body{    background:#84c974 url(../images/interface/body_bg1.png) repeat-x scroll center top;     margin:0;     padding:0;     text-align:center;     font-family:Myriad Pro,Verdana;     font-size:12px;     outline:0}

#body-wrap{background:transparent url(../images/interface/body_wrap_bg.png) no-repeat scroll center 146px}
.container{width:940px; margin:0 auto 0 auto; text-align:left}

a, a:link{color:#116AEA}
.hidden{display:none}
strong{font-weight:bold}
em{font-style:italic}
h2 em, h3 em, h4 em, h5 em{font-style:italic}

div{xborder:1px solid red}
.clearfix:after{content:"."; display:block; height:1px; clear:both; visibility:hidden}
.clearfix{display:inline-block}
.clear{ clear:both}

.clearfix{display:block}

.even{background:#EDF3FA}

h1, 
h2, 
h3, 
h4, 
h5, 
#navigation, 
#subNavigation li a, 
#header{font-family:Myriad Pro,Georgia}

h2{font-size:2em; margin:0 10px 5px 10px; font-style:italic}

#top_header{    background-color:#004e94;     width:100%;     height:20px}

#header{height:86px}
#header h1 a{margin:7px 0 6px; width:320px; height:73px; float:left; text-indent:-3000px; background:url(../images/interface/logo_tecsur.png) no-repeat top left}
#header p#tagline{ float:left;  margin:24px 0 0 20px;  color:#4FB137;  font-size:1.5em;  letter-spacing:-.02em}
#header ul{float:right; xwidth:100px; position:relative; top:41px}
#header ul li{text-align:right}
#header ul li a, 
#header ul li a:visited{color:#C82; font-size:0.8em; text-decoration:none; text-transform:uppercase}
#header ul li a:hover{text-decoration:underline}

#navigation{height:40px}
#navigation ul{border-left:1px solid #693; height:40px}
#navigation li{float:left}
#navigation ul li a, 
#navigation ul li a:visited{background-repeat:no-repeat; display:block; width:150px; height:20px; margin:0; padding:11px 0 9px; text-decoration:none; text-align:center; font-variant:small-caps; font-size:1.2em; color:#fff}
#navigation ul li a#nav_home{background-image:url(../images/interface/nav_bg.png); width:160px}
#navigation ul li a#about{background-image:url(../images/interface/nav_bg.png); width:160px}
#navigation ul li a#products{background-image:url(../images/interface/nav_bg.png); width:160px}
#navigation ul li a#services{background-image:url(../images/interface/nav_bg.png); width:160px}
#navigation ul li a:hover{background-position:0 -40px}
#navigation ul li a.current{background-position:0 -80px; xborder-left:1px solid #693; xborder-right:1px solid #693}

#main_search{margin-top:7px}

 #main_search input#ms_field{width:230px; border:1px solid #999; color:#666; font-size:13px; padding:2px 4px 2px 4px;  margin-right:8px; margin-left:5px}

#main_search input#ms_button, 
#as_button{ margin-bottom:-7px}
input#as_field{width:204px; border:1px solid #999; color:#666; font-size:13px; padding:2px 4px 2px 4px;  margin-right:8px}

#subNavigation{background:#FFF url(../images/interface/sub_menu_bg.png) repeat-x scroll center bottom; float:right; margin-right:1px; padding:3px 0pt 90px; width:298px}
#subNavigation ul, 
#nav_categories{                margin-top:15px}

#subNavigation .cursosOptions{margin:10px 0 0 0}
#subNavigation dd .cursosOptions{margin:0 0 10px}
#subNavigation .cursosOptions li{float:left}
#subNavigation .cursosOptions li a{color:#116AEA; font-family:Myriad Pro,Verdana,Sans-serif; font-size:11px; font-style:normal; text-decoration:underline; text-transform:uppercase; border-bottom:0px; display:inline; margin:0px 10px 0 0; padding:1px; line-height:1em}

#subNavigation ul li a, 
#nav_categories li a{color:#48a; font-size:1.3em; font-style:italic; text-decoration:none; border-bottom:1px solid #ddd; display:block; height:20px; margin:5px 15px; padding:1px; line-height:1em}
#subNavigation ul li a:hover, 
#nav_categories li a:hover{border-bottom:1px solid #693; color:#a96f19}
#subNavigation ul li a.current, 
#nav_categories li a.current{background:transparent url(../images/interface/secondaryColumn_current.png) no-repeat; color:#fff; margin:5px 0 5px 0; padding:5px 0 5px 15px; border-bottom:0}
#subNavigation ul li ul, 
#nav_categories li ul{background:#fff; border-bottom:0px; margin-top:0; padding:7px 0}
#subNavigation ul li ul.current{background:#efd; border-bottom:5px solid #8c4}
#subNavigation ul li ul{margin-top:-5px}
#subNavigation ul li ul.subNavChildren_hide{display:none }
#subNavigation ul li ul li a, 
#subNavigation ul li ul li a.current, 
#nav_categories li ul li a, 
#nav_categories li ul li a.current{font-size:.9em; color:#999; border-bottom:1px solid #e5e5e5; margin:5px 15px 5px 25px; font-style:normal; font-family:verdana; height:13px}
#subNavigation ul li ul li a.current, 
#nav_categories li ul li a.current{border-bottom:1px solid #8C4; font-weight:700; background-image:none; padding:1px}

#cursosTab, #postuleTab{cursor:pointer}
#cursos{ background-color:#4580A0}
#postule{ display:none;  background-color:#4580A0}

#banner{background:transparent url(../images/interface/banner_bg.gif) repeat-y scroll right top; height:290px}

#bannerImg{background:#FFF; float:left; height:290px; overflow:hidden; position:relative; width:640px}
#bannerImg img.slide{    position:absolute;     top:0px;     left:0px}

#bannerContent{background:transparent url(../images/interface/banner_content_bg.jpg) no-repeat scroll 0pt bottom; color:#FFF; float:right; height:290px; overflow:hidden; width:300px}
#bannerContent ul li{float:left}
#bannerContent ul li a{display:block; color:#fff}
#bannerContent #cursosNav{height:35px}
#bannerContent #cursosNav li a{background:transparent url(../images/interface/bannerContent_navBg.png) no-repeat scroll 0%; border-right:1px solid #4681A3; height:29px; padding:5px 0pt 1px; text-align:center; text-decoration:none; width:148px}
#bannerContent #cursosNav li.last a{border:0; width:149px}
#bannerContent #cursosNav li a:hover{background-position:0 0px}
#bannerContent #cursosNav li a.current{background-position:0 -70px}

#bannerContent h2{border-bottom:1px solid #379; font-size:1.4em; height:32px; overflow:hidden; padding:10px 5px}
#bannerContent p{font-family:Myriad Pro,georgia; font-size:1em; height:86px; line-height:1.5em; overflow:hidden; padding:5px 15px}

#bannerContent .cursosOptions{margin:10px 0pt 0pt; padding:3px 5px}
#bannerContent .cursosOptions li a{font-size:12px; margin-top:8px; padding:3px 10px; text-transform:uppercase}
#bannerContent .cursosOptions li a:hover{border-bottom:1px solid #34637E; background:#3D7593 none repeat scroll 0% 50%; text-decoration:none}

#content{background:url(../images/interface/content_bg_home.png) #fff repeat-y top center}
#content-ds{background:transparent url(../images/interface/content_bg_top.png) no-repeat scroll center top; display:block; height:12px}

#content h3{border-bottom:1px solid #ddd; color:#c82; padding:5px 0; margin:20px 15px; font-size:1.5em}
#home #content h3{font-size:1.3em}

#content .left{float:left}
#content .right{float:right}

#content #mainColumn{width:638px; float:left; padding-bottom:20px}
#content #mainColumn h2{color:#333; margin:10px 15px}
#content #mainColumn h4{color:#c82; font-size:1.4em; font-style:italic; margin:0 15px}
#content #mainColumn h4 .unique{color:#333; font-style:normal}

#content #mainColumn h4 a{color:#c82; text-decoration:none}
#content #mainColumn h4 a:hover{color:#a96f19}

#content #mainColumn img{ border:1px solid #CCC;  float:right;  margin:0px 5px 20px 20px}

#content #mainColumn img.left{float:left}

#content #mainColumn p{color:#333; font-size:12px; line-height:1.5em; margin:15px}
#content #mainColumn p.sub{margin:4px 15px 15px}

#content #mainColumn p strong{color:#555}

#content #mainColumn p.excerpt{font-size:1.25em; line-height:1.5em; font-family:georgia; color:#666; margin-bottom:10px}
#content #mainColumn ul, #content #mainColunn ol{ padding:10px 0}

#content #mainColumn ul.dateList{list-style:disc inside; padding:0 0 0 15px}

#content #mainColumn li{border-bottom:1px solid #F1F1F1; color:#333; font-size:0.9em; margin:0pt 15px; padding:6px 0pt}
#content #mainColumn li ul li, #content #mainColumn ul li ul li{ border-bottom:none;  margin:0pt 15px;  padding:6px 0pt 6px 0pt}
#content #mainColumn ul li ul{ padding:5px 0}

#content #secondaryColumn{width:300px; float:right}
#content #secondaryColumn div, 
#content #subNavigation div{background:#EFD none repeat scroll 0% 50%; border-bottom:1px solid #CCC; margin:0 1px; padding:15px 18px}
#content #secondaryColumn div div, 
#content #subNavigation div div{border:0; padding:0; margin:0}

#content #secondaryColumn h3, 
#content #subNavigation h3{font-size:1.3em; margin:0pt; padding:15px 15px 7px; text-transform:uppercase}

.audio_segment{margin-left:1px; padding:10px 0px}

.audio_segment.even{border-top:1px solid #D4DAE2; border-bottom:1px solid #D4DAE2}

#audio_single{font-size:12px; margin:0pt 15px 25px; width:610px}
#audio_single tr{border-bottom:1px solid #DDD}

#audio_single td{padding:6px 10px}
#audio_single td.title{border-right:1px solid #DDD; padding-right:10px; padding-left:0; text-align:right; width:136px}

  
#min_invite{margin:0 15px}

#content #mainColumn #min_invite h4{margin:8px 15px 6px}

#content #mainColumn #min_invite p{margin:0px 14px 0 7px}

#home #content #mainColumn p.excerpt{margin:0 15px}

#content #mainColumn #min_invite div{background:transparent url(../images/interface/ministries_blurb_bg.png) no-repeat scroll left top; float:left; height:135px; margin:10px 0; width:290px}

#content #mainColumn #min_invite div#mis{background:transparent url(../images/interface/ministries_blurb_bg.png) no-repeat scroll left top; width:590px}
#content #mainColumn #min_invite div img{float:left; margin:12px 12px 4px; }

 dl{font-size:11px; margin-bottom:8px}
 dt{padding:1px 0; text-transform:uppercase}

 dt a{background:transparent url(../images/interface/list_link_sidebar.png) no-repeat scroll right 70%; display:inline; padding-right:18px; text-decoration:none}

 dd{border-bottom:1px solid #DDD; margin-bottom:5px; padding-bottom:8px}

#home #secondaryColumn li{border-right:1px solid #CC2; float:left; font-family:Myriad Pro,Georgia,Serif; margin-right:10px; padding-right:10px; text-transform:uppercase}
#home #secondaryColumn li.last{border:0; margin-right:0; padding-right:0}
#home #secondaryColumn li a{color:#C82; margin-bottom:10px; text-decoration:none}
#home #secondaryColumn li a:hover{color:#a96f19}

#secondaryColumn img, 
#subNavigation img{border:1px solid #CCC}
#secondaryColumn p, 
#subNavigation p{font-size:12px; line-height:1.5em}

#secondaryColumn p.unique, 
#subNavigation p.unique{margin-bottom:15px}

#secondaryColumn p strong, 
#subNavigation p strong{color:#555}

#contentFoot{clear:both; height:0px}

#footer{    background-color:#F5D800;     clear:both;     color:black;     font-size:0.85em}

#footer .container{background:transparent url(../images/interface/content_footer.png) no-repeat top center}

#footer .container div{float:left; width:145px; margin:0 20px 5px 0}
#footer h5{border-bottom:1px solid #333; padding:5px 0; font-size:1.1em; font-weight:700; font-family:Myriad Pro,georgia,serif; font-variant:small-caps; letter-spacing:.02em; text-transform:uppercase}
#footer ul{margin-top:10px}
#footer ul li{padding:3px}
#footer a, #footer a:visited{    color:black;     text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer p{line-height:1.5em; margin-top:10px}
#footer p#copyright{    color:#999;     line-height:1;     margin:0pt;     padding:0px 0pt 25px 15px}

#footer div#contactDirection{width:280px; text-align:right; margin-right:0}
#footer div#contactDirection ul{    border-bottom:1px solid;     padding:0 0 10px 0;     border-bottom-color:#333}
#footer div#contactDirection ul.last{border-bottom:none}
#footer div#contactDirection li a{text-decoration:underline}

p#sqdeye{color:black; margin:0pt; padding-bottom:35px}
#elproyectoweb-logo{background:url(../images/interface/ElProyectoWeb.png) no-repeat 0 50%; display:block; width:164px; height:70px; text-indent:-99999px}

.event_block{background:transparent url(../images/interface/table_bg.png) repeat-y scroll 0px 0pt; border-bottom:1px solid #D4DAE2; margin:0pt 15px; padding:10px 0 0 0}
#content #mainColumn h3.unique{margin-bottom:0}

#content #mainColumn .event_block p{margin:0; padding-bottom:5px}
#content #mainColumn .event_block div{float:left}

#content #mainColumn .e_title h4{font-size:1em; margin:0pt; padding:0pt 15px 10px 0pt; text-decoration:underline; width:132px}

#content #mainColumn .event_block .e_date p{margin:0pt 10px; width:137px}
#content #mainColumn .event_block .e_excerpt p{margin:0 10px; width:142px}
#content #mainColumn .event_block .e_location p{margin-left:10px; width:132px}

.e_perm{}

#view{border-bottom:1px solid #CCC; margin:0pt 15px; padding-bottom:17px}

#a_view{border-bottom:1px solid #DDD; margin:30px 15px 15px}
#content #mainColumn #a_view p{float:right; width:294px}

#content #mainColumn #a_view h3{border:0pt none; float:left; margin:7px 0px 0pt; width:275px}

#content #mainColumn #view p{margin:0pt 10px; padding:17px 0pt 0px}

#view a, 
#a_view a{background:#FFF none repeat scroll 0% 50%; border:1px solid #D4DAE2; color:#333; margin:0 5px 10px; padding:5px 9px}

#a_view a:hover{background:#D4DAE2; border:1px solid #CCC}

#a_view a.active, 
#view a.active{background:#D4DAE2; border:1px solid #CCC}

#view a.link, 
#a_view a.link{background:#D4DAE2; border:1px solid #CCC; color:#116AEA}

#view a.link:hover, 
#a_view a.link:hover{background:#FFF; border:0; color:#116AEA; text-decoration:none}

textarea{font-family:Myriad Pro,Verdana Sans-serif; height:150px}

#contact_form{background:#ECF2FA none repeat scroll 0%; border:1px solid #D4DAE2; color:#555; margin:15px; padding:0px}
#contact_form table{margin-left:10px;}

.cform{color:#555; font-size:1.1em; width:570px}

#contact_form ul.formulario{}
#contact_form ul.formulario li{ min-height:30px;  margin-top:12px;  margin-right:10px}
#contact_form ul li input, 
#contact_form ul li select, 
#contact_form ul li textarea{ float:left;  display:inline;  margin-top:15px;  font-size:0.9em}
#contact_form ul.formulario li input{ width:280px}
#contact_form ul.formulario li textarea{ width:280px}
#contact_form ul.formulario li p.contacto{ float:left;  display:inline-block;  width:190px;  margin:0px 10px 0px 0px;  padding-top:4px;  clear:both}
#content #mainColumn p.dni{ float:left;  display:inline-block;  width:90px;  margin:0px 0px 0px 15px;  padding-top:4px;  padding-left:5px}
input.BtnDNI{ float:left;  display:inline;  margin-top:15px}
#contact_enviar{ text-align:center;  padding-bottom:10px}
#postulante{ overflow:hidden}
#cerrar{ color:Black;  font-size:16px;  font-weight:bold;  margin-left:20px}

.mainNav_css li{    margin:0px 10px;     padding:0px 10px;     list-style-type:none;     float:left;     display:inline-block;     cursor:pointer}
.subNav_css, .subNav_css ul{    padding:0px;     position:absolute;     overflow:hidden;     z-index:9000;     background:#efd;     border-bottom:0px;     margin:0px}
.subNav_css li{    margin:5px;     list-style-type:none}
.subNav_css li a{    color:#999;     border-bottom:1px solid #e5e5e5;     text-decoration:none;     font-size:1em;     margin:5px 15px 5px 25px;     font-style:normal;     font-family:verdana;     height:13px;     display:block}
.subNav_css li a:hover{border-bottom:1px solid #693; color:#a96f19}
.calendar{background:transparent url(../images/interface/calendar.png) no-repeat; height:16px; width:16px; display:inline-block; overflow:hidden; text-indent:-99px}
#calendar{margin-left:15px; display:inline-block; overflow:hidden;  height:0px}
th{ background-color:#333;  color:#FFF}
