/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

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

body{
	font-family: Arial, sans-serif;
	padding-top: 50px;
	margin: auto;
	height: 12px;
	background-color:#4C0C83;
	max-width:1100px;
}

.container-nav {max-width:1100px;margin-right:auto;margin-left:auto;padding-left:20px; color:#ccc;}

.borde {
background-color: #4C0C83;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}

a:link {text-decoration: none;}
a:hover {text-decoration: none;}
a:visited {text-decoration:none;}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {font-family: Verdana,Arial,sans-serif;}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #ffffff;
 padding-left: 10px;
}

h2{
 font-size: 115%;
 color: #000000;
 padding-left: 10px;
 margin-top:25px;
}
.col-md-4 h2{margin-top:15px;}

h3{
 font-size: 113%;
 color: #333333;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

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

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

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/* --------------------------------------------
Estilos de los botones compartir
----------------------------------------------- */

.shared-panel{
	overflow: auto;
}
.shared-panel span{
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
}
.shared {
	display: inline-block;
	width: 30px; 
	height: 30px;
	margin: 5px 0; 
	padding: 0; 
        /* Recurso incluido en la descarga del ejemplo */
	background: url("../../shared.png") no-repeat; 
	float: left;
	margin-right: 5px; 
	cursor: pointer;
	border-radius: 50%;
}
.shared:hover{
	opacity: 0.7;
}
.shared.gp {background-position: 0px 0px; background-color: #E62B34;}
.shared.tt {background-position: 0px -30px; background-color: #43BDF0;}
.shared.ce {background-position: 0px -60px; background-color: #8A898D;}
.shared.wa {background-position: 0px -90px; background-color: #0dc143;}
.shared.fb {background-position: 0px -120px; background-color: #6081C4;}

.st2{
   border-radius: 0;
}
.st3{
   border-radius: 5px;
}			

/****************************************************************************/
/* Layout Divs   /content: background-image: url(../gfx/pixelrayaazul.jpg);                              */
/****************************************************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	background-color: #4C0C83;
	height:180px;
}

#navBar{
	background-color: #eeeeee;
	margin-top: 0;
	margin-right: 82%;
	margin-bottom: 0;
	margin-left: 0;
	border: 1px solid;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	width: 100%;
	background-color:#fff;
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 0px 5px;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

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

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

#pageName{
	padding: 0px 0px 10px 10px;
	background-color: #4C0C83;
	margin-top: -24px;
	margin-left: -10px;
	margin-right: 0px;
	margin-left:-5px;
	position: relative;
}

#pageName H1 {
	color: #ffffff;
	padding-top:10px;
	font-size:150%
}
/************* #globalNav styles **************/
#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

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

#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
float: right;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer a
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer a:hover, #navcontainer a:active { background: #BBBBBB; text-decoration: none;}

#navcontainer a.active:link, #navcontainer a.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
text-decoration: none;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav ul
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav li
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav a:hover, #subnav a:active { color: #444; }
#subnav a.active:link, #subnav a.active:visited { color: #444; }
#subnav br, #navcontainer br { clear: both; }
/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 100%;
	color: #cccccc;
	border: 1px solid #fff;
	margin-top: 0px;
	background-color:#4C0C83;
	padding-top: 10px;
	padding-bottom:50px;
}


/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */


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

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

#siteInfo a:visited {color: #cccccc;}

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

#search{
	padding: 5px 0px 5px 10px;
	background-image: url(../../gfx/pixelrayaazul.jpg);
	border-bottom: 1px solid #cccccc;
}

#search h3 {
	font-size: X-large;
	color: #7F188D;
	margin-bottom: 2px;
	margin-top: 2px;
	}

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

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

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

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


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

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #666699;
}

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

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
}

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

}

#sectionLinks a:hover{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
}

.sectionList{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #666699;
}

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

.sectionList a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
}

.sectionList a:visited{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;

}

.sectionList a:hover{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
}
/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}
/************** #headlines styles **************/

#headlines{
	margin: 0px;
	font-size: 80%;
	padding: 2px;
}

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

.guardar {float: right;}

/************** #Estilos de texto **************/

.justifica {text-align:justify;}

.textoderecha { text-align: right}

