* { margin: 0; padding: 0;  }

body {
	font: 11px Verdana,Arial,sans-serif;
	color: #fff;
	background-image: url(../images/fondo1.png);
	background-repeat: repeat-y;
	background-color: transparent;
	text-decoration:none;
}
ul{list-style-type:none;}

a, a:hover {
	text-decoration: none;
	color: #669ac6;
	
}
a:hover {
text-decoration: none;
}

.p {
	margin:0px;
}
#container{
	margin-top: 10px;
	width:970px;
    height: 100%;
	margin:0 auto;
	text-decoration: none;
}

#header_bg {
	width: 970px;
	margin:0 auto;
	height:154px;
	position:relative;
	text-decoration:none;
	z-index:1;
	}

	
#headerPan{
	width:970px; 
	height:154px;
    margin-left: 0px;
position:relative; 
background:url(../images/banner_birome.png) no-repeat;
z-index:2;}	

#logo {
	position:absolute;
	/*--background: url(../images/logofina.png) no-repeat ;--*/
margin-left:15px;
	margin-top: 40px;
	height:47px;
	width:167px;
	left: 770px;
	top: 67px;

}
#banderas {
	position:absolute;
	top:12px;
	left:815px;
	width:132px;
	text-decoration:none;
	height: 41px;

}
#pincel {
	background: url(../images/pincel.png) no-repeat;
	position:absolute;
	top:491px;
	left:827px;
	width:200px;
	height: 100px;
	text-decoration:none;
	

}	





	
/*--iconos sociales--*/

/* Botones social4*/
 ul#m-soc4{   
margin: 0px 0 0 14px;padding: 0;width: 250px;height:55px;}
 ul#m-soc4 li{
 list-style: none;margin: 2px;padding: 0;float:left;border: none;}
 ul#m-soc4 li a {
 background: url(imagen.png) no-repeat 0 0;width:36px;height:40px;
 margin:0;padding:0;display: block;position:relative;
 overflow: visible; 
}
 ul#m-soc4 li a.twitter{
 background-position: 0 -41px;
 height:38px;
 background:url(../images/tc_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.facebook{
 background-position: -41px -41px;
 background:url(../images/fc_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.google{
 background-position:-82px -40px;
 background:url(../images/gc_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.youtube{
 background-position:-123px -40px;
 background:url(../images/yc_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.twitter:hover{
 background-position: 0 0;
 background:url(../images/t_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.facebook:hover{
 background-position: -41px 0;
 background:url(../images/f_48x48.png) 0 0 no-repeat;	
 }
 ul#m-soc4 li a.google:hover{
 background-position: -82px 0;
 background:url(../images/g_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a.youtube:hover{
 background-position: -122px 0;
 background:url(../images/y_48x48.png) 0 0 no-repeat;
 }
 ul#m-soc4 li a span{
 background: #555;position:absolute;
 top:-10px;left:-10x;width:auto;height:auto;opacity:0;
 padding:3px;text-align:left;
 color:#fff;filter:alpha(opacity=0);
 white-space:nowrap;border-radius:3px;font-size:12px;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 -ms-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
 } 
 ul#m-soc4 li a:hover{text-decoration:none} 
 ul#m-soc4 li a:hover span{opacity:.8;
 filter:alpha(opacity=80);
 top:-23px}
 
/*fin botones sociales*/
/*
#headerPan ul.iconos{
	position:absolute;
	top:103px;
	left:811px;
	width:150px;
	text-decoration:none;
	z-index:2;
	
}

#headerPan ul.iconos li{
	float:left;
	height:32px;
	margin-right:2px
}
#headerPan ul.iconos li a{ height:32px;  display:block; text-indent:-20000px; }
#headerPan ul.iconos li a:hover{height:48px; }


#headerPan ul.iconos li.facebook a{
	text-decoration: none;
	color: #999;
	width:32px;
	background:url(../images/FaceBook_48x48.png) 0 0 no-repeat;
}
#headerPan ul.iconos li.facebook a:hover{
color: #09C;
text-decoration: none;
width:32px;
height:32px;
background:url(../images/FaceBook_48x48gris.png) 0 0 no-repeat;	
}
#headerPan ul.iconos li.twitter a{
	text-decoration: none;
	color: #999;
	width:32px;
	background:url(../images/Twitter_48x48.png) 0 0 no-repeat;
}
#headerPan ul.iconos li.twitter a:hover{
color: #09C;
text-decoration: none;
width:32px;
height:32px;
background:url(../images/Twitter_48x48gris.png) 0 0 no-repeat;	
}
#headerPan ul.iconos li.youtube a{
	text-decoration: none;
	color: #999;
	width:32px;
	background:url(../images/Youtube_48x48.png) 0 0 no-repeat;
}
#headerPan ul.iconos li.youtube a:hover{
color: #09C;
text-decoration: none;
width:32px;
height:32px;
background:url(../images/Youtube_48x48gris.png) 0 0 no-repeat;	
}
#headerPan ul.iconos li.google a{
	text-decoration: none;
	color: #999;
	width:32px;
	background:url(../images/googleplis_48x48.png) 0 0 no-repeat;
}
#headerPan ul.iconos li.google a:hover{
color: #09C;
text-decoration: none;
width:32px;
height:32px;
background:url(../images/googleplis_48x48gris.png) 0 0 no-repeat ;	
}
fin iconos sociales--*/
	
/*--contenido--*/

#contenidoPan{
background:url(../images/fondogral3.png) no-repeat;
	width:970px;
	height:460px;
	position:relative;
	margin:0 0 0 0;
	padding-top:0px;
	
}


#c1{
	
	height:384px;
	width:225px;
	margin:0 0 0 0;
	float:left;
}
#c1a {
padding:50px 0 0 45px;	
font: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
}

#c2{
	
	height:388px;
	width:555px;
	margin:0 0 0 6px;
	float:left;
	
}

#c3{
	
	height:380px;
	width:183px;
	margin:0 0 0 0;
	float:left
}
#publicidad1{
	background-image: ;
	margin-top: 220px;
	padding: 3px 0 0 8px;
	
	
	
}
#apDiv1 {
	position:absolute;
	width:541px;
	height:30px;
	z-index:2;
	margin-left: 229px;
	margin-top: 144px;
	left: 9px;
	top: 10px;
}


/*--textos--*/
.titulos { 
padding: 40px 0 0 40px;
}
.titulosSec { 

font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration: none;
color: #999;
font-weight:800;
line-height:19px;
}
.texto1 { 
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration: none;
font-size: 13px;
color: #999;
width: 480px;
height: 310px;
padding: 15px 0 0 40px;
text-align:justify;
letter-spacing: -0.005em;
overflow: hidden;
line-height:19px;
}

.texto2 { 
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
font-size: 13px;
color: #669ac6;
}
.texto3 { 
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
font-size: 11px;
color: #999;
}

/*--fin textos--*/
/* FOOTER */

#footerPan{
	width:970px;
	padding-top: 413px;	
}
#footerPan p{

	font:9px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	color:#04a8c8;
	}
