/*css document*/

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 71.1%;

	color: #111111;

	margin:0px;

	padding:0px;

	text-align:left;
}

.main {

margin:0px auto;

width:765px;

}

#tituloregistro{ font-weight:600;}
#contenidoregistro{ font-weight:600;}

fieldset{ border:0px;}

#form-login ul{
	list-style: none;
}

#form-login a{
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	color: #666666;
}

.logo {

width:500px;

float:left;

font-family:"Times New Roman", Times, serif;

font-size:3.1em;

letter-spacing:2px;

color:#D03F3F;

padding:15px 0px 15px 0px;

font-weight:bold;

}

.topright {

width:250px;

float:right;

text-align:right;

margin:10px 0px 0px 0px;

}

.header {

background-image:url(../images/main_12.jpg);

background-position:center;

width:100%;

height:80px;

float:left;

border-top:1px solid #F9CECE;

border-bottom:1px solid #F9CECE;

}

.pathway2 {

margin:7px 0px 0px 0px;

background-color:#f4f4f4;

height:24px;

padding:12px 0px 0px 5px;

float:left;

width:760px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}

.topmenu {

margin:0px 0px 7px 0px;

background-color:#f4f4f4;

height:24px;

padding:12px 0px 0px 12px;

float:left;

width:753px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}

.banner {

text-align:center;

margin:0px 0px 16px 0px;

padding:0px 0px 0px 25px;

}

.sep {

border-top:5px solid #F9CECE;

float:left;

width:765px;

margin:7px 0px 0px 0px;

font-size:0.1em;

}

.sep2 {

border-top:5px solid #F9CECE;

float:left;

width:100%;

margin:7px 0px 0px 0px;

font-size:0.1em;

}

.left{

width:515px;

float:left;

margin:10px 0px 0px 0px;

border-right: 1px solid #f4f4f4;

padding:0px 13px 0px 0px;

}



.right {

width:225px;

float:right;

margin:7px 0px 0px 0px !important;

margin:5px 0px 0px 0px;



}

.article_seperator {

border-top: 1px dotted #ccc;

margin:10px 0px 5px 0px;

display:block;

width:100%;

}



.footer {

margin:0px auto;

width:760px;

}



.othermenu {

padding:5px;

border-bottom:4px solid #f4f4f4;

}



.small {

color:#CCCCCC;

font-size:0.88em;

}



/*links*/



a:link, a:visited {

color:#D03F3F;

}



a:hover {

text-decoration:none;

}



.footerint {

float:left;

margin:10px 0px 0px 0px;

background-color:#f4f4f4;

display:block;

width:720px;

padding:20px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}



	.left_box {

		background: #f4f4f4;

		border-top: 1px dotted #ccc;

		border-bottom: 1px dotted #ccc;

		padding: 15px;

		margin: 0 0 15px 0;

	}

/* Below are  default settings are used when no other style has been defined.*/

p {



	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;
	


} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/

td {



	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;




} /*formatting all 

<td> items. This default setting is used when no other style has been defined.*/

tr {



	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;
	
	

} /*formatting all 

<tr> items.  This default setting is used when no other style has been defined.*/



 

/* FORMS SETTINGS */ 

.button {

  color            : #666666;

  border           : 1px solid #999999;

  background-color : #ffffff;

  margin-top       : 0px;

  font-family      : arial, helvetica, sans-serif;

  font-size        : 9px;



}

.inputbox {

font-size: 9px;

font-family: verdana, helvetica, sans-serif;

text-align: left;

color: #666666;

background-image:url(../images/back_main.jpg);

border: 1px solid #999999;



}

.text_area{

width:80px;



}

.search {} /*formatting the <div> which holds search items: inputbox, search button...*/

 

 

/* NAVIGATION/MENU SETTINGS */

 

a.mainlevel{
font-size: 12px;
width:85%;

} /* this styling is for the MAIN items in the menu */


menuencabezado {
display: inline;

}



a.mainlevel:link, a.mainlevel:visited {

border-bottom:4px solid #f4f4f4;
text-transform:uppercase;
color:#111111;
padding:5px 14px;
text-decoration:none;
background-image:url(../images/main_09.jpg);
background-repeat:no-repeat;
background-position:left center;

}



a.mainlevel:hover {

border-bottom:4px solid #f4f4f4;

text-transform:uppercase;

color:#D03F3F;

padding:5px 14px;

text-decoration:none;

background-image:url(../images/main_09.jpg);

background-repeat:no-repeat;

background-position:left center;

}



#active_menu {

border-bottom:4px solid #f4f4f4;

text-transform:uppercase;

color:#D03F3F;

padding:5px 14px;

text-decoration:none;

background-image:url(../images/main_09.jpg);

background-repeat:no-repeat;

background-position:left center;

} /* this styling is for the menu item when it is active, even in main/sub position*/

 

ul#mainlevel-nav {

	list-style: none;

	padding: 0px;

	margin: 0px;

	float: left;

	text-align:center;

	text-decoration:none;

}



