html, #body {width: 100%; height: 100%;}

body#body {
  margin: 0;
  padding: 0;
  font-family: "Verdana";
  font-size: 85%;
  background: url(../images/background.jpg) repeat;
  background-color:#000;
}

.text {color: #333; font-size: 85%; text-decoration: none;}

.link {color: #CCCCCC; font-size: 70%; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.linkoff {color: #666666; font-size: 70%; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

* {margin: 0; padding: 0;}

:focus { -moz-outline-style: none;}

a img {
border:0;
}

img { -ms-interpolation-mode : bicubic; }

/* CLEAR */

.clear {clear: both;}

/* FIN DE CLEAR */

/* TITULOS */

h1, h2, h3, h4, h5 {}

h1 {font-size: 150%;}

h2 {font-size: 140%;}

h3 {font-size: 130%;}

h3.blacktitle {
  width: 950px;
  height: 23px;
  color: #fff;
  font-size: 105%;
  margin: 10px auto 0 auto;
  padding: 7px 0 0 10px;
  background: url(../../images/h3-black.jpg) repeat-x;
}

h4 { font-size: 120%; }

h5 { font-size: 110%; }

/* FIN DE TITULOS */

/* LINKS */

li { list-style: none; }

a, a:visited {}

a:hover {}

form a, form a:visited  {font-weight: bold; color: #666;}

form a:hover {text-decoration: none;}

/* FIN DE LINKS */


/* FOTO PRODUCTOS MAIN */

body#body .fotoproductos-main {width: 510px; height: 286px; border: solid 1px #262626; position: relative; margin-top: 10px; margin-bottom: 0px}
body#body .fotoproductos-main-oftalmics {width: 372px; height: 209px; border: solid 1px #262626; position: relative; margin-top: 10px; margin-bottom: 0px}
body#body .fotoproductos-Colors {width: 40px; height: 40px; border: solid 1px #262626; position: relative; }

/* FIN DE FOTO PRODUCTOS MAIN */

/* FOTO PRODUCTOS */

body#body .fotoproductos {width: 238px; height: 134px; border: solid 1px #262626; position: relative; margin-top: 10px}

/* FIN DE FOTO PRODUCTOS */


/* FOTO PRODUCTOS MINI */

body#body .fotoproductos-mini {width: 115px; height: 65px; border: solid 1px #fff; position: relative; margin-top: 0}

/* FIN DE FOTO PRODUCTOS MINI */


/* FOTO NOTICIAS MINI */

body#body .fotonoticias-mini {width: 100px; height: 83px; border: solid 1px #262626; position: relative; margin-top: 0}

/* FIN DE FOTO NOTICIAS MINI */

/* FOTO TEAM MINI */

body#body .fototeam-mini {width: 80px; height: 80px; border: solid 1px #262626; position: relative; margin-top: 0}

/* FIN DE FOTO TEAM MINI */

/* FOTO NOTICIA */

body#body .fotonoticia {width: 290px; height: 240px; border: solid 1px #262626; position: relative; margin-top: 0}

/* FIN DE FOTO NOTICIA */

/* BAR PRODUCTOS */

#bar-productos {
	height: 21px;
	width: 230px;
	color: #fff; 
	font-size: 90%; 
	padding: 7px 0 0 10px; 
	background-color:#262626; 
	text-transform: uppercase; 
    float: left;
	font-weight: bold;
	text-decoration: none;
	margin-top: -4px;
}

#bar-productos a {color:#CCC; text-decoration: none;}
	
#bar-productos a:hover {color:#fff; text-decoration: none;}

/* FIN DE BAR PRODUCTOS */

/* PRODUCTOS Colors */

#Colors {color:#262626; text-decoration: none; font-size: 90%; float: left;  }

/* FIN DE PRODUCTOS Colors */


/* background - Se utiliza para el color de background general de la plantilla */

#background-home {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: transparent;}

#background {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: #fff;}

#background-back {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: url(../../images/back.jpg) repeat-y;}

#background-empresa {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: 30px; /* Altura del footer */ background: url(../../images/back_empresa2.jpg) repeat-y;}

#background-team {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: url(../../images/back_team.jpg) repeat-y;}

#background-eyememo {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: url(../../images/back_eyememo.jpg) repeat-y;}

/* FIN DE background */


/* center */

#center {
  width: 950px;
  min-height: 100%;
  height: auto;
  margin: 0 0;
}

/* FIN DE center */

/* HEAD */

#head {height: 58px; background-color:#000;}

#head #logo {display: block; float: left; width: 299px; height: 58px; background: url(../../images/header.gif) top no-repeat;}

/* FIN DE HEAD */


/* MENU */

#menu {height: 40px; background-color:#262626; margin-bottom: 0}

#menu ul {}

#menu li, #menu li a {float: left; list-style: none; display: block;}

#menu li a, #menu li a:visited {padding: 14px 10px 6px 10px;
text-transform: none; text-decoration: none; color: #fff; font-size:75%; font-weight: bold;}

#menu li a:hover {color: #33FF00;}

#menu li a#link_1 {border-left: none;}

#menu li a#link_7 {border-right: none;}

#menu li a:hover, #menu li a.current {color: #33FF00;}

/* FIN DE MENU */



/* MENU PRODUCTOS */

#menu-productos {
  width: 150px;
  padding: 10px 0 0 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 33px;
  float: left;
}

