/*
THEME NAME: vivasandbox
THEME URI: http://vivaestudio.com/
VERSION: 1.0
DESCRIPTION: Sandbox  para proyectos de vivaestudio en 960 a 2 columnas
AUTHOR: vivaestudio
AUTHOR URI: http://vivaestudio.com/
TEMPLATE: vivasandbox
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Estilos base
   -------------------------------------------------------------------- */
* {
	font-size: 100%;
}
body {
	font: 14px/21px Arial, Verdana, sans-serif;
	background: #fff url(img/body-interna-bg.png) 0 0 repeat-x;
}
body.home {
	background: #eee url(img/body-bg.png) 0 0 repeat-x;
}
a {
	color: #0b74b0;
	text-decoration:none;
}
a img {
	border: none;
}
a:visited {
	color: #0b74b0;
}
a:active, a:hover {
	color: #0b74b0;
	text-decoration:underline;
}
img {
	behavior: url("js/pngbehavior.htc");
}
h1 {
	font-size: 2em; 
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.33em; 
}
h4 {
	font-size: 1.1em; 
}
h5 {
	font-size: 1em; 
}
h6 {
	font-size: 0.85em; 
}
p {
	margin: 0 0 1em 0;
}
dt {	
	margin: 0.5em 0 0;
}
dd {
	margin: 0.25em 0 0.5em 2.5em;
}
pre, code, tt {
	font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; 
	margin: 1em 0;
}
code, tt {
	border-bottom: 1px solid #E3E3E3; padding: 0 1px;
}
small {
	font-size: 85%;
}
big {
	font-size: 115%;
}
abbr, acronym {
	border-bottom: 1px dotted #919191;
}
abbr {
	cursor: help;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Estilos de función
   -------------------------------------------------------------------- */
.none {
	display: none;
}
.clear {
	clear: both;
}
.noborder {
	border: none;
}
.overflow {
	overflow: hidden;
}
.floatleft {
	float: left;
	width: 50%;
}
.floatright {
	float: right;
	width: 50%;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.show { 
	display:block;
}
.hide { 
	display:none;
}
a.trigger {
	text-decoration: none; 
	border-bottom: 1px dotted #00c
}
a:hover.trigger {
	color: #00c;
}



/* Estructura
   -------------------------------------------------------------------- */
#wrapper {
	width:1008px;
	margin: auto;
}
#container {
	float:left;
	width:653px;
	margin-bottom:30px;
	margin-top:15px;
}
.sidebar {
	float:right;
	clear:right;
	width:318px;
	margin-bottom:30px;
}
#footer { 
	clear:both;
}



/* comments.php
   -------------------------------------------------------------------- */ 
.tabs-comments-track { 
	list-style:none;
	overflow: hidden;
	margin-bottom: -1px;
}
.tabs-comments-track li { 
	float:left; 
	margin-left:10px; 
	border:1px solid #f1f1f1; 
	padding:5px 15px; 
	cursor:pointer;
	background:#f1f1f1;
	border-bottom:1px solid #ccc;
}
.tabs-comments-track li.activo { 
	border:1px solid #ccc; 
	border-bottom:1px solid #fff;
	background:#fff;
}

div.comments { 
	border-top:1px solid #ccc; 
	padding:20px 0 0 0;
}

/* header
   -------------------------------------------------------------------- */

#header { height:366px; position:relative; }
#header .contacto { float:right; width:295px; line-height:27px; padding-top:51px; }
#header .contacto .telefono { float:left; color:#818181; padding-left:28px; background:url(img/tel-blt.png) no-repeat left 5px; }
#header .contacto .mail { float:left; background:url(img/contacto-sep.png) no-repeat left center; padding-left:18px; margin-left:18px; }
#header #blog-title { float:left; }
#header #blog-title a{ display:block; height:146px; text-indent:-9999px; position:relative; width:418px; float:left; background:url(img/logo.png); left:-135px; }
#header #blog-description { display:none; }

.newstuff { position:absolute; top:15px; right:18px; font-size:0.9em; color:#666;}
.newstuff .newicon { color:#fff; background:#0B74B0; font-size:0.8em; text-transform:uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding:3px 5px 2px 5px;
}

#results {
	padding: 20px; 
	background: #cff4ff; 
	text-shadow: #fff 1px 1px 0px;
	margin: 20px 0 0 0;
	color: #19667d;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #b0e5f4;
	border-top: 1px solid #96d9ec;
	width:540px;
	float:right;
}
#results2 {
	padding: 20px 0 0 20px; 
	background: #0B74B0; 
	margin: 20px 0 0 0;
	color: #19667d;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #0B74B0;
	border-top: 1px solid #0B74B0;
	width:356px;
	float:left;
}
#results3 {
	padding: 20px 0 0 20px; 
	background: #0bb03d; 
	margin: 8px 0 0 0;
	color: #19667d;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #0bb03d;
	border-top: 1px solid #0bb03d;
	width:356px;
	float:left;
}
#results4 {
background: none repeat scroll 0 0 #0B74B0;
    border: 1px solid #0B74B0;
    border-radius: 10px 10px 10px 10px;
    color: #19667D;
    float: right;
    margin: 15px 0 18px;
    padding: 20px 0 0 20px;
    width: 560px;
}
#results ul li {
	display: block;
	margin: 0 0 10px 20px;
	font-size: 1.12em;
}
#results2 ul li {
	display: block;
	margin: 0px 20px 10px 10px;
	font-size: 1em;
	color:#FFF;
}
#results3 ul li {
	display: block;
	margin: 0px 20px 10px 10px;
	font-size: 1em;
	color:#FFF;
}

