@charset "utf-8";
/* CPCC CSS */

/*    
Theme Name: Frontec Theme for X
Theme URI: http://www.frontec.cl/ 
Description: Template by frontec for multi-use. 
Author: César Cáceres 
Author URI: http://www.frontec.cl
Version: 1.0 
. 
General comments/License Statement if any. 
. 
*/ 

/* Begin Typography & Colors */
p {padding:0.3em 0 0.3em 0 
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	
         background:url(images/background.jpg) repeat;
         margin: 0px 0px 0px 0px;
	}

#main
{
         width:1000px;
         margin-left:auto;
         margin-right:auto;
         height:auto;
         background:#eaeaea;
}
#main_color
{
float:left;
background:#eaeaea;
width:1000px;
height:auto;
}
#header
{
        background:url(images/banner.png);
        height:141px;
        width:1000px;
        float:left;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:-1px;
}
    
     #menu
     {
     position:relative;
     width:1053px;
     height:auto;
     margin-left:auto;
     margin-right:auto;
     margin-bottom: 20px;

     }/*
                      ul#nav {
                             list-style-type : none;
                             text-align :center;
                             }
                      ul#nav a, ul#nav a.rss {
                             margin-bottom : 10px;
                             width : 131px;
                             height : auto;
                             font-style : normal;
                             display : block;
                             text-decoration : none;
                             padding:22px 0px 18px 0px;
                             font-size:15px;
                             }
                      ul#nav li
                             {
                              float:left;
                             }
                      ul#nav li.current_page_item a{
	             width:131px;
                      background:url(images/izq_o.png);
                      height:auto;
                      color:white;
                      }
                      ul#nav li.current_page_item a:hover{
	             width:131px;
                      background:url(images/izq.png);
                      height:auto;
                      color:#3A5282;
                      }
                      ul#nav li.page-item-48 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-48 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
                      #menu ul li.page-item-50 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-50 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
                      ul#nav li.page-item-52 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-52 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
                       ul#nav li.page-item-54 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-54 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
                      ul#nav li.page-item-57 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-57 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
					  ul#nav li.page-item-303 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/cent_o.png);
                      }
                      ul#nav li.page-item-303 a:hover{
	             background:url(images/cent.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
                      ul#nav li.page-item-59 a{
	             width:131px;
                      height:auto;
                      color:white;
                      background:url(images/dere_o.png);
                      }
                      ul#nav li.page-item-59 a:hover{
	             background:url(images/derecho.png);
                      width:131px;
                      height:auto;
                      color:#3A5282;
                      }
              */       
#content
{
        background:#eaeaea;
        width:650px;
        float:left;
        height:585px;
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
}
    #img_news
    {         
         position:relative;         
         background:url(images/img_news.jpg);
         width:624px;
         height:297px;
         top:10px;
         left:15px;
         right:-5px;
    }
          #box_img_news
          {
            position:relative;
            top:31px;
            background:#eaeaea;
            width:565px;
            height:239px;
            left:30px
          }
          /* Titulo de la noticia*/
         #news_title
          {
  	       width:310px;
           height:30px;
           position:relative;
           padding-top: !important;
           top:0px;
           left:10px;
           color:#174099;
           font-size:20px;
           text-align:left;    
                  }
    #other_news
    {
         position:relative;         
         background:url(images/other_news.jpg);
         width:624px;
         height:265px;/*height:265px;*/
         top:15px;
         left:15px;
         right:-5px;
    }
          #box_news
          { 
             position:relative;  
             top:5px;
             left:17px;
             width:580px;
             height:225px;
             color:black;
             font-size:12px;
          }
          #box_news ul li
          {
            list-style:none;
          }
     

