h1, h2, h3,h4,h5,h6{font-weight:lighter;color:#b6101d;margin:0;}


/* BUSQUEDAS Y LISTADO DE NOTAS*/


/* Seteos particulares*/ 

.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}


.nota h1{ font-size: 2.7em;letter-spacing: -0.075em;line-height: 1em;text-align: right;}
.nota h2{ font-size: 1.7em;letter-spacing: -0.075em;font-weight:normal;color:#333333;}
.nota .info{text-align:right;margin:5px 0}
.nota .resumen,
.nota .resumen p{margin:0;display: block; font-size: 1.1em;padding: 5px 0;color:#6666666;font-weight:bold;}

.nota .texto, .nota .texto p{font-size: 1.1em;line.height:1.1em;}

.content-pagina_html{    background: url("../img/content-background.jpg") no-repeat scroll 0 0 transparent;
    height: 375px;
    margin: 40px 0 0 30px;
    width: 649px;}
.content-pagina_html .texto{    display: block;
    font-size: 1.15em;
    height: 290px;
    left: 50px;
    overflow: hidden;
    position: relative;
    text-shadow: -1px 1px 5px #000000;
    top: 25px;
    width: 340px;}

/*LSITADO DE NOTAS*/
.listado-contenidos .nodo  .perfil{display:none;} 
.listado-contenidos .nodo  h2{    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: -0.075em;
    line-height: 1em;
	padding: 5px 0 0 0}

.listado-contenidos .nodo  h2 small{color: #333333;display: block;font-size: 0.6em;letter-spacing: 0;}
.listado-contenidos .nodo .foto{overflow:hidden;border:5px solid #666666;background-color:#666666;height:130px;}
.listado-contenidos .nodo .foto img{display:block;float:left;}
.listado-contenidos .nodo .foto .epigrafe{font-size:.95em;line-height:1.1em;display:block;color:#FFFFFF;float:left;width:130px;padding: 0 0 0 10px }

.listado-contenidos .nodo p{margin:0 0 5px 0;}
.listado-contenidos .nodo .perfil img{width:30px}
.listado-contenidos .nodo .perfil{float:right;background-color:#FFF;border:1px solid #ccc;padding:3px;margin: 0 0 0 10px;font-size:10px;}

#adjuntos li, #audio li		{clear:both;list-style:none;margin:0;border-bottom:1px dotted #EDEDED;padding:0 10px;}
#adjuntos li span, #audio li span	{display:block;padding-left:20px;}
.mp3		{background-image:url(../img/icons/mp3.png);background-position: left center;background-repeat: no-repeat;}
.xls		{background-image:url(../img/icons/xls.png);background-position: left center;background-repeat: no-repeat;}
.doc		{background-image:url(../img/icons/doc.png);background-position: left center;background-repeat: no-repeat;}
.ppt		{background-image:url(../img/icons/ppt.png);background-position: left center;background-repeat: no-repeat;}
.zip		{background-image:url(../img/icons/rar.png);background-position: left center;background-repeat: no-repeat;}
.rar		{background-image:url(../img/icons/rar.png);background-position: left center;background-repeat: no-repeat;}
.pdf		{background-image:url(../img/nicons/pdf.png);background-position: left center;background-repeat: no-repeat;}


/*LISTADO DE SECCIONES*/
.listado-seccion{margin:0 0 10px 0;padding:0}
.listado-seccion li{list-style:none; padding: 2px 0 5px;border-bottom:1px dotted #CCC;}
.listado-seccion li a{color:#333333;font-weight:bold;font-size:1.1em; letter-spacing: -0.055em;}
.listado-seccion li span{color:#CCCCCC;font-weight:normal;font-size:0.9em;display:block;line-height:1em}
.listado-seccion h1{color:#999;font-size:2.6em;letter-spacing:-0.075em;border-bottom:1px solid #b6101d;
*font-size:2.3em;}
.listado-seccion h1 span{display:inline-block;height:32px;width:32px;background-color:#b6101d;margin: 0 5px 0 0;vertical-align: bottom;}

.listado-seccion ul{padding:0 0 0 10px;}

.listado-seccion span {background:url(../img/spite-secciones-h2.png) no-repeat;}
.listado-seccion span.proyectos{background-position: 0 -32px;}
.listado-seccion span.blog{background-position: 0 -64px;}
.listado-seccion span.diseno-web{background-position: 0 -95px;}
.listado-seccion span.mas-leido{background-position: 0 -224px;}

/* ESTILOS DE PAGINASPARTICULARES*/
	/*PAGINA DE INICIO*/
	.pagina-inicio .coin-slider {border: 1px solid #CCCCCC;font-family: Arial,Helvetica,sans-serif;overflow: hidden;padding: 5px 5px 0 5px;position: relative;}
	.pagina-inicio .coin-slider a{ text-decoration: none; outline: none; border: none; }
	.pagina-inicio .cs-buttons { font-size: 0px; padding: 10px; float: left; }
	.pagina-inicio .cs-buttons a { margin-left: 5px; height: 5px; width: 5px; float: left; border: 1px solid #666666; color: #B8C4CF; text-indent: -1000px; }
	.pagina-inicio .cs-active { background-color: #666666; color: #FFFFFF; }
	.pagina-inicio .cs-title {width:100%; padding: 0; background-color: #000000; color: #FFFFFF; }
	.pagina-inicio .cs-title h1{color: #FFFFFF;font-size: 1.4em;font-weight: bold;letter-spacing: -0.075em;line-height: 1em;margin: 5px 10px;}
	.pagina-inicio .cs-title .resumen{margin:0 10px 10px 10px;font-size:0.8em;}
	.pagina-inicio .cs-prev, 
	.pagina-inicio .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
	
#form-contacto {padding:20px;}	
#form-contacto label{clear:both;float:left;width:100px;}
#form-contacto input, form textarea {border:0;box-shadow: 1px 1px 3px #000;}
#form-contacto li{margin: 5px;list-style: none inside;}
#cabsha {display:none;visibility:hidden;}
#form-contacto  .boton{box-shadow:none;}



/* Styles specific to this particular page */
			/* Styles specific to this particular page */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;

}
.jspArrowUp{background: url("res/img/scroll.gif") no-repeat scroll 0 0 transparent;}
.jspArrowDown{background: url("res/img/scroll.gif") no-repeat scroll 0 -18px transparent;}
.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{

	position: relative;
}

.jspDrag
{

	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{

	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;

}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{

	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Styles specific to this particular page */
.scroll-pane-before,
.scroll-pane-after,
.scroll-pane-split,
.scroll-pane-os
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}