/*******************************************************************/
/*																   */
/* Stylesheet: template.css										   */
/* --------------------------                                      */
/* Hoja de estilos principal que define toda la plantilla		   */	
/* del sitio web                                                   */ 
/*                                                                 */ 
/*******************************************************************/



/* --------------------------------------------------------------- */
/*                     Site.Master                                 */  
/* --------------------------------------------------------------- */

body
{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
}

#mainContainer
{	
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#header 
{
	position: relative;
	height: 60px;
	font-size: 11px;
}

#logo
{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 550px;
	height: 50px;
	background-image: url("../images/logos/PUE/logoPUEName.gif");
	background-repeat: no-repeat;
}

#logo  a
{
	display: block;
	width: 80px;
	height: 50px;
}

#info
{
	position: absolute;
	top: 5px;
	right: 5px;
}

#search
{
	position: absolute;
	top: 30px;
	right: 140px;
	font-weight: bold;
}


#socialNetworks
{
    position: absolute;
    right: 0px;
    top: 25px;
	width: 135px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

#toolbar
{
	position: relative;
	height: 23px;
	background-image: url("../images/layers/menuLayer.jpg");
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	*z-index: 10000;
}


#contents 
{
	position: relative;
	min-height: 750px;
	margin-top: 5px;
	overflow: hidden;
}



#footer {
	position: relative;
	margin-top: 5px;
	text-align: center;
	font-size: 11px;
}



/* --------------------------------------------------------------- */
/*                     Contents.Master                             */  
/* --------------------------------------------------------------- */

#mainContentsContainer
{
	position:relative;
	float: left;
	width: 100%;
	min-height: 720px;
	margin-bottom: 15px;
	border-left: 1px solid #CCCCCC;
	overflow:hidden;
	_width: 925px;
}

#leftMenuContainer
{
	position:relative;
	float: left;
	width: 100%;
	right: 705px;
	background-image: url("../images/layers/projectsLayer.jpg");
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


#leftMenu
{
	position:relative;
    float: left;
	width: 230px;
	left: 700px;
    overflow:hidden;
}

#mainContents
{
	position:relative;
    float: left;
	left: 720px;
    width: 685px;
    overflow:hidden;
}

#breadCrumb
{
	margin-bottom: 15px;	
}

#breadCrumb a:link, #breadCrumb a:active, #breadCrumb a:visited, #breadCrumb a:hover
{
	color: #000000;
	text-decoration: underline;
	font-style: italic;
} 

#section
{
	min-height: 710px;
	padding-right: 10px;
	text-align: justify;
	font-size: 13px;
}


/* --------------------------------------------------------------- */
/*                     Default.aspx                                */  
/* --------------------------------------------------------------- */


#newsletter
{
	position: absolute;
	right: 15px;
	top: 0px;
	width: 250px;
	height: 20px;
	background-image: url("../images/layers/projectsLayer.jpg");
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	border: 1px solid #000000;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #000000;
	padding: 6px;
}

#newsletter input[type="text"]
{
	width: 140px;
	color: #0F0F0F;
}

#newsletter input[type="submit"]
{
	cursor: pointer;
}


#downloadPoster
{
	position: absolute; 
	top: 215px; 
	right: 2px; 
	width: 130px; 
	height: 137px; 
}

#octoberCourses
{
	position: absolute; 
	top: 130px; 
	right: 140px; 
	width: 200px; 
	height: 130px;
	cursor: hand;
}


#projects
{
	position: relative;
	height: 145px;
	margin-top: 5px;
	background-image: url("../images/layers/projectsLayer.jpg");
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.project
{
	position: relative;
	width: 215px;
	height: 55px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #003c81;
	font-weight: bold;
	cursor: pointer;
}

.projectLogo
{
	float: left;
	width: 85px;
	padding-left: 4px;
	cursor: pointer;
}

.projectName
{
	float: right;
	width: 125px;
	padding-top: 6px;
	cursor: pointer;
}


.project  a
{
	text-decoration: none;
	color: #003c81;
}

.project:hover
{
	background-color: #FFFFE1;
}


#options
{
	position: relative;
	height: 209px;
	margin-top: 5px;
	background-image: url("../images/layers/projectsLayer.jpg");
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.option
{
	width: 215px;
	height: 189px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.optionTitle
{
	padding: 8px;
	background-image: url("../images/layers/menuLayer.jpg");
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCCCCC;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	color: #003c81;
	font-weight: bold;
	text-align: center;
}

.optionContents
{
	padding: 8px;
	background-color: #FFFFFF;
}


.option a:link, .option a:active, .option a:visited
{
	color: #003c81;
	text-decoration: none;
	font-style: normal;
} 

.option a:hover
{
	font-weight: bold;
}

#courseSlider
{
	border: 1px solid #000000;
}



/* --------------------------------------------------------------- */
/*                     Zona de contenido                           */  
/* --------------------------------------------------------------- */

#headerContent
{
	height: 60px;
	font-size: 26px;
	font-weight: bold;
	color: #003C81;
	margin-bottom: 15px;
	border-bottom: 2px solid #003C81;	
}


/* --------------------------------------------------------------- */
/*                     Convenios de colaboración                   */  
/* --------------------------------------------------------------- */

.tAgreements
{
	margin-left: auto;
	margin-right: auto;
}

.tAgreements th
{
	text-align: center;
	font-size: 14px;
}

.tAgreements td
{
	border: 1px solid #DDDDDD;
	width:	300px;
	height: 60px;
	padding: 5px;
	font-size: 13px;
	text-align: center;
}

.tAgreements td a
{
	color: #000000;
	font-style: italic;
	text-decoration: none; 
}


/* --------------------------------------------------------------- */
/*                    Premios recibidos                            */  
/* --------------------------------------------------------------- */

.tRewards
{
	width: 100%;
}


.tRewards td
{
	border: 1px solid #DDDDDD;
	height: 60px;
	padding: 5px;
	font-size: 11px;
	text-align: justify;
}

.tRewards td.rewardImg
{
   width: 130px;
   text-align: center;
   padding: 10px;
}

.tRewards td a
{
	color: #000000;
	font-style: italic;
	text-decoration: none; 
}


/* --------------------------------------------------------------- */
/*                     Cursos destacados                           */  
/* --------------------------------------------------------------- */

.tBestCourses
{
	margin-left: auto;
	margin-right: auto;
}

.tBestCourses td
{
	border: 1px solid #DDDDDD;
	width:	300px;
	height: 90px;
	padding: 5px;
	font-size: 13px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}


/* --------------------------------------------------------------- */
/*                     Información de curso                        */  
/* --------------------------------------------------------------- */


.courseInfo
{
	background-color: #F8F8FF;
	border: 1px solid #999;
	margin-top: 5px;
	padding: 5px;
	width: 100%;
}

#searchCourse
{
	background-color: #F8F8FF;
	border: 1px solid #999;
	margin-top: 5px;
	padding: 20px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}


/* --------------------------------------------------------------- */
/*                     Buscador de cursos                          */  
/* --------------------------------------------------------------- */

#searchHeader
{
	position: relative; 
	margin-top: 10px; 
	background-image: url('../contents/learning/images/searchBg.gif');
    height: 125px; 
    background-repeat: no-repeat
}

#searchText
{
	position: absolute; 
	top: 10px; 
	right: 25px;
	color: #FFFFFF;
}

.searchBox
{
   width: 125px;
   text-align: right; 
   font-family: Verdana; 
   font-size: 11px; 
   font-style: italic
}


/* --------------------------------------------------------------- */
/*                    Exámenes de certificación                    */  
/* --------------------------------------------------------------- */

#testingPrograms
{
	border: 1px solid #999999;
	height: 320px;
	width: 450px;
	overflow: auto;
	padding: 5px;
	margin-top: 5px;
	background-color: #F8F8FF;
}

#regsGrid
{
	border: 1px solid #999999;
	height: 330px;
	overflow: auto;
	margin-top: 5px;
	background-color: #F8F8FF;
}



#testingPrograms a:link, #testingPrograms a:visited, #testingPrograms a:active, #testingPrograms a:hover  
{
  color: #555555;
  text-decoration: underline;
}


.bRegistration
{
	height: 30px;
	cursor: pointer;
}

#registerInfo
{
	border: 1px solid #999999;
	padding: 5px;
	background-color: #FFFFE0;
	color: #999999;
	font-size: 12px;
}

#webInfoExam
{
	border: 1px solid #000000;
	width: 600px; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;		
}

#webInfoExamHeader
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	margin: 4px;
	padding: 4px;
	text-align: center;
}



/* --------------------------------------------------------------- */
/*                    Sesiones de certificación                    */  
/* --------------------------------------------------------------- */

#examSessions
{
	border: 1px solid #999999;
	height: 250px;
	overflow: scroll;
	padding: 5px;
	background-color: #F8F8FF;
	font-size: 12px; 
}

/* --------------------------------------------------------------- */
/*                    Cisco Networking Academy                     */  
/* --------------------------------------------------------------- */

.tCiscoBooks
{
	margin-left: auto;
	margin-right: auto;
}

.tCiscoBooks td
{
	font-size: 11px;
	color: #000000;
	padding: 4px;
	text-align: left;
}

.details
{
	width: 210px;
}


/* --------------------------------------------------------------- */
/*                     Microsoft IT Academy                        */  
/* --------------------------------------------------------------- */

.tITAPrice
{
	margin-left: auto;
	margin-right: auto;
}

.tITAPrice td
{
	font-size: 12px;
	color: #000000;
	padding: 10px;
	text-align: center;
}

.tITAPrice th
{
	font-size: 12px;
	color: #000000;
	padding: 10px;
	background-color: #f0f3f9;
	text-align: center;
}

.tITABenefits
{
	margin-left: auto;
	margin-right: auto;
}

.tITABenefits td
{
	font-size: 12px;
	color: #000000;
}

.benefitsITA
{
	background-color: #f0f3f9;
	padding-left: 5px;
}

.tDownloads
{
	width: 590px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 11px;
	background-color: #F9F9F9;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------- */
/*                     Partners educativos                         */  
/* --------------------------------------------------------------- */

.tPartners
{
	margin-left: auto;
	margin-right: auto;
}

.tPartners td
{
	border: 1px solid #DDDDDD;
	width:	300px;
	height: 90px;
	padding: 5px;
	font-size: 13px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}


/* --------------------------------------------------------------- */
/*                     Contacte con nosotros                       */  
/* --------------------------------------------------------------- */

.dataField 
{
	width: 450px;
}

.textArea
{
	width: 540px;
	height: 150px;
	resize: none;
}

#contactBox
{
	width: 585px; 
	padding: 10px;
	margin-left: auto; 
	margin-right: auto;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.bContact
{
	width: 150px;
	height: 30px;
}


/* --------------------------------------------------------------- */
/*                     Barra de progeso Ajax                       */  
/* --------------------------------------------------------------- */

#progressBar 
{
	position: absolute; 
	top: 350px; 
	width: 180px;
	height: 35px; 
	left: 50%; 
	margin-left: -90px;
	padding: 5px; 
	padding-top: 15px;
    padding-left: 60px;
    background-color: #FFFFFF;
    background-image: url('../images/loading/loadingIcon.gif');
    background-repeat: no-repeat;
    font-family: Verdana; 
    font-size: 14px; 
    border: 1px solid #000000;
    text-align: center;
 }
 
 
/* --------------------------------------------------------------- */
/*                     Calendario de sesiones                       */  
/* --------------------------------------------------------------- */

.selectedDay
{
     background-color: #FFFF55 !important;
     border: 1px solid #000000 !important;
     font-size: 15px !important;
     cursor: pointer;
}
.monthTitle
{
     background-color: #003C81;
     border: 1px solid #000000;
     height: 25px;
     text-transform:uppercase;
     font-size: 15px;
     font-weight: bold;
     color: #FFFFFF;
}

.day
{
     border: 1px solid #000000;
     font-weight: normal;
     font-size: 15px;
     background-color: #F8F8FF;
 }
        
 .month
 {
     border: 1px solid #000000;
     text-align: center;
     font-weight: bold;
 }
        
 .calendarCalendarDefault table
 {
     border-collapse:collapse;
 }
        


/* --------------------------------------------------------------- */
/*                     Estilo de tabla de projs                    */  
/* --------------------------------------------------------------- */


.tInfo {
	border: 0px solid;
	margin-left: auto;
	margin-right: auto;
}

.tInfo th {
	background-color:#cccccc;
	border: 1px solid;
	padding:2px 0px 2px 0px;
	text-align: center;
}

.tInfo td {
	background-color:#ececec;
	padding:0px 10px 0px 10px;
}


.tInfo a:link{
	text-decoration: none;
	color:#000000;
}

.tInfo a:visited{
	text-decoration: none;
	color:#000000;
}

.tInfo a:active{
	text-decoration: none;
	color:#000000;
}

.tInfo a:hover{
	text-decoration: none;
	color:#F4A322;
}

/* --------------------------------------------------------------- */
/*                     Otros					                   */  
/* --------------------------------------------------------------- */

.sponsorsCEI
{
	border: 1px solid #CCCCCC; 
	padding: 10px;
	font-size: 11px;
	font-color: #000000;
}