#extra
  {
       
       background:#eaeaea;
       width:1000px;
       height:470px;
       margin-left:0px;
       margin-top:0px;
       float:left;
  }
         #prox_event
         {
             background:url(images/prox_event.jpg);
             position:relative;
             width:491px;
             height:203px;
             left:19px;
             float:left;
         }
                  #prox_event_title
                  {
                         width:310px;
                         height:50px;
                         position:relative;
                         top:0px;
                         left:10px;
                         color:#174099;
                         font-size:20px;
                         text-align:left;    
                  }
                  #prox_plug
                  {
                         position:relative;
                         width:190px;
                         height:150px;
                         color:black;
                         font-size:11px;
                         left:12px;
                         top:-10px;
                         float:left;
                         color:black;
                         
                  }
                  #prox_plug_dos
                 {
                        position:relative;
                        float:left;
                        width:250px;
                        height:150px;
                        top:-15px;
                        left:15px;
                        color:black;
                 }
                 #texto_prox
                 {
                  position:relative;
                  left:5px;
                  color:black;
                  font-size:11px;
                  width:185px;
                  height:50px;
                 }
        #destacados
        {
             background:#f6f7f7;
             position:relative;
             width:465px;
             height:203px;
             left:25px;
             float:left;
        }
                    #destacados_title
                  {
                         width:310px;
                         height:50px;
                         position:relative;
                         top:0px;
                         left:10px;
                         color:#174099;
                         font-size:20px;
                         text-align:left;    
                  }
                   #highlight_des
                   {
                      position:relative;
                      color:black;
                      top:-25px;
                      width:440px;
                      left:12px;
                   }
                   #highlight_des li
                   {
                        list-style:none;
                   }
      #galeria
      {
             position:relative;
             background:#E6E6FA;
             width:491px;
             height:250px;
             left:19px;
             top:5px;
             float:left;
     }
                  #galeria_title
                  {
                         width:310px;
                         height:30px;
                         position:relative;
                         top:0px;
                         left:10px;
                         color:#66CCFF;
                         font-size:20px;
                         text-align:left;  
                  }
                  #gallery_box
                  {
                    position:relative;
                    left:0px;
                    width:491px;
                    height:auto;
                  }

      #other_stuff        {
             background:#f6f7f7;
             position:relative;
             width:250px;
             height:250px;
             left:25px;
             float:left;
             top:5px;
      }
                  #video_box
        {
         position:relative;
         width:250px;
         height:245px;
         left:0px;
         top:-5px;
         
        }
                    #stuff_title
                  {
                         width:310px;
                         height:50px;
                         position:relative;
                         top:0px;
                         left:-65px;
                         color:#174099;
                         font-size:20px;
                         text-align:left;    
                  }
             #poll_box        
             {
             background:#f6f7f7;
             position:relative;
             width:210px;
             height:250px;
             left:30px;
             float:left;
             top:5px;
             }
                   #poll
                   {
                    position:relative;
                    width:200px;
                    height:245px;
                    color:black;
                    float:left;
                    left:5px;
                    top:2px;
                   }
                   .poll_li
                   {
                     list-style:none;
                   }
                   .poll_title
                   {
                     list-style:none;
                   }
   #sidebar
{
         width:350px;
         height:585px;
         background:#eaeaea;
         float:right;
         margin-right:0px;
         color:black;
}
  #side_news
  {
      position:relative;
      width:174px;
      height:564px;
      float:left;
      left:5px;
      top:10px;
      background:#f6f7f7;
  }
      #side_title
          {
  	       width:310px;
           height:30px;
           position:relative;
           padding-top: !important;
           top:0px;
           left:10px;
           color:#174099;
           font-size:20px;
           text-align:left;    
                  }
        #imagen
        {
          position:relative;
          top:0px;
          left:0px;
          width:50px;
          height:50px;
          float:left;
          bottom:5px;
        }
        #texto_noticias
        {
         width:115px;
         height:50px;
         text-align:left;
         margin-left:5px;
         margin-top:0px;
         float:left;
         margin-bottom:10px;
        }     
        .p_des_a
        { 
        position:relative;
        background:#f6f7f7;
        width:140px;
        height:330px;
        top:12px;
        left:18px;
        float:left;
        }
                     .p_des_img_a
                     {
                         position:relative;
                         background:url(images/banner_aclaracion.jpg);
                         width:130px;
                         height:325px;
                         left:5px;
                         top:7px;
                     }
                     
        #p_des_c
        { 
        position:relative;
        background:#f6f7f7;
        width:140px;
        height:215px;
        top:16px;
        left:18px;
        float:left;
        }
                     #p_des_img_c
                     {
                         position:relative;
                         background:url(images/banner_teavisa.jpg);
                         width:130px;
                         height:208px;
                         left:5px;
                         top:5px;
                     }   
 
.post
       {
         color:black;
         text-align:left;
         font-size:11px;
         margin-top:0px;
         margin-left:15px;
       } 
h6
       {
         margin-top:0px;
         text-align:left;
       }
h6 a
       {
         text-decoration:none;
         font-size:10px;
         color:#36F;
       }
.navigation
      {
		 position:relative;
         width:300px;
         color:black;
         font-size:11px;
         height:30px;
		 top:5px;
		 float:right;
      }

html, body, div, span, applet, object, iframe, 
 
blockquote, pre, 
 
a, abbr, acronym, address, big, cite, code, 
 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
 
small, strike, strong, sub, sup, tt, var, 
 
dl, dt, dd, ol, ul, li, 
 
fieldset, form, label, legend, 
 
table, caption, tbody, tfoot, thead, tr, th, td { 
 
 margin: 0; 
 
 padding: 0; 
 
 border: 0; 
 
 outline: 0;  
 
} 
ol, ul {
	list-style: none;
}