.Estilo23 {font-size: 280%; color: #ffffff;}

.Estilo2 {
	font-size: X-large;
	color: #7F188D;
	}

.negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Estilo26 {color: #666699; font-weight: bold;}

.Estilo27 {color: #6699CC; font-weight: bold;}

.centrar {text-align:center;}

.centrado { width:70%; margin:auto;}

.bordefino {border: 1px solid #cccccc;}

.centrar2 {text-align: center; font-weight: bold; margin-top: 5px;}

.derecha {text-align: right; margin-right: 20px;}

.margen20 {	margin-right: 20px;}
.margen40 { margin-left:40px;}
.margentop{ margin-top:20px;}

.portada {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; color: #FFFFFF; }

.poem {
	margin-left:30%;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textoblan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 2px;
	color: #ffffff;
}
.naranja{ background-color:#ff9933}
.morado{ background-color:#96C;}
.amarillo{ background-color:#FC0;}

/************** #Estilos de texto para la caja de contenidos de pagina **************/
.textcaja {
	font-size: 100%;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.textcaja h2 { padding-left: 0px; }	
.textcaja a:link {color:#7F188D; text-decoration: underline;}
.textcaja a:hover {color: #666666; text-decoration: none;}
.textcaja a:visited {color: #7F188D; text-decoration: underline;}

.textcaja ul li {list-style-type: none;}

/************** #Estilos de texto para la caja de autoria **************/
.textautoria {
	font-size: 95%;
	padding: 10px;
	margin-bottom: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.textautoria a:link {
	color: #666699;
	}

.textautoria a:visited {
	color: #666699;
	}

.textautoria a:hover {
	text-decoration: underline;
	color: #666699;
	}
/************** #headlines naveg horizontal **************/

#navHorizontal{
	background-color: #7F188D; 
	text-align: center;
	float:right;
	width: 80%;
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 5px 5px;
	height: 120px;
}


/************** #headlines Cabecera **************/

#fondonegro {
	float: left;
	text-align: left;
	margin-left:10px;
	padding-bottom:10px;
}
#fondonegro p{color:#FFF; font-size:100%;}

#logo {
	float: right;
	font-size: 100%;
	padding-top:10px;
padding-left:60px;
	color: #ffffff;
}

#buscar {	
	margin-top: 10px;
	margin-right: 30px;
}

#compartir {
	float: left;
	padding-bottom:20px;
}

/************** #Etiqueta imprimir **************/

.imp {
	text-align: right;
	margin-right: 20px;
	font-size: 90%;
}

.imp a:link {color: #000000; text-decoration: none;}

.imp a:hover {color:#000000; text-decoration: underline;}

.imp a:visited {color: #000000;}

.imp img {vertical-align: -2px; }

/************** #Codigos para imagenes con BORDE **************/
/**************                                 **************/

/************** #Imagen a la derecha, con borde **************/

.imgderecha
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}



/************** #Imagen a la izquierda con borde **************/

.imgizquierda
{
float: left;
margin: 0 10px 10px 0;
border: 1px solid #666;
padding: 2px;
}


/************** #Imagen al centro con borde **************/

.imgcentro {
	margin: 0%;
	padding: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	position: relative;
	width: 100%;
}

/************** #Codigos para imagenes SIN BORDE **************/
/**************                                 **************/

/************** #Imagen a la derecha, sin borde **************/

.imgderechasin
{
float: right;
margin: 0 0 10px 10px;
border: none;
padding: 2px;
}

/************** #Imagen a la izquierda sin borde **************/

.imgizquierdasin
{
float: left;
margin: 0 10px 10px 0;
border: none;
padding: 2px;
}

/************** #Imagen al centro sin borde **************/

.imgcentrosin {
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: center;
}

/************** #Imagen con texto asociado en recuadro y fondo blanco **************/

.imgfloatderecha
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border: 1px solid #999;
font-size: 75%;
text-align: center;
}

.imgfloatderecha p { margin-top: 0; }

/************** #Imagen con texto asociado SIN recuadro y fondo blanco **************/

.imgfloatderechasin
{
float: right;
width: auto;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
font-size: 75%;
text-align: center;
}

.imgfloatderechasin p { margin-top: 0; }

/************** #Imagen con texto asociado SIN recuadro y sin fondo  **************/

.imgfloatderechasinfon
{
float: right;
width: auto;
margin: 0 0 10px 10px;
padding: 0px;
font-size: 75%;
text-align: center;
}
.imgfloatderechasinfon p { margin-top: 0; }
.imgfloatizquierdasinfon
{
float: left;
width: auto;
margin: 0 10px 0 0;
padding: 0px;
font-size: 75%;
text-align: center;
}
.imgfloatizquierdasinfon p { margin-top: 0; }

/* -----------------------------------
Dos columnas
----------------------------------- */

#gutter
{
	float: left;
	width: 3%;
	height: 1px;
}


#col1
{
	float: left;
	width: 45%;
	margin-left: 3%;
	margin-bottom: 1em;
	border-right: 1px solid #999;
	padding-right: 3%;
}

#col2
{
	float: left;
	width: 45%;
	margin-left: 3%;
	margin-bottom: 1em;
}

#col1 ul li {list-style-type: none;}

#col2 ul li {list-style-type: none;}


/* -----------------------------------
Tres columnas
----------------------------------- */


#col3_1
{
	float: left;
	width: 29%;
	margin-left: 3%;
	margin-bottom: 1em;
	border-right: 1px solid #999;
	padding-right: 3%;
}

#col3_2
{
	float: left;
	width: 29%;
	margin-left: 3%;
	margin-bottom: 1em;
	border-right: 1px solid #999;
}

#col3_3
{
	float: left;
	width: 29%;
	margin-left: 3%;
	margin-bottom: 1em;
}

#col3_1 ul li {list-style-type: none;}

#col3_2 ul li {list-style-type: none;}

#col3_3 ul li {list-style-type: none;}

/***********************************************/
/* estilo.css                            */
/*Estilos del buscador sphider*/
/***********************************************/

.form {
	margin-top:20px;
	width: 60%;
	margin-left: 15%;
	margin-right: 15%;
	font-size: 80%;
	border: 1px;
	border-style: solid;
	padding-bottom: 5px;
	padding: 5px;
}

#result_report {
	text-align:center ;
	background-color:#eeeeee;
	margin: 10px;
	font-weight: bold;
}

.centroglos {
	margin-left: 25px
	margin-right: 25px;
	font-size: 100%;
}

.centro {
	text-align: center;
	margin-right: 100%;
	margin-left: 100%;
} 

.centerblock {
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.title {
	color:#0000FF;
	font-size:85%;
	font-weight: bold;
}

.description{font-size: 100%;}

.url {
	color: #009999;
	font-size: 12pt;
	font-weight: bold;
}

.buscarbold {
		font-weight: bold;
		font-size: 110%;
}

/* -----------------------------------

----------------------------------- */
.textointro_mp {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #7F188D;
}
.grisclaro {
	color: #999;
}
.negrita {
	font-weight: bold;
}
.negrita {
	font-weight: bold;
}
.ciruelanegrita {
	font-family: verdana;
	font-size: 100%;
	font-weight: bold;
	color: #7F188D;
}
.textorojo {
	color: #900;
}
.poemrojo {
	left: 5cm;
	color: #900;
	margin-right: auto;
	margin-left: 30%;
}
.poemverde {
	color: #066;
	margin-right: auto;
	margin-left: 30%;
}

.pintada {
	font-family: Stencil;
	color: #F0F;
}
esmeralda texto {
	font-size: 12pt;
}
.turquesapeque {
	font-size: 10px;
	color: #099;
}
.emerald {
	font-size: 12pt;
	color: #009898;
}
.thumbnail {float: left;
width: 200px;
height:200px;
font-family:Verdana, Geneva, sans-serif;
font-size:80%;
margin: 0 15px 15px 0;
padding: 5px;
text-align:center;
}
.thumbnailcontainer {	height: 600px;
	width: 700px;
	margin-top: 10%;
	margin-right: auto;
	margin-left: auto;
}.emerald {
	color: #6CC;
	font-size: 14pt;
}
.emerald {
	color: #399;
}
.margen{ margin-top:20px; margin-bottom:20px;}
.margentop{ margin-top:20px;}
.paddingsupinf{ padding-top:10px; padding-bottom:10px;}

/* --------------------------------------------
Estilos del Head pasados a mujerpal.css
----------------------------------------------- */

.Estilo1 {color: #663399;}
.Estilo2 {font-size: 12px;
	font-weight: bold;}
.Estilo4 {
	font-family: Tahoma;
	font-size: 10px;}

.Estilo21 {
	font-family: Tahoma;
	font-size: 10px;}
.Estilo22 {font-family: Tahoma;}
.Estilo23 {font-size: 10px;}
.Estilo24 {
	color: #7039B1;
	font-style: italic;}
.Estilo25 {color: #8E5CCB;}
.Estilo26 {color: #663399;}
.Estilo27 {color: #000066;}
.Estilo28 {color: #612AA2;}
.Estilo30 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #663399;}
.Estilo32 {color: #FF3300}
.Estilo17 {font-size: 9px; color: #663399; font-family: Tahoma;}
.Estilo20 {font-size:250%}