/* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body {font: 13px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0; padding: 0px 0 20px 0; background: #eee url(../images/body.png) top repeat-x; text-align: center; overflow-x: hidden; border-top: 1px solid #eee; } /* Links */ a, a:active, a:link {text-decoration: none; color: #cf570e; } a:visited { text-decoration: none; } a:hover {text-decoration:underline; color:#09F; /* background: #F1F9DA; color: #cf570e; border-bottom: 1px dotted #cf570e;*/ } /* headers */ h1, h2, h3 { font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif; color: #555; } h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 350%; font-weight: normal; letter-spacing: -2px; padding: 15px 10px 5px 10px; margin: 0;} h2 {font-size: 200%; color: #cf570e; padding: 20px 15px 5px 20px; margin: 0; } h3 {font-size: 170%; font-weight: normal; padding: 10px 15px 5px 20px; margin: 0; } p, dl { padding: 10px 15px 10px 20px; margin: 0; } ul, ol {margin: 10px 20px; padding: 0 20px; } ul {list-style: none; } dt {font-weight: bold; color: #cf570e; } dd {padding-left: 25px; } /* images */ img {background: #fafafa; border: 1px solid #dcdcdc; padding: 5px; } img.float-right {margin: 5px 0px 10px 10px; } img.float-left {margin: 5px 10px 10px 0px; } code {margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space: pre; */ border: 1px solid #ECF8FE; background: #ECF8FE; } acronym { cursor: help; border-bottom: 1px dotted #cf570e; } blockquote {margin: 15px 10px; padding: 10px 10px 10px 35px; border: 1px solid #F8F7EF; background: #F8F7EF url(../images/quote.jpg) no-repeat 10px 10px; font-weight: normal; font-size: 1.5em; line-height: 1.5em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #976957; } /*------------------------------------------ LAYOUT -------------------------------------------*/ #wrap-out { position: relative; /* background: #fff url(../images/header-bg.jpg) repeat-x; */ width: 900px; margin: -20px auto; text-align: left; } #wrap-out_interior { position: relative; background: #fff url(../images/header.png) no-repeat; width: 900px; margin: -20px auto; text-align: left; } #wrap { /* background: url(../images/header-photo.jpg) no-repeat right top; */width: 900px; margin: 0 auto; } #wrap_interior { /*background: url(../images/header-bg-short2.png) no-repeat right top; */ width: 900px; margin: 0 auto; } #content-wrap { position: relative; clear: both; float: left; width: 900px; padding: 0 0px 0px 0; margin: 0; background: transparent; display: inline; /*background-color:#fff;*/ } #cuerpo{background-color:#fff; margin-top:20px; padding-bottom:60px; padding-top:20px;} #header { position: relative; width: 900px; height: 96px; padding: 0; margin: 0 auto; /* background: #FFF; */ } #header_interior { position: relative; width: 900px; height: 200px; padding: 0; margin: 0 auto; background: transparent; } #centro_imparte{/*background: url(../images/fondo-imparte.png) no-repeat right top; margin:-90px auto; */ position: absolute; top: 107px; left: 780px; /*width:220px; height:200px;padding:70px 0 0 0px; font-weight:bold; text-align:center; */ } #centro_imparte img {border:none; background:none;} /* Navigation */ #nav { position: absolute; clear: both; margin: 0; padding: 0; height: 35px; left: 405px; top: 35px; z-index: 99999; color:#fff; /* border-bottom:#EBEBEB thin solid;*/ padding-left: 35px; } #nav ul { float: right; list-style: none; width: 600px; height: 35px; text-transform: none; margin: 0; padding: 0; display: inline; } #nav ul li { display: inline; margin: 0; padding: 0; } #nav ul li a { float: left; margin: 0; padding: 0 10px; font: bold 15px/35px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; text-transform: capitalize; text-decoration: none; letter-spacing: -0.3px; color: #fff; } #nav ul li a:hover, #nav ul li a:active { color: #09F; background: none; border: none; } #nav ul li a#current { color: #0da7d2; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: normal 32px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; letter-spacing: 6.5px; color: #fff; text-transform: none; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 30px; left: 20px; } #header_interior h1#logo-text a { position: absolute; margin: 0; padding: 0; font: normal 36px Arial, Georgia,"Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; letter-spacing: 1.5px; color: #fff; text-transform: uppercase; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 95px; left: 35px; } #header p#intro {position: absolute; margin: 0; padding: 0; font: normal 12px Arial, Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; color: #fff; text-transform: none; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 65px; left: 20px;} #header_interior h1#logo-text.opos a{font: normal 40px Georgia, "Times New Roman", Times, serif; top: 100px; left: 155px; } #header_interior h1#logo-text a:hover { background: none; border: none; } #header_interior p#intro {position: absolute; margin: 0; padding: 0; font: normal 32px Arial, Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5px; color: #fff; text-transform: none; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 135px; left: 30px;} #logo_marca {position: absolute; top: 90px; left: 35px; } /* Main Column */ #main { float: left; width: 560px; padding:20px 10px 20px 10px; margin: 0 0 0px 0; display: inline; list-style: none; } #main_interior{ float: left; width: 900px; padding:20px 0 40px 0; margin: 0 ; display: inline; background-color:#FFF;} #main h2 { padding-bottom: 3px; margin-top: 15px; font: normal 3.5em Georgia, "Times New Roman", Times, serif; color: #cf570e; letter-spacing: -2px; text-transform: none; border-bottom: 1px solid #ebebeb; } #main h2 a { color: #cf570e; text-decoration: none; background: none; border: none; } #main ul li { list-style-image: url(../images/bullet.gif); } /* eliminar bullets en la navegacion de los tabs */ #rotate ul li { list-style-image: none; } /* colocar bullets en los tabs */ #presentacion ul li, #programa ul li, #dirigido ul li, #salidas ul li, #convocatoria ul li, #requisitos ul li, #funciones ul li{ list-style-image: url(../images/bullet.gif); } /* Post content */ #secretaria_main {margin: -10px auto; width: 900px; text-align: left; padding-top:-20px;} #secretaria_main ul {list-style-image: url(../images/bullet.gif); } /* Sidebar */ #sidebar { float: right; width: 290px; padding: 0; margin: 0px; display: inline; } #sidebar h2 { margin: 0px; padding: 5px 5px 0px 5px; font: normal 1.8em 'trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;} #sidebar ul { text-align: left; margin: 7px 5px 8px 0px; padding: 0; text-decoration: none; /* background: url(../images/dots.gif) repeat-x left top; */} #sidebar ul li { list-style: none;/* background: url(../images/dots.gif) repeat-x left bottom */; padding: 8px 10px; margin: 0; } * html body #sidebar ul li { height: 1%; } #sidebar ul li a { text-decoration: none; background-image: none; background-color: transparent; border: none; color: #0C9BC2; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; /* letter-spacing: .5px; */} #sidebar ul li a span { color: #989898; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: .8em; } #sidebar ul li a:hover { color: #555; } /*Center carrousel style reset */ #sidebar .infiniteCarousel a:hover img { color:#eee; text-decoration:none; border:none;} #sidebar ul ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul ul li { background: none; } /* footer */ #footer-wrap { position: relative; clear: both; padding: 1em 0 2.5em 0; margin: 0px; font: normal 1em 'Trebuchet MS', Tahoma, sans-serif; background: #eee; color: #777; width: 100%; float: left; } #footer-wrap h3 { font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif; text-transform: none; letter-spacing: 0; margin-left: 0; color: #666666; } #footer-content { margin: 0 auto; width: 880px; text-align: left; } #footer-content ul.col-list { background: url(../images/dots.gif) repeat-x left top; list-style: none; margin: 5px 0 0 5px; padding: 0; width: 98%; } #footer-content ul.col-list li { background: url(../images/dots.gif) repeat-x left bottom; } #footer-content ul.col-list li a { display: block; line-height: 2em; font-weight: bold; padding: 4px 0 4px 8px; width: 98%; color: #777; border: none; } #footer-content ul.col-list li a:hover { color: #333; text-decoration: none; } #footer-content ul.col-list li a span { color: #989898; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; } #footer-content .col { width: 500px; padding: 0 0 10px 0; display: inline; } #footer-content .space-sep { margin-right: 12px; } #footer-content .col2 { width: 365px; padding: 0 0 10px 0; display: inline; } /* postmeta */ .postmeta {padding: 5px; margin: 20px 10px 15px 10px; font-size: 1em; color: #777; border: 1px solid #ECF8FE; background: #ECF8FE; } .postmeta .date{ margin: 0 10px 0 5px; } .postmeta a.comments { margin: 0 10px 0 5px; } .postmeta a.readmore { margin: 0 10px 0 5px; } .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; } .post-info a { color: #C5935C; } .info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; } .info a { color: #C5935C; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clearer { clear: both; margin:0px; padding:0px; } .spacer {padding:30px 0 30px 0;} /* button specific styles */ #boton img {border:0px; } #boton a:hover {border: none; text-decoration: none; background: none; } #boton {margin-left:35px; padding-top: 20px;} /* Imagenes de centros en tabla de centros */ #ceac { background: url(../images/CEAC.gif) no-repeat center; vertical-align:middle; line-height:70px; width:100px; text-indent: -9999px} #ccc { background: url(../images/CCC.gif) no-repeat center;line-height:70px; vertical-align:middle; width:100px; text-indent: -9999px} #deusto { background: url(../images/DEUSTO.gif) no-repeat center; line-height:70px;vertical-align:middle; width:100px; text-indent: -9999px} #il3_dfo { background: url(../images/IL3_DFO.gif) no-repeat center; line-height:70px;vertical-align:middle; width:100px; text-indent: -9999px} #eae_dfo { background: url(../images/EAE_DFO.gif) no-repeat center; line-height:70px;vertical-align:middle; width:100px; text-indent: -9999px} #eo { background: url(../images/EO.gif) no-repeat center;line-height:70px; vertical-align:middle; width:100px; text-indent: -9999px} #xenium { background: url(../images/XENIUM.gif) no-repeat center; line-height:70px;vertical-align:middle; width:100px; text-indent: -9999px} #deusto_salud { background: url(../images/DEUSTO_SALUD.gif) no-repeat center; line-height:70px;vertical-align:middle; width:100px; text-indent: -9999px} /* centro que imparte el curso */ .centro_imparte { margin: 15px 10px; padding: 10px 10px 10px 35px; border: 2px solid #F8F7EF; font-weight: normal; font-size: 16px;font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #976957;} .centro_imparte h2,h3{font-size: 18px;} /* Expose */ #mask {background:#678;} /* titulo del curso en la home */ .secretaria_home_h2 {padding:0 0 10px 20px; margin-top:0px;} /*Espaciado del cupón integrado */ #form_wrapper {margin-top: 20px;} /* Logo centro Home */ #centro-home { margin: 0px 55px 20px 0; display:block; overflow:visible; height:50px; /* border: 1px solid #ebebeb; */} #centro-home p {padding-top:20px; line-height:12px; float:left } #centro-home img{border:none; display:inline;padding-top:0px;} /* específicos para las intermedias */ #alfa {width: 560px; float:left; margin:0px 0px -7px 0px; clear:left;} a.link, a:hover.link, a:visited.link {color:#666666; text-decoration:none} #cuerpo {margin-top:42px;} #cuerpo h2 { margin:0px 20px 0px 0px ; padding:0px 0px 0px 20px;} table img {border:none; background: white;} table.cursos_seccion{padding:0 20px 0 20px; } .cursos_seccion th{padding: 10px; border-bottom:#EBEBEB thin solid; text-align:center;} .cursos_seccion td{padding: 10px; border-bottom:#EBEBEB thin solid} .cursos_seccion td p{margin:0px; padding:0px;} .boton-verde img{border:none; margin-top:5px; margin-bottom:0px ; padding:-20px;} .vermas {padding-top:15px;} #cursos-secretaria-presencial {width: 100%; margin: 20px 20px auto; height:380px; clear:right;} #cursos-secretaria-presencial ul,#cursos-secretaria-presencial ol{list-style-type:none;width:160px;float:left;margin:10px 20px 10px 0} #cursos-secretaria-presencial li{width:160px;float:left;padding:0; list-style-type:none;padding:5px 10px 5px 0;} #cursos-secretaria-presencial li a{width:160px;float:left;text-decoration:none;} /* especificas de la ficha de curso */ .centro {margin:0px 0 35px 0;} .centro h2 {padding-bottom:-10px;} .breadcrumb {padding: 17px 15px 17px 20px; margin: 0;} .centro .breadcrumb {padding: 0px 15px 15px 20px; margin: 0;} /* blog share icons container */ .compartir{width: 100%; text-align: left; margin: 0 auto; clear: both; line-height: 30px; vertical-align: bottom; padding-bottom: 20px;} .compartir p{float: left; margin-left: 250px; margin-top:-10px;} .compartir img {background:#fff; border:none;} /* ----------------------------------------------Homepage Intro-------------------------------------*/ #intro2{position:relative; margin:0 auto 0; display:block; width:960px; } #intro2{position:relative; margin:-30px auto 0; display:block; width:930px; height:350px; padding:5px; color:#777777; background-color:#EEEEEE; cursor:pointer; } /* Featured Block */ #featured{display:block; width:300px; margin-bottom:40px; } #featured a{color:#000000; /* background-color:#F9F9F9; */ background-color:transparent;} #featured ul, #featured h2, #featured p{margin:0; padding:0; list-style:none; cursor:pointer; } #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#2E271D; background-color:#F9F9F9; } #featured li p{line-height:1.6em; } #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC; } #featured li h2{margin:0; padding:0 0 14px 0; color:#666666; /* background-color:#F9F9F9; */line-height:normal; border-bottom:1px dashed #666666; } #featured p.more{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal; }