#footerPan p span{ font:9px Arial, Helvetica, sans-serif; color:#04a8c8;}
#footerPan p a{ font:9px Arial, Helvetica, sans-serif; color:#04a8c8; text-decoration:none; padding: 20px 3px }
#footerPan p a:hover{ font:9px  Arial, Helvetica, sans-serif; text-decoration: none; color:#fff;}





/*---------------menu*------------------------------*/


.glossymenu{
margin: 5px 5px ;
padding: 0;
width: 135px; /*ancho menu*/
border:3px  double #b0d8de;
/*border-bottom-width: ; borde del menu*/


}

.glossymenu a.menuitem{

background-color: ;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px ;/*espacio entre palabras*/
padding-left: 20px;
text-decoration: none;
border: 1px double #d7ebee;
}


.glossymenu a.menuitem:visited
{
background-image: url(../images/glossybacka.png);


}

.glossymenu a.menuitem:hover /*fondo de cada boton*/
{
background-image: url(../images/glossybacka.png);
color: #04b0d1;/*color letra*/

}

.glossymenu ul.actual 
{
background-image: url(../images/glossybacka.png);
color: #04b0d1;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.glossymenu div.submenu{ /*DIV que contiene los submenus*/

background: #FFF ;
}

.glossymenu div.submenu ul{ /*UL que contiene el sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid  #ccc;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #999;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background-image: url(../images/glossybacka.png);
color: #04aed0 ;
}

.glossymenu div.submenu ul li a.active{
background-image: url(../images/glossybacka.png);
color: #04aed0;;
}


/*---------------------------fin menu---------------------------------*/

/*---------------------------SERVICIOS---------------------------------*/
.glossytxt{
margin: 0px 0px ;
padding: 0;
width: 470px; /*ancho menu*/
border:none;
overflow:hidden;
/*border-bottom-width: ; borde del menu*/


}

.glossytxt a.menuitem{

background-color: ;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #999;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px ;/*espacio entre palabras*/
padding-left: 5px;
text-decoration: none;
border: none;
border-bottom: 1px solid  #ccc;
}


.glossytxt a.menuitem:visited
{
background-color:;


}

.glossytxt a.menuitem:hover /*fondo de cada boton*/
{
background-color: #d7ebee;
color: #fff;/*color letra*/

}

.glossytxt ul.actual 
{
color: #04b0d1;
}

.glossytxt a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.glossytxt div.submenu{ /*fondo que contiene los submenus, en este caso es transparente*/


}

.glossytxt div.submenu ul{ /*UL que contiene el sub menu*/
list-style-type: none;
margin: 0;

}

.glossytxt div.submenu ul li{
border-bottom: 1px solid  #ccc;
}

.glossytxt div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
letter-spacing: -0.008em;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossytxt div.submenu ul li a:hover{

color: #666 ;
}

.glossytxt div.submenu ul li a.active{

color: #666;
}