/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(../images/bg.gif) top center repeat-y;
color:#303030;
}

#wrap {
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#E50100;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#E50100;
background-color:inherit;
}

a img {
border:0;
}

/***** Header *****/
#header {
margin:10px 0 0;
padding:0;
height:45px;
}

#header h1 {
color:#505050;
background-color:inherit;
width:250px;
margin:0 0 10px;
font-size:2.2em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
width:500px;
float:right;
text-align:center;
color:#505050;
margin:8px 0 0;
font-size:1.1em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}

#frontphoto {
margin:0 0 10px;
border:0;
}

/***** Main content *****/
#content {
margin:0 150px 5px 150px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.6em;
}

#video{
	float:right;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	padding:3px;
}

#contentwide {
margin:30px 110px 10px 100px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
text-align: justify;
}

#contentproductos {
margin:30px 60px 10px 50px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
text-align: justify;
}



#productos2 li {
	line-height: 17px;
	padding: 1px 1px 1px 2px;
	list-style-image: url(../images/li.jpg);
	margin: 0 0 5px 15px;
}

#productos2 ul {
	list-style: none;
	text-align: left;
	margin: 0 0 5px 1px;
}





#content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3 {
font-size:1.4em;
margin:0 0 8px;
}

#content img,#contentwide img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
width:760px;
text-align:center;
color:#ffffff;
background:#E50100;
font-size:0.9em;
}

#footer a {
color:#ffffff;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}



/* =Navigation
----------------------------------------------- */

/* Nav ESPAÑOL */
#nav {
	width: 520px;
	height: 63px;
	position: relative;
	top: -2px;
	*top: 0px;	
	left: 0px;
	z-index: 100;
	font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

ul#nav { padding: 0; margin: 0; list-style: none; }
	ul#nav li { float: left; position: relative; overflow: visible; }
	li.mnu { height: 63px; overflow: visible; } /* different height allows dropdown to be activated properly */
	li.mnu span { position: absolute; left: -9999px }
	li.mnu a { display: block; height: 63px; background: url(../images/menu.gif) no-repeat; color: #fff }
	li.mnu a:link		{ color: #1D589E; }
	li.mnu a:visited	{ color: #1D589E; }
	li.mnu a:hover		{ color: #F69B28; }
	li.mnu a:active		{ color: #F69B28; } 
	
 li:hover ul, li.over ul { display: block; }

	li#li1	 { width: 100px;}
	li#li2	 { width: 105px; }
	li#li3	 { width: 110px; }
	li#li4	 { width: 105px; }
	li#li5	 { width: 100px; }


	li#li1 a	{ background-position: -0px 0px; }
	li#li2 a	{ background-position: -100px 0px; }
	li#li3 a	{ background-position: -205px 0px; }
	li#li4 a	{ background-position: -315px 0px; }
	li#li5 a    { background-position: -420px 0px; }


	li#li1 a:hover	{ background-position: -0px -63px }
	li#li2 a:hover	{ background-position: -100px -63px }
	li#li3 a:hover { background-position: -205px -63px }
	li#li4 a:hover	{ background-position: -315px -63px }
	li#li5 a:hover	{ background-position: -420px -63px }


	li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{ background-position: -0px -126px; }
	li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{ background-position: -100px -126px; }
	li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{ background-position: -205px -126px; }
	li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited	{ background-position: -315px -126px; }
	li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{ background-position: -420px -126px; }
	



/* Nav INGLES */
#nav2 {
	width: 520px;
	height: 63px;
	position: relative;
	top: -2px;
	*top: 0px;	
	left: 0px;
	z-index: 100;
	font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

ul#nav2 { padding: 0; margin: 0; list-style: none; }
	ul#nav2 li { float: left; position: relative; overflow: visible; }
	li.mnu2 { height: 63px; overflow: visible; } /* different height allows dropdown to be activated properly */
	li.mnu2 span { position: absolute; left: -9999px }
	li.mnu2 a { display: block; height: 63px; background: url(../images/menueng.gif) no-repeat; color: #fff }
	li.mnu2 a:link		{ color: #1D589E; }
	li.mnu2 a:visited	{ color: #1D589E; }
	li.mnu2 a:hover		{ color: #F69B28; }
	li.mnu2 a:active		{ color: #F69B28; } 
	



/* tabla con border redondeados */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */