/*
===========================================
ElCurriculum Stylesheet
Written by: Deryck O. Espinel
Copyright by: Neuseed Creative Solutions 2009
==============================================
*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*Mini Framework*/
.clear {clear: both;height: 0;visibility: hidden;display: block;}
.full-liquid-width li {width: 100% !important;}
.full-fixed-width li {width: 250px !important;margin-bottom: 28px !important;}
.no-title {padding-top: 18px;}

/*Links and Typography*/
body {font: 12px/1.3 Arial, Helvetica, sans-serif;color: #333;}
a {color: #5490cf;text-decoration: none;}
a:visited {color: #5490cf;}
a:hover, a:active {color: #1d62a8;text-decoration: underline;}
h1 a , h2 a, h3 a {color: #333;}
h4 a {border-style: none;color: #5490cf;}
p, ul, ol {margin: 2px 0 18px 0;}
li {margin: 0 0 4px 0;}
h1 {font: bold 35px Calibri, Arial, Helvetica, sans-serif;color: #333;margin: 2px 0 20px 0;}
h2 {font: bold 20px Calibri, Arial, Helvetica, sans-serif;color: #333;margin: 20px 0 16px 0;}
h3 {font: bold 16px Arial, Helvetica, sans-serif;color: #333;}
h4 {font: bold 13px Arial, Helvetica, sans-serif;color: #333;}
sup {font-size: 0.6em;position: relative;top: -0.6em;}



.default #main-content, .curriculum #main-content, #main-content {float: left;width: 778px;}
.default #sidebar, .curriculum #sidebar, #sidebar {float: right;width: 182px;}
.full-width #main-content {width: 778px;}
.curriculum #header-wrapper {background: url(../images/headermini-bg.jpg) repeat-x left top;}
.curriculum #header {height: 73px;}

#simple-search {clear: both;float: right;min-width: 300px;margin-top: 0px;}
#simple-search input, #simple-search select {vertical-align: middle;}
#simple-search .nice_select {margin-top: 2px;background: url(../images/nice-select-bg.gif) no-repeat right 7px;color: #f4f3f3;width: 110px;margin-right: 6px;border: none;text-align: right;padding-right: 8px;cursor: default;}
#search-filter-wp {float: left;padding-top: 2px;position: relative;z-index: 50;}
#simple-search #search-filter {}
#simple-search #search-criteria {margin: 1px;border-style: none;background: url(../images/searchinput-bg-trans.png);color: #FFF;height: 17px;width: 192px;padding: 4px;}
#simple-search #search-submit {width: 16px;height: 16px;}
#simple-search ul.virtual_select {display: none;position: absolute;z-index: 1100;top: 0;right: 0;/*	width: 90px; */height: 120px;white-space: nowrap;border-right: 1px solid #ddd;}
#simple-search ul.virtual_select li {background-color: #000;color: #f4f4f4;height: 18px;margin: 0;padding: 4px 10px 0 10px;*width: 75px;}
#simple-search ul.virtual_select li.last {border-bottom: 1px solid #ddd !important;padding-bottom: 6px;}
#simple-search ul.virtual_select li.over, ul.virtual_select li.selected {background-color: #9a9a9a;color: #fff;}
#simple-search ul.virtual_select li.selected {}

.curriculum #simple-search {margin-top: 0;}
#toolbox {float: right;margin: 0;}
.curriculum #toolbox {margin-top: 26px;}

#logo {float: left;}
#logo h1 {background: url(../images/elcurriculum-logo-trans.png) no-repeat left top;height: 59px;width: 233px;margin: 18px 0 0 0;padding: 0px;}
#logo h1 span {display: block;text-indent: -99999px;overflow: hidden;height: 59px;}
.curriculum #logo h1 {background: url(../images/elcurriculum-logo-small-trans.png) no-repeat left top;height: 42px;width: 164px;margin: 18px 0 0 0;}

#header-wrapper {background: url(../images/header-bg.jpg) repeat-x left top;}
#content-wrapper {background: url(../images/content-bg.jpg) repeat-x left top;}
#content {padding-bottom: 40px;}
#content:after, #content-wrapper:after, #header:after, #header-wrapper:after, .clearfix {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
#header, #content, #footer, #poster {/*width: 980px;*/width: 960px;margin: auto;}
#header {height: 138px;}
#footer-wrapper {clear: both;background: url(../images/footerbottom-bg.jpg) repeat-x left bottom;height: 180px;}
#footer {background: url(../images/footerline-end.jpg) no-repeat right top;}
#footer .inner {background: url(../images/footerline-start.jpg) no-repeat left top;padding: 10px 0 0 0;}
#copyright {}
#simple-nav {float: right;}
#simple-nav a {margin-left: 8px;}

.home #main-content {float: left;width: 640px;}
.full-width #main-content {width: 778px;}

.nombre {width:630px;float:left;}
.nombre h1 {margin: 20px 0 0 0;}
.nombre p {margin-top: 0;}
.foto {float:right;margin:18px 7px 0 0;}
#navigate {margin: 20px 0 0 0;float:left;}

.sbox {background: #fdfdfd url(../images/sbox-tile.jpg) repeat-x left bottom;border: 1px solid #dddddd;padding: 9px 10px 10px 10px;margin: 18px 0;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.sbox h3 {border-bottom: 1px solid #ededed;padding-bottom: 4px;}
.sbox ul li img {vertical-align: bottom;}
.strongbox {background: #d7e9fa url(../images/strongbox-tile.jpg) repeat-x left bottom;padding: 9px 10px 10px 10px;margin: 18px 0;border: 1px solid #9bbada;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}


.widget {background-color: #fff;float: left;width: 238px;height: 200px;border: 1px solid #ddd;margin: 0 5px 5px 0;display: block;position: relative;z-index: 2;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.widget_old {width: 238px;min-height: 180px;border: 1px solid #ddd;margin: 0 18px 20px 0;position: relative;z-index: 2;display: -moz-inline-stack; /* FF2*/display: inline-block;vertical-align: top; /* BASELINE CORRECCIÓN*/zoom: 1; /* IE7 (hasLayout)*/ *display: inline; /* IE */_height: 65px; /* IE6 */}
.widget-small {width: 252px;}
.widget-medium {width: 511px;}
.widget-wide {width: 768px;}
.widget h4 {background: url(../images/expbox-gradient.jpg) repeat-x left top;border-bottom: 1px solid #ddd;color: #2a76c4;margin: 0;padding-left: 10px;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.widget h4 span {background: url(../images/widget-dots-trans.gif) no-repeat left center;display: block;padding-left: 20px;padding: 4px 20px;}
.widget .close {background: url(../images/close.gif) no-repeat left top;display: block;width: 17px;height: 17px;position: absolute;top: 2px;right: 2px;z-index: 10;border: none;}
.widget .close span {display: block;overflow: hidden;text-indent: -99999px;}
.widget-holder {border: 1px solid red;}
.widget .content {/*padding: 10px;*/}
.widget-listado {margin:2px;height:150px;max-height:150px;padding:5px;overflow-y:auto;}


table {width: 100%;}
th {background: url(../images/th-tile.jpg) repeat-x left top;color: #fff;text-align: left;padding: 2px 4px;border-bottom: 1px solid #195fa6;}
th.start {-moz-border-radius-topleft: 6px;-webkit-border-top-left-radius 6px;border-top-left-radius: 6px;}
th.end {-moz-border-radius-topright: 6px;-webkit-border-top-right-radius 6px;border-top-right-radius: 6px;}
tr.odd, tr.odd td {background: #d8e8f9;}
td {padding: 4px;border-bottom: 1px solid #ddd;}


.cform h3 { font: bold 20px Arial, Helvetica, sans-serif;color: #005a9d;background: url(../images/legend-start.png) no-repeat left top;height: 37px;margin: 20px 10px 10px 0;padding-left: 7px; }
.cform h3 span { background: url(../images/legend-end.png) no-repeat right top;display: block;height: 37px;position: relative;line-height: 37px; }
.cform ul li { background: url(../images/bullet-blue.gif) no-repeat 0px 0px; padding: 0px 0px 0px 16px;margin: 0 0 10px 0; }
.cform li.option-wrapper { display: block;margin: 0 0 10px 100px; }

.dform h3 { background: none; height: auto; }
.dform .wrapper   { min-height: 233px;border: 1px solid transparent; }
.dform .submit-wp input { margin: 0 auto;width: auto;display: block; }

fieldset.bform {border:none;_padding-bottom:20px;}
.bform legend {font-size:1.4em;color:#005a9d;margin:0;padding:0;}
.bform  ol{list-style:none;margin:5px;padding:0px;/*overflow:auto;*/font-size:1.1em;}
.bform .inputL {width:360px;}
.bform select {padding:2px;}
.bform  ol li {padding:0px 0;clear:both;margin-bottom:14px}
.bform  ol li.textarea label.error {margin-left:0px;}
.bform textarea {color:#414141;font-family:Arial, Helvetica, sans-serif;font-size:1em;}
.bform .bselect {width:200px;color:#414141;padding:2px;margin:0;}
.bform .binputxt {width:192px;padding:4px;color:#414141;margin:0;}
.bform ol label {display:block;width:130px;float:left;text-align:right;padding-right:10px;font-weight:bold;}
.bform ol label.error {_float:none;color:red;margin-left:190px;font-size:1em;text-align:left;padding:3px 0;display:block;width:auto;}

.bform.bleft label {text-align:left;width:15%;}
.bform ol li.bright p {margin:0 0 0 185px;padding:0;clear:both;}
.bform ol li.bright input {float:left;}
.bform ol li.bright label {text-align:left;width:auto;font-weight:normal;}
.bform ol input {vertical-align:bottom;margin:10 0 0 10px;color:#414141;}
/*.bform ol input.error, select.error {border: 1px solid red;margin:0;padding:0;}*/
.bform ol input.error, select.error, textarea.error {border: 2px solid red;margin-top:6px;}
.red { color: red; font-weight:bold; padding:2px; }
/*.bform input.submit {background: url(../images/submit.gif) no-repeat left -10;border:none;font-weight:bold;width:120px;height:36px;text-align:center;cursor:pointer;color:#2c4800;font-family:"Lucida Sans Unicode";}*/
.form_error {padding-left:192px;}


div.info {background:#e5f2f6 url(../images/bg-info.gif) no-repeat left top;padding:8px 8px 8px 35px;}
div.info strong, div.alert strong {font-size:1.2em;font-weight:bold;}
div.info strong {color:#207ba1;}
div.alert strong {color:#cc3a3a;}
div.alert {background:#fbf3c7 url(../images/bg-alert.gif) no-repeat left top;padding:8px 8px 8px 35px;}
div.info, div.alert {margin:0 20px 10px 0;line-height:1.6em;}
div.info, div.alert a {font-weight:bold;}
div.alert {border:1px solid #F4D858;}

div.suggest {background:#e5f2f6;line-height:1.6em;font-weight:bold;padding:10px;border:1px solid #333333;}
div.suggest strong {font-size:1.2em;font-weight:bold;color:#207ba1;}
div.suggest ul {margin:10px;display:block}
div.suggest ul li {width: 33.3%;float: left;}
div.suggest h3 {clear:both;}

div.con {border:1px solid #207ba1;padding:2px;display:block;width:60px;}

.anterior {background: url(../images/anterior.png) no-repeat left top;display:block;width:40px;height:40px;float:left;}
.siguiente {background: url(../images/siguiente.png) no-repeat left top;display:block;width:40px;height:40px;float:left;}

#advertising {}
#advertising img { margin-left: 20px;border: 1px solid #c1c1c1;}
#advertising strong { display:block;text-align:center;margin-bottom:10px;}

#login { background: url(../images/smallform-bottom.png) no-repeat left bottom;padding: 0 0 12px 0; }
#login .inner { background: url(../images/smallform-top.png) no-repeat left top;padding: 0 10px; }
#login h3 { background: url(none); height: auto; }
#login .inner .bform ol label { width: 130px;}
#login .inner .bform ol label.error { margin-left:140px;width:auto;}
#login .inner .bform ol input.error { margin:0px;}
#login .briefing { background: url(../images/padlock.png) no-repeat left top;height: 60px;padding-left: 75px;padding-top: 10px; }
#login .recover-pass { padding-top: 8px;display: block;}

.mini-cataloge {margin:10px}
.mini-cataloge h3 {background: url(../images/th-tile.jpg) repeat-x top left;font-size: 18px;color: #fff;padding: 1px 6px;border: 1px solid #195fa6;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.mini-cataloge ul {margin: 10px;}
.mini-cataloge li {width: 33.3%;float: left;margin-bottom: 10px;}


#right-content {
	float:right;
	display:block;
	width:378px;
	padding-top: 20px;
	margin-right: 11px;
}
#left-content {
	float:left;
	display:block;
	width:378px;
	padding-top: 20px;
}

.submit-wp input {
	background: #3B7BBD;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;	
	border-style: none;
	height: 31px;
	margin-left: 145px;
}
.submit-wp input:hover { cursor: pointer; }
#submit-login {
	color: #005a9d;
	background: #CCC url(../images/button-login-bg.png) no-repeat center center;
	height: 31px;
	width: 84px;
	margin: 0px 10px 0px 110px;
	float: left;
}
#main-content .submit-wp input.small-size {
	background: transparent url(../images/button-small-bg.png) no-repeat center center;
	width: 111px;
}
#main-content .submit-wp input.mid-size {
	background: transparent url(../images/button-mid-bg.png) no-repeat center center;
	width: 211px;
}
#main-content .submit-wp input.big-size {
	background: transparent url(../images/button-big-bg.png) no-repeat center center;
	width: 278px;
}