ul#mainlevel-nav li{

	padding: 0px;

	float: left;

	margin: 0px;

	white-space: nowrap;

	text-decoration:none;



}



ul#mainlevel-nav li a{

color:#111111;

text-decoration:none;

text-transform:uppercase;

padding:0px 20px 0px 0px;

}



ul#mainlevel-nav li a:hover{

color:#D03F3F;

}





a.sublevel{





} /* this styling is for menu items that HAS A PARENT */

a.sublevel:link {



}

a.sublevel:visited {



}

a.sublevel:hover {



}

 

.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 

when they do not appear as hyperlinks (when only a few articles exist).*/

.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 

they become hyper links*/

.pagenavbar:visited {}

 

.pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */

a.pagenav:visited {



}

a.pagenav:hover {



}

 

a.readon:link {

font-size:1.0em;



} /*Style for the "Read More" link that is displayed for large content items*/

a.readon:hover {

font-size:1.0em;



}

a.readon:visited {

font-size:1.0em;



}

 

.back_button {} /*Style for the "BACK" button*/

.pagenav_prev {

font-size:1.0em;

} /*Style for the PRE button*/

.pagenav_next {font-size:1.0em;} /*Style for the NEXT button*/

 

.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/

.latestnews li {}

 

.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/

.mostread li{}

 

/* CONTENT PAGE SETTINGS */

a.category:link {



}

a.category:hover {



}

a.category:visited {



}

 

.blogsection {} /* Formatting the links in Blog section */

.blog_more {} /*The "More" text in blog section*/

a.blogsection:link {



} /* set the link format */

a.blogsection:visited {



} /* same as above, but to set the visited link format */

a.blogsection:hover {



} /* same as above, but for links with mouse pointer over it */

 

.componentheading {


font-family:Arial, Helvetica, sans-serif;

font-weight:normal;

background-color:#F4F4F4;

font-size:18px;

text-transform:uppercase;

color:#111111;

display:block;

padding:5px 0px 5px 15px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

width: auto;
margin-bottom: 10px;
}

td.componentheading {



}

/* Title of the component being used to display the content.*/

table.contentpaneopen {

width:100%;

}



table.contentpaneopen td {

	padding:0px;

}



table.contentpane {

width:100%;

	margin: 0px;

	padding: 0px;

}


.contentheading td {
font-family: Arial, Helvetica, sans-serif;

font-weight:normal;

background-color:#F4F4F4;

font-size:18px;

text-transform:uppercase;

color:#111111;

display:block;

padding:5px 0px 5px 15px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

width: auto;




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

font-weight:normal;

background-color:#F4F4F4;

font-size:18px;

text-transform:uppercase;

color:#111111;

display:block;

padding:5px 0px 5px 15px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

width: auto;




}



 /* Title of the content, article, etc. being displayed.*/

.contentpane {

background-image:none;

text-align:left;

} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/

.contentpaneopen {

background-image:none;

text-align:left;

} /* Table that holds the actual text for an article.*/

.contentpagetitle {

} /*Title of articles*/

 

a.contentpagetitle:hover {

} /*Title of articles when appeare as links */

a.contentpagetitle:link {

}

a.contentpagetitle:visited {

}



.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */

table.contenttoc {

padding:4px;

margin:4px;

border:1px solid #dadada;

} /* Formating the table of the Tables of Contents for multiple pages content or article */

table.contenttoc td {

padding:4px;

margin:4px;

} /* same as above, used to format the td and able cells */

table.contenttoc th {font-size:1.2em;} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/

table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/

a.toclink:link {} /* same as above, used to format toc link text status*/

a.toclink:visited {} 

a.toclink:hover {} 

 

/* JOOMLA - MAMBO SECTIONS LISTINGS */

.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.

  Example: table header of "Date", "Item Title", "Author" and "Hits"? */

.sectiontableentry1 {

padding:4px;

} 

.sectiontableentry2 {

padding:4px;

}

 

/* JOOMLA - MAMBO MODULES FORMATTING */

table.moduletable {

width:100%;

text-align:left;

} /* Formatting the module table */

table.moduletable th {

background-color:#F4F4F4;

font-size:17px;

text-transform:uppercase;

color:#111111;

display:block;

padding:0px 0px 1px 15px;

margin:1px 0px 5px 0px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}

h3 {

background-color:#F4F4F4;

font-size:17px;

text-transform:uppercase;

color:#111111;

display:block;

padding:15px 0px 15px 15px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}



 /* Formatting the module header, and the module titles */

table.moduletable td {} /* Formatting the table cells of the module table */

 

.pathway {

	text-decoration:none;

	color:#666666;

}



.pathway a:link {

	text-decoration:none;



	}

.pathway a:visited {

	text-decoration:none;



}

.pathway a:hover {

	text-decoration:none;



}

.buttonheading a:link {

	text-decoration:none;

}

.buttonheading a:visited {

	text-decoration:none;

}

.buttonheading a:hover {

	text-decoration:none;

}



/* MISCELLANEOUS */

 

/* Dates , Authors*/