#results h4 {
	margin-bottom: 20px;
	font: normal 2em Georgia;
	color: #0d8fb5;
}
#results2 h4, #results4 h4 {
	margin-bottom: 20px;
	font: normal 2em Georgia;
	color: #CFF4FF;
}
#results2 h4 a, #results4 h4 a{
	color: #CFF4FF;
}
/* navigation
   -------------------------------------------------------------------- */

#navigation { font-size:14px; height:40px; text-transform:uppercase; clear:left;}
#navigation ul {}
#navigation ul li { float:left; height:19px; padding:12px 8px 8px;}
#navigation ul li.activo { background:url(img/navigation-activo.png)}

/* destacado
   -------------------------------------------------------------------- */
.destacado { padding-top:35px; position:relative; background:url(img/destacado-bg.png); height:145px;}
.destacado h4 { font-size:29px; line-height:36px; margin-bottom:20px;}
.destacado .mas { float:right; margin:12px 377px 0 0; padding:8px 0 12px; width:128px; background:url(img/destacado-mas.png) no-repeat center center; font-size:16px;}
.destacado .mas:hover {background:url(img/destacado-mas-hover.png) no-repeat center center;}
.destacado p { float:left; width:476px; font-size:14px; line-height:23px; }
.destacado .foto { position:absolute; right:0; top:-63px; width:336px; height:243px; background:url(img/student.png); }

/* post
   -------------------------------------------------------------------- */


.home .entry-title { font-size:18px; line-height:26px;}
.entry-title { padding:22px 0 28px; font-size:41px; line-height:45px;}
.forumclass .entry-title {font-size:30px; !important}
.entry-content { padding:30px 0 30px 15px;}
.edit-link { position:relative; top:50px; right:20px; z-index:10;}

