/***** Global Settings *****/
html {	border:0;margin:0;padding:0;}

/***** Headings *****/
h1, h2, h3, h4, h5, h6 { margin:0px;padding:0px;font-weight:normal; }
 
h1 { font-size:1.4em; }
h2 { font-size:1.2em; font-weight:bold; }
h3 { font-size:0.9em; }
h4{ font-size:0.85em; }
h5{ font-size:0.70em; color:#990000; }

/***** Common Formatting *****/
p, ol {
	margin:0;
	padding:0 0 1.25em 0;
}
 
ol {
	padding:0 0 1.25em 2.5em;
}

ul{
	font-size:0.85em;
}
 
blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}
 
small {
	font-size:0.85em;
}
 
img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	letter-spacing:1px;
}

/***** Links *****/
 
a,
a:link,
a:visited{
	text-decoration:none;
	font-weight:normal;
	color:#555555;
}

a:hover {
	text-decoration:none;
	color:#222222;
}

a:hover h5{
	color:#660000;
}

strong{
	text-decoration:none;
}
 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:block;
}

input, select, textarea {
	font:1em;
}
 
textarea {
	line-height:1.25;
	width:210px;
}
 
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 1.25em 0;
	padding:0;
}
 
table tr td {
	padding:0px;
}
 
/***** Wrapper *****/
 
#wrap {
	width:100%;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:0px; }
.img-right     { float:right;margin:0px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../img/content/bggradient.png) repeat-y center;
	background-color:#C0C0C0;
	text-align:center;
	position:relative;
	margin:0px;
	padding:0px;
}

/**************Clases locales*************/
#container{
	background:none;
	position:relative;
	float:none;
	margin:0px;
	padding:0px;
}

#head{
	width:100%;
	height:150px;
	background: url(../img/content/header_gradient.png) repeat-x top left;
	position:relative;
	float:none;
	margin:0px;
	padding:0px;
}

#header{
	width:950px;
	height:127px;
	background:none;
	position:relative;
	float:none;
	margin: 0px auto 0px auto;
	padding:0px;
}

#menulay{
	width:100%;
	height:23px;
	position:relative;
	float:none;
	margin:0px;
	padding:0px;
	background: url(../img/content/menu_gradient.png) repeat-x top left;
	z-index:1;
}

/***** Menu *****/
#menu {
	width: 950px;
	height:23px;
	text-align: center;
	position:relative;
	float:none;
	margin: 0px auto 0px auto;
	padding: 0px;
	border:none;
}

#menu ul {
	list-style-type: none;
	margin:0px auto 0px auto;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}

#menu ul li {
	float: left;
	margin: 0px 34px 0px 34px;
	border:none;
}
#menu ul li a {
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	padding: 2px 0px 0px 0px;
	position: relative;
	text-align:left;
}
#menu ul li:hover {
	position: relative;
}
#menu ul li a:hover{
	text-decoration:underline;
	color: #FFFFFF;
	position: relative;
}
#menu ul li a {
	display: block!important;
	display: none;
	position: relative;
}
#menu ul li ul {
	display: none;
	z-index:1;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	left: -100px;
	color:#FFFFFF;
}
#menu ul li ul li a {
	width: 125px;
	padding: 6px 4px 8px 4px;
	background-color:#DE821F;
	z-index:1;
	border-bottom:1px solid #FFFFFF;
}
#menu ul li ul li a:hover {
	border-top-color: #000;
	position: relative;
}

table.falsa {
	border:0px;
	float: left;
	position: relative;
}

/***** Menu Top*****/
#menutop {
	width: 750px;
	height:20px;
	background: none;
	text-align: right;
	position:absolute;
	float:none;
	top:2px;
	right:-120px;
}

#menutop ul {
	list-style-type: none;
	margin:0px auto 0px auto;
	padding-top: 3px;
	text-align:center;
}

#menutop ul li {
	float: left;
	margin: 2px 0px 0px 40px;
}
#menutop ul li a {
	display: block;
	text-decoration: none;
	color: #666666;
	border: none;
	padding: 0px;
	position: relative;
}
#menutop ul li:hover {
	position: relative;
}
#menutop ul li a:hover, #menutop ul li:hover a {
	text-decoration:none;
	color: #000000;
	position: relative;
}
#menutop ul li a {
	display: block!important;
	display: none;
	position: relative;
}

