@charset "UTF-8";
/*

CSS JJED Advisors
Por Ramses Martínez
Momentum Media Design
2010

*/

/******-----:::GENERAL:::--------------------------------------------------------------------------------------------------******/
body { background:url(common/bkg_page.png) top left repeat-x #002B5C; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%}
#container { background:#333333; margin:0 auto; padding:0 10px 10px 10px; position:relative; width:960px;}
#header { background: url(common/bkg_header.png) top left repeat-x; height:80px; margin-bottom:10px; width:inherit;}
#content { background:no-repeat #fff; padding:40px 0; width: inherit;}
.mainContent { padding:0px 360px 0px 70px; margin-left:20px;}
#footer { color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px auto; padding:0 20px; width:940px;}

/******-----:::TAG STYLE:::--------------------------------------------------------------------------------------------------******/

/*iniline*/
.entry p, p.entry, li.entry { font-size:1.2em; line-height:2em; padding-bottom:1.8em;}
.entry em, em.entry { font-style:italic;}
.entry strong, strong.entry { font-weight:bold;}

/*headers*/
h2 { color:#004B8D; font-size:1.8em; padding-bottom:1.8em;}
h3 { color:#004B8D; font-size:1.8em; padding-bottom:.3em;}

/*links*/
a { color:#336FA4; text-decoration:none;}
a:hover { color:#002B5C; text-decoration:underline;}

/*listas*/
.entry ul, .entry ol, .entry dl  { font-size:1.2em; line-height:1.5em; padding-bottom:1.5em;}
.entry ul li { list-style-type: disc }
.entry ol li { list-style-type: decimal }
.entry li { list-style-position: outside; margin-left: 40px; padding-bottom: 1em }

/*formas*/
form { font-family:inherit; font-size:1.2em; line-height:1.5em;}
input[type="text"], input[type="password"], textarea { background:#F7F7F7; border:1px solid #D9D9D9; color:#333; font-family:inherit; padding:3px; width:180px;}
label { display:block; float:left; margin-bottom:10px; padding-right:20px; text-align:right; width:120px;}
select { padding:2px;}
textarea { height:6em; width:280px;}
button { background:url(common/bkg_button.png) top left repeat-x; border:1px solid #002B5C; cursor:pointer; display:block; float:left; padding:3px 5px; margin-right:20px;}
button span { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif;}

ul.fList li{ margin-bottom:10px;}
ul.fList li label { color:#004B8D;}

/******-----:::MAIN LAYOUT:::--------------------------------------------------------------------------------------------------******/

/*---***HEADER***---*/
#hdLogoBox { margin:20px 0 0 20px; float:left;}
h1#logoTitle { background:url(common/logo) top left; display:block; height:40px; width:324px;}
h1#logoTitle a { display:block; height:40px; width:324px }
#hdMenuBox { margin-left:454px; }
#menuList { padding:5px 0;}
.menuItem { background:url(common/bkg_lineMnu.png) right top no-repeat; float:left; padding:35px 20px;}
.menuItemLast { background:none;}
.menuLink { background:no-repeat top left; cursor:pointer; display:block; height:10px;}
#mnuInicio { background-image:url(common/mnu_inicio.png); width:42px;}
#mnuNosotros { background-image:url(common/mnu_nosotros.png); width:69px;}
#mnuServicios { background-image:url(common/mnu_servicios.png); width:63px;}
#mnuEventos { background-image:url(common/mnu_eventos.png); width:57px;}
#mnuContacto { background-image:url(common/mnu_contacto.png); width:71px;}

/*---***CONTENT***---*/
.titlePage { background:top left no-repeat; display:block; height:29px; margin-bottom:25px; margin-left:70px; width:inherit;}

#titleNosotros { background-image:url(common/title_nosotros.png);}
#titleServicios{ background-image:url(common/title_servicios.png);}
#titleEventos{ background-image:url(common/title_eventos.png);}
#titleContacto{ background-image:url(common/title_contacto.png);}

#pageNosotros #content { background-image:url(common/bkg_nosotros.jpg); background-position: 615px 10px;}
#pageServicios #content { background-image:url(common/bkg_servicios.jpg); background-position: 615px 10px;}
#pageEventos #content { background-image:url(common/bkg_eventos.jpg); background-position: 700px 10px;}
#pageContacto #content { background-image:url(common/bkg_contacto.jpg); background-position: 615px 10px;}

.subSecBox { background:url(common/bkg_subSec.png) top left repeat-x #F2F2F2; padding:20px 10px;}

/*---***FOOTER***---*/
#ftAdvisorsBox { float:left;}
#ftCopyJJED { font-size:1.1em;}
#ftPhoneNumbers { color:#80A5C6;}
#ftMMDBox { margin-left:856px;}
#ftMMD { background:url(common/logo_mmd.png) top left no-repeat; display:block; height:33px; margin-left:10px; width:66px;}

/******-----:::SECTION STYLE:::--------------------------------------------------------------------------------------------------******/

/*HOME*/
#pageHome #content { padding:0 0 9px 0; width:inherit;} 
#pageHome .mainContent{ padding:15px 0 15px 15px; margin:0;}
.hmBoxes { float:left; height:150px; margin:0 6px 6px 0; width:150px;} 
.hmText { background:#004B8D; height:120px; padding:15px 10px; width:286px;}
.hmText p {color:#FFF; font-size:1.2em; font-style:italic; line-height:1.7em} 

/*NOSOTROS*/
#pageNosotros .subSecBox { height:160px; float:left; width:220px;}
#secNosotros { margin-bottom:30px;}
#secMision.subSecBox { margin-right:30px;}

/*SERVICIOS*/
#mainListServ { font-size:1.4em; height:30px; line-height: 1.8em; margin:10px 0 30px 0; width:580px;}
.itemListServ { border-right:1px solid #336FA4; float:left; list-style-type:none; margin-left:0; margin-right:10px; padding-right:10px;}
.lastItemListServ { margin-right:0; padding-right: 0; border:none;}
.linkUp { background:url(common/btn_up.png) no-repeat left top; display:block; height:13px; position:absolute; right:10px; top:10px; width:15px;}

#pageServicios .subSecBox { clear:both; margin-bottom:50px; position:relative;}

/*EVENTOS*/
#pageEventos .mainContent { padding-right:210px;}
.eventBox { margin-bottom:50px;}
.eventBox .entry { padding-right:150px;}
.eventGalBox { margin:40px 0 0 0px;}
.eventGalItem { float:left; margin:0 30px 30px 0;}

#eventBox-1 .mainContent { float:left; padding:0 50px 0 70px; width:300px;} 
#eventBox-1 .eventGalItem { margin-top:105px;}

.moreInfoLink { font-size:1.2em;}
.cityBox { border-bottom:1px solid #CCCCCC; padding:20px 0;}
.cityBox p { padding-bottom:.4em}

#pageEventos .itemListServ a { color: #91bbe0}
#pageEventos .itemServActive a { color:#336FA4 }

/*CONTACTO*/
#pageContacto .mainContent{ padding-right:0;}
#formContacto { float:left; margin-bottom:20px;}
.bottomFormContacto { margin-left:140px;}
#buttonsBox { height:30px; margin-top:20px;}
#contactInfo { margin:170px 0 0 500px; width:320px;}

label.invalid { clear: left; color: #f00 !important; float: none; margin-left: 140px; text-align: left; width: 350px }
input.invalid, textarea.invalid { background-color: #fff2f2 }

/******-----:::FIXES:::--------------------------------------------------------------------------------------------------******/
h1 span, a span { display:none;}
#content:after, .mainContent:after, #mainListServ:after, #formContacto:after, #typePhoneList:after, .eventGalBox:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden }

/*IE7*/
body.ie7 #content, body.ie7 #mainListServ, body.ie7 #formContacto, body.ie7 #typePhoneList, body.ie7 #eventGalBox { overflow-y: auto; }
body#pageHome.ie7 .hmBoxes  { margin-bottom:-9px;}
body#pageHome.ie7 #content { padding-bottom:24px;}
body#pageServicios.ie7 .mainContent{ overflow-x: hidden;}
body#pageNosotros.ie7 .subSecBox { height:auto;}