#menu-productos h3 {height: 18px; color: #000; font-size: 75%; padding: 5px 2px 0 10px; text-transform: uppercase; margin-top: 0; border-bottom: solid 1px #B0BCD1; }

#menu-productos ul {padding: 0 5px;}

#menu-productos li {height: 18px; color: #666; font-size: 85%; padding: 3px 2px 0 10px; text-transform: uppercase; margin-top: 0; }

#menu-productos li a, #recent-articles li a:visited {text-decoration: none; font-size: 85%; font-weight: bold; color: #666;}

#menu-productos li a:hover {color: #666; background-color:#999; padding: 6px 100px 5px 2px;}

/* FIN DE MENU PRODUCTOS */




/* main */

#main {
  width: 950px;
  padding: 0;
  float: left;

}

/* FIN DE main */


/* main NOTICIAS */

#main-noticias {
  width: 910px;
  padding: 0 20px;
  float: left;
  padding-bottom: 30px; /* 10px + altura del footer */

}

/* FIN DE main NOTICIAS */




/* main PRODUCTOS */

#main-productos {
  width: 770px;
  padding: 0;
  float: left;
  padding-bottom: 30px; /* 10px + altura del footer */
}
#main-productos h5 {color: #333; font-size: 85%; padding: 0; text-decoration: none; float: left; display: block;}

#main-productos h5 a {color: #999; font-size: 100%; padding: 0; text-decoration: none;}

#main-productos h5 a:hover {color: #CCC; text-decoration: none;}

/* FIN DE main PRODUCTOS */




/* main TEAM */

#main-team {
  width: 910px;
  padding: 0 20px;
  float: left;
  padding-bottom: 30px; /* 10px + altura del footer */
}

/* FIN DE main TEAM */


/* PRODUCTOS TOP BAR NOTICIAS */

#topbar-noticias {width: 900px; height: 23px; position: relative; margin: 0; background-color:#262626; color: #CCC; font-size: 80%; font-weight: bold; margin-top:10px; padding: 5px 5px 0 5px}

#topbar-noticias2 {width: 900px; height: 23px; position: relative; margin: 0; background-color:#262626; color: #CCC; font-size: 80%; font-weight: bold; margin-top:10px; padding: 5px 5px 0 5px}

#topbar-noticias h2 {float: left; display: block; padding: 0 0 0 8px; }

/* FIN de PRODUCTOS TOP BAR */


/* PRODUCTOS TOP BAR */

#topbar {width: 760px; height: 23px; position: relative; background-color:#262626; padding: 6px 0 0 5px; margin-top:10px;}

#topbar-flechas {width: 760px; height: 23px; position: relative; background-color:#262626; padding: 0; font-size: 90%; margin-top:10px;}

#footer-links a {color: #CCC; font-size: 75%; font-weight: bold; text-decoration: none; }

#ttl {color: #CCC; font-size: 90%; font-weight: bold; text-decoration: none;}


/* FIN de TOP BAR */


/* LISTAS */

#main ul {}

#main li {}

/* FIN DE LISTAS */







/* SIDEBAR HOME 1 */

#sidebarhome-1 {width: 950px; float: left; padding: 5px 0 2px 0; }

#sidebarhome-1 img {margin-bottom: 2px;}

#sidebarhome-1 a img {border: solid 3px #CCC; width: 307px; height: 146px; text-decoration: none;}

/* FIN DE HOME 1 */



/* PRODUCTOS MAIN FOTO */

#productos-mainfoto {width: 510px; float: left; padding: 0; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 10px; font-size: 80%; color:#262626; }

