/* Reseteando estilos CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i {
border:0;
outline:0;
font-weight:400;
font-style:normal;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}
body {line-height: 1.4}
:focus {outline: 0}
ol, ul {list-style: none; }

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/* Reseteando estilos CSS */

/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {
	text-align:left;
	font-family: Arial, Verdana, Geneva, sans-serif;
	word-spacing: normal;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	/*color: #959595;*/
	color: #000;
	background: #fff;
}

a {text-decoration:none; cursor:pointer; color:#696969;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:hover {text-decoration:underline;color:#696969}

a img {border:0;} 
	
h1 {font-weight:bold;}
h1 {font-weight:bold; font-size: 1.3em; margin:7px 0 9px 0; color:#696969;border-bottom:1px solid #696969;}
h2 {font-weight:bold;font-size:1.2em; margin:10px 0 6px 0; background:#fff; color:#696969; padding: 2px 5px 2px 0px;}
p {margin:0 0 16px 0;}
strong {font-weight:bold;}

.centeredPage {
	position: relative;
	width: 1002px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border:solid 0px red;
	
}

#container {
	position:relative;
	width: 100%;
	border: 0px solid #000;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	border:solid 0px #ccc;
}

#header {
   position: relative;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px solid red;
   height: 28px;
   background:#696969;
   color: #fff;
}

#header #menus{
	position: relative;
	float:left;
	width: 470px;
	border: 0px solid red;
	padding:0px;
	margin:0px;
}

#header #info{
	position: relative;
	float:right;
	width: 420px;
	border: 0px solid red;
	height: 18px;
	padding: 6px 5px 0px 10px;
	text-align: right;
	font-size: 12px;
}

#header #idiomas {
position: relative;
float:right;
border: 0px solid red;
width: 90px;
height: 18px;
padding: 6px 0px 0px 0px;
color:#ccc;

}

#header #info a, #idiomas a{
	color:#fff;
	text-decoration:none;
}

#logo {
	position: relative;
	height:70px;
	border-bottom: 2px solid #000;
}

#logo  .logo {
position:absolute;
right:30px;
z-index:20;
top:0;
}

#logo  .link {
position:absolute;
left:10px;
z-index:20;
top:10px;
}

/* MENUS */
#navigation_main {
	margin: 0;
	border: solid 0px #181f31;
	text-align: left;
	padding: 6px 0px 0px 10px;
}

#navigation_main ul {
	overflow: hidden;
	margin-left: 0px;
	border:solid 0px red;
}

#navigation_main li {
	display:inline;
}

#navigation_main li a {
	display: inline;
	padding: 0px 10px 0px 0px;
	margin: 0px 5px 0px 0px;
	font-weight: bold;
	outline: none;
	color: #fff;
	background: url(../gifs/linea.gif) no-repeat 100% 0%;
}

#navigation_main li a:hover, #navigation_main li.selected a
{
	text-decoration: none;
	color: #ccc;
	background: url(../gifs/linea.gif) no-repeat 100% 0%;
}

/* MENU VERTICAL*/
#navigation_mainV {
	margin: 0;
	text-align: left;
	padding: 6px 0px 16px 10px;
	z-index:100;
	border:solid 0px red;
}

#navigation_mainV ul {
	overflow: hidden;
	margin-left: 0px;
}

#navigation_mainV li {
	display:inline;
}

#navigation_mainV li a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	font-weight: normal;
	color: #696969;
	z-index:100;
}

#navigation_mainV li a:hover, #navigation_mainV li.selected a
{
	text-decoration: none;
	color: #696969;
	font-weight: bold;
}

#menusV{
	position: absolute;
	width:181px;
	border:solid 0px red;
	background: url(../gifs/fondomenu.jpg) no-repeat 0% 0%;
	border:solid 1px #696969;
	padding:5px 0px 0px 0px;
	left:0px;
	background: url(../gifs/fondomenu.gif) no-repeat 100% 0%;
}

#menusV h1{
    background:#696969;
    color:#fff;
}


/*CONTENIDO*/
#content {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 2px solid #000;
	color:#696969;
}

#content .inside{
	padding: 0px 10px 0px 10px;
}

#content .inside p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content .imgDerecha {
position: relative;
float:right;
padding: 0px;
margin:0px;
}

#content .imgIzquierda {
position: relative;
float:left;
top:0;
padding:0;
}

#content .idiomas {
position: absolute;
left:320px;
z-index:20;
top:140px;
}

#content .idiomas a{color:#696969;}




/* CONTENT */
#ContentCentro {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
text-align: justify;
width:392px;
float: left;
}

#ContentIzq {
position: relative;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border:solid 0px red;
width:226px;
}

#ContentDer {
position: relative;
float: right;
padding: 0px 0px 0px 0px;
margin: 40px 0px 0px 0px;
border:solid 0px red;
width:206px;
text-align: justify;
color: #0696df;
}

#footer {
	position:relative;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	color: #000;
	height: 25px;
	text-align: center;
	border:solid 0px red;
}

