/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
/* Estilo RUBBY*/
div#comment a{;padding:0px;margin: 20px 10px;color: #ffba27}
div#comment a:hover{color: #C28400;text-decoration:underline}
.modulecommentsentryauthor{margin-left:20px; color:#000}
.modulecommentsentrybody{margin-left:5px}
/* End of 'OrangeGreyShadow : Comments' */

/* Start of CMSMS style sheet 'OrangeGreyShadow : orangLayout' */
/*typography*/


.bckets {	color:#fff;}

body {
	margin:0px;
	padding:0px;
	font-family:georgia, times, serif;
	color:#333;
	background-color:white;
	}

h2 {
	
	font-size: 1.4em;
	color: #CC3333;
	border: 0.05em solid #ccc;
	padding: 10px 10px 10px 10px;
	margin: 0 80px -30px 10px;} /*el 30 me lo esconde bajo content, 80 me lo trae menos el bloque del contenido, como un tab */

h1,h2,h3{font-family: verdana, arial, helvetica, sans-serif}
h1{font-size: 220%}
h6{font-size: 100%; font-style: italic}

h4{margin:10px; font:0.4em verdana, arial, helvetica, sans-serif;}
h3{font-size:110%;letter-spacing:1px;margin:0 5px}

h5 {font-size: 1.1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0 10px;}

#tweet {font:0.4em verdana, arial, helvetica, sans-serif; 	width:200px;}

a{text-decoration: none}
a:hover{text-decoration: underline}

.calce { font:0.7em verdana, arial, helvetica, sans-serif;	 color: #993300;}


/*QUOTE PAG PRINCIPAL RUBY*/
P.pulltrans {
	color:black;
	width:150px;
	background:white;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	font-size: 155%;
	line-height:26px;  
	text-align: right;
	}

	/*ims de textos contenido */
img.floatLeft { 
    float: left; 
    margin: 5px 10px 10px 10px; 
}

/* para brincar a contenido y menu. fuera de pantalla, no se ve */

#jump_menu, #jump_menu a:link, #jump_menu a:hover, #jump_menu a:active, #jump_menu a:visited, #accesible_menu, #accesible_menu a:link, #accesible_menu a:hover, #accesible_menu a:active, #accesible_menu a:visited { 

	position: absolute;

	top: -100px;

	left: -999px;

	}



/*layout*/

html{; margin-bottom: 10px}
body{margin:0;padding:0 0 0px}

div#container{
   margin: 0px auto;
   text-align: left
    }

div#header{margin: 10px; margin-top: 20px;}
div#header h1{margin:0 0 0 10px;padding: 10px 0 0 5px}
div#header h6{margin:10px 0 5px 25px;padding: 5px 0 10px 0px}

div#navbox { /* vela este para seccion publica y privada*/
     float:left;
     width: 215px;
     margin: 0px 0px 0px -1px
     }

div#menu{margin-bottom: 5px}

div#menu ul,div#nav li{
      list-style-type:none;
      line-height: 1.5
      }

div#menu a{
      margin-left:5px;
      padding-left:10px;
      font-size:1.0em
    }

div#sidebar{
      width: 80px;
      padding-bottom: 1px;
      margin: 0px; 
     height: 2600px; /**/
      }

div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
div#sidebar .content {margin: 0 0px;padding:5px}


.title{
	margin-top:100px 0;
	padding:5px 0px;
	}

.title h4{
        margin: 0px; 
        padding-left: 10px
        }

div#box{ /*caja ancho contenido pag portada*/
	float:right;
	width:76%;
	margin-bottom:10px;
	padding-left: 5px;
	}

.shadow{
	margin: 10px;
	padding: -4px 5px 5px 0px;
	background: transparent;
	}

 * html body .shadow{
 	height: 1%;
	margin: 5px;
	padding: 0 5px 5px 0px;
	background: #ededed;
	}

 * html body .contentbox{
 	height: 1%;
        width:76%;
 	margin:-10px 50px 50px 200px;
	padding:10px;
	}
	


 * html body .content{
 	height: 1%;
 	margin:-10px 50px 50px 200px;
	padding:10px;
	}
	
	/*acomodado textos margenes de contenido*/
	p {
	font:0.8em verdana, arial, helvetica, sans-serif;
        line-height:: 2.7em;
	margin:10px 20px 16px 10px;
	padding:0px;
	}






