@charset "utf-8";
/* CSS Document */

@import url(Forms.css);
@import url(Buttons.css);
@import url(Tables.css);

h1,h2,h3,h4,h5,h6,ul,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } 
ul { list-style:none; }
a  { text-decoration:none; cursor:pointer; color:#FF4D09; font-weight:bold; }
	a:hover { color:#DD3D00; }
	
a img { border:none; }
	
ul.inline li { display:inline; }

html { background:url(../images/bgHTML.gif) center top repeat-x; }

body { font:13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#333; background:url(../images/bgBody.gif) center top no-repeat; }

h1 { margin-bottom:30px; padding-left:15px; }
	h1 span { background:#FF6600; padding:8px; vertical-align:middle; color:#FFF; text-transform:uppercase; font-size:22px; font-weight:normal; }
	h1 span.sub { background:#E6EDF2; padding:10px; color:#8FB1CD; font-size:17px; } 
		
h2 { margin-bottom:20px; padding-left:15px; border-bottom:5px solid #8FB1CD; }
	h2 span { background:#8FB1CD; padding:5px 8px 0 8px; color:#FFF; text-transform:uppercase; font-size:20px; font-weight:normal; }
	
ul.tabs { margin-bottom:20px; border-bottom:5px solid #8FB1CD; padding-left:10px; }
	ul.tabs li { display:inline; background:#E6EDF2; padding:5px 8px 2px 8px; margin:0 0 3px 5px; font-size:15px; text-transform:uppercase; font-weight:normal; }
		ul.tabs li a { color:#8FB1CD; }
	ul.tabs li.current { background:#8FB1CD; padding:5px 8px 0 8px; margin:0 0 0 5px; font-size:20px; }
		ul.tabs li.current a { color:#FFF; }

h1.marginTop, h2.marginTop, ul.tabs { margin-top:25px; }

strong { color:#000; }

.wrap { margin:0 auto; width:960px; position:relative; background:#FFF url(../images/wrap.gif) repeat-x; }

.width630 { width:630px; }
.width320 { width:320px; }

.width470 { width:470px; }

/*******************HEADER**********************************/

#header { margin-bottom:40px; }
	#header .top  { background:url(../images/headerTop.gif); height:17px; font-size:11px; text-align:right; padding:5px 20px 5px 0; color:#FFF; }
	#header .logo { margin:17px 0 23px 30px; display:block; width:568px; height:91px; background:url(../images/logos.png); }
	
	#header .photo { height:219px; position:relative; }
		#header .photo.index { background:url(../images/index.jpg); }
		#header .photo.index .top { background:url(../images/indexTop.gif); position:absolute; top:-43px; left:698px; height:43px; width:15px; padding:0; }
		
#menu { position:absolute; top:177px; background:url(../images/menu.png); padding:10px; width:940px; }
	#menu li { float:left; font-size:16px; font-weight:bold; padding:0 10px; }
	#menu a  { color:#ccc; }
		#menu a:hover   { color:#FFF; }
		#menu a.current { color:#FF6600; }
	#menu .right { float:right; }
	
.adminMenu { border:solid 1px #DDDDDD; padding:10px 10px 10px 33px; background:url(../images/admin.png) no-repeat 10px 10px; margin:15px 15px 0 15px; }
		

/*******************CONTENT**********************************/
		
#content { min-height:350px; background:url(../images/content.gif) left bottom repeat-x; padding-bottom:100px; }


/*******************FOOTER**********************************/

#footer { background:url(../images/footer.gif) repeat-x; color:#6C99BD; padding:15px 15px 30px 15px; font-size:11px; }
	#footer .logo { background:url(../images/logos.png); margin:20px 20px 0 20px; }
		#footer .logo.municipios { background-position:0 -91px; height:60px; width:60px; }
		#footer .logo.clm        { background-position:-60px -91px; height:60px; width:165px; }
		#footer .logo.junta      { background-position:-225px -91px; height:60px; width:87px; }
		#footer .logo.feder      { background-position:-312px -91px; height:60px; width:67px; }
		#footer .logo.XHTML		 { background-position:-379px -91px; height:30px; width:88px; }
		#footer .logo.CSS		 { background-position:-379px -121px; height:30px; width:88px; margin:5px 20px 0 20px; }



img.border { width:287px; height:172px; padding:12px 14px 14px 12px; background:url(../images/border.gif); background-color:#FFF; }
	a:hover img.border { background-color:#eee; }	
	
	img.border.mini     { width:133px; height:80px; padding:10px; background:url(../images/borderMini.gif); }
	img.border.mini2    { width:163px; height:98px; padding:12px; background:url(../images/borderMini2.gif); }
	img.border.sortable { width:133px; height:80px; padding:10px; background:url(../images/borderSortable.gif); }	/* Este no tiene fondo transparente porque sino al arrastrarlo queda raro */
	
.video { width:301px; height:186px; padding:5px 7px 7px 5px; background:url(../images/border.gif); position:relative; background-color:#000; }
	.video img  { width:287px; height:144px; padding:21px 7px; }
	.video span { background-image:url(../images/video.gif); position:absolute; top:5px; left:5px; width:301px; height:186px;  }	
	.video:hover { background-color:#111; }
	.video:hover span { background-position:bottom; }
	
	.video li      { display:inline-block; position:relative; }		/* Ya no hace falta poner el UL > LI sin no quiero (si no es una lista) */
	.video li span { top:0; left:0; }
	
a.important { color:#8EB1CC; text-transform:uppercase; font-size:13px; padding-left:20px; background:url(../images/list.gif) 0 4px no-repeat; }
	a.important:hover { color:#6294B9; }

.margin       { margin:15px; }
.marginTop    { margin-top:15px; }
.marginRight  { margin-right:15px; }
.marginBottom { margin-bottom:15px; }
.marginLeft   { margin-left:15px; }

.left  { float:left; }
.right { float:right; }
.clear { clear:both; }

.text {	text-align:justify;	line-height: 20px; }
	.text p { padding-bottom:12px; }
	.text li, ul.list li { margin-left:10px; padding:0 0 10px 20px; background:url(../images/list.gif) 0 4px no-repeat; }

.textRight  { text-align:right; }
.textCenter { text-align:center; }

.textSmall { font-size:12px; color:#888; }

table.card { }
	table.card th { color:#000; font-weight:bold; text-align:left; padding:0 10px 10px 30px; background:url(../images/list.gif) 10px 4px no-repeat; vertical-align:text-top; }
	table.card td { padding-bottom:5px; }
	
.msgOK      { background:#649300; color:#FFF; font-weight:bold; text-align:center; padding:4px 10px; margin:15px; }
.msgError   { background-color:#900; color:#FFF; font-weight:bold; text-align:center; padding:4px 10px; margin:15px; }

.caption { margin: 0 auto; font-weight:bold; color:#FFF; border:0; }
	.caption td { background:url(../images/title_main.gif); height:20px; padding:4px 5px 8px 5px;}
		.caption td.left  { background:url(../images/title_left.gif); width:5px; }
		.caption td.right { background:url(../images/title_right.gif); width:5px; }
	.caption a { color:#DDD; }
		.caption a:hover { color:#FFF; }

ul.thumbnails { margin-top:10px; }
ul.thumbnails li { float:left; text-align:center; } 		

#sortable {}
	#sortable li { position:relative; }
	#sortable img { cursor:move; }
	#sortable .remove { position:absolute; left:122px; top:12px; cursor:pointer; z-index:999; }
	#sortable .set    { position:absolute; left:102px; top:12px; cursor:pointer; z-index:999; }
	
.hidden     { visibility:hidden; }
.notDisplay { display:none; }