#productos-mainfoto h5 {color: #333; font-size: 100%; padding: 0; text-decoration: none;}

/* FIN DE SIDEBAR PRODUCTOS 1 */


/* SIDEBAR PRODUCTOS 1 */

#sidebarproductos-1 {width: 240px; float: left; padding: 0; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 10px}

#sidebarproductos-1 a, #sidebarproductos-1 a:visited {text-decoration: none;}

#sidebarproductos-1 a:hover {text-decoration: underline;}

#sidebarproductos-1 a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR PRODUCTOS 1 */


/* SIDEBAR PRODUCTOS INFO */

#sidebarproductos-info {width: 240px; float: left; padding: 0; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 10px}

#sidebarproductos-info a, #sidebarproductos-1 a:visited {text-decoration: none;}

#sidebarproductos-info a:hover {
	text-decoration: none;
	text-align: center;
}

#sidebarproductos-info a img {border: none; text-decoration: none;}

#sidebarproductos-info h1 {color: #262626; font-size: 180%; padding: 0  0 4px 0;text-transform: uppercase; margin-top: 7px; }

#sidebarproductos-info h3 {color: #666666; font-size: 100%; padding: 4px 0 8px 0;text-transform: uppercase; }

#sidebarproductos-info h5 {color: #262626; font-size: 80%; margin-top: 7px; padding: 0 0 0 10px;}

/* FIN DE SIDEBAR PRODUCTOS 1 */


/* NOTICIAS RESENIA  */

#noticias-resenia {width: 950px; float: left; padding: 10px 0 0 0; }

#noticias-resenia #img {width: 115px; float: left; }

#noticias-resenia #texto {width: 800px; float: left; position: relative; color: #262626; font-size: 90%;}

#noticias-resenia #texto h1 {color: #262626; font-size: 120%; padding: 0;text-transform: uppercase; margin-top: 7px;}

#noticias-resenia #texto a, #noticias-resenia #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#noticias-resenia #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE NOTICIAS RESENIA */


/* TEAM RESENIA  */

#team-resenia {width: 300px; float: left; padding: 10px 0 0 10px; }

#team-resenia #img {width: 90px; float: left; }

#team-resenia #texto {width: 210px; float: left; position: relative; color: #262626; font-size: 90%;}

#team-resenia #texto h1 {color: #262626; font-size: 120%; padding: 0;text-transform: uppercase; margin-top: 7px;}

#team-resenia #texto a, #noticias-resenia #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#team-resenia #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE TEAM RESENIA */




/* NOTICIA  */

#noticia {width: 950px; float: left; padding: 10px 0 0 0; }

#noticia #img {width: 305px; float: left; }

#noticia #texto {width: 500px; float: left; position: relative; color: #262626; font-size: 90%;}

#noticia #texto h1 {color: #262626; font-size: 150%; padding: 0;text-transform: uppercase; margin-top: 7px;}

#noticia #texto a, #noticia #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#noticia #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE NOTICIA */


/* TEAM  */

#team {width: 950px; float: left; padding: 10px 0 0 0; }

#team #img {width: 400px; float: left; }

#team #texto {width: 500px; float: left; position: relative; color: #262626; font-size: 90%;}

#team #texto h1 {color: #262626; font-size: 150%; padding: 0;text-transform: uppercase; margin-top: 7px;}

#team #texto a, #team #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#team #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE TEAM */


/* LINKS  */

#links {width: 950px; float: left; padding: 10px 0 0 0; }

#links #texto {width: 800px; float: left; position: relative; color: #262626; font-size: 120%;}

#links #texto a, #noticias-resenia #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#links #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE LINKS */


/* CONTACTO  */

#contacto {width: 950px; float: left; padding: 10px 0 0 0; }

#contacto #texto {width: 800px; float: left; position: relative; color: #262626; font-size: 100%;}

#contacto #texto h1 {color: #262626; font-size: 120%; padding: 0;text-transform: uppercase; margin-top: 7px;}

#contacto #texto a, #noticias-resenia #texto a:visited {text-decoration: none; font-weight: bold; color: #999933}

#contacto #texto a:hover {color: #ccff00; text-decoration: none;}

/* FIN DE CONTACTO */











/* FOOTER */

#footer {width: 940px; height: 20px; position: relative; margin: 0 auto;
color: #666; font-size: 70%;}

#footer #copyright {width: 300px; float: left; display: block; padding: 0 0 0 -40px;}

/* FIN DE FOOTER */