/***********************************************/
/* 3colTalleres.css                             */
/*       */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


/* CSS from tutorials of www.alsacreations.com/articles */

body{
	font-family: Verdana, "Trebuchet MS", georgia, Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
    font-size:14px;
	width:1000px;
}


a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: "Trebuchet MS", georgia,Verdana,Arial,sans-serif;
 font-size: 110%; /* original 120%;*/
 color: #334d55;
 margin: 0px;
 padding: 0px;

}

h2{
 font-family: "Trebuchet MS", georgia,Arial,sans-serif;
 font-size: 104%; /* original 114%; */
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: "Trebuchet MS", georgia,Arial,sans-serif;
 font-size: 90%;  /* original 100%; */
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: "Trebuchet MS", georgia,Arial,sans-serif;
 font-size: 90%; /* original 100%; */
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: "Trebuchet MS", georgia,Verdana,Arial,sans-serif;
 font-size: 90%; /* original 100%; */
 color: #334d55;
 margin: 0px;
 padding: 0px;
}




ul{
 list-style-type: square;
 padding-top:0px;
}

ul ul{
 list-style-type: disc;

}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 90%; /* original 100%; */
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* el encabezamiento */
#masthead{
    float: left;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%; 
	background: url(../images/headerback.gif) bottom left no-repeat;   /* el gris oscuro es #B4BBC1 */
	border-bottom-width:thick;
	border-bottom-style:dotted;
}


/* barra de navegacion izquierda */
#navBar{
	float: left;
	width: 160px;
	padding-left: 5px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*truco para dejar padding a la izquierda*/
#columnaBlanca{ 
     width: 5px;;
     float: left;
     color:#FFFFFF;
}

/* columna principal (al medio)*/
#content{
  float: left;
  width: 510px;
    }

/*columna derecha */
#headlines{
    float:right;
	width: 302px;;
    border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	/*padding-right: 10px;/
	background-color: #FFFFFF; /*#eeeeee;*/
}


/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
        font-family:  georgia,Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0 0 0 10px;
	font-size:360%; /* original 400%; */
}



/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 22px;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 80%; /* original 90%; */
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 73%; /* original 80%; */
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 15px 0px 15px 0px;
	font-size: 82%; /* original 90%; */
	border-bottom: 1px solid #cccccc;
	text-align:justify;
}

.feature h1{
	font-size: 135%; /* original 150%; */
	color:#006699;
}

.feature h2{
	font-size: 135%; /* original 150%; */
	color:#006699;
	text-align:center;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature h4{
	font-size: 135%; /* original 150%; */
	color:#006699;
    text-align: left;
 }

.feature img{
	float: left;
	padding: 0px 0px 0px 0px;
}




/************** .story styles *****************/

.story{
	clear: both;
	padding: 15px 0px 15px 0px;
	font-size: 82%; /* original 90%; */
	border-bottom: 1px solid #cccccc;
	text-align:justify;
}

.story h1{
    color:#006699;
}


.story h3{
    font-size: 108%; /* original 120%; */
    color:#006699;
}

.story p{
	padding: 0px 0px 0px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 68%; /* original 75%; */
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #cccccc;
	font-size: 82%; /* original 90%; */
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
/* #navBar ul {list-style: none; margin: 0; padding: 0;} */

#navBar ul {
	  padding: 0;
	  font-size:90%; /* original 90%; */
	  list-style: none; 
	  margin: 0;
	 }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** feature para #headlines styles ***********/


.featurehd{
	padding: 10px 0px 5px 0px;
	font-size: 82%; 
	border-bottom: 1px solid #cccccc;
	text-align:justify;
}

.featurehd h1{
	font-size: 130%;
	color:#006699;
        margin: 0px;
        padding-bottom: 5px;
}

.featurehd a {
	color: blue;
    }


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 80%; /* original 90%; */
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** #visitas styles ***********/

#visitasLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 80%; /* original 90%; */
	border-bottom: 1px solid #cccccc;
}

