body {
	margin: 0;
	padding: 0;
	background: #BA1C01 url(images/back_site.jpg) repeat-x;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font: 12px/15px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	color: #7F7772;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 107%;
}

h3 {
	font-size: 100%;
}


blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #1777B1;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}


img.left {
	float: left;
	margin: 10px 10px 0 5px;
	padding:3px;
	background: #FFF;
	border: 1px solid #CCC;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

/* header */

#header {
	width: 807px;
	height: 99px;
	margin: 0 auto;
	background: url(images/top.jpg) no-repeat;
}

/* Logo */

#logotipo {
	float: left;
	width: 192px;
	height: 98px;
	margin: 0px;
	padding: 0px;
	
}
/* Bloque Imagen */
#bloque_imagen {
	width: 807px;
	margin: 0 auto;
	height: 182px;
	background: url(images/back_imagen.jpg) repeat-y 0 top;
}

#bloque_imagen_texto {
	color:#CCCCCC;
	width: 173px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	font-size: 120%;
	line-height: 130%;
	font-weight: normal;
	float: left;
}

#bloque_imagen_texto a{font-size: 80%;}

#bloque_imagen_texto p{
	margin: 10px 0 0 0;
}
#bloque_imagen_imagen{
	margin:0;
	padding:0;
	width: 610px;
	height: 182px;
	float: left;
}


#bott_bloque_imagen {
	width: 807px;
	margin: 0 auto;
	height: 44px;
	background: url(images/bott_imagen_1.jpg) no-repeat;
}

#bott_bloque_imagen2 {
	width: 807px;
	margin: 0 auto;
	height: 44px;
	background: url(images/bott_imagen_3.jpg) no-repeat;
}


#myGallery
{
width: 610px !important;
height: 182px !important;
}


/* Page */

#page {
	width: 807px;
	margin: 0 auto;
	padding:0px;
}
/* Menu Vertical 1 */
#menu_2{
	width:192px;
	float: left;
}

#menu_2 ul {
	margin: 0px 0px 0px 1px ;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu_2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu_2 a {
	display: block;
	width: 191px;
	height: 31px;
	padding: 0px;
	background: url(images/menu_left_a.jpg) no-repeat;
	text-decoration: none;
	text-align: left;
	font-size: 130%;
	line-height: 200%;
	text-indent: 20px;
	color: #EDDCC7;
	font-weight: bold;
}

#menu_2 a:hover {
	background: url(images/menu_left_b.jpg) no-repeat;
	color: #2A2A2A;
}

#menu_2 .active a {
	background: url(images/menu_left_b.jpg) no-repeat;	
	color: #2A2A2A;
}

/* Menu Vertical 2 */
#menu_3{
	width:151px;
	float: left;
}

#menu_3 ul {
	margin: 0px 0px 0px 1px ;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu_3 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu_3 a {
	display: block;
	width: 145px;
	height: 30px;
	margin-bottom: 1px;
	padding: 0px;
	background-color: #C7B299;
	text-decoration: none;
	text-align: left;
	font-size: 130%;
	line-height: 200%;
	text-indent: 5px;
	color: #42210B;
	font-weight: bold;
}

#menu_3 a:hover {
	background-color: #42210B;
	color: #C7B299;
}

#menu_3 .active a {
	background-color: #42210B;	
	color: #C7B299;
}

/* novedades */

#novedades {
	margin:0px;
	padding:0px;
	width:807px;
	background: url(images/back_novedades.jpg) repeat-y;
	float: left;
}
#bott_novedades {
	width: 807px;
	margin: 0 auto;
	height: 37px;
	background: url(images/bott_novedades.jpg) no-repeat;
	clear: left;
}

#textos_novedades {
	width:700px;
	float: left;
	padding: 0px 15px 0px 20px;
	position: relative;
	z-index: 0;
}

#textos_novedades h1 {
	margin:0px;
	padding: 5px;
	color: #EC2805;
}

#novedades img {
margin: 10px 10px 5px 0px;
border: #444 4px solid;
float: left;
}

span.destacado {
color:black;
}
/* productos */

#productos {
	margin:0px;
	padding:0px;
	width:615px;
	height: 255px;
	background: url(images/back_prod.jpg) repeat-y;
	float: left;
}
#bott_productos {
	width: 807px;
	margin: 0 auto;
	height: 37px;
	background: url(images/bott_imagen_2.jpg) no-repeat;
	clear: left;
}



#textos_prod {
	width:220px;
	float: left;
	padding: 0px 15px 0px 10px;
	position: relative;
	z-index: 0;
}

#textos_prod h1 {
	width: 180px;
	margin:0px;
	background: #2A2A2A;
	padding: 5px;
	color: #EC2805;
}