a:visited
{
color:#2364a0;
}
li a
{
text-decoration:none;
}
a
{
text-decoration:none;
}
#single
{
        background:#eaeaea;
        width:1000px;
        float:left;
        height:auto;
        margin-top:0px;
        margin-left:0px;
        margin-right:10px;
}
#single_post
{
width:635px;
height:auto;
float:left;
background:#eaeaea;
}
small
{
color:gray;
}
#footer_box
{
        width:1000px;
        height:78px;
        background:url(images/footerv2.jpg);
        margin-left:auto;
        margin-right:auto;
        margin-top:-5px;
        float:left;    
}
#footer_text{
	width: 650px;
	height:40px;
	margin-left: 150px;
	margin-top: 40px;
}

#boletin
{
      position:relative;
      width:186px;
      height:100px;
      float:left;
      left:140px;
      top:5px;
      background:#f6f7f7;
}

#title_boletin
{
width:186px;
height:15px;
color:black;
font-size:13px;
font-family:"Arial Black";
text-align:center;
margin-bottom:7px;
}
#boletin_content
{
        background:#eaeaea;
        width:650px;
        float:left;
        height:580px;
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;   
}

#bmenu
{
width:186px;
height:100px;

}
#bmenu ul
{
	list-style:none;
}


#bmenu ul a
{
	text-decoration:none;
	color:#000000;
	display:block;
	width:186px;
	line-height:31px;
	background:url(images/grisa.jpg);
        margin-left:0px;
        margin-top:5px;
        text-align:center;
        font-size:12px;
}
#bmenu ul a:hover
{
        background:url(images/gris.jpg);
        color:#ffffff;
}

#to
{
color:white;
}

#content_to 
{
position:relative;
left:15px;
font-size:12px;
top:15px;
background:white;
}
#content_to a
{
color:black;
font-size:12px;
}
#content_to a:hover
{
color:white;
font-size:16px;
background:gray;

}
/*************Modificaciones HOP!!!!!!!!*************/
#quienes,#boletines{
    width: 700px;
    float: right;
    text-align: justify;
    margin-right: 4em;
    margin-top:5px;
    margin-bottom: 20px;
}

#quienes h2,#socios h2,#boletines h2{
    color: #3B5383;
}
#convenios{
    margin-bottom: 20px;
}
h2{
    color: #3B5383;
}
a{
    color: #394F7C;
}
*{
	margin:0;
	padding:0;
}
	#menuq{
		background:#fff;
		width:220px;
		color:#666;	
		font:12px/18px Verdana,Tahoma, Arial, Helvetica, sans-serif;	
        float: left;
        margin-top: 5px;
	}
		#menuq ul{
			list-style:none;
		}
			#menuq li{
				list-style:none;
				margin:2px 0;
			}
				#menuq li a{
					list-style:none;
					background:#82837c;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					border:solid #777776;
					border-width:0 6px 0 6px;
					display:block;
					height:30px;
					line-height:30px;
					padding:0 0 0 10px;
				}
					#menuq li a:hover{
						background:#777776;
						color:#fff;
						text-decoration:none;
					}
				#menuq li a.blue{
					background:#4967A3;
					border:solid #3A5282;
					border-width:0 6px 0 6px;
				}
					#menuq li a:hover.blue{
						background:#3A5282;
					}


#caja1 {
	width:90%;
	display: none;
	padding:5px;
	/*border:2px solid #FADDA9;
	background-color:#FDF4E1;*/
}

#caja2,#caja3,#caja4,#caja5,#caja6,#caja0,#caja7,#caja8{
	width:90%;
	display: none;
	padding:5px;
	/*border:2px solid #FADDA9;
	background-color:#FDF4E1;*/
}
#tit1,#tit2,#tit3,#tit4,#tit5,#tit6{
	display:block;
	width:90%;
	padding:5px;
	/*border:2px solid #D0E8F4;
	background-color:#ECF8FD;*/
}

#org{
    color: #3B5383;
    font-weight: bold;
    font-size: 12px;
}

#header_info{
    float: right;
    margin-right: 30px;
    margin-top: 35px;
}

#hop{
    float: right;
    width: 130px;
    height: 208px;
    margin-top: 10px !important;
    margin-right: 23px !important;
}


#banner1{
    float: right;
    margin-top: 10px;
    margin-right: 23px;
    width: 130px;
    height: 195px;
    background-image: url(images/banner1.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

#banner2{
    float: right;
    margin-top: 10px;
    margin-right: 23px;
    width: 130px;
    height: 140px;
    background-image: url(images/banner2.png);
    background-repeat: repeat-x;
    background-position: top;
}

#banner3{
    float: right;
    margin-top: 10px;
    margin-right: 23px;
    width: 130px;
    height: 105px;
    background-image: url(images/banner3.jpg);
    background-repeat: repeat-x;
    background-position: top;
}