/***********Elementos encabezado********/
#capalogo{
	background:url(../img/content/logo_cmjf.png) no-repeat top left;
	width:330px;
	height:84px;
	position:absolute;
	top:30px;
	left:50px;
}

#capapluma{
	background:url(../img/content/pluma_fondo.png) no-repeat top left;
	width:251px;
	height:140px;
	position:absolute;
	top:0px;
	right:110px;
}

#buscar{
	background:none;
	width:230px;
	height:40px;
	position:absolute;
	top:40px;
	right:20px;
	visibility:hidden;
}

#banner{
	position:relative;
	width:950px;
	height:200px;
	margin:0px auto 0 auto;
	padding:0px;
	background:none;
}

/***********Elementos cuerpo********/
#content{
	width:950px;
	position:relative;
	float:none;
	margin:0px auto 0px auto;
}

#main{
	width:630px;
	background-color:#FFFFFF;
	position:relative;
	float:left;
	padding:25px;
	text-align:justify;
	border-right: 270px solid #666666;
	margin-right: -270px;
}

#sidebar1{
	width:240px;
	background-color:#d4b98f;
	position:relative;
	float:none;
	margin:0px 0px 20px 0px;
	padding:15px;
}

#sidebar2{
	width:240px;
	background-color:#d4b98f;
	position:relative;
	float:none;
	margin:0px 0px 20px 0px;
	padding:15px;
}

#sidebar3{
	width:240px;
	background-color:#d4b98f;
	position:relative;
	float:none;
	margin:0px 0px 20px 0px;
	padding:15px;
}

#footer{
	position:relative;
	width:100%;
	height:70px;
	background:url(../img/content/footer_gradient.png) repeat-x top left;
	float:none;
	margin: 0px;
	padding:0px;
	clear:both;
}

#footerlay{
	position:relative;
	width:950px;
	height:70px;
	background:none;
	float:none;
	margin: 0px auto 0px auto;
	padding:0px;
}
#coprous{
	background: transparent url(../img/content/logo_coprous.png) no-repeat center;
	width:213px;
	height:42px;
	position:absolute;
	top:13px;
	left:20px;
}

#info{
	float:right;
	width:660px;
	height:54px;
	margin: 0px;
	color:#FFFFFF;
	position:absolute;
	top:11px;
	right:20px;
}

#main h2{
	background:url(../img/content/barra_titulos.png);
	width: 598px;
	height: 22px;
	padding-left:30px;
	margin-bottom: 24px;
}

#sidebar2 h3, #sidebar1 h3, #sidebar3 h3{
	background:url(../img/content/barra_titulos2.png);
	width: 223px;
	height: 20px;
	padding-left:22px;
	padding-top:2px;
	margin-bottom: 24px;
	font-size:1.0em;
}

#sidebar2 h4, #sidebar1 h4, #sidebar3 h4{
	padding-bottom:15px;
	font-size:0.85em;
}

#content #img1{
	float:left;
	margin:0px 12px 0px 0px;
	width:320px;
}

#content #img2{
	float:right;
	margin:4px 0px 0px 12px;
	width:320px;
}

#sidebar{
	width:270px;
	position:relative;
	float:right;
	padding:0px;
}

#compartir{
	padding-top:20px;
	text-align:center;
	clear:both;
}

#compartir img{
	margin-left:5px;
	padding-top:-10px;
}

#map_canvas{
	width: 620px;
	height: 435px;
}

#mapa{
	width: 620px;
	height: 385px;
}

#tmb1{
	width:160px;
	height:120px;
	float:left;
	position:relative;
}

#tmb3{
	width:120px;
	float:left;
	position:relative;
}

#txt1{
	width:470px;
	height:120px;
	position:relative;
	float:right;
}

#evento1{
	width:630px;
	height:120px;
}

#noticia1{
	width:630px;
	height:140px;
}

#tmb2{
	width:160px;
	height:120px;
	float:right;
	position:relative;
}

#txt2{
	width:470px;
	height:120px;
	position:relative;
	float:left;
}