div#flat{clear:both;width:95%;height:38px;margin:10px 0 0;padding:0px}
div.left49 {float:left;width: 80%;}
div.right49 {float:right;width: 10%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}

div#footer{clear: both;margin:0 0 5px}
div#footer p{text-align:center}



div#img3 a,#img2 a,#img1 a{padding:0px;margin: 0px 5px;}
.modulecommentsentryauthor{margin-left:15px; color:#000}
.modulecommentsentrydate p{margin:3px 0 0 30px; }
.modulecommentsentrybody{margin-left:5px; padding:0px}




.contentbox {
  border: 0.05em solid #7a7a7a;}
}


* html body .title {
  	border: 0.05em solid #ccc;
	width: 50%;
	margin-top: 20px;
	
}
#comment {
  background: #ccccff none repeat scroll 0%;
}

.contentbox  {
  background: transparent none repeat scroll 0%;
}

/*tabs en contenido y titulos de modulos */
.title {
  background: transparent none repeat scroll 0%;
}
body, container {
  background: #ffffff none repeat scroll 0%;
}
div#header {
  background: #ffffff none repeat scroll 0%;
}
h1 {
  color: #CC3333;
}
h6 {
  color: #aaaaaa;
}

h3 {
  color: #CC3333;
}
h4 {
  color: #CC3333;
}
div#menu a, #gal a {
  color: #CC3333;
  font-weight: bold;

}
div#menu a:hover, #gal a:hover {
  color: #c28400;
  text-decoration: underline;
  background-color: #000000;
}
div#sidenotes {
  background: #ffffff none repeat scroll 0%;
}
div#content1, div#content2, #comment {
  background: #ffffff none repeat scroll 0%;
}
div#content3, div#content4 {
  background: #fafafa none repeat scroll 0%;
}
div#shadow1, div#shadow, div#shadow2, div#shadow3, #shadow5 {
  background: #ededed none repeat scroll 0%;
}
#sidenotes2 {
  background: #fafafa none repeat scroll 0%;
}
#navbox {
  background: #ffffff none repeat scroll 0%;
}
body a, div#img3 a, #img2 a, #img1 a, #sidenotes a {
  color: #339999;
}
body a:hover, div#img3 a:hover, div#img2 a:hover, div#img1 a:hover, div#sidenotes a:hover {
  text-decoration: underline;
  color: #663333;
}
form {
  background: #ffffff none repeat scroll 0%;
}
blockquote {
  background: #cdffaa none repeat scroll 0%;
}
div#relax {
  background: transparent url(relax.jpg) repeat scroll 0%;
}
div#relax h2 {
  color: #f7deb5;
}
div#relax p {
  color: #ffffff;
}
div#header {
  border-bottom: medium groove #f9f9f9;
}
div#content1, div#content2, div#content3, div#content4, div#sidenotes, div#sidenotes2, #comment {
  border: thin solid #7a7a7a;
}

div#footer hr {
}

/*TIMELINE*/
#doc3 {margin-left: 230px;} /*mueve el bloque del storyboard*/
#bd div.yui-g {margin: 2em;}

/* MENU */
/* Start of CMSMS style sheet 'OrangeGreyShadow : orangCSSMenuVertical' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 200px;
       	background-color: #e6e6e6; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
        margin-left: -1px;
	}
#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; /*190*/
        margin-left: -1px;
	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	background-color: #000 ; /*#e6e6e6*/
        border: 1px solid #006699;
	}
#primary-nav li { 
        margin-bottom: 1px; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	border: 1px solid #006699; /**/
	display: block; 
	margin: 0px; 
	padding: 2px 2px; 
	text-decoration: none; 

	}
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #fff; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #E7AB0B;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,#primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul{ 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparent { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
/* End of 'OrangeGreyShadow : orangCSSMenuVertical' */








/* End of 'Layout: Left sidebar + 1 column' */