@charset "UTF-8";

body {
    text-align: center;
    background-image:url('images/background/bg_1.gif');
	background-repeat:repeat-x;
    background-color:#0164A7;
    margin:10px 0 0 0;
    }

.hiddenPic  {
    display:none;
    }


#master_container {
    width: 840px;
    /*height: 700px;*/
    display:table;
    margin: 0px auto;
    text-align: left;
     background:url('../images/design/cabeza_sitio_ppal.jpg') top right no-repeat;

  
    }



#top_container {
    height:82px ;
    border-bottom-style:solid;
    border-bottom-width:0px;
    border-bottom-color:#a1a1a1;
    margin:  0px 0px 0px 0px;
   


    }



#top_image {
    text-align:center;
    margin:  0px 0px 0px 0px;
    z-index:0;
    background-image:url('images/design/fondo_imagen_seccion.jpg');
      }




  #top_logo_img  {
    width: 100px;
    height: 180px;
    top: 50%;
    margin-top: -88px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    background-color: blue;
    }


#left_content {
    margin:  0px 0px 0px 0px;
    
    
}


#left_container {
  width: 170px;
  display:block;
  float: left;
     }




#foot_container {
    text-align: center;
    position: relative;
    clear: both;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #efefef;
    padding:5px;
}


#foot_container a {
    color:yellow;

}


#right_container {
    width: 600px;
    text-align: left;
    display:table;
    padding: 0px 0px 0px 0px;
    text-align: left;
    z-index:20;
    }



#article_content_half {
   float:left;
   width:310px;
   height:190px;
   margin:8px 0 10px 12px;
   border-top-style:solid;
   border-top-width:2px;
   border-top-color:white;
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-bottom-color:#a1a1a1;
   border-left-style:solid;
   border-left-width:2px;
   border-left-color:white;
   border-right-style:solid;
   border-right-width:1px;
   border-right-color:#a1a1a1;
   background: url('images/background/bg_7.jpg') top repeat-x;

   }

#article_content {

   background:white;
   margin:0px 0px -10px 0px;
   padding:5px 0 5px 0;
  
   }


#head_content {
    width:605px;
    height: 20px;
    display:table;
    margin:0px 0 10px 0px;
    padding: 3px 0px 8px 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size:14px;
    color:#0036b1;
    background:url('../images/design/bar.jpg') top repeat-x;
    

    
}

#text_content {
    display:table;
    margin-right:12px;
    padding: 0px 15px 15px 12px;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    color:black;
  }


#menu{
        float: left;
        background: url('images/background/bg_3.gif') top repeat-x;
        margin-left: 12px;
        padding:6px 10px 6px 10px;
        border-left-style:solid;
        border-left-width:1px;
        border-left-color:#666666;
        border-right-style:solid;
        border-right-width:1px;
        border-right-color:#666666;
}


#menu a {

        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #0036b1;
        text-decoration:none;
}

/*Estilos copiados de el sitio creado por jhon */




/*menus de la izquierda */


#menu_left {
    background-color:#efefef;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
    border: 0px
}
#menu_left li {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	margin: 0;
	padding: 0;
    font-weight: bold;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:white;
}
#menu_left a {
	/*background: trasparent;*/
	/*border-bottom: 1px solid #393939;*/
	color: #00955B;
	display: block;
	margin: 0;
	padding: 4px 12px;
	text-decoration: none;
    font-weight: bold;
}
#menu_left a:hover {
	color:#00622a;
    margin: 0;
}




#menu_top {
    float:left;
    background-color: transparent;
	list-style: none;
   	border: 0px;
    border-left-style:solid;
    border-left-width:2px;
    border-left-color:white;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#666666;
}


#menu_top a {
	/*background: trasparent;*/
	/*border-bottom: 1px solid #393939;*/
	color: #202020;
	display: block;
	padding: 5px 16px 5px 16px;
	text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #0036b1;
    text-decoration:none;
}
#menu_top a:hover {
	background: url('images/background/bg_4.gif') left center repeat-x;
	color: #fff;
	padding-bottom: 6px;
    margin: 0;
}





#list_justify {
    width: 600px;
    display:table;
    margin-top:3px;
    border-bottom-style:solid;
    border-bottom-width:0px;
    border-bottom-color:#efefef;

    }

#list_left{
    margin-left:15px;
    margin-right:10px;
    text-align:right;
    float:left;
    width:140px;
}


#list_right{
    margin-left:3px;
    float:left;
    width:370px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color:#414141;
}

#input_field {

    border-style:solid;
    border-width:1px;
    border-color:#a1a1a1;
    width:300px;

}



#input_button {

    border-style:solid;
    border-width:1px;
    border-color:#0036b1;
    width:100px;
    background:#efefef;


}

.text1 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00955B;
    text-decoration:none;
    padding:4px;
}


.text1 a {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00955B;
    text-decoration:none;
    padding:4px;
}



.text2 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: white;
    padding:5px;
}


.text2 a {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: yellow;
    padding:5px;
}


.text3 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    color:#0164A7;
    padding:8px 0px 3px 50px;
  }

#foto_product{
    display:block;
    float:left;
    height:122px;
    width:122px;
    border-style:solid;
    border-width:1px;
    border-color:#a1a1a1;
    margin:3px 4px 0 0;
}


#foto_article{
    display:block;
    float:left;
    height:80px;
    width:80px;
    border-style:solid;
    border-width:1px;
    border-color:#a1a1a1;
    margin:3px 10px 5px 0;
}