/* 

ESTILO GENERAL DE TODA LA PÁGINA WEB
Esta hoja de estios debe estar vinculada desde todos los documentos xhtml

*/

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
background-color:#98aec2;
background-image:url(../img/fondo_web.jpg);
background-repeat:repeat-x;
color:#000000;
font-size:11px;
}
a{
color:#000000;
}
a:hover{
color:#ff9966;
}
h1{
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:14px;
font-weight:bold;
}
h2{
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:12px;
font-weight:bold;
}
h3{
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:11px;
font-weight:bold;
}
ul{
}
li{
}
p{
}



#container{ /*contiene toda la pagina, todo esta dentro de este div*/
padding:0px;
margin:0px auto 0px auto;
width:820px;
background-color:#98aec2;
}


#header{ /*cabecera de la pagina*/
clear:both;
width:820px;
height:364px;
background-image:url(../img/cabecera_inicio.jpg);
padding:0px;
marging:0px;
}
#header a{ /*cabecera de la pagina*/
display:block;
width:185px;
height:125px;
/*border:#00FF33 solid 1px;*/
}

#menu{ /*menu principal de la pagina.*/
width:820px;
height:34px;
background-image:url(../img/fondo_menu.jpg);
}
#menu #grafico_menu1{
width:204px;
height:34px;
background-image:url(../img/grafico_menu_1.jpg);
float:left;
}
#menu #grafico_menu2{
width:15px;
height:34px;
background-image:url(../img/grafico_menu_2.jpg);
float:right;
}
#breadcrums{ /*menu de migas de pan de la pagina*/
}

#supportingText{ /*contiene el contenido de la pagina*/
clear:both;
width:500px;
float:left;
background-color:#98aec2;


}
#supportingText #cuadro_catalogo{
clear:both;
background-image:url(../img/catalogo_inicio.jpg);
width:490px;
height:205px;
}
#supportingText p, #supportingText h1, #supportingText h2, #supportingText h3   {
margin-left:10px;
}
#supportingText p{
text-align:justify;
font-size:12px;
padding:0px 20px 0px 0px;
}
#supportingText2{
width:291px;
float:left;
background-color:#98aec2;
margin:15px 0px 0px 0px;
}
#supportingText2 #contactar{
}
#footer{ /*contiene el pie de la pagina*/
clear:both;
width:800px;
}
#footer_menu{ /*contiene el pie de la pagina*/
margin:0px 0px 40px 0px;
width:800px;
height:20px;
padding:10px 10px 0px 10px;
background-image:url(../img/fondo_pie.jpg);
}
#footer_menu a{
color:#FFFFFF;
padding-left:40px;
margin-left:20px;
text-decoration:none;
font-size:11px;
}
#footer_menu a:hover{
color:#ff9966;
}
.separador{
clear:both;
width:820px;
}
input {

background-image:url(../img/images/images/f_form_03.jpg);
background-repeat: repeat-x;
border:#CCCCCC solid 1px;
}
textarea {
border:#CCCCCC solid 1px;
background-image:url(../img/images/images/f_form_03.jpg);
background-repeat: repeat-x;
}
/*--------------------------------------------------------------------------
LOGO DE COMUNICA-WEB
--------------------------------------------------------------------------*/
#cw{
	text-align:justify;
	width:188px;
	margin: 0px auto 0px auto;
}
#cw #cw_logo{
float:left;
background-image:url(../img/logo_comunica_web.jpg);
width:40px;
height:60px;
overflow:hidden;
padding:0px;
marging:0px;
}
#cw #cw_logo h2{
padding:0px;
marging:0px;
}

#cw #cw_logo h2 a{
width:40px;
height:60px;
display: block;
padding: 0px;
margin: 0px;
text-decoration: none;
}
#cw #cw_logo h2 a span{
visibility:hidden;
}
#cw #cw_texto{
float:right;
}
#cw #cw_texto h3{
color:#999999;
font-family:Trebuchet MS, Verdana, Arial;
font-size:9px;
padding:0px 0px 0px 3px;
margin:0px;
}

#cw #cw_texto h3 a{
color:#999999;
text-decoration:none;
}
#cw #cw_texto #cw_marca a {
display:block;
padding-top:3px;
color:#666666;
}
.abajo{
clear:both;
}