/* CSS Document */
* { margin: 0; padding: 0; }

body, p, a, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
body { background-color: #F5F5F5; }

h1 { font-size: 12px; margin: 20px 0 10px; }
h2 { font-size: 11px; clear: both; }

p { margin: 5px 0; }

a { color: #CC0000; text-decoration: none; }
a:hover{ color: #FF9900; text-decoration: none; }

.boton { font-size: 11px; color: #555555; background-color: #e5e5e5; border: 1px solid #666666; padding: 2px; background: URL('images/button_back.gif') repeat-x; font-weight: bold; }

#content { margin: 30px auto 30px; background-color: #FFFFFF; overflow: hidden; width: 746px; border: 1px solid #6E706D; }
#header { width: 746px; height: 120px; background: URL('images/header.jpg') no-repeat; overflow: hidden; }
#header img { border: none; float: left; margin: 5px; }
#header ul { list-style-type: none; float: right;  }
#header ul li { margin: 3px 10px 3px 0; }
#header ul li a { font-weight: bold; color: #000000; display: block; width: 140px; height: 16px; padding: 0 0 0 20px; }
#header li a:hover { text-decoration: underline; }
#header li a.item1 { background: URL('images/home_small.jpg') no-repeat; }
#header li a.item2 { background: URL('images/email_small.jpg') no-repeat; }
#header li a.item3 { background: URL('images/aboutus_small.jpg') no-repeat; }
#header li a.item4 { background: URL('images/cv.jpg') no-repeat; }

#left { width: 140px; float: left; overflow: hidden; margin: 5px 10px 5px 5px; border-right: 1px solid #F38E02; padding: 2px; }
#center { width: 580px; float: left; overflow: hidden; }
#footer { width: 746px; height: 20px; clear: both; border-top: 1px solid #707070; }

#menu { list-style-type: none; margin: 10px 0 20px; }
#menu li { margin: 0 0 5px 0; }
#menu li a { font-weight: bold; color: #000000; display: block; width: 140px; height: 22px; padding: 10px 0 0 40px; }
#menu li a:hover { text-decoration: underline; }
#menu li a.item1 { background: URL('images/m_productos.jpg') no-repeat; }
#menu li a.item2 { background: URL('images/m_servicios.jpg') no-repeat; }
#menu li a.item3 { background: URL('images/m_fotolibro.jpg') no-repeat; }
#menu li a.item4 { background: URL('images/m_galeria.jpg') no-repeat; }
#menu li a.item5 { background: URL('images/m_consejos.jpg') no-repeat; }
#menu li a.item6 { background: URL('images/m_home.jpg') no-repeat; }

#loginform p { clear: both; }
#loginform p label { font-size: 10px; display: block; margin: 0 0 5px 0; }
#loginform p input { border: 1px solid #999999; width: 110px; padding: 2px; margin: 0 0 5px 0; }
#loginform p input.boton { width: auto; }
#loginform ul li { font-size: 10px; margin: 2px 0; }
#loginform ul li a { font-size: 10px; }
#loginform #email, #loginform #pass { width: 120px; overflow: hidden; border: 1px solid #F38E02; padding: 2px; color: #555555;}

#center #homePrint { float: left; margin: 5px 0 20px 0; }
#center #homePrint img { border: none; }
#center #homeRight { float: left; }
#center #homeRight p { width: 150px; }
#center #homeRight h1 { font-size: 16px; }

#imgNavBar { list-style-type: none; overflow: hidden; width: 601px; height: 140px; }
#imgNavBar li { float: left; }
#imgNavBar li img { border: none; }

#aboutUsImg {float: left; margin: 0 10px 20px 0; border: 1px solid #777777; }
#contactPage { float: left; width: 270px; }
#contactPage p { width: 250px; }
#contactForm { margin: 15px 0; overflow: hidden; }
#contactForm p { width: auto; clear: both; overflow: hidden; margin: 0 0 7px 0; }
#contactForm label { float: left; padding: 2px 0 0 0; width: 80px; }
#contactForm input { width: 200px; }
#contactForm textarea { width: 200px; height: 75px; }
#contactForm input.boton { width: auto; display: block; margin: 0 0 0 150px; }

#serviceList { float: left; margin: 0 10px 0; width: 250px; }
#serviceList li { margin: 0 0 0 20px; }

#footer p { font-weight: bold; font-size: 9px; text-align: center; margin: 3px 0 0 0; }
#footer p a { font-size: 9px; }

#albumDirList li{ height:40px;}