/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/

body { background: #E3DDD2 url(../img/body-bg.png) repeat-x; }
.container { background-color: #FFF; }

/**************************************/
/*              GLOBALS               */
/**************************************/


/**************************************/
/*              HEADER                */
/**************************************/
.header { height:80px; }
.header .logo-alci-2010 { float:left; width: 400px; height:80px; background: url(../img/head-1.png) no-repeat; }
.header .header-middle { float:left; width: 150px; height:80px; background: url(../img/head-2.png) no-repeat; }
.header .usbi { float:left; width: 400px; height:80px; background: url(../img/head-3.png) no-repeat; }

.header-extra { height: 70px; }
.header-extra p, .header-extra h1 { color: #993300; margin: 20px; font-weight: bold;
	font: 10pt Tahoma, Arial, sans-serif; }
.header-extra .theme p { font-size: 15pt; font-weight: bold; line-height: 18px; }
.header-extra .theme p span { font-size: 11pt; font-weight: bold; }
.header-extra .theme h1 { font-size: 14pt; font-weight: bold; }
.header-extra .basic-info p { text-align: right; line-height: 14px; }
.header-extra .basic-info p span { font-weight: bold; font-size: 13pt; }

/**************************************/
/*             NAVIGATION             */
/**************************************/

.nav { height:auto; background: url(../img/col-bg.png) repeat-y; }
.nav ul { float:left; margin: 0; padding: 40px 0 0 20px; width: 200px; height: auto; list-style: none;
	background: url(../img/border-top-1.png) left top no-repeat; }
.nav ul li { margin: 10px 0; padding-left: 5px;  }
.nav ul li a { color: #663300; font-size: 11pt; text-decoration: none; padding: 1px 15px 5px 5px;
	border-bottom: #AA9988 dotted 1px; }
.nav ul li a:hover { color: #996600; }
.nav ul li p {padding-top: 7px; margin-bottom: 0.1em; }
.nav ul li p a {font-size: 9.5px; }
.nav ul li.no a { border-bottom: none; }
.nav .nav-border { float:left; width: 200px; height: 50px;
	background: url(../img/borders-bottom.png) left bottom no-repeat; }

.sub { float:left; width: 200px; }
.sub p { margin: 10px 10px 10px 20px; font-size: 11px; line-height: 14px;  }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.content { color: #553311;background: url(../img/bg-content.gif) repeat-y;
	font: 10pt Tahoma, Arial, sans-serif; min-height:350px;}

.imgs { margin-bottom:30px; }
.content h1 {
	font-size:20px; font-weight:normal; letter-spacing: 1px;
	color:#BB8866; margin:25px 20px 20px 0px; padding:0 0 5px 10px;
	border-bottom:1px #BB8866 dotted;
}
.content h2 { font-size: 18px; font-weight: normal; }
.content p { margin-right:30px; }
.align-right { text-align:right; }

label {
	float:left; width:250px; margin-right:10px; text-align:right; height:20px;
}
input { width:250px; }
input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: Tahoma, Arial, sans-serif; }

#autorizar { display:none; padding:10px; }
#autorizar .submit { width:auto; padding:1px 5px; }

.right-col { float: right; width: 250px; height:auto; margin-top: 25px;
	background: url(../img/col-bg.png); }
.right-col h2 { margin: 0 10px 5px 0; text-align: right; font-size: 13pt; color:#AA9988; font-weight: normal; }
.right-col address { float:left; font-size: 8pt; margin: 0; padding: 0 20px; font-style: normal; }
.right-col .institution { float: right; width: 250px; height: auto;
	background: url(../img/border-top-2.png) 0px 0px no-repeat; }
.right-col .institution p { font-size: 8pt; margin: 50px 10px 10px 20px }
.right-col .end-border { float:left; width: 250px; height: 50px;
	background: url(../img/borders-bottom.png) -200px 0 no-repeat; }

.content-border { height: 25px; }
.content-border div { width: 25px; height: 25px; background: url(../img/borders-bottom.png) no-repeat; }
.content-border .left-border { float:left; background-position: right top; }
.content-border .right-border { float:right; background-position: right bottom; }
.content-border-top { border-top:#DDD solid 2px; height: 25px; }
.content-border-top div { width: 25px; height: 25px; background: url(../img/borders-top.png) no-repeat; }
.content-border-top .left-border-top { float:left; background-position: left top; }
.content-border-top .right-border-top { float:right; background-position: left bottom; }
.info {
	background-color: #DFD0B5;
	font-size: 14px;
	color: #000;
	border: #5B4216 solid 1px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 25px;
}
.info hr { border: #930 solid 1px; margin-bottom: 10px; margin-top: 5px; clear: both; background-color: #930; }

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

.footer { background-color:#fff; height:120px; font-family: Tahoma, Arial, sans-serif; }
.footer p { color:#993300;
	font-size:8pt;
	line-height:1.3em;
	margin-top:20px;
}
.footer .contact { margin-left:30px; }
.footer .institution { text-align:right; margin-right: 30px; }

.patrocinadores { border-top:#DDD solid 2px; border-bottom: #DDD solid 2px; margin-top:20px; background-color:#FFF; color:#555; clear: both;  }
.patrocinadores h2 { text-align:center; margin-bottom:40px; }
.patrocinadores hr { float:left; margin:20px 0; }
.patrocinadores .span-22 { margin:20px 0px; }

/* TALLERES */
.talleres { border:#993300 solid 1px; margin-left:70px; background-color:#E3DDD1; }
.talleres h3 { text-align:center; color:#000; margin:4px 0px; font-size:12pt; }
.talleres p { margin:0px 10px 10px 10px; }
.talleres ol { margin-bottom:10px; }
.talleres ol li { margin:5px 0px; }
.talleres ul { font-size: 12px; }
.talleres span { color:#333; }

/*Facebook*/
div.social { float:right; margin-top: 15px; }
div.social a { 
	color: #9F9C95;
	font-weight: bold;
	text-decoration: none;
	padding:0 0 0 30px;
	line-height: 24px;
	height:24px;
	background:url(../img/common/social.png) no-repeat;
	display: inline-block;
	width: auto;
	margin: 0 40px 0 0;
}
div.social a:hover { color: #c33; }
div.social .fb { background-position: 0 -24px; }
div.social .fb:hover { background-position: 0 0; }
div.social .tw { background-position: 0 -72px; }
div.social .tw:hover { background-position: 0 -48px; }