/*
                                        
         #   #   #       #   #          
### # #  #  ###     ###  #      ###  ## 
### # #  #   #   #  # #  #   #  #   # # 
# # ###  ##  ##  ## ###  ##  ## ### ### 
                    #  

Proyecto: Sodexo pass
Resumen: Estilos General
Version: 0.1a
Descripcion:
	1.- Hack de Estilos
	2.- Estilos generales de tipografia y enlaces
	
----- PALETA COLORES ------
TEXTOS
Azul Link y Titulos: #014665
Gris: #333333
Fucsia Link Visited: #72A1B7

*/

/**CSS RESET**/
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 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;}
: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;border:0;}
.oculto, hr, legend{display:none;visibility:hidden;}
/**CSS RESET**/

/*Estilos Generales de tipografia y enlaces*/
body{font-family:Arial, Helvetica, sans-serif;color:#333;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}
strong{font-weight: bold;}
.cursiva{font-style: italic; font-size: 10px; color: #888;}
.aho{font-style: italic; font-size: 12px; color: #666;}

/*Estilos Generales de Estructura*/
#content{width: 780px; margin: 10px auto 0; }
.clear{clear: both;}
.martop-110{margin-top: -92px;}
.martop_20{margin-top: 20px;}
.martop-20{margin-top: -5px!important;}
.martop_5{margin-top: 5px;}
.marlef_40{margin-left: 40px;}
.marlef_60{margin-left: 60px;}
.marder_5{margin-right: 5px;}
.izq{float: left;}
.der{float: right;}
.center{text-align: center; width: 200px!important;}
.nobor{border: 0!important;}
.destaca_gris{width: 104px; text-align: right; font-weight: bold; color: #999; font-size: 18px!important;}
.destaca_oscuro{width: 100px; text-align: right; font-weight: bold; color: #333; font-size: 18px!important;}
.w50{width: 50%;}
.w30{width: 30%;}
.w150{width: 150%;}
.w200{width: 200%;}

.nota{ text-align: center;}


.lightbox_750{width: 750px; margin: 10px auto;}
.inicio_lightbox_750{width: 750px; height: 30px; background: transparent url(../gral/images/inicio_lightbox_750.gif) no-repeat;}
.inicio_lightbox_750 p{text-align: right; margin-right: 4px; padding-top: 4px;}
.final_lightbox_750 {text-align: center; width: 750px; height: 20px; background: transparent url(../gral/images/final_lightbox_750.gif) no-repeat;}
.final_lightbox_750 p a{color: #004665;}


.bg_comof{ background: #7FCFE2 url(../gral/images/bg_comof.png) no-repeat left top;}

.cerrar {  }
.cerrar a{font-size: 12px; color: #C00;}
.cerrar a:hover{ text-decoration: none;}
.cerrar a img { vertical-align: middle;}
.flotar{ padding: 10px 10px 0 0;} 
.comofunciona ul.opc{padding-left: 5px;}
.comofunciona ul.opc li{padding-left: 15px; background: url(../gral/images/bullet_sidebar.png) no-repeat left 6px;}


.validador{margin-top: 4px; margin-left: 9px;position: absolute;width: 16px;height: 16px;}

/* http://cl.multiplica.com/sodexo/gral/images/ico_bullet.png*/