@charset "UTF-8";

/* CONTENT GLOBAL */
.contentglobal { position: relative; margin: 0 auto; padding: 10px 0; width: 980px; overflow: hidden; display: block; }

/* CONTENT GENERIC */
.contentgeneric { position: relative; margin: 42px 20px 0 0; padding: 0 auto; width: 342px; overflow: hidden; display: block; float: right; }

/* SOCAIL FRONT */
#socialfront { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 432px; display: block; float: left; background-image: url(../images/socialfront.jpg); background-repeat: no-repeat; }

/* BUTTON SOCIAL */
a#buttonsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttonsocial.png); background-repeat: no-repeat; background-position: 0 0; }
a:visited#buttonsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttonsocial.png); background-repeat: no-repeat; background-position: 0 0; }
a:hover#buttonsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttonsocial.png); background-repeat: no-repeat; background-position: 0 -39px; }
a:active#buttonsocial { position: relative; margin: 0 auto; padding: 0 auto; width: 164px; height: 39px; display: block; text-decoration: none; background-image: url(../images/buttonsocial.png); background-repeat: no-repeat; background-position: 0 -39px; }

/* INPUT */
.inputmediumone { position: relative; margin: 0 0 10px 0; padding: 5px 0 0 5px; width: 47%; height: 25px; display: block; font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; border: none; background-color: #EEEEEE; float: left; }
.inputmediumtwo { position: relative; margin: 0 0 10px 0; padding: 5px 0 0 5px; width: 47%; height: 25px; display: block; font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; border: none; background-color: #EEEEEE; float: right; }
.textareasocial { position: relative; margin: 0 0 10px 0; padding: 5px 0 0 5px; width: 100%; height: 80px; display: block; font: 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; border: none; background-color: #EEEEEE; }

.contentmedium { position: relative; margin: 5px 0 0 0; padding: 0 auto; overflow: hidden; display: block; float: right; font-size: 10px !important; color: #666666 !important; text-align: center; }
.contentmedium p { margin: 0 0 10px 0 !important; padding: 0 auto !important; }

/* BUTTON SOCIAL SEARCH */
a#buttonsocialsearch { position: relative; margin: 5px 0 10px 10px; padding: 5px 0 0 0; width: 108px; height: 20px; display: block; text-decoration: none; float: left; background-image: url(../images/buttonsocialsearch.png); background-repeat: no-repeat; background-position: 0 0; float: left; }
a:visited#buttonsocialsearch { position: relative; margin: 5px 0 10px 10px; padding: 5px 0 0 0; width: 108px; height: 20px; display: block; text-decoration: none; float: left; background-image: url(../images/buttonsocialsearch.png); background-repeat: no-repeat; background-position: 0 0; float: left; }
a:hover#buttonsocialsearch { position: relative; margin: 5px 0 10px 10px; padding: 5px 0 0 0; width: 108px; height: 20px; display: block; text-decoration: none; float: left; background-image: url(../images/buttonsocialsearch.png); background-repeat: no-repeat; background-position: 0 -25px; float: left; }
a:active#buttonsocialsearch { position: relative; margin: 5px 0 10px 10px; padding: 5px 0 0 0; width: 108px; height: 20px; display: block; text-decoration: none; float: left; background-image: url(../images/buttonsocialsearch.png); background-repeat: no-repeat; background-position: 0 -25px; float: left; }

/* BOX PANEL */
.boxpaneltop { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 32px; display: block; background-image: url(../images/boxpaneltop.jpg); background-repeat: no-repeat; }
.boxpaneltop h4 { position: relative; margin: 0 auto !important; padding: 10px 0 0 12px !important; display: block; color: #FFFFFF !important; }
.boxpanelbottom { position: relative; margin: 0 auto; padding: 0 auto; width: 980px; height: 513px; display: block; background-image: url(../images/boxpanelbottom.jpg); background-repeat: no-repeat; }

/* BOX PANEL COLUMN 2 */
.boxpanelcolumn2left { position: relative; margin: 10px 0 0 12px; padding: 0 auto; width: 474px; height: 481px; display: block; float: left; background-image: url(../images/boxpanelcolumn2.png); background-repeat: no-repeat; }
.boxpanelcolumn2right { position: relative; margin: 10px 12px 0 0; padding: 0auto; width: 474px; height: 481px; display: block; float: right; background-image: url(../images/boxpanelcolumn2.png); background-repeat: no-repeat; }

/* BOX PANEL COLUMN 2 - LEFT */
.boxpanelcolumn2left img { padding: 20px 0;  }
.boxpanelcolumn2left p { position: relative; margin: 0 auto; padding: 0 auto; width: 444px; overflow: hidden; display: block; color: #FFFFFF !important; font-size: 12px !important; }
.boxpanelcolumn2left h4 { position: relative; margin: 0 auto !important; padding: 0 0 8px 0; width: 444px; overflow: hidden; display: block; color: #FFFFFF !important; }

/* BOX PANEL COLUMN 2 - RIGHT */
.boxpanelcolumn2right .grid4col { padding: 10px }
.boxpanelcolumn2right .grid4col li { margin-bottom: 20px }

/* BAR PAGES */
#contentbarnumberpagesocial { position: relative; margin: 0 auto; padding: 0 auto; width: 344px; overflow: hidden; display: block; text-align: center; top: -12px; }
#barnumberpagesocial { position: relative; margin: 0 auto; padding: 0 auto; width: 184px; overflow: hidden; display: block; float: left; }
#barnumberpagesocial .column { font-size: 11px !important; color: #FFFFFF !important; }
#barnumberpagesocial .column a { font-size: 11px !important; color: #CCCCCC !important; }
#barnumberpagesocial .column a:visited { font-size: 11px !important; color: #CCCCCC !important;  }
#barnumberpagesocial .column a:hover { font-size: 11px !important; color: #FFFFFF !important;  }
#barnumberpagesocial .column a:active { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesback { position: relative; margin: 0 20px 0 0; padding: 0 auto; width: 60px; overflow: hidden; display: block; float: left; text-align: center !important; }
#contentbarnumberpagesocial .pagesnext { position: relative; margin: 0 0 0 20px; padding: 0 auto; width: 60px; overflow: hidden; display: block; float: right; text-align: center !important; }
#contentbarnumberpagesocial .pagesback a { font-size: 11px !important; color: #FFFFFF !important; }
#contentbarnumberpagesocial .pagesback a:visited { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesback a:hover { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesback a:active { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesnext a { font-size: 11px !important; color: #FFFFFF !important; }
#contentbarnumberpagesocial .pagesnext a:visited { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesnext a:hover { font-size: 11px !important; color: #FFFFFF !important;  }
#contentbarnumberpagesocial .pagesnext a:active { font-size: 11px !important; color: #FFFFFF !important;  }