.createdate {

font-size:0.9em;

border-bottom:1px solid #f4f4f4;

height:20px;

line-height:20px;

} /* For styling the date the content/articles are created under contents title */

.modifydate {

font-size:0.9em;

color:#D03F3F;

border-top:1px solid #f4f4f4;

height:20px;

line-height:20px;

padding-top:10px;

} /* Formating "Last updated on" text at the end of articles/contents */

.small {

font-size:0.9em



} /* Formating "Written by:...." text */

.smalldark {

color:#333333;

font-size:1.0em

}/*Found in poll result page, for " Number of Voters".. text */

 

/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder {} /* set the border properties of the polls voting table */

 

 

/* Weblinks */

.weblinks{} /* well.. to format the link's titles under the "Weblinks" 

  section on the frontend */

a.weblinks:hover {

	text-decoration:none;

} /* same as above, but for link with mouseover */

 

/* Newsfeeds */

.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */

.newsfeeddate {} /* yeah.. the date on the newsfeed */

.fase4rdf {} /* this is the body text of the newsfeed */

 

/* Search page */

table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box

  that appears after you have entered a search value. It appears on the mainbody

  with the search results */

 

 

/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */

/* The CSS below efines how the frontend admin interface when logged in */



.pagetext {width:98% !important;

background-color:#FFFFFF;

text-align:left;

} /* this style is used to style the content of the editing form contents 

(where HTMLArea sits and all its forms + contents) in the frontend Administration interface */

#introtext {width:98% !important;

background-color:#FFFFFF;

background-image:none !important;

text-align:left;}

#fulltext {width:98% !important;

background-color:#FFFFFF;

text-align:left;

background-image:none !important;

}

.introtext {width:98% !important;

background-color:#FFFFFF;

background-image:none !important;

text-align:left;}

.fulltext {width:98% !important;

background-color:#FFFFFF;

text-align:left;

background-image:none !important;

}

table#toolbar a.toolbar {

			color : #808080;

			text-decoration : none;

			display: block;

			border: 1px solid #DDD;

			width: 40px;

			padding: 2px !important;

		}

		table#toolbar a.toolbar:hover {

			color : #C64934;

			border: 1px solid #c24733;

			background-color: #f1e8e6;

			padding: 2px !important;}

			

			.tab-page{

			width:98% !important;

text-align:left;

background-image:none !important;

			}

			

.mceContentBody{background-color:#ffffff;

background-image:none;

text-align:left;

}





/*additional Joomla 1.5 classes */

.mainmenu ul li a:link, .mainmenu ul li a:visited {

border-bottom:4px solid #f4f4f4;

/*display:block;  */

text-transform:uppercase;

color:#111111;

padding:5px 14px;

text-decoration:none;

background-image:url(../images/main_09.jpg);

background-repeat:no-repeat;

background-position:left center;

}



.mainmenu ul li a:hover, #active_menu {

border-bottom:4px solid #f4f4f4;

/*display:block;  */

text-transform:uppercase;

color:#D03F3F;

padding:5px 14px;

text-decoration:none;

background-image:url(../images/main_09.jpg);

background-repeat:no-repeat;

background-position:left center;

}



.moduletable_menu {

width:100%;

text-align:left;

}



.moduletable_menu th {

background-color:#F4F4F4;

font-size:17px;

text-transform:uppercase;

color:#111111;

display:block;

padding:7px 0px 7px 15px;

border-top: 1px solid #e8e8e8;

border-bottom: 1px solid #e8e8e8;

}

/*lightbox*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://pisoscappa.com/cms/lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://pisoscappa.com/cms/lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	td.tdImg { width:475px; height:376px;}
body{background-color:#ffffff;}
#divWG {text-align:center; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#divWG img, #divWG table {border:none;}
#divWG a:link, #divWG a:visited {text-decoration:none;}
#divWG a:hover {color:red;text-decoration:underline;}
#tblThumbsLayout {text-align:left; margin: 0 auto;}
#tblGalleryName{margin-top:2px;}
#currentGalleryLocation {font-weight:bold;}
td#galleryNameCell {font-size: 18px; font-weight:bold; color:#606060; margin: 6px 6px 0 0;}
td#pagingCell {text-align:right; white-space:nowrap;}
#imgPrev {margin-right:3px; margin-bottom:-5px;}
#imgNext {margin-left:3px; margin-bottom:-5px;}
.currentPage {
 font-weight: bold;
 background-color: #FFFFE0;
 font-size: 12px;}
.otherPage {font-size: 12px;}
td.tdImg {border: 0px solid; border-color: #aaa #666 #666 #aaa;
 text-align:center; background-color:#fff; vertical-align:middle;padding:4px;}
td.tdImg img {margin-top:11px;}
#pnCell {text-align:right;}
a.pn, a.pn:LINK,a.pn:VISITED {color: #606060; font: 9px arial, helvetica, sans-serif; text-decoration: none; padding: 1px 4px;}
a.pn:HOVER {color: #559933; background-color:#E6F9F8;border-top:1px solid #D9E9E4;border-bottom:1px solid #B4D1C8;}