/* ---------- CSS JUVENTUD CON UNA MISION 'jucumpr.org' ---------- */
/* ---- Tags (html) ---- */
* {
	padding:0px;
	margin:0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background: #999999;
	text-align: center;
	padding:0px;
	margin:0px;
}
p{margin-bottom:10px;}
a{color: #F06000;font-weight:bold;}
a:hover{text-decoration:none;}
h2{
	color: #5A0000;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #5A0000;
	font:21px "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background: url(../../images/site/h2_graf1.jpg) no-repeat left .3em;
}
h3{
	font-size: 15px;
	color: #D57311;
	margin-bottom: 10px;
	padding-top:10px;
}
h4{
	font-size: 13px;
	color: #333333;
	margin-bottom: 10px;
}
ul{
	list-style: none;
	margin-left:10px;
	margin-bottom:10px;
}
ul li{
	font-weight: bold;
	color: #666666;
	background: url(../../images/site/bulllet_2.jpg) no-repeat left .2em;
	padding-bottom:5px;
	padding-left:18px;
}
ol{
	margin-left:20px;
	list-style: decimal inside;
	margin-bottom:10px;
}
ol li{
	font-weight: bold;
	color: #666666;
	padding-bottom:5px;
}
ol ol{
	list-style: lower-alpha inside;
	margin-bottom:0;
}
ol ol li{
	font-weight: bold;
	color:#006699;
	padding-bottom:5px;
}
/* ---- Containers ---- */
#container{
	background: #FFFFFF;
	text-align: left;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}
#header{}
#noticias{
	height:138px;
	background: #FA9E55 url(../../images/site/noticias2.jpg) repeat-x;
}
#menu{
	height:71px;
	background: #EFA55A url(../../images/site/menu/menu-back.jpg) no-repeat left top;
	position:relative;
}
#cuerpo{background: #FFF url(../../images/site/background_n8.jpg) repeat-y}
#footer{
	height:173px;
	text-align:center;
	font-size: 11px;
	color: #FFAD19;
	background: url(../../images/site/background_n12.jpg) no-repeat;
}
#footer div{padding-top:140px;}
#footer a{font-weight:normal;}
/* ---- Classes ---- */
/* - Menu - */
#menu span{
	display:none;
}
#menu a{display: block;}
#menu ul{
	list-style:none;
	margin-left:0;
	margin-bottom:0;
}
#menu ul li{
	float:left;
	background:none;
	padding:0;
	padding-left:0;
}
#menu li ul {
	position: absolute;
	left: -999em;
	margin:0px;
	margin-top:-14px;
	width:auto;
}
#menu li ul li {
	clear:both;
}
#menu li ul li a{
	padding:5px;background: #802814;
	border-right: 1px solid #A6321A;
	border-bottom: 1px solid #A6321A;
	border-left: 1px solid #A6321A;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}
#menu li ul li a:hover{background:#F08213;color:#FFF;}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}
#menu ul.ul_desp_1 li a{width:120px;}
#menu ul.ul_desp_2 li a{width:120px;}
#menu ul.ul_desp_3 li a{width:120px;}
#menu ul.ul_desp_4 li a{width:120px;}
#menu a.menu_link1{
	width:87px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu1.jpg) no-repeat left top;
}

#menu a.menu_link2{
	width:116px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu2.jpg) no-repeat left top;
}
#menu a.menu_link3{
	width:85px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu3.jpg) no-repeat left top;
}
#menu a.menu_link4{
	width:101px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu4.jpg) no-repeat left top;
}
#menu a.menu_link5{
	width:101px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu5.jpg) no-repeat left top;
}
#menu a.menu_link6{
	width:84px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu6.jpg) no-repeat left top;
}
#menu a.menu_link7{
	width:115px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu7.jpg) no-repeat left top;
}
#menu a.menu_link8{
	width:81px;
	height:71px;
	display:block;
	background: url(../../images/site/menu/menu8.jpg) no-repeat left top;
}

#menu a.menu_link1:hover{
	background: url(../../images/site/menu/menu1.jpg) no-repeat left -71px;
}
#menu a.menu_link2:hover{
	background: url(../../images/site/menu/menu2.jpg) no-repeat left -71px;
}
#menu a.menu_link3:hover{
	background: url(../../images/site/menu/menu3.jpg) no-repeat left -71px;
}
#menu a.menu_link4:hover{
	background: url(../../images/site/menu/menu4.jpg) no-repeat left -71px;
}
#menu a.menu_link5:hover{
	background: url(../../images/site/menu/menu5.jpg) no-repeat left -71px;
}
#menu a.menu_link6:hover{
	background: url(../../images/site/menu/menu6.jpg) no-repeat left -71px;
}
#menu a.menu_link7:hover{
	background: url(../../images/site/menu/menu7.jpg) no-repeat left -71px;
}
#menu a.menu_link8:hover{
	background: url(../../images/site/menu/menu8.jpg) no-repeat left -71px;
}
/* - Noticias - */
.noticias_princ{padding:20px}
.noticias_princ h2{
	font-size: 11px;
	color: #595959;
	padding-bottom: 5px;
	border-bottom: 1px solid #FF6600;
}
/* - Contenido - */
.cuerp_princ{background: url(../../images/site/background_n7.jpg) no-repeat; height:346px;}
html>body .cuerp_princ {height:auto; min-height:346px;}
.contenid_back{
	padding:50px 130px 0px;
}
.barra_abaj{height:160px; background-image: url(../../images/site/background_n10.jpg)}

