body { color:#303030; background:#8b8b8b; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}

.pagebody { color:#303030; background-color:#8b8b8b;  text-align:center; }



/* These are ids for container divs in layout.master */

#wrapwebsite { background:#f0f0f0 url('bodybg.jpg') repeat-x; color:#303030; margin:0; min-width:900px; padding:0; text-align:left; width:100%; }
#wrapheader { background-image: url('header.jpg'); background-position: left; color: #ffffff; height: 100px; margin: 0 20px   0px; text-align:left; background-repeat: no-repeat; }
#wrapcenter { clear:both; min-height:300px; margin:50px 0 0 0 ; padding-top:15px; padding-left:15px; padding-right:15px; padding-bottom:15px; }
#wrapfooter { background:#8b8b8b url('footerbg.jpg') top left repeat-x; clear:both; color:#d0d0d0; font-size:0.9em; font-weight:bold; margin:0 ; padding:20px 0; text-align:center; width:100%; }
#wrapfooter a { color:#d0d0d0; font-weight:bold; }
#wrapfooter,#wrapfooter a { text-decoration:none; font-weight:700;}
#wrapfooter a:hover { text-decoration:underline; font-weight:700;}


/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns 
   all columns are floated left, the system prfogrammatically assigns one of the classes to the center column depending on whether content exists
 in the left or right content sections
*/
.leftside { float:left; width:20%; margin:10px 5px 0 0; min-width:165px;  } /* border:solid 1px green; */
.center-nomargins { float:left; width:100%; margin:0px;  } 
.center-rightandleftmargins { float:left; width:57%; }
.center-rightmargin { float:left; width:78%; }
.center-leftmargin { float:left; width:78%; }
.rightside { float:right; width:20%; margin:10px 0 0; min-width:165px;  }  /* border:solid 1px green; */

.center-nomargins,.center-rightandleftmargins , .center-rightmargin, .center-leftmargin{
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
margin:10px 0px 0px 0px; 
 
}

.center-nomargins div.modulecontent,
.center-rightandleftmargins div.modulecontent, 
.center-rightmargin div.modulecontent,
.center-leftmargin div.modulecontent,
div.searchresults
{
	padding:15px 15px 15px 15px; 
	
}

div.searchresults h2{font-size:1.8em;}


/* Elements */
p { font-size: 0.9em;}
code { text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #EAEAEA; border-left:5px solid #72A545; margin:5px 0; padding:10px; }
acronym { cursor:help; border-bottom:1px solid #777; }
blockquote { background:#FAFAFA url(quote.gif) no-repeat 5px 10px!important; background-position:8px 10px; border:1px solid #EC981F; border-left:5px solid #EC981F; font-weight:700; margin:15px; padding:0 0 0 36px; }
hr { height:1px; background-color:#D1D7DC; color:#D1D7DC; border-width:0; }
img { border:0; }


/* Headings */
.sitelogo { float:left; margin:0; }
.siteheading { font-size:130%; text-decoration:none; margin:0; padding:20px 0 0; }
/* h1.siteheading { position:absolute; top:10px; left:5px; font:bolder 2.4em 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-2px; margin:0; padding:0; } */
h1,h2,h3,h4  { margin:10px 15px; padding:0; }
/*
h2.moduletitle { clear:both; background-position:left; border-bottom:2px solid #f2f2f2; margin:0; padding:0 0 3px 25px; }
.modulesubtitle { height:23px; color:#FFF; background-color:#EAEAEA; font-weight:700; padding:4px 5px 0; }
h2.moduletitle { color:#75A54B; font-size:1.5em; font-weight:700; text-transform:none; }
*/


h1, h2 {background-color:inherit; color:#606060; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0; }

h1{ font-size:1.8em; }
h2{ font-size:1.4em; }
h3 {font-size:1.2em; color:Black; }
h4 {font-size:1.1em; color:Black;}

.leftside h4, rightside h4 {font-size:1em;}
.leftside ul {margin:0; padding:0 0 0 25px;}
.leftside ul li a , .rightside ul li a {font-size:0.9em; }
.leftside ul li  {list-style:none; padding:0 0 5px 0px; margin:0 0 0 0;}


img.whiteborder  {
border:1px solid #b0b0b0;
/* float:left;*/
margin:5px 15px 6px;
padding:5px;
width: 120px;
height: 170px;
}















/* Form styles */
fieldset { border:0px solid #BBBBBB; margin:0 5px 7px 3px; padding:1em; }
legend { font-size:larger; font-weight:700; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em;}
.normaltextbox { width:10em; }
.mediumtextbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }

.txterror {
/*background-color:#FFFFCC;
border-style:dashed;
border-width:1px;
margin:10px;
padding:20px;
text-align:center;
vertical-align:middle;*/
color:#FF3300;
}

/* MATIAS: Hacer que el error de captcha salte a la siguiente linea, mensaje demasiado largo para 
estar en la misma línea.*/
.captcha span {clear:both; text-align:center; }

.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { background:url('openidlogin.gif') no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

input {font-size:0.90em;}

/*MATIAS:contact form */
.userprofile fieldset legend label,
.register fieldset legend ,
.login fieldset legend 
{font-size:1.4em;background-color:inherit; color:#606060; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0;}

/* Grids and Tables */
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { color:#333; background:#FFF; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left; padding:2px 20px 2px 2px; }
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td { padding:7px; }


/* Lists */
.topnav { position:absolute; top:0; right:0; text-align:right; font-weight:700; margin:4px 10px 3px 0; }
.topnav ul { float:left; display:inline; margin:15px 15px 0 0; padding:0; }
li.topnavitem { float:left; list-style-type:none; border-left:solid thin white; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 5px; }

.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }
ul.linkitem { position:relative; top:-6px; left:-13px; list-style:none; margin:10px; padding:0; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }

.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 -40px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; }
ul.linkitem li { list-style:none; min-height:18px; background:#f2f2f2; border-left:5px solid #CCC; margin:0 0 1px; padding:2px 0; }
ul.linkitem a { margin-left:3px; font-weight:700; text-decoration:none; padding:2px 5px 2px 15px; }
* html body ul.linkitem a { height:18px; }
ul.linkitem a:hover { background:#f2f2f2; color:#EC981F; padding:2px 5px 2px 15px; }
ul.linkitem a:link,ul.linkitem a:visited,ul.linkitem a:active { color:#333; }
ul.linkitem li a,ul.linkitem li a:hover { background:url(arrow.gif) no-repeat 2px 4px; }
ul.linkitem li a + a,ul.linkitem li a + a:hover { background-image:none; }
li.linkitem:hover,li.linkaltitem:hover { border-left:5px solid #EC981F; }
div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; }
ul.firstnav span.sitelink,li.topnavitem,li.firstnav { font-weight:700; font-size:9px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }


.tag-cloud { list-style-type:none; margin:15px 0 3px -30px; }
.tag-cloud li { display:inline; list-style-type:none; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }

/* Links */
a.ModuleEditLink:hover { color:#72A545; }
a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active { color:#F18359; }
.sitelink,a.sitelink:link,a.sitelink:visited { color:#505050; }
a.sitelink:hover {  text-decoration:underline; }
a.sitelink:active { color:#505050; font-weight:bold; text-decoration:none; }
/* matias */
a ,a:link,a:visited,a:active { color:#505050; font-weight:bold; text-decoration:none; }
a:hover { color:#808080; text-decoration:underline; }

/* Si estamos en topnavigation, los sitelinks deben ser blancos y subrayados en blanco en :hover*/
div.topnav ul li a.sitelink { font-size:110%; font-weight:bolder; color:white;}
div.topnav ul li a.sitelink:hover {text-decoration:underline;}




a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active { font-size:10px; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:active,a.ModuleEditLink:visited { color:#EC981F; }
legend a.ModuleEditLink,legend a.ModuleEditLink:link,legend a.ModuleEditLink:visited,legend a.ModuleEditLink:hover,legend a.ModuleEditLink:active {
color:#ffc796;
font-size:smaller;
}
legend a,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,a.sitelink:link,a.sitelink:visited,a.selectedcrumb:link,a.selectedcrumb:visited,a.selectedcrumb:active,a.unselectedcrumb:link,a.unselectedcrumb:visited,a.unselectedcrumb:active {
text-decoration:none;
}
a.ModulePager:link,a.ModulePager:visited,a.ModulePager:hover,a.ModulePager:active,a.selectedcrumb:hover,a.unselectedcrumb:hover {
text-decoration:underline;
}
.pageditlinks a { margin: 3px 7px 3px 0px; }
a.adminlink ,
a.adminlink:link ,
a.adminlink:visited ,
a.adminlink:hover ,
a.adminlink:active { 
font-size: 16px; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 8px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
a.adminlink:hover {  text-decoration:underline;}

.WelcomeMessage,.sitelink { font-weight:700; font-size:9px; }
.accent { color:#75A54B; font-weight:700; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none; }



.breadcrumbs { padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }

.modulepager { vertical-align:top; padding:4px; }
.selectedpage { color:#000; font-weight:700; }
a.SelectedPage:hover { color:#000; font-weight:700; text-decoration:underline; }
a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { color:#000; font-weight:700; text-decoration:none; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }


.modulecontent { vertical-align:top; text-align:left; padding:4px; }
.modulefooter { display:none; font-size:11px; text-align:center; }
.modulerow { background-color:#EAEAEA; }
.modulealtrow { background-color:#eee; }

.rightside .modulecontent {text-align:center;}

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }

.rbottom { margin-bottom:20px; }

.foldergallery a { color:#FFF;}
.albumMetaName { font-weight:700; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px;}
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:right; }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url('ratingStarFilled.png'); }
.ratingStar .Empty { background-image:url('ratingStarEmpty.png'); }
.ratingStar .Saved { background-image:url('ratingStarSaved.png'); }
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:300px; height:210px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:280px; height:100px; }

.eventcalendar table { clear:both; }

.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

div.addthisbutton { position:absolute; top:53px; right:25px; }
.moduleedit { height:28px; background-color:#C7D0D7; border:0; text-indent:4px; margin:0; padding:0; }
.clearpanel { clear:left; padding-top:15px; }
.clear { clear:both; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.logolist,.pageicons,.skiplink { display:none; }
.padded { padding:7px; }


.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }


/* FUNCIONALIDADES DE FTPORDERBROWSER, OLMORDERBROWSER, Y MATIASGALLERY */
.GridView
{
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px white;
}





.GridViewRowStyle
{
 border-bottom: solid 1px gray;

}




.GridViewAlternatingRowStyle
{
    background-color: #F0F0F0;
    border-bottom: solid 1px gray;

}



.GridViewSelectedRowStyle{
 background-color: Gray;
 color:White;
}
.GridViewSelectedRowStyle a {
 color:White;
}


.GridViewFooterStyle{

}

.GridViewHeaderStyle
{
    border: solid 2px gray;
    vertical-align: top;
}

table.GridView td a img
{
		border:1px solid  #b0b0b0; 
		margin:5px 15px 6px;
		padding:5px;
		width: 120px;
		height: 170px;
	
}

.ImageBrowser li{
  display:inline;
  float:left;
  margin-bottom:15px;
  margin-right:15px;
  border: dotted 1px gray;
  text-align:center;
 }
 .ImageBrowser li img
 {
		border:1px solid #b0b0b0;
		margin:5px 15px 6px;
		padding:5px;
		width: 120px;
		height: 170px;
 }

.ExtendedGridViewSortDescendingStyle
{
    background-position: right center;
    background-color: #ffffd8;
    padding-right: 20px;
    background-image:  url(img/sortdescending.gif );
    background-repeat: no-repeat;
}

.ExtendedGridViewSortAscendingStyle
{
    background-position: right center;
    background-color: #ffffd8;
    padding-right: 20px;
    background-image: url(img/sortascending.gif );
    background-repeat: no-repeat;
    margin-right: 5px;
}
.GridViewPagerStyle
{
    background-color:inherit;
}
.GridViewPagerStyle td
{
    padding: 5px;
    margin: 2px;
    border: thin solid #C0C0C0;
    
    font-weight: bold;
    color: #0066FF;
}

/* YUI SKIN */
.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#2647A0 url(sprite.png) repeat-x scroll left -1400px;
color:#505050;

}
.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D8D8D8 url(sprite.png) repeat-x scroll 0 0;
border-color:#A3A3A3;
border-style:solid;
border-width:0 1px;
color:#505050;
position:relative;
text-decoration:none;
font-size:0.9em;
}
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
border-color:#3283c2;
border-style:solid;
border-width:0 0 5px;
}
.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a em {
border-color:#3283c2;
}

/*matias */
.forminput
{
	font-size:0.9em;
}