﻿/* Perfect Wide - www.perfectwide.com */

body
{
background-color:#000000;
margin:0px;
line-height:18px;
}

p,h1,h2,hh3,h4,h5,h6
{
padding:3 0 4 0;
margin:0px;
}
.titulonot
{
font-size:18px;
line-height:22px;
}
.linknot
{
text-decoration:none;
}

.background
{

width:970px;
height:650px;
margin:0 auto;
position:relative;

}

.logo
{
position:absolute;
width:304px;
height:59px;
left:20px;

top:80px;
}

.menu
{
width:238px;
float:left;
position:relative;

}

.column2
{
position:relative;
float:left;

}
.content2
{
width:381px;

}
.content2sup
{
background-image:url(../images/halo3sup_05.png);
width:381px;
height:10px;

}

.content2content
{
background-image:url(../images/halo3content_13.png);
width:334px;
padding-right:20px;
padding-left:27px;
padding-top:20px;
padding-bottom:20px;
font-size:12px;
color:#FFFFFF;
font-family:helvetica;


}

.tdgaleria 
{
border:1px solid #313131;
}

.tdgaleria:hover
{
border:1px solid #999999;
}
.content2contentimages
{
background-image:url(../images/halo3content_13.png);
width:370px;

text-align:center;
padding-top:20px;
padding-bottom:20px;
font-size:12px;
color:#FFFFFF;
font-family:helvetica;


}


.content2inf
{
background-image:url(../images/halo3inf_18.png);
width:381px;
height:10px;

}

.contentinner
{
width:740px;

}

.contentinnersup
{
background-image:url(../images/innerfooter.png);
width:740px;
height:10px;
}

.contentinnercontent
{
height:auto;
background-image:url(../images/innercontent.png);
width:680px;

padding-top:20px;
padding-left:26px;
padding-right:30px;
font-size:12px;
color:#FFFFFF;
font-family:helvetica;
}

.contentinnerinf
{
background-image:url(../images/innerc.png);
width:740px;
height:5px;

}




.column1
{
position:relative;
left:7px;
float:left;
}
.content1
{
width:370px;
}
.content1sup
{
background-image:url(../images/halosup2_04.png);
width:370px;
height:10px;

}

.content1content
{

background-image:url(../images/pixel2_09.png);
width:330px;
padding:20px;
font-size:12px;
color:#FFFFFF;
font-family:helvetica;


}

.content1inf
{
background-image:url(../images/halo2inf_11.png);
width:370px;
height:10px;

}






.menusuperior
{
background-image:url(../images/halosup1_03.png);
width:238px;
height:10px;
}
.frmA td
{
margin:0px;
padding:0px;

font-size:10px;

}

.menuinf
{
background-image:url(../images/haloinf1_07.png);
width:238px;
height:10px;

}
.menucontent
{
background-image:url(../images/pixel01.png);
width:210px;
padding-left:28px;
height:525px;
padding-top:10px;

}
.input_text
{
font-size:11px;
}
.menucontent a,.linnkidioma
{
 font-family:helvetica;
font-size:18px;

text-decoration:none;
color:#FFFFFF;
line-height:25px;

}

.menucontent a:hover,.linnkidioma:hover
{
color:#abcdfa;
text-decoration:none;
text-shadow: 0 0 5px #999;
height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);



}

.footer
{


position:relative;
}
.footersup
{
background-image:url(../images/footersup_19.png);
width:989px;
height:10px;

}
.footercontent
{
background-image:url(../images/footercontent_21.png);
width:949px;
font-size:12px;
color:#FFFFFF;
font-family:helvetica;
text-align:right;
padding-right:40px;
padding-top:15px;
padding-bottom:15px;


}
.footerinf
{
background-image:url(../images/footerbottom_23.png);
width:989px;
height:7px;
}


.titulo_categorias {
	color: #626161;
	font: 1.2em verdana, Arial,helvetica,sans-serif;
}

.titulo_productos {
	color: #626161;
	border-bottom: 2px dotted #e5e5e5;
	font: bold 1.5em verdana, Arial,helvetica,sans-serif;
}




img {
 border: 0;
}


a {
	color: #626161;
	text-decoration: underline;
}
a:hover {
	color: #777777;
}

/*ul {
	color: #ff0000; 
}
li {
	padding-top: 3px;
}*/

textarea {
	border: 1px solid #594545;
	background: #F2F2F2;
	margin:5px;
}
select {
        border: 1px solid #594545;
        background: #F2F2F2;
	margin:5px;
}
input {
	border: 1px solid #594545;
	background: #F2F2F2;
	margin:5px;
}
input.submit, button {
	background: #667386;
	border: 0;
	color: #fff;
}

/* composición */

#fondo {
	position: relative;
	width: 780px;
	background:#fff;
	text-align: left;
	margin: 0 auto;
	background-color: #FBFBFB;
}

#submenu {
     
	width: 780px;
	background:#fff url("../images/menu_superior.jpg") 0 0 no-repeat;
	/*height: 18px;*/
	border: 0;
	color:#FFFFFF;
	}
#submenu td.right {
	text-align: right;
	padding-right:10px;
	color:#FFFFFF;
}

#submenu td.left {
	text-align: left;
	padding-left:10px;
	color:#FFFFFF;
}

