/******************************************* CSS by srnmrdr @ elementocero.com.mx **********************************************/ /*______ 1. global ____________________________________________________________________________________________________________*/ body { font: normal 12px Helvetica,Arial,sans-serif; background:#5796C9 url(../imgns/bk.jpg) repeat-x; color:#646060; padding:0px; margin:0px; } a {color:#181a17; text-decoration:none;} a:visited {color:#181a17; text-decoration:none;} a:hover {color:#B03C3F; text-decoration:underline;} a:active {color:#181a17; text-decoration:none;} a:focus { outline:0; } /*______ 2. typography _________________________________________________________________________________________________________*/ .normal { font:normal 12px Helvetica,Arial,sans-serif; color:#646060; padding:0 2px 6px 2px; display:block; } .remark { font:normal 14px Helvetica,Arial,sans-serif; color:#646060; padding:3px 2px 2px 2px; display:block; } .normal2 { font:normal 12px Helvetica,Arial,sans-serif; color:#646060; padding:0 2px 6px 2px; display:inline; } .remark2 { font:normal 14px Helvetica,Arial,sans-serif; color:#646060; padding:3px 2px 2px 2px; display:inline; } .subtitles { font:normal 16px Helvetica,Arial,sans-serif; color:#0461c1; padding:12px 0 5px 0; display:block; } .footr { font:normal 11px Helvetica,Arial,sans-serif; color:#CCC; padding:0 22px 6px 22px; display:block; } .title { font:normal 18px Helvetica,Arial,sans-serif; color:#FF6600; padding-top:5px; margin:0px; display:block; } h1 { font:normal 23px Helvetica,Arial,sans-serif; color:#B03C3F; padding:5px 0 3px 4px; display:block; } h2 { font:normal 18px Helvetica,Arial,sans-serif; color:#B03C3F; padding:5px 0 3px 0; display:block; } .trams { color:#FE7A0B; } .egob { color:#E3B104; } /*______ 3. Menu _______________________________________________________________________________________________________________*/ .foo {display:block} #left { float:none; width:634px; height:30px; margin:0px auto; padding:0 0 5px 0; background:#FFF url(../imgns/bk_content.jpg) repeat; } #menu { position:absolute; background:#0B539B; width:620px; height:30px; padding:0px; margin:0px 7px; text-align:center; overflow:hidden; } .navi ul { list-style:none; margin:0; padding:0; } ul li { padding:0; float:left; } ul li a { display:block; width:103px; height:30px; text-decoration:none; } ul li a:hover { background-position:bottom; } ul li a span { display:none; } ul li a:focus { outline:0; } #inicio { background-image:url(../imgns/btn1.jpg); } #servicios { background-image:url(../imgns/btn2.jpg); } #casos { background-image:url(../imgns/btn3.jpg); } #asociados { background-image:url(../imgns/btn4.jpg); } #empresa { background-image:url(../imgns/btn5.jpg); } #contactanos { background-image:url(../imgns/btn6.jpg); } /*______ 4. Structure ___________________________________________________________________________________________________________*/ #contenido { background:#FFF; width:634px; height:auto; margin:0 auto; } #top { width:634px; height:226px; text-align:center; padding:0px; margin: 0; background:url(../imgns/top.jpg) no-repeat top center; } #content { width:634px; height:auto; margin:0px auto; padding:0px; background:url(../imgns/bk_content.jpg) repeat; } #content_borde { width:624px; height:auto; margin:0px 0px 0 9px ; padding:0px; } #main_col_A { width:202px; height:380px; margin:0; padding:0px; background:#F7EBEB; float:left; } #main_col_B { width:202px; height:380px; margin:0 0 0 5px; padding:0px; background:#FFF1E6; float:left; } #main_col_C { width:202px; height:380px; margin:0 0 0 5px; padding:0px; background:#FEF9E6; float:left; } #sistemas_col_A { width:202px; height:31px; margin:0; padding:0px; background:#F7EBEB; float:left; } #sistemas_col_B { width:202px; height:31px; margin:0 0 0 5px; padding:0px; background:#FFF1E6; float:left; } #sistemas_col_C { width:202px; height:31px; margin:0 0 0 5px; padding:0px; background:#FEF9E6; float:left; } #content2{ width:634px; height:300px; margin:0px auto; padding:0px; background:url(../imgns/bk_content.jpg) repeat; } #content2_borde { width:623px; height:300px; margin:0px 0px 0 9px ; padding:0px; } #main_col_1 { width:201px; height:300px; margin:0; padding:0px; background:#F1F1F1; float:left; } #main_col_2 { width:201px; height:300px; margin:0 0 0 6px; padding:0px; background:#F1F1F1; float:left; } #main_col_3 { width:201px; height:300px; margin:0 0 0 6px; padding:0px; background:#F1F1F1; float:left; } p, pre { padding:5px 6px; margin:0px; } #content_sistems { width:610px; height:auto; margin:0 0 0 8px ; padding:0px; background:#FFF; } #izquierda { width:360px; height:auto; margin:0 0 0 8px; padding:0; float:left; } #derecha { width:230px; height:auto; margin:0 10px 0 0; padding:0; float:right; } #derechaIE { width:225px; height:auto; margin:0 10px 0 0; padding:0; float:right; } #izq11 { width:75px; height:130px; margin:0 0 0 8px; padding:0; float:left; } #der11 { width:500px; height:130px; margin:0 10px 0 0; padding:0; float:right; } #content_asoc { width:610px; height:750px; margin:0 0 0 8px ; padding:0px; background:#FFF; } #izq22 { width:115px; height:120px; margin:0 0 0 8px; padding:0; float:left; } #der22 { width:460px; height:120px; margin:0 8px 0 0; padding:0; float:left; } #footer { background:#5796C9 url(../imgns/foot.jpg) no-repeat top center; clear:both; text-align:left; width:634px; height:73px; margin:0 auto; padding:0; } #elemento { background:none; clear:both; width:634px; height:30px; margin:0 auto; padding:10px 0 0 0; text-align:right; font-size:9px; color:#333333; } /*_______ 5. FORMULARIO _______________________________________________________________________________________________________*/ #registro { width:350px; border:none; height:auto; padding:0px; margin:0px; } #registro fieldset { border:none; border:#FFFFFF; } #registro p br { clear: left; } .enviar{ margin:4px 0 0 80px; } input { background-color:#FBFBFB; font:normal 12px Helvetica,Arial,sans-serif; color:#7F7F7F; border:#8EB2CF 1px solid; padding:3px; } input:focus { background-color:#FFF; color:#3F3F3F; border:#4D98CF 1px solid; } textarea { background-color:#FBFBFB; font:normal 12px Helvetica,Arial,sans-serif; color:#7F7F7F; border:#8EB2CF 1px solid; padding:3px; } textarea:focus { background-color:#FFF; color:#3F3F3F; border:#4D98CF 1px solid; } .AltBtn { background-color:#0461C1; padding:2px; font:bold 16px Helvetica,Arial,sans-serif; color: #FFF; border:#4A8BC1 1px solid; cursor:pointer; } .AltBtn:hover { background-color:#FFF; padding:2px; font:bold 16px Helvetica,Arial,sans-serif; color: #0461C1; border:#4A8BC1 1px solid; cursor:pointer; } /*______________________________________________________________________________________________________________________________*/