/* RAMPA */

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, pre, form, fieldset, input, p, blockquote, th, td {
	
}

ul li {
	display: inline;	
width: auto;
}


	

fieldset,img { background: none;
	border: 0;
}

body {
	font-family:  Arial, Sans-Serif;
	background-color: #fff;}

.canvas {width: 1140px; height: 890px; position: fixed; background: #fff; top: -1px; left: 580px; z-index: -2;}
.mat {position: fixed; top:540px; left: -200px; z-index: -2;}
.cal {background: #efefef; width: 700px; height: 600px;}

img#bg {position:fixed;top:0;left:0;width:110%;}

.left {float: left;}
.right {float: right;}

.portada {position: fixed; top:20px; right:465px;}

.page { z-index: 5;
        margin: 20px 0px 0px 20px;
	text-align: left;
}

.logo {
position: fixed;
left: 20px;
top: 225px;
}


.logo a {
	font-weight: bold;
        color: #fff;
        background: #f28193;
        padding: 0 5px;
        font-size: 22px;
}

.menu{
position: fixed;
left: 20px;
top: 20px;
z-index:5000;
}

.menu a {
	font-weight: bold;
        color: #333;
        background: #fff000;
        padding: 0 5px;
        font-size: 22px;
}

.return {position: fixed; left:20px; top:346px; 486px;}

.seis {background: #6892ff;}
.cinco {background: #6892ff;}
.cuatro {background: #f28193;}
.tres  {background: #ddd; }
.dos {background: #fff000; }
.uno  {background: #00ee9d;}
.cabecera , .return a {color: #555; font-size: 18px; display:inline; font-weight: bold; padding: 1px 5px 2px; margin-bottom: 3px;}

.menu a:hover, .logo a:hover , .return a:hover, #toggle-view li:hover{
	background: none; color: #444;
}


.novedad a { background: #00ee9d; text-transform: ; color: #fff; font-style: normal; font-size: 56px; letter-spacing: -2px; margin-bottom: 5px;}
.novedad a:hover {color: #00ee9d; background: none;}
.spacer {height: 13px; }
.actividad a:hover , .taller {color: #00ee9d;}
.hot a {background: #6892ff; display: inline-block; padding: 0px 4px; margin-bottom: 1px;}
.hot a:hover {background: none; color: #6892ff}
.noticia a:hover , .biblioteca {color: #00ee6a; }
.miscelanea a:hover , .presentacion a:hover {color: #6892ff;}
.sin-categoria a:hover {color: #eb7084; }
.misterio a:hover , .prisma {color: #eb7084;}
.actividad a , .miscelanea a , .noticia a , .sin-categoria a , .misterio a {}




.datos {background: #00ee9d; color: #333; font-weight: bold; padding: 1px 5px 1px 5px; margin-bottom: 1px; display:inline;}

.menu2{
position: fixed;
right: 57px;
top: 173px;
z-index:5000;
}

.error{ font-size:52px; background: #00b0a1; letter-spacing: -3px; display:inline; font-weight: bolder;}
.negativo {background: #333; display: inline;}

.titulo {width: 477px;}

.author {background: #00ee9d; display: inline; color: #333; font-weight: bold; padding: 1px 5px 0px 5px;}

.content a {color: #FFF;}
.content { position: relative; margin-top: 50px; width: 700px}
.content22 {position: relative; margin-top: 50px; width: 700px}
.content22 a {color: #B9B9B9;}

.cajabaja {text-transform:lowercase;}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	width: 450px;
}

.widecolumn {
	padding: 0px;
	margin-left: 0px; 
	width: 450px;
}

.post-edit-link {margin-left: 200px; color: #eee; }

.narrowcolumn .postmetadata {
	padding-top: 5px;
	text-align: center;
}

.widecolumn .postmetadata {
	padding: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	padding: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.entry {margin-top:1px; }

.widecolumn .entry p {
	font-weight: bold;
       	font-size: 29px;
        text-decoration:none;
        color: #b9b9b9;
        margin-bottom: 20px;
}
.entry p:first-child { width: 670px; color: #fff; background: #00ee9d; font-weight:bold; margin-bottom: 20px; display:inline; padding: 0 2px; margin-bottom:1px;}
.entry .block p:first-child , .entry .block p { color: #a0a0a0; background: none; font-size: 22px; padding-left: 15px; font-weight:bold; margin: 0px; }
.entry .block p a {font-size: 22px; text-decoration: underline; color:#6892ff;} .entry .block img {margin-left: -15px;}
.imagestart {background: none; margin-bottom: 20px;}
.entry p a {font-size: 29px; text-decoration:underline; color:#6892ff;}
.entry p a:hover {color:#6db9ff}
.entry p strong {padding: 0px; color: #959595; font-size: 29px; font-weight: bold; display:inline;}

.block {background : url(/white.png); margin-bottom: 20px;}

.destacar {padding: 0px; color: #888; font-size: 29px; font-weight: bold; display:inline;}
.alberto {padding: 1px 5px 2px 5px; background: #00ee9d; font-size: 16px; font-weight: bold; color:#333; display:inline;}

.widecolumn .post .entry blockquote p {
	font-weight: normal;
	font-size: 12px;
}

.post {
	margin-top: 0px;
	margin-left: 200px;
	width: 700px;
        
}


.footer {position: relative; height: 0px;}

/* @group Headers */

h1, h2, h3 {
	font-weight: normal;
        font-size: 29px;
}


html>body .entry {
	margin-left: 0px;
}


.postcomment {width:570px;}
div.bubble blockquote p a {font-size:12px; background:#fff600;}
div.bubble blockquote p a:hover {background:#333;}




/* @end */

/* @group Forms */

#searchform {
	margin: 10px 0;
	padding: 6px;
	text-align: left;
        background: #fffb96;
        border: none;
}

.search_input {
	margin-top: 5px;
        padding: 7px;
        background: #fffb96;
	width: 150px;
        border: none;
}

.entry form {
	/
* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}


*:focus {outline: none;}

/* Normal Bubble */

div.bubble {
	width: auto;
	margin-bottom: 12px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	
}

div.bubble blockquote p {margin: 0px; padding: 16px 15px 20px 15px; background: #fff;}

.author a {padding-bottom: 0px; text-decoration: underline;}

div.bubble cite {
	position: relative;
	margin-bottom: 3px;
	padding: 7px 0px 10px 15px;
	top: 5px;
	font-style: normal;
	font-size: 1.2em;
	display: block;
}



a {
        font-weight: bold;
       	font-size: 29px;
        text-decoration:none;
        color: #b9b9b9; padding-right: 5px;
}


blockquote {margin: 15px 34px 0 10px; padding-left: 20px; font-size: 12px; line-height: 22px; font-weight: normal; color: #333; }



a img {
	border: none;
background: none;
}
.trigger a:hover {color: #888;} .trigger a strong {color: #959595;}
.trigger {margin-bottom:20px; }


h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/