#visitasLinks h3{
	padding: 10px 0px 2px 10px;
}

#visitasLinks a {
	font-weight:bold;
	display: block;
	padding: 2px 0px 2px 10px;
}

#visitasLinks a:hover{
	background-color: #dddddd;
}



/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 80%; /* original 90%; */
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}



/*********** #linkRelacionados styles ***********/

#linkRelacionados{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 80%; /* original 90%; */
}

#linkRelacionados h3{
	padding: 10px 0px 2px 10px;
}

#linkRelacionados a {
	display: block;
	padding: 2px 0px 2px 10px;
}




/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 82%; /* original 80%; */
}

#headlines p{
	padding: 3px 0px 3px 0px;
}

/*********** extras agregados ****************/


/* fotos y thumbnails */
.thumb {
	margin-bottom: .0em;
	border-style: solid;
	border-color: white;
	width: auto;
}
.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
	/*border-color: red;*/
}
html .thumbimage {
	border: 1px solid #ccc;
	padding: 0px;
	margin-bottom: 10px;
	/*border-color: blue;*/
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}

/*alinea derecha*/
.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .2em 1.4em;
}
/*alinea izquierda*/
.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.0em .5em 0;
	/*border-color: yellow;*/
}

.tnone {
	float: none;
	clear: none;
	margin-right: .5em;
	border-width: .5em 1.0em .5em 0;
	/*border-color: yellow;*/
}

/*la lupa*/
.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}

/* fin fotos y thumbnails */

/***********color blanco, clolor azul, titulo ********/

.Estilo1 {color: #FFFFFF;}
.Estilo2 {color: #0000A0;}
.titulo {
    color: #0000A0;
	font-size: 120%;
}

/**************formato fecha ******************/

/*  padding: arriba derecha abajo izquierda */

.date-header {
  padding: 38px 10px 5px 0;
  /* border-top: 2px solid #586; */
  border-bottom: 2px solid #586;
  font-size:90%; /* original 100%; */
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#586;
}

.post {
  padding: 10px 10px 5px 0;
  border-bottom: 2px solid #cccccc;
  text-align:justify;
  font-size: 90%;
  }
.post-title {
  font-size: 108%; /* original 120%; */
  color:#006699;
  line-height:1.5em;
  display:block;
  }
  
.post-body {
   padding:0px 0px 10px 0px;
   font-size: 80%; /* original 90%; */
  }
  
p.post-footer {
  background:#fff;
  margin:0;
  padding:2px 14px 2px 29px;
  font-size:0%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  font-size:80%;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  font-size:80%;
  }

/* estilo para el libro de visitas */
#navigate { 
  width: 420px; 
  text-align: left; 
  margin: 0 auto 8px; 
  }

.entry { 
  background: #B4BBC1; 
  border: solid 1px black; 
  width: 400px; 
  padding: 10px; 
  margin: 0 auto 15px; 
  text-align: left; 
  }
  
.name { 
  font-weight: bold; 
  float: left; 
  }
  
.info { 
  float: right; 
  margin-bottom: 1em; }

.entry p { 
  clear: both; 
  margin-top: 0; 
  margin-bottom: 1em; 
  }

.date { 
  font-size: 10px; 
  text-align: right; 
  }

label { 
  float: left; 
  text-align: left; 
  font-weight: bold; 
  width:100px; 
  margin-left: 60px; 
  }

input, textarea { 
  font: 11px Verdana, Arial, Helvetica, sans-serif; 
  }

input.submit { 
  font-weight: bold; 
  width: auto; 
  }
  
#submit { 
  font-weight: bold; 
  margin-left: 130px; 
  text-align: left; 
  }

* html #submit { 
  margin-left: 133px; 
  }
  
form { 
  margin-bottom: 1em; 
  }

.spacer { 
  clear: both; 
  height: 5px; 
  }


.estilobarra {
	background-color:#006699; 
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	}
.fondoadvertencia {
	background-color:#FF9999;
	font-weight:bold;
	}