#footer  .inside{
	text-align: center;
}



.clear
{
clear:both;
}

/*QUIENES SOMOS*/
#contenQuienes {
    position: absolute;
    float: left;
    padding: 30px 30px 20px 30px;
    margin: 0px 0px 0px 0px;
    border:solid 1px #696969;
	border-top:solid 0px #696969;
    background: #fff;
    width:440px;
    text-align: justify;
}

#contenQuienes a {font-weight:bold;}


/*SERVICIOS*/
#contenServicios {
    position: absolute;
    float: left;
    padding: 30px 30px 0px 30px;
    margin: 0px 0px 0px 0px;
    width:440px;
    text-align: justify;
	border:solid 0px #696969;
	background: #fff;
}

#contenServicios a {font-weight:bold;}


/*PRODUCTOS*/
#contenProductosFamilias {
    position: relative;
    float: right;
    padding: 30px 35px 0px 0px;
    border:solid 0px red;
    width:270px;
    text-align: justify;
    z-index:0;
}

#contenProductos {
	position: absolute;
	right:0px;
	top:0px;
    margin: 0px 0px 0px 0px;
    border:solid 0px red;
    width:474px;
    z-index:10;
}

#contenProductosFicha {
	position: relative;
    float: right;
    margin: 0px 0px 0px 0px;
    border:solid 1px red;
    width:374px;
}

#menuProductos {
    position: relative;
    width:134px;
    border:solid 1px #696969;
    left:182px;
    background:#e3e1e1;
    height: 340px;
}

.menuProductosTitular {
    padding: 11px 5px 9px 10px;
    margin: 0px 0px 5px 0px;
    border-bottom:solid 1px #000;
	height:27px;
    }


#contentProductosFicha {
    position: absolute;
    width:290px;
    border:solid 1px #696969;
    left:318px;
    background:#fff;
    z-index:20;
    padding:0px 0px 5px 0px;
}

#contentProductosFicha .inside{
    padding:7px 15px 0px 20px;
}

#contenForm {
    position: absolute;
    float: left;
    padding: 30px 30px 0px 30px;
    margin: 0px 0px 0px 0px;
    width:440px;
    text-align: justify;
	border:solid 1px #696969;
	background: #fff;
}





.ImagenProductosHidden {
	position: absolute;
    margin: 0px 0px 0px 0px;
    width:474px;
    visibility:hidden;
}

.ImagenProductosVisible {
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding:0;
	width:474px;
	border:solid 0px red;
	height: 136px;
	top: 0px;
}

/* PRODUCTOS */

#gallery {
	position: relative;
}

#gallery h1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:0px solid #696969;
	
}
.productoImagen {
	position: relative;
	float:right;
	padding: 0px 0px 0px 0px;
	border: solid 0px #004f6e;
}

.productoTexto {
	position: relative;
	float:left;
	padding: 5px 0px 0px 20px;
	border: solid 0px #004f6e;
	width:650px;
}0

#navigation_mainP {
	margin: 0;
	text-align: left;
	padding: 6px 0px 0px 12px;
}

#navigation_mainP ul {
	overflow: hidden;
	margin-left: 0px;
}

#navigation_mainP li {
	display:inline;
}

#navigation_mainP li a {
	display: block;
	padding: 0px 0px 1px 12px;
	margin: 0px 5px 0px 0px;
	font-weight: normal;
	color: #696969;
}

#navigation_mainP li a:hover, #navigation_mainP li.selected a
{
	text-decoration: none;
	color: #696969;
	font-weight: bold;
}

.divPdf {
    position:absolute;
    right:10px;
    top:10px;
}

#divVideos {
	position:absolute;
	right:27px;
	top:363px;
	width:320px;
	height: 282px;
	border:solid 0px red;
}

/*OCASION*/

.ocasionContent {
    position: relative;
    width:100%;
    border:solid 0px #696969;
    padding: 0px 0px 30px 0px;
}

.ocasionContent h1{
   font-weight:bold; 
   font-size: 1.3em; 
   margin:40px 0 55px 0;
   color:#696969;
   border-bottom:1px solid #696969;
    }
.ocasionContent h2{
   font-weight:bold; 
   font-size: 1.3em; 
   margin:0px 0 10px 0;
   padding:0px 0px 0px 0px;
   color:#696969;
   border-bottom:1px solid #696969;
   background:#fff;
    }

.ocasionContentIzq {
    position: relative;
	float:left;
    width:49%;
    border:solid 0px red;
}

.ocasionContentDer {
    position: relative;
	float:right;
    width:49%;
    border:solid 0px red;
}


.ocasionContentImg {
    position: relative;
    float:left;
	width:200px;
    border:solid 1px #696969;
	text-align: center;
}

.ocasionContentTxt {
    position: relative;
    float:right;
	width:280px;
    border:solid 0px red;
}

input.medium
{
	width:335px;
}

#marcas h2 {font-size:1.2em; margin:10px 0 6px 0; background:#696969; color:#fff; padding: 2px 5px 2px 10px;}
