/*  
Theme Name: Skoool_gt_plantilla
Theme URI: http://www.skoool.edu.gt
Description: Plantilla de Skoool Guatemala
Version: 1.0
Author: skoool Guatemala - Ing. Bani Sandoval
Author URI: http://www.skoool.edu.gt/

*/

body,h1,h2,h3,h4,h5,h6,blockquote,p{
margin:0;
padding:0;
}

body{
 margin:0;
 font-family:Arial,Helvetica,Georgia,Sans-serif;
 font-size:12px;
 text-align:left;
 vertical-align:top;
 background:#4881B1;
 color:#000000;
}

h1{
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:24px;
padding:0 0 10px 0;
}


h3{
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:11px;
color:#464646;
padding:0;
text-align:justify;
font-weight:bold;
}

h4{
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:12px;
color:#464646;
text-align:justify;
font-weight:normal;
padding: 0;
}

h5{
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:12px;
color:#464646;
text-align:justify;
font-weight:bold;
padding: 0 0 0 5px;
}

h6{/*  Para subtitulos en paginas*/
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:12px;
color:#000000;
text-align:left;
font-weight:bold;
padding:0;
margin: 0 0 7px 0;
}


a:link,a:visited{
 text-decoration:underline;
 color:#336699;
}

a:hover{
 text-decoration:none;
 color:#330099;
}

#wraper{
margin:0 auto 0 auto;
width:785px;
text-align:left;
}

#header{
float:left;
width:785px;
height:200px;
background:#4881b1;

}

/* Inicio de encabezado */
#head_wrap{
float:left;
width:785px;
height:200px;
background:#4881b1;

}

#top_head{
padding:5px 0 0 1px;
float:left;
width:781px;
height:102px;
background:#4881b1;
}

#logo{
padding:0 0 0 0;
float:left;
width:349px;
height:102px;
background:#316595 url('images/skooolgt_logo.jpg') repeat-y bottom left;
}

#bandera{
padding:0 0 0 0;
float:left;
width:194px;
height:102px;
background:#316595 url('images/bandera_gt.jpg') repeat-y bottom left;
}

#head_pic{
padding:0 0 0 0;
float:left;
width:238px;
height:102px;
background:#316595 url('images/pic_head.jpg') repeat-y bottom left;
}

#cinta{
padding:0 0 0 0px;
float:left;
width:780px;
height:12px;
background:#4881b1 url('images/cinta.jpg') no-repeat  center;
}

#sponsor_logos{
padding:0 0 0 1px;
float:left;
width:781px;
height:51px;
background:#4881b1;
}
#mineduc_espacio{
padding:0 0 0 0;
float:left;
width:188px;
height:51px;
background:#4881b1 url('images/mineduc_logo.jpg') repeat-y bottom left;
}
#usaid_espacio{
padding:0 0 0 0;
float:left;
width:212px;
height:51px;
background:#4881b1 url('images/usaid_logo.jpg') repeat-y bottom left;
}
#relpe_espacio{
padding:0 0 0 0;
float:left;
width:200px;
height:51px;
background:#4881b1 url('images/relpe_logo.jpg') repeat-y bottom left;
}
#intel_espacio{
padding:0 0 0 0;
float:left;
width:181px;
height:51px;
background:#4881b1 url('images/intel_logo.jpg') repeat-y bottom left;
}

#menu_container{
padding:0 0 0 1px;
float:left;
width:781px;
height:27px;
background:#4881b1;
}

#label_idioma{
padding:0 0 0 0;
float:left;
width:137px;
}
#idiomas{
padding:0 0 0 0;
float:left;
width:164px;
}

#menu_principal{
padding:0 0 0 4px;
float:left;
width:476px;
}

/* Fin de encabezado  316595*/

#main_container{
padding:1px 1px 1px 1px;
background:#FFFFFF url('images/side_back2.png') repeat-y bottom left; 
float:left;
width:778px;
border-left: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
}

#container{
float:left;
width:620px;
background:#FFFFFF;
height:100%;
margin: 0 0 0 1px;
}

#traductor{
background:#E9EEF3 url('images/side_back2.png') repeat-y bottom left; 
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:11px;
color:#333333;
text-align:left;
font-weight:bold;
padding: 0 0 0 0;
float:left;
width:780px;
height:47px;
border-left: #FFFFFF 1px solid;
}

#traductor_left{
float:left;
width:158px;
height:47px;
margin:0px;
padding:0px;
}
#traductor_right{
border-top:1px solid #ccc;
float:left;
width:622px;
background:E9EEF3;
}

}
.titulos{
padding: 5px 0 5px 5px;
margin:0 0 0 0;
background:#E9EEF3;
}
.titulos h2{
font-family:Arial,Georgia,Sans-serif;
font-size:18px;
font-weight: bold; 
padding:0 0 2px 2px;
}
.mensajes{
padding: 5px 0 5px 5px;
margin:0 0 0 0;
background:#FFFFFF;
}
.mensajes h4{
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:12px;
color:#464646;
text-align:justify;
font-weight:bold;
padding: 0;
}
.mensajes a:link,a:visited{
 text-decoration:underline;
 color:#244058;
}
.mensajes a:hover{
 text-decoration:none;
 color:#464646;
}

.post{
padding: 10px 0 10px 10px;
border-top:1px solid #ccc;
margin:0 0 0 0;
}