#submenu a {
	color:#FFFFFF;
	text-decoration: none;
}
#submenu a:hover {
	color: #777777;
	text-decoration: none;
}

/* tabla principal */
#centro {
	margin: 0 10px;
	background: #ececec;/*aqui va el color que carla me pasara*/
	width: 740px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 760px;
}
#verde{
	background: #b42845;
	padding-top: 10px; 
	padding-bottom: 10px; 
}
html>body #centro {
  	width: 760px;
	} 	

#principal {
	width: 760px;
	margin: 0;
	height: 100%;
	border: 0;
}
#menu {
	width: 190px;
}
#izq{
	background: transparent url("../images/borde_izq.jpg") 0 0 repeat-y;
	width: 8px;
}
#der{
	background: transparent url("../images/borde_derecho_06.jpg") 0 0 repeat-y;
	width: 8px;
}
#secc_img{
	height:32px;
	/*padding-left:20px;*/
	text-align:center;
	background: url("../images/secciones_top.gif") no-repeat;
}
.secciones tbody td {
	background: transparent url("../images/secciones_fondo.gif") 0 0 repeat-y;
	margin: 0;
	padding: 0;
}

.secciones1 tr td {
	background: none;
	padding: 0 10px;	
}

.secc_menu{
    background: none;
	width: 150px;
	text-align: left;
	padding: 0;
	margin:0;
	border-bottom: 1px dotted #000;
}

.secciones a {
	color: #131313;
	text-decoration: none;
}
.secciones a:hover {
	color: #122744;
	text-decoration: underline;
}

/* parte central */

#contenido {
	padding: 5px;
	padding-left: 10px;
	background: #ffffff url("../images/engranaje.gif") 303px top no-repeat;

	/*style="letter-spacing:2px; word-spacing:5px; font-size:11px;"*/
}

#contenido h1.portada { /* se usa en la portada */
	font: bold 1em Verdana,sans-serif;
	color: #001D2C;
	border-bottom: 1px solid #406580;
	margin: 5px 0 4px;
}

#contenido img {
	margin: 5px;
}

#contenido img.nomargen {
	margin: 5px;
}
/**************** SITE MAP *******************/
/*#principal {
	width: 100%;
	margin: 0;
	height: 100%;
	border: 0;
}
#sitemap li {
	list-style: none;
	width: 400px;
	text-align: left;
}
#sitemap .principal{
 text-align:right;
 margin:0;
 padding: 0;
 width: 173px;
}*/
/* pie */

#pie {
	background: #fff url("../images/pie.jpg") 0 0 no-repeat;
	width: 780px;
	height: 33px;
}

#pie p {
	 COLOR: #FFFFFF;
	text-align: center;
	font: 0.9em Verdana,sans-serif;
	padding: 5px 0 0 0;
	margin: 0;
}

/*  MENUS DEPLEGABLES ****************************** */
#servicios, #productos, #noticias, #faq {
	position: absolute; 
	left: 185px; 
	width: 160px;
	background: #DFDFDF;
	border: 1px solid #fff;
}

#productos {
	top: 200px;
}
#servicios {
	top: 224px;
}
#noticias {
	top: 245px;
}
#faq {
	top: 268px;
}

#servicios p, #productos p, #noticias p, #faq p{
	font: 1em Verdana,sans-serif;
	color: #000;
	text-align: left;
	margin: 5px 3px 5px 3px;
}
#servicios a, #productos a, #links a, #noticias a, #faq a {
	text-decoration: none;
	color: #000;
}
#servicios a:hover, #productos a:hover, #links a:hover, #noticias a:hover, #faq a:hover {
	text-decoration: none;
	color: #888;
}

/*  ESTILOS ZONA PRIVADA ****************************** */
	
	.myfont
		{
			font-family:  verdana, arial, helvetica, sans-serif;
			font-size: 12px;
			FONT-WEIGHT: bold;
			text-decoration: none; 
			color: "#ABFFFF";
		}
	.myfontw
		{
			font-family:  verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			text-decoration: none; 
			color: "#ffff";
		}
	.myfontr
		{
			font-family:  verdana, arial, helvetica, sans-serif;
			font-size: 13px;
			text-decoration: none; 
			color: "#ff0000";
		}
	.myfontm
		{
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
			color: "#000000";
		}

	.myfontl
		{
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 14px;
			text-decoration: none; 
			color: "#000000";
			font-weight:bold;
		}

	.myfontxl
		{
			font-family:  verdana, arial, helvetica, sans-serif;
			font-size: 22px;
			text-decoration: none; 
			color: "#000000";
		}
.tagline
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.tagline1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
	color:#FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.currentpage
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.currentpage:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
.head
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.topsublink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #336699;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.topsublink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #e99f07;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.top
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.top:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.top1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A.top1:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #e99f07;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.text1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}




#box-table-a
{
	font-family: "helvetica", Sans-Serif;
	font-size: 12px;
	
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	background: #abcdfa;
	border-top: 4px solid #333;
	border-bottom: 1px solid #fff;
	color: #333;
}
#box-table-a td
{
	
	padding: 5px;
	background: #d5e6fc; 
	border-bottom: 1px solid #fff;
	color: #666;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #abcdfa;
	color: #333;
}