.post .links { background:url(img/links-bg.png) no-repeat; width:235px; height:136px; float:left; padding-top:20px;}
.post .links  li { padding:0 0 10px 23px;}
.post .links  li a { background:url(img/link-blt.png) no-repeat; display:block; height:14px; line-height:14px; font-size:12px; padding:2px 0 0 27px; font-weight:bold;}
.post cite { margin-left:25px; background:url(img/cite.png) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; text-indent:30px; color:#737373; font-size:17px; line-height:26px; float:left; display:block; width:383px; margin-bottom:30px;}
.post .volver { margin-left:25px; padding-left:20px; background:url(img/flecha-volver.png) no-repeat left center; color:#919191; text-transform:uppercase; font-size:11px; font-weight:bold; float:left; width:373px;}

.breadcrumb { padding:20px 0 0 26px; font-size:12px; color:#7e7e7e; background:url(img/breadcrumb-home.png) no-repeat left 23px;}
.breadcrumb a { font-weight:bold;}
.breadcrumb .blt { padding-left:9px; background:url(img/breadcrumb-blt.png) no-repeat left center; margin-left:5px; font-weight:bold;}
/* comments
   -------------------------------------------------------------------- */

span.required{}
#comments-box{}
#comments-box .comments{}
#comments-box .comments h3{}
#comments-box .comments .post_comments_feed_link{}
#comments-box .comments .post_comments_feed_link a{}
#comments-box .comments ol#commentlist{}
#comments-box .comments ol.pinglist{}
#comments-box .comments ol{}
#comments-box .comments ol li {}
#comments-box .comments ol li .comment-author{}
#comments-box .comments ol li .comment-meta{}
#comments-box .comments ol li span.unapproved{}
#comments-box .comments ol li p{}
#comments-box #respond{}
#comments-box #respond h3{}
#comments-box #respond .formcontainer{}
#comments-box #respond .formcontainer form{}
#comments-box #respond .formcontainer form .comment-welcomeback{}
#comments-box #respond .formcontainer form .comment-welcomeback strong{}
#comments-box #respond .formcontainer form .comment-welcomeback a{}
#comments-box #respond .formcontainer form #comment-author-info{}
#comments-box #respond .formcontainer form #comment-author-info p{}
#comments-box #respond .formcontainer form #comment-author-info p em{}
form .form-label{ padding-top:10px;}
#comments-box #respond .formcontainer form .form-label label{}
#comments-box #respond .formcontainer form .form-input{}
#comments-box #respond .formcontainer form .form-input input{}
#comments-box #respond .formcontainer form .form-textarea{}
#comments-box #respond .formcontainer form .form-textarea textarea{}
#comments-box #respond .formcontainer form .form-submit{}

#comments-box #respond .formcontainer form .form-option {}

.button { border:1px solid #0c74b0; border-top-color:#085e8f; background:#197cb5; color:#fff; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; padding:4px 6px; font-weight:bold; cursor:pointer; margin-top:10px;}
.text, textarea {
	border:1px solid #ccc; border-top-color:#999; padding:3px;padding:5px;
}
span.required { color:#f00;}

/* footer
   -------------------------------------------------------------------- */

#footer { background:#fff; border-top:1px solid #cbcbcb; clear:both; }
#footer div {margin:0 auto; width:1008px;background:url(img/logo-pie.png) no-repeat left 24px;padding:30px 0;}
#footer p {  color:#8e8e8e; margin:0; font-size:12px; padding-left:75px;}
#footer p a {}

/* sidebar
   -------------------------------------------------------------------- */

.home .sidebar { background:url(img/sidebar-bg.png) no-repeat; margin-top:15px; }
.sidebar { padding-left:27px; background:url(img/sidebar-interna-bg.png) no-repeat; color:#3b3b3b; margin-top:29px; padding-bottom:10px; position:relative;}
.home .sidebar .extra-sombra { display:none;}
.sidebar .extra-sombra { position:absolute; left:-45px; top:0; background:url(img/sidebar-sombra.png) no-repeat; width:45px; height:101px;}
#primary.sidebar {}
#secondary.sidebar {}
.sidebar .module {}
.sidebar .module li { padding-bottom:14px;}
.home .sidebar .module li h3 {font-size:18px; line-height:26px;}
.sidebar .module li h3 {padding:25px 0; font-size:15px; line-height:18px;}
.sidebar .module li a { background:url(img/sidebar-link-blt.png) no-repeat left center; padding-left:14px; font-size:15px;}
.sidebar .module li ul {}
.sidebar .module li form {}
.sidebar .module li div {}
.sidebar .module li .boton { background:url(img/boton-inscripcion.png) no-repeat; padding:33px 0; text-align:center; font-weight:bold; margin-top:20px;}
/* Estilos Paginador
   -------------------------------------------------------------------- */
   
div.pagination {}
div.pagination a {}
div.pagination a:hover, div.pagination a:active {}
div.pagination span.current {}
div.pagination span.disabled {}

/* Estilos Album
   -------------------------------------------------------------------- */

.album {}
.album .image {}
h2.album_title {}
h3.imagetitle {}
.thumbs {}
.thumbs img {}
a img {}
.prevnext {}
.prev {
	float: left;
}
.next {
	float: right;
}

/* Estilos share-this
   -------------------------------------------------------------------- */
   
#akst_form {
	background: #999;
	border: 1px solid #ddd;
	display: none;
	position: absolute;
	width: 350px;
	z-index: 999;
}
#akst_form a.akst_close {
	color: #fff;
	float: right;
	margin: 5px;
}
#akst_form ul.tabs {
	border: 1px solid #999;
	list-style: none;
	margin: 10px 10px 0 10px;
	padding: 0;
}
#akst_form ul.tabs li {
	background: #ccc;
	border-bottom: 1px solid #999;
	cursor: pointer;
	float: left;
	margin: 0 3px 0 0;
	padding: 3px 5px 2px 5px;
}
#akst_form ul.tabs li.selected {
	background: #fff;
	border-bottom: 1px solid #fff;
	cursor: default;
	padding: 4px 5px 1px 5px;
}
#akst_form div.clear {
	clear: both;
	float: none;
}
#akst_social, #akst_email {
	background: #fff;
	border: 1px solid #fff;
	padding: 10px;
}
#akst_social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#akst_social ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 45%;
}
#akst_social ul li a {
	background-position: 0px 2px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	padding: 4px 0 0 22px;
	vertical-align: middle;
}
#akst_email {
	display: none;
	text-align: left;
}
#akst_email form, #akst_email fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#akst_email fieldset legend {
	display: none;
}
#akst_email ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#akst_email ul li {
	margin: 0 0 7px 0;
	padding: 0;
}
#akst_email ul li label {
	color: #555;
	display: block;
	margin-bottom: 3px;
}
#akst_email ul li input {
	padding: 3px 10px;
}
#akst_email ul li input.akst_text {
	padding: 3px;
	width: 280px;
}


/* sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h4#subheader,
.sIFR-hasFlash #header .destacado h4,
.sIFR-hasFlash #header .destacado .mas,
.sIFR-hasFlash #header .destacado p,
.sIFR-hasFlash #header #navigation li,
.sidebar .module li h3, 
.entry-title, .forumclass .entry-title {
	visibility: hidden;
	letter-spacing: 0px;
}

h4.subheader {
	font: bold 1.5em Arial;
	margin: 40px 0 15px 0;
	color: #3284b7;
}

ul.dires {
	margin: 20px 0 20px 35px;
	color: #777;
	font-size: 0.9em;
}

ul.asigs {
	margin: 10px 0 20px 35px;
	color: #000;
	font-size: 1.2em;
}

ul.dires li.direname {
	color: #000;
	font-size: 1.14em;
}

ul.asigs li.direname {
	font-size: 0.84em;
	font-style: italic;
	color: #777;
	margin-top: 20px;
}

ul.asignaturas li {
	margin-bottom: 8px;
}