.odd{background:#FFFFFF;}
.even{background:#E9EEF3;}

.post h2{
font-family:Verdana,Arial,Georgia,Sans-serif;
font-size:15px;
font-weight: bold; 
padding:0 0 2px 0;
}

.entry{
line-height:18px;
}

.indent{
   padding-left: 20pt;
   padding-right: 5pt;
   padding-top: 5pt;
 }
 .indent p{
   padding-left:30; 
 }

p{
margin: 3px 0 5px 0;
padding:1px 0 0 0;
}

ul{
margin-top:2px;
margin-bottom:2px;
}

table.disenio_tabla
{ text-align: center;
background-color: #fafafa;
border: 1px #4881B1 solid;
border-collapse: collapse;
border-spacing: 0px;}
.celdas{
width:120px;
border-bottom: 2px solid #4881B1;
background-color:#E9EEF3;
border: 1px #4881B1 solid;
font-family:Arial,Helvetica,Georgia,Sans-serif;
font-size:9px;
color:#464646;
text-align:center;
font-weight:bold;
padding: 0;
}
.celdas_imagenes{
width:120px;
border-bottom: 2px solid #d79900;
background-color:#FFFFFF;
border: 1px #4881B1 solid;
color: #404040;
}


/* Inicia Sidebar*/

/* Informacion de las categorias*/
#category_info {
float:left;
width:616px;
margin: 0 0 0 5px;
}
#category_name{
 font-family:Arial,Helvetica,Georgia,Sans-serif;
 font-size:18px;
 text-align:Left;
 margin:0;
 color:#0B2E51;
 background:#E9EEF3;
 border-bottom:1px solid #ccc;
 }
#category_img{
 float:left;
 width:200px;
 height:200px;
 }
 #category_description{
 width:400px;
 padding:5px 0 0 5px;
 float:left;
 font-family:Arial,Helvetica,Georgia,Sans-serif;
 font-size:14px;
 text-align:Justify;
 color:#61666A;
 }
 
 
/*Fin de Informacion de las categorias*/

#sidebar{
float:left;
width:156px;
margin: 0 0 0 0;
color:#FFFFFF;
}

#top_img{
padding:0 0 0 0;
float:left;
width:156px;
height:64px;
background:#316595 url('images/top_sidebar.jpg') repeat-y bottom left;
}
/*Inicio de search form */
#buscar_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:32px;
background:#316595 url('images/search.png') repeat-y bottom left;
}
#sidebar #searchform div {
background-image: url(images/search.png);
width: 156px;
height: 32px;
}
#sidebar #searchform div #s {
border:0;
padding:0 0 0 3px;
margin-top: 8px;
margin-left: 10px;
width: 115px;
height: 16px;
color: #FFFFFF;
background:#000000;
BORDER: #FFFFFF 1px solid ;
opacity: .5;
filter: alpha(opacity=50);
font-size: 1em;
outline: none;
}
#sidebar #searchform div #searchsubmit {
border: 0;
background: none;
width: 19px;
height: 16px;
margin-left: 4px;
overflow: hidden;
cursor: pointer;
}
/*Fin de search form */
#skoool_lat_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:92px;
background:#316595 url('images/skoool_lat.jpg') repeat-y bottom left;
}
#skoool_mundo_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:57px;
background:#316595 url('images/skoool_mundo.jpg') repeat-y bottom left;
}
#german_sanchez_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:56px;
background:#316595 url('images/german_san.jpg') repeat-y bottom left;
}
#u_salamanca_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:89px;
background:#316595 url('images/u_salamanca.jpg') repeat-y bottom left;
}
#smart_espacio{
padding:0 0 0 0;
float:left;
width:156px;
height:107px;
background:#316595 url('images/smart.jpg') repeat-y bottom left;
}

/* Termina Sidebar*/

#footer{
clear:both;
float:left;
width:780px;
padding:5px 0 5px 0;
background:#000000;
color:#FFFFFF;
opacity: .5;
filter: alpha(opacity=50);
border: #FFFFFF 1px solid ;

}

#footer p{
line-height:18px;
}
#footer a:link,a:visited{
 text-decoration:underline;
 color:#FFFFFF;
}

#footer a:hover{
 text-decoration:none;
 color:#F0F0F0;
}



/* Para alinear las imagenes y hacer que el texto flote alrededor*/
/*Uso de clases 'class="alignright" , 'class="centered' y alignleft */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
text-align:left;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End Images */


/* Aplica solo para index.php*/
#indice_main_container{
float:left;
width:781px;
BORDER: #FFFFFF 1px solid ;
}
#top_container_indice{
float:left;
width:625px;
background:#316595;
margin:0;
padding:0;
}
#top_left{
padding:0 0 0 0;
float:left;
width:435px;
height:365px;
background:#316595  url('images/indice_topleft.jpg') repeat-y bottom left;
}
#top_right_1{
padding:0 0 0 0;
float:left;
width:190px;
height:247px;
background:#316595  url('images/indice_topright_1.jpg') repeat-y bottom left;
}
#top_right_2{
padding:0 0 0 0;
float:left;
width:190px;
height:118px;
background:#316595  url('images/indice_topright_2.jpg') repeat-y bottom left;
}
#bot_container_indice{
float:left;
width:625px;
background:#316595;
height:103;
margin:0;
padding:0;
}
#bot_1{
padding:0 0 0 0;
float:left;
width:162px;
height:103px;
background:#316595  url('images/indice_bot1.jpg') repeat-y bottom left;
}
#bot_2{
padding:0;
float:left;
width:155px;
height:103px;
background:#316595  url('images/indice_bot2.jpg') repeat-y bottom left;
}
#bot_3{
padding:0 0 0 0;
float:left;
width:151px;
height:103px;
background:#316595  url('images/indice_bot3.jpg') repeat-y bottom left;
}
#bot_4{
padding:0 0 0 0;
float:left;
width:157px;
height:103px;
background:#316595  url('images/indice_bot4.jpg') repeat-y bottom left;
}