﻿@charset "utf-8";
/* Hoja de estilo para www.inadehcapacita.edu.pa */

Body{
background: #FFFFFF url(../imagenes/background.jpg) repeat-x;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0px auto;
padding: 0px;
text-align:center;
} 

/*Propiedad para el div de la linea del header*/
#top_line{
background: #292929;
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
height:20px;
}

/*Propiedad para el div contenedor de la fecha*/
#date {
margin: auto auto;
width: 800px;
border: none;
text-align:right;
}

/*Propiedad para el bloque del cuerpo*/
#contenedor{
/*background: transparent url(http://ajcp.comoj.com/images/body-bg.png) repeat-y;
scroll 0 0;
clear:both; */
margin: 0 auto;
width:843px;
}

/*Propiedades para el banner del header*/
#banner{
height:163px;
width:843px;
text-align:none;
border: none;

}

/*Propiedades para el menú*/
#menu1{
width:100%;
height:50px;
background:url(../imagenes/bg_menu.jpg) repeat-x;
border:none;
border-bottom: 2px solid #333333;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
}

/*Propiedades para los botones del menu*/
#menu1 ul{
text-align:center;
width:843px;
margin: auto auto;
padding: 0;
float: left;
padding-left: 0;
height: 51px;
}


#menu1 ul li{
display: inline;
height: 51px;
}

#menu1 ul li a{
display: block;
float: left; text-decoration: none;
color: white;
padding: 19px 21px 0 20px;
height: 32px;
}

#menu1 ul li a:visited{
color: white;
}

#menu1 ul li a:hover, #menu1 ul li .current{
color: #fff;
background-color:#0b75b2;
padding-bottom:0;

}

/*#menu1 ul li a:active{
color: #fff;
background-color:#669933;
}*/

#contenido{
width:843px;
margin: auto auto;
background-color:#54453E;
}

/*Caja para 3 modulos*/

#box123{
background-color:#54453E;
height:285px;
padding:25px 0 0 5px;
margin-left:20px;
}


/*color de las cajas cuando se colocal el mouse encima*/


.box_color:hover{
background: #655751 none repeat scroll 0 0;
}

.box_color{
font-weight:bold;
font: "Tw Cen MT", "Tw Cen MT Condensed", "Tw Cen MT Condensed Extra Bold";
font-size:16px;
float:left;
width:265px;
height:250px;
background-color:#54453E;
padding-top: 15px;
}


#box12{
background-color:#54453E;
height:285px;
padding:25px 0 0 5px;
margin-left:20px;
}


/*color de las cajas cuando se colocal el mouse encima*/


.box_color1:hover{
background: #655751 none repeat scroll 0 0;
}

.box_color1{
font-weight:bold;
font: "Tw Cen MT", "Tw Cen MT Condensed", "Tw Cen MT Condensed Extra Bold";
font-size:16px;
float:left;
width:395px;
height:250px;
background-color:#54453E;
padding-top: 15px;
}

#text_left{
float: left;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
}

.img_left{

}

.links{
text-align:center;
font-size:12px;

}
a {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer{
width:843px;
margin:auto auto;
background-color:#292929;
padding-top:18px;
padding-bottom:18px;
float:inherit;
color:white;
}

/*******************************************************/

#slider          { background: #292929 url(../imagenes/slider-bg.jpg); height: 227px; overflow: hidden;
                   position: relative; margin: 0px 0; }
#mover           { width: 2880px; position: relative; }
.slide           { padding: 20px 30px; width: 843px; float: left; position: relative; text-align:left; margin-left:0; }
.slide h1        { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; margin:0 0 ;
                   color: #ac0000; }
.slide p         { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img       { position: absolute; top: 20px; left: 350px; }
#slider-stopper  { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
                   padding: 1px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
				   
/******************************************************/

legend
{
	color: #FFFFFF;
}