p.texto_con_scroll {
	background: #444444;
	width:200px;
	height: 210px;
	overflow: auto;
	color: #EDDCC7;
}

span.subtitulo {
	color: #EC2805;
	font-size: 110%;
	font-weight: bold;
}

#img_prod{
	float: left;
	width:197px;
	height:303px;
	position: relative;;
	z-index: 1;
	top: -25px;
	left: -23px;
}


/* Menu */

#menu {
	height: 98px;
	margin: 0px;
	padding: 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#menu a {
	display: block;
	float: left;
	width: 152px;
	height: 97px;
	padding-top: 0px;
	background: url(images/menu_top_a.jpg) no-repeat;
	text-decoration: none;
	text-align: center;
	font-size: 150%;
	line-height: 750%;
	color: #FFF;
}

#menu a:hover {
	background: url(images/menu_top_b.jpg) no-repeat;
	color: #000;
	color: #819CAD;
}

#menu .active a {
	background: url(images/menu_top_b.jpg) no-repeat;
	color: #42210B;
}




.clearboth { clear: both; }

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 90%;
}


/*CSS CONTACT FORM*/

form label{
	height: 20px;
	margin: 0px;
	font-weight: bold;
}
form label.mandatory{
	color: #FF5E24;
}
form#contactform{
	margin: 0px;
	padding-left: 100px;
}
form#contactform fieldset{
	border: none;
	position: relative;
}
form#contactform fieldset legend{
	display: none;
}
form#contactform label{
	width: 350px;
	padding: 0px;
	clear: left;
	display: block;
	float: left;
	text-align: left;
}
form#contactform label.pais{
	width: 100px;
	padding: 0px;
	clear: left;
	display: block;
	float: left;
	text-align: left;
}
form#contactform input.text,
form#contactform textarea{
	width: 385px;
}
input.text, textarea{
	border-top: 1px solid #B0B3A7;
	border-right: 1px solid #E9EDDD;
	border-bottom: 1px solid #E9EDDD;
	border-left: 1px solid #B0B3A7;
	background: #FAFFED url(img/bg_text.gif) repeat-x;
	padding: 0 5px;
	margin: 0 0 5px 0;
	font: 11px/18px Tahoma, Arial, sans-serif;
	color: #62201b;
}
input.text:focus, textarea:focus{	
	color: white;	
	border: 1px solid #60070f;
	background: #a50c11 url(img/bg_text_hover.gif) repeat-x;
}
input.text{	
	height: 18px;
	font-weight: bold;
}
form#contactform input.button{
	border: none;
	padding: 31px 0 0 0;
	margin: 10px 0 15px 125px;
	height: 31px;
	width: 217px;
	overflow: hidden;
	background: url(img/bt_send.gif) no-repeat left top;
	cursor: pointer;
}
form#contactform input.button:hover{
	background: url(img/bt_send.gif) no-repeat left -31px;
}
#contactForm h3.error{
	font: bold 15px/20px "Lucida Sans Unicode", Arial, Arial, sans-serif;
	color: #FF5E24;
	background: #A4E8EF;
	display: inline;
}
div#contactWays dl dt{
	font-weight: bold;
	width: 68px;
	padding: 0 47px 0 0;
	text-align: right;
	float: left;
	display: block;
	height: 36px;
	line-height: 36px;
}
div#contactWays dl dd{
	height: 36px;
	margin: 0 0 0 125px;
	text-align: left;
	font: normal 18px/36px "Lucida Sans Unicode", Arial, Arial, sans-serif;
	color: #464646;
}
div#contactWays dt.mobile{
	background: url(img/ico_mobile.gif) no-repeat center right;
}
div#contactWays dt.telephone{
	background: url(img/ico_telephone.gif) no-repeat center right;
}
div#contactWays dt.email{
	background: url(img/ico_mail.gif) no-repeat center right;
}

#slogan {
	color: #FFF;
	margin-bottom:2px;
	padding: 2px 0px 0px 3px;
	font: normal 9px/8px "Lucida Sans Unicode", Arial, Arial, sans-serif;
	letter-spacing: 0.25em;
	word-spacing: 0.4em;
}


.iconlist
{
width: 30%;
list-style: none;
margin: 0px 0 0px 50px;
padding: 0;
}

li.zip
{
background-image: url(images/zip.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: .6em 0;
}

li.pdf
{
background-image: url(images/pdf.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: .6em 0;
}

li.doc
{
background-image: url(images/word.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: .4em 0;
}

li.folder
{
background-image: url(images/folder.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: .4em 0;
}

li.xls
{
background-image: url(images/xls.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: .4em 0;
}