#noticia2{
	width:630px;
	height:140px;
}

#thumb1{
	width:150px;
	height:100px;
	position:relative;
	margin-right:10px;
}

#thumb2{
	width:150px;
	height:100px;
	position:relative;
	margin-left:10px;
}

#noticias h3, #galerias h3, #eventos h3{
	font-size:1em;
	font-weight:bold;
}

#noticias h4, #galerias h4, #eventos h4{
	font-size:0.9em;
	font-weight:normal;
}

#noticias h5, #galerias h5, #eventos h5{
	font-size:0.8em;
	margin-bottom:12px;
}

#noticias, #eventos, #galerias{
	margin-bottom:20px;
}

#video{
	margin: 0px auto 15px auto;
	text-align:center;
	position:relative;
	width:600px;
	height:350px;
	z-index:100;
}

#indice_poemas{
	margin-bottom:10px;
}

#capa_poema{
	position:relative;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#capa_poema h3{
	font-size:0.9em;
	font-weight:bold;
}

#capa_poema h4, #capa_poema h4 a{
	text-decoration:none;
	font-size:0.9em;
}

#capa_poema h4 a:hover{
	text-decoration:underline;
}

#titulo{
	padding-left: 20px;
	padding-bottom:5px;
}

#col1{
	float:left;
	clear:left;
	width:280px;
	margin-left:20px;
	text-align:center;
	margin-bottom:15px;
}

#col2{
	float:right;
	clear:right;
	width:280px;
	margin-right:20px;
	text-align:center;
	margin-bottom:15px;
}

#poema h3{
	text-align:center;
}

#firmajf{
	width:124px;
	height:34px;
	margin-left:200px;
	padding-top:10px;
	position:relative;
}

#taller{
	margin:20px 0px 20px 0px;
}

#taller h4, #taller h4 strong{
	font-size:0.85em;
}

#fotonoticia{
	position:relative;
	margin:4px 15px 2px 15px;
	width:600px;
}

#gal1{
	width:200px;
	height:220px;
	float:left;
	margin: 0px 10px 0px 0px;
}

#gal2{
	width:200px;
	height:220px;
	float:right;
	margin: 0px 10px 0px 0px;
}

#gal3{
	width:200px;
	height:220px;
	float:right;
	margin: 0px 10px 0px 0px;
}

#fotogal{
	width:200px;
	height:134px;
}

#ngal{
	text-align:center;
	margin-top:5px;
}

#otroseventos h3{
	font-size:0.9em;
}

#otroseventos{
	margin-bottom:30px;
}

#foeventos{
	width:190px;
	float:right;
	height:20px;
	margin:0px;
	text-align:right;
}

#toeventos{
	width:440px;
	margin:0px;
	height:20px;
	float:left;
}

#oe{
	width:630px;
	height:20px;
}

#info h5{
	color:#FFFFFF;
}

#imglateral{
	width:110px;
	height:60px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#contentlateral{
	width:240px;
	height:60px;
	margin-bottom:4px;
	clear:both;
	text-align:left;
}

#formulario{
	position:relative;
	float:left;
	margin:0px;
	width:400px;
	height:310px;
}

#imag{
	position:relative;
	float:right;
	margin:0px;
	clear:both;
	height:310px;
}

#label {
	position:relative;
	float:left;
	margin:0px;
	width:160px;
	height:26px;
}

#input{
	position:relative;
	float:right;
	width:240px;
	height:26px;
}

#input2{
	position:relative;
	float:left;
	clear:right;
	width:230px;
	height:110px;
}

#botones{
	clear:both;
	position:relative;
	text-align:center;
	width:400px;
	height:50px;
}

#poema_semana h3{
	font-weight:bold;
	background:none;
	font-size:0.8em;
	text-align:center;
	padding:0px 0px 0px 5px;
	margin:0px 0px 10px 0px;
}

#poema_semana a h4{
	font-weight:normal;
	padding-bottom:5px;
	text-align:center;
	font-size:0.65em;
}

#poema_semana a h5{
	padding-bottom:5px;
	text-align:right;
	font-size:0.60em;
}

#mision h3{
	font-weight:bold;
	font-size:1em;
}

#mision h4{
	font-size:0.8em;
}