/* formulario */
#contacto_form{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contacto_form fieldset{
	background: #EFEFEF;
	padding: 10px;
	padding-bottom: 5px;
	margin-bottom:4px;
	border: 1px solid #333333;
	overflow:auto;
}
#contacto_form label{
	clear: left;
	float: left;
	width:20%;
	border: 1px solid #666666;
	height:18px;
	padding:6px;
	background-color:#FCDDC7;
	margin-bottom:5px;
	color:#802814;
	text-align:right;
}
#contacto_form span{
	float:right;
	clear:right;
	display:block;
	border: 1px solid #666666;
	width:72%;
	text-align:center;
	padding:4px;
	height:16px;
	margin-bottom:5px;
	background-color:#FFFFFF;
}
html>body #contacto_form span{height:18px;padding:6px;}
#contacto_form input{width:270px}
#contacto_form input, #contacto_form textarea{border: 1px solid #666;padding:1px}

#contacto_form fieldset.info1 label{width:40%;}
#contacto_form fieldset.info1 span{width:50%;padding:4px;}
html>body #contacto_form fieldset.info1 span{height:18px;padding:6px;}

#contacto_form fieldset.info3 label{width:auto;height:auto;text-align:center;}
#contacto_form fieldset.info3 span{width:auto;height:auto;}
#contacto_form fieldset.info3 input {height:20px;}
#contacto_form fieldset.info3 textarea{width:90%;height:200px;}

#contacto_form fieldset.info4 {text-align:center;}
#contacto_form fieldset.info4 input {
	width:auto;
	height:auto;
	padding: 2px 20px;
}

#contacto_form fieldset.info5 label{width:auto;height:auto;text-align:center;clear:both;}
#contacto_form fieldset.info5 span{width:auto;height:auto;}
#contacto_form fieldset.info5 .imag_seg {float:left;width:29%;padding:5px;}
html>body #contacto_form fieldset.info5 .imag_seg{padding:7px;}

#contacto_form .label_clear{float:none;display:block;width:90%}
#contacto_form .field_clear{float:none;}

/* ventas */
.contenido_ventas {width:100%;border-top: 1px solid #666;
	border-left: 1px solid #666;margin-top:10px;}
.contenido_ventas td{
	padding:10px;
	width:25%;
	font-size:11px;
	background-color:#EAEAEA;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align:center;
}
.row_2 td{background-color:#F7F7F7;}
.contenido_ventas td div{padding-top:3px;}
.contenido_ventas img{border: 1px solid #000;}

/* menu abajo */
.menu_abajo{padding:50px 130px 0px;text-align:center;font-size:11px;line-height:1.4}
.menu_abajo a{font-size:11px;}
/* - General - */
.titulo_1{font-weight:bold;color:#006699;margin-bottom:0px;}
.titulo_2{
	font-weight:bold;
	color:#008ED2;
	margin-bottom:0px;
	background: url(../../images/site/bulllet_1.jpg) no-repeat left center;
	padding: 2px 0px 2px 17px;
}
.titulo_3{
	font-weight:bold;
	color:#008ED2;
	margin-top:20px;
	text-align:center;
}

/* parrafos */
.parr_esp_1{
	background: #F0F0F0;
	padding: 10px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #CCCCCC;
	color:#333333;
}
.parr_esp_2{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	background: #F5F5F5;
	padding:5px;
}
/* enlaces */
.link_esp_1{
	background: url(../../images/site/bulllet_3.jpg) no-repeat left .2em;
	padding-left: 16px;
}
/* imagenes */
.imagen_1{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border: 1px solid #000;
}
.imagen_2{
	float:left;
	margin-right:10px;
	margin-bottom:3px;
	border: 1px solid #000;
}
.imagen_3{border: 1px solid #000;}
/* tablas */
.tabla_gal1{
	width:100%;
	background-color: #F3F3F3;
	border-top: 1px solid #5A0000;
	border-left: 1px solid #5A0000;
}
.tabla_gal1 td{
	padding:5px;
	width:25%;
	text-align:center;	border-right: 1px solid #5A0000;
	border-bottom: 1px solid #5A0000;
}
/* nfacis */
em.enfasis_1{font-weight:bold;color:#FF0000;}
strong.strong_1{font-weight:bold;color:#7C2E2C;}

/* validacion */
ul.mensaje_error{
	font-size: 10px;
	background-color: #F7F7F7;
	text-align: center;
	border: 1px dashed #999999;
	padding:10px;
	list-style-type: disc;
}
ul.mensaje_error li{color: #FF0000;font-weight:normal;background-image: none;padding-left:5px;}