/**********************************
  Hoja de estilos - Comunes
  Julio Gonzalo Gonzalo         
 **********************************/


margin 				{ 0px }
border 				{ 0px }

body 				{ margin:				     0px; 
					  font: 					 80%/150% "Lucida Grande", Verdana, sans-serif;
					  color: 				 	 #434037;
					}
					
p					{ text-align:		   justify; }
					
h1					{ margin:					0px; 
					  padding:					20px 0 6px 0;
					  font-family:				"Helvetica Neue",Helvetica,Arial,sans-serif;
					  font-weight:				normal;
					  font-size:				18px;
					}
					
h2					{ margin:					0px; 
					  padding:					0px;
					  font-size:			   20px;
					  font-weight:			   bold;
					  color:				#f06000;
					}
					
h3					{ font-size:			  19px;
					  padding:            10px 0px; }
					  
h4					{ margin: 0px;
					  font-size:			  17px;
					  padding:            10px 0px; }	
					  
h5					{ margin: 0px;
					  font-size:			  15px;
					  padding:            10px 0px; }				
					  
			
a					{ color:			   #3f6cdf; }					
a img				{ border:				  none; }
					
/**********************************
 Tipografia
 **********************************/

.small_text			{ font-size:			   9px; }
.medium_text		{ font-size:			  11px; }

.blanco				{ color:			   #FFFFFF; }
.gris				{ color:			   #b3b5b7; }

/**********************************
 Clases utiles
 **********************************/

.border 			{ border: 		 1px solid red; }

.dashed				{ border:		 	1px dashed;	}

.carro 				{ clear: 				  both; }

.invisible			{ display:				  none; }

.visible			{ display:				 block; }

.oculto				{ visibility:			hidden; }

.descubierto        { visibility:		   visible; }

 		
/* alineacion */

.centered           { text-align:           center; }
.justified			{ text-align:		   justify; }

.vertical_middle    { vertical-align:       middle; }
.vertical_top       { vertical-align:          top; }
.vertical_bottom    { vertical-align:       bottom; }

.elem_left          { float:                  left; }
.elem_right         { float:                 right; }

.inline             { display:              inline; }

/* margenes */

.margin             { margin:                 10px; }
.no_margin          { margin:                 0;    }
.margin_left        { margin-left:            10px; }
.margin_right       { margin-right:           10px; }
.margin_top         { margin-top:             10px; }
.margin_bottom      { margin-bottom:          10px; }
.margin_top30px     { margin-top:			  30px; }


/* padding */

.padding            { padding:                10px; }
.padding_left       { padding-left:           10px; }
.padding_right      { padding-right:          10px; }
.padding_top        { padding-top:            10px; }
.padding_bottom     { padding-bottom:         10px; }


/* altura */

.h60px  { height:           60px; }
.h90px  { height:           90px; }
.h100px { height:          100px; }
.h110px { height:          110px; }
.h120px { height:          120px; }
.h130px { height:          130px; }
.h150px { height:          150px; }
.h170px { height:          170px; }
.h200px { height:          200px; }
.h220px { height:          220px; }


/* anchura */

.w90px  { width:             90px; }
.w100px { width:            100px; }
.w150px { width:            150px; }
.w180px { width:            180px; }
.w200px { width:            200px; }
.w220px { width:            220px; }
.w230px { width:            230px; }
.w250px { width:            250px; }
